:root {
  --admin-bg: #f5f7fb;
  --admin-bg-elevated: #eef4ff;
  --admin-surface: #ffffff;
  --admin-surface-muted: #f8fafc;
  --admin-surface-strong: #f1f5f9;
  --admin-text: #0f172a;
  --admin-text-soft: #334155;
  --admin-text-muted: #64748b;
  --admin-text-faint: #94a3b8;
  --admin-border: #dbe3ef;
  --admin-border-soft: #e2e8f0;
  --admin-border-strong: #cbd5e1;
  --admin-primary: #1d4ed8;
  --admin-primary-hover: #1e40af;
  --admin-primary-dark: #172554;
  --admin-primary-soft: #dbeafe;
  --admin-primary-soft-2: #eff6ff;
  --admin-success: #15803d;
  --admin-success-soft: #dcfce7;
  --admin-success-border: #bbf7d0;
  --admin-warning: #b45309;
  --admin-warning-soft: #fef3c7;
  --admin-warning-border: #fde68a;
  --admin-orange: #c2410c;
  --admin-orange-soft: #ffedd5;
  --admin-orange-border: #fed7aa;
  --admin-danger: #b91c1c;
  --admin-danger-dark: #7f1d1d;
  --admin-danger-soft: #fee2e2;
  --admin-danger-soft-2: #fef2f2;
  --admin-danger-border: #fecaca;
  --admin-info: #0369a1;
  --admin-info-soft: #e0f2fe;
  --admin-info-border: #bae6fd;
  --admin-radius-sm: 0.75rem;
  --admin-radius-md: 1rem;
  --admin-radius-lg: 1.25rem;
  --admin-radius-xl: 1.5rem;
  --admin-radius-2xl: 2rem;
  --admin-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --admin-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);
  --admin-shadow-md: 0 16px 40px rgba(15, 23, 42, 0.08);
  --admin-shadow-lg: 0 24px 70px rgba(15, 23, 42, 0.13);
  --admin-focus: 0 0 0 4px rgba(37, 99, 235, 0.22);
  --admin-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--admin-bg);
}

body {
  margin: 0;
  min-height: 100%;
  background: var(--admin-bg);
  color: var(--admin-text);
  font-family: var(--admin-font);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea {
  font: inherit;
}

button, a, input, select, textarea {
  transition: background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    opacity 160ms ease,
    transform 160ms ease;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none;
  box-shadow: var(--admin-focus);
}

.admin-shell {
  display: grid;
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(219, 234, 254, 0.95), transparent 30rem),
    linear-gradient(135deg, #f8fafc 0%, var(--admin-bg) 48%, #eef4ff 100%);
  color: var(--admin-text);
}

.admin-main {
  min-width: 0;
  width: 100%;
  padding: 1.125rem;
}

.admin-sidebar {
  display: none;
}

.admin-brand {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--admin-primary-dark);
  text-decoration: none;
}

.admin-brand-mark, .admin-login-mark {
  display: inline-flex;
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--admin-radius-md);
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.42), transparent 34%),
    linear-gradient(135deg, var(--admin-primary), var(--admin-primary-dark));
  color: #ffffff;
  font-weight: 950;
  letter-spacing: -0.04em;
  box-shadow: 0 16px 36px rgba(29, 78, 216, 0.28);
}

.admin-brand strong {
  display: block;
  color: var(--admin-text);
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.05;
}

.admin-brand small {
  display: block;
  margin-top: 0.22rem;
  color: var(--admin-text-muted);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.2;
}

.admin-nav {
  display: grid;
  gap: 0.35rem;
  margin-top: 1.75rem;
}

.admin-nav-link {
  position: relative;
  display: flex;
  min-height: 2.85rem;
  align-items: center;
  gap: 0.65rem;
  border-radius: var(--admin-radius-md);
  color: var(--admin-text-soft);
  padding: 0.65rem 0.78rem;
  font-size: 0.93rem;
  font-weight: 900;
  text-decoration: none;
}

.admin-nav-link:hover {
  background: var(--admin-surface-muted);
  color: var(--admin-primary-dark);
  transform: translateX(2px);
}

.admin-nav-link-active, .admin-nav-link-active:hover {
  background: var(--admin-primary-soft);
  color: var(--admin-primary-dark);
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.14);
}

.admin-nav-link-active::before {
  position: absolute;
  left: -0.55rem;
  width: 0.25rem;
  height: 1.55rem;
  border-radius: 999px;
  background: var(--admin-primary);
  content: "";
}

.admin-nav-link-disabled {
  cursor: not-allowed;
  color: var(--admin-text-faint);
  opacity: 0.72;
}

.admin-nav-link-disabled:hover {
  background: transparent;
  color: var(--admin-text-faint);
  transform: none;
}

.admin-sidebar-footer {
  display: grid;
  gap: 0.8rem;
  margin-top: auto;
  padding-top: 1.2rem;
}

.admin-user {
  margin: 0;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  color: var(--admin-text-muted);
  padding: 0.85rem;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.35;
}

.admin-user strong {
  display: block;
  color: var(--admin-text);
  font-weight: 950;
}

.admin-logout-button, .admin-danger-button {
  min-height: 2.65rem;
  border: 1px solid var(--admin-danger-border);
  border-radius: var(--admin-radius-sm);
  background: var(--admin-danger-soft-2);
  color: var(--admin-danger);
  padding: 0.55rem 0.9rem;
  font-weight: 950;
  cursor: pointer;
}

.admin-logout-button:hover, .admin-danger-button:hover {
  background: var(--admin-danger-soft);
  color: var(--admin-danger-dark);
  transform: translateY(-1px);
}

.admin-login-page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  background: radial-gradient(circle at 25% 20%, rgba(219, 234, 254, 0.9), transparent 26rem),
    linear-gradient(135deg, #f8fafc, #eef4ff);
  padding: 1.25rem;
}

.admin-login-card {
  width: min(28rem, 100%);
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: var(--admin-radius-2xl);
  background: rgba(255, 255, 255, 0.94);
  padding: clamp(1.4rem, 4vw, 2rem);
  box-shadow: var(--admin-shadow-lg);
  backdrop-filter: blur(14px);
}

.admin-login-header {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 1.4rem;
}

.admin-login-header p, .admin-kicker {
  margin: 0 0 0.45rem;
  color: var(--admin-primary);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-login-header h1 {
  margin: 0;
  color: var(--admin-text);
  font-size: clamp(1.55rem, 5vw, 1.95rem);
  line-height: 1.08;
}

.admin-login-form, .admin-search-form, .admin-edit-form, .admin-category-form {
  display: grid;
  gap: 0.9rem;
}

.admin-login-form label, .admin-review-form label, .admin-form-section label {
  display: grid;
  gap: 0.45rem;
  color: var(--admin-text-soft);
  font-size: 0.88rem;
  font-weight: 900;
}

.admin-login-form input, .admin-review-form select, .admin-review-form textarea, .admin-search-form input, .admin-form-section input, .admin-form-section select, .admin-form-section textarea {
  width: 100%;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface);
  color: var(--admin-text);
  padding: 0.78rem 0.9rem;
  font-weight: 750;
}

.admin-login-form input:hover, .admin-review-form select:hover, .admin-review-form textarea:hover, .admin-search-form input:hover, .admin-form-section input:hover, .admin-form-section select:hover, .admin-form-section textarea:hover {
  border-color: #93c5fd;
}

.admin-login-form input:focus, .admin-review-form select:focus, .admin-review-form textarea:focus, .admin-search-form input:focus, .admin-form-section input:focus, .admin-form-section select:focus, .admin-form-section textarea:focus {
  border-color: var(--admin-primary);
  outline: none;
  box-shadow: var(--admin-focus);
}

.admin-review-form textarea, .admin-form-section textarea {
  min-height: 7.5rem;
  resize: vertical;
}

.admin-login-hint {
  margin: 1.1rem 0 0;
  color: var(--admin-text-muted);
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.5;
}

.admin-primary-button, .admin-primary-link, .admin-secondary-link, .admin-filter-chip, .admin-inline-link {
  -webkit-tap-highlight-color: transparent;
}

.admin-primary-button, .admin-primary-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--admin-radius-md);
  background: linear-gradient(135deg, var(--admin-primary), var(--admin-primary-hover));
  color: #ffffff;
  padding: 0.75rem 1rem;
  font-weight: 950;
  line-height: 1.1;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(29, 78, 216, 0.22);
}

.admin-primary-button:hover, .admin-primary-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(29, 78, 216, 0.28);
}

.admin-primary-button:active, .admin-primary-link:active, .admin-secondary-link:active, .admin-filter-chip:active {
  transform: translateY(0);
}

.admin-secondary-link {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-sm);
  background: var(--admin-surface);
  color: var(--admin-text-soft);
  padding: 0.6rem 0.85rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  box-shadow: var(--admin-shadow-xs);
}

.admin-secondary-link:hover {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary-dark);
  transform: translateY(-1px);
}

.admin-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.5rem;
  color: var(--admin-primary);
  font-weight: 950;
  text-decoration: none;
  text-underline-offset: 0.18em;
}

.admin-inline-link:hover {
  color: var(--admin-primary-hover);
  text-decoration: underline;
}

.admin-danger-link-button {
  display: inline-flex;
  border: 0;
  background: transparent;
  color: var(--admin-danger);
  cursor: pointer;
  font: inherit;
  font-weight: 950;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.admin-danger-link-button:hover {
  color: var(--admin-danger-dark);
}

.admin-page-header, .admin-dashboard-card, .admin-list-card, .admin-form-section, .admin-info-card, .admin-defect-card, .admin-tool-card, .admin-empty-card, .admin-toolbar, .admin-overview-stats article {
  border: 1px solid var(--admin-border-soft);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--admin-shadow-sm);
}

.admin-page-header {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.15rem;
  border-radius: var(--admin-radius-2xl);
  padding: clamp(1.15rem, 3vw, 1.55rem);
  overflow: hidden;
}

.admin-page-header h1 {
  margin: 0;
  color: var(--admin-text);
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.admin-page-header p {
  margin: 0.65rem 0 0;
  max-width: 48rem;
  color: var(--admin-text-muted);
  font-weight: 720;
  line-height: 1.55;
}

.admin-header-actions, .admin-form-actions, .admin-back-row, .admin-defect-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.admin-back-row {
  margin-bottom: 0.9rem;
}

.admin-header-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.admin-header-stats div {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  padding: 0.9rem;
}

.admin-header-stats strong {
  display: block;
  color: var(--admin-text);
  font-size: clamp(1.55rem, 4vw, 2rem);
  font-weight: 950;
  letter-spacing: -0.05em;
  line-height: 1;
}

.admin-header-stats span {
  display: block;
  margin-top: 0.35rem;
  color: var(--admin-text-muted);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-alert {
  margin-bottom: 1rem;
  border-radius: var(--admin-radius-lg);
  padding: 0.95rem 1rem;
  font-weight: 900;
  line-height: 1.35;
}

.admin-alert-success {
  border: 1px solid var(--admin-success-border);
  background: var(--admin-success-soft);
  color: #14532d;
}

.admin-alert-error {
  border: 1px solid var(--admin-danger-border);
  background: var(--admin-danger-soft-2);
  color: var(--admin-danger-dark);
}

.admin-toolbar {
  margin-bottom: 1rem;
  border-radius: var(--admin-radius-xl);
  padding: 0.95rem;
}

.admin-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 0 0 1.25rem;
}

.admin-filter-chip {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--admin-border-strong);
  border-radius: 999px;
  background: var(--admin-surface);
  color: var(--admin-text-soft);
  padding: 0.55rem 0.95rem;
  font-size: 0.9rem;
  font-weight: 900;
  text-decoration: none;
  box-shadow: var(--admin-shadow-xs);
}

.admin-filter-chip:hover {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary-dark);
  transform: translateY(-1px);
}

.admin-filter-chip-active, .admin-filter-chip-active:hover {
  border-color: #93c5fd;
  background: var(--admin-primary-soft);
  color: var(--admin-primary-dark);
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.12);
}

.admin-empty-card, .admin-empty-state, .admin-dashboard-empty {
  border: 1px dashed var(--admin-border-strong);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.82);
  padding: clamp(1.2rem, 4vw, 1.8rem);
}

.admin-empty-card {
  text-align: center;
}

.admin-empty-card h1, .admin-empty-card h2, .admin-empty-state h3 {
  margin: 0 0 0.5rem;
  color: var(--admin-text);
  font-weight: 950;
}

.admin-empty-card p, .admin-empty-state p, .admin-dashboard-empty {
  margin: 0;
  color: var(--admin-text-muted);
  font-weight: 750;
  line-height: 1.5;
}

.admin-defect-list, .admin-tool-list, .admin-category-list, .admin-inspection-list, .admin-compact-list, .admin-timeline, .admin-dashboard-list, .admin-dashboard-task-list {
  display: grid;
  gap: 0.9rem;
}

.admin-defect-card, .admin-tool-card, .admin-info-card, .admin-dashboard-card, .admin-list-card, .admin-form-section {
  border-radius: var(--admin-radius-xl);
  padding: clamp(1rem, 3vw, 1.25rem);
}

.admin-tool-card {
  display: grid;
  gap: 0.9rem;
  color: var(--admin-text);
  text-decoration: none;
}

.admin-tool-card:hover, .admin-defect-card:hover, .admin-info-card:hover, .admin-list-card:hover, .admin-dashboard-card:hover, .admin-overview-stats article:hover {
  border-color: #bfdbfe;
  box-shadow: var(--admin-shadow-md);
}

.admin-tool-card:hover {
  transform: translateY(-1px);
}

.admin-tool-card-open {
  align-self: center;
  color: var(--admin-primary);
  font-weight: 950;
}

.admin-defect-card {
  display: grid;
  gap: 1rem;
}

.admin-defect-main, .admin-dashboard-task-main, .admin-dashboard-list-main {
  display: grid;
  min-width: 0;
  gap: 0.35rem;
}

.admin-defect-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.admin-defect-main h2, .admin-tool-card-main h2 {
  margin: 0.75rem 0 0;
  color: var(--admin-text);
  font-size: clamp(1.25rem, 3vw, 1.55rem);
  font-weight: 950;
  letter-spacing: -0.03em;
  line-height: 1.12;
}

.admin-defect-main h2 span, .admin-tool-card-main h2 span {
  display: inline-block;
  color: var(--admin-text-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.92rem;
  font-weight: 850;
  letter-spacing: 0;
}

.admin-defect-meta, .admin-tool-meta, .admin-definition-grid, .admin-mini-definition-list {
  display: grid;
  gap: 0.65rem;
  margin: 0.85rem 0 0;
}

.admin-defect-meta div, .admin-tool-meta div, .admin-definition-grid div, .admin-mini-definition-list div {
  border: 1px solid transparent;
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  padding: 0.75rem;
}

.admin-defect-meta dt, .admin-tool-meta dt, .admin-definition-grid dt, .admin-mini-definition-list dt {
  color: var(--admin-text-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.admin-defect-meta dd, .admin-tool-meta dd, .admin-definition-grid dd, .admin-mini-definition-list dd {
  margin: 0.25rem 0 0;
  color: var(--admin-text);
  font-weight: 900;
  line-height: 1.35;
}

.admin-definition-grid-one {
  grid-template-columns: 1fr;
}

.admin-defect-description, .admin-note-box, .admin-inspection-note {
  margin-top: 0.9rem;
  border-left: 4px solid #f97316;
  border-radius: var(--admin-radius-md);
  background: #fff7ed;
  color: #7c2d12;
  padding: 0.85rem 0.95rem;
  font-weight: 800;
  line-height: 1.45;
}

.admin-review-form {
  display: grid;
  gap: 0.8rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  padding: 1rem;
}

.admin-review-form label span {
  color: var(--admin-text-soft);
  font-size: 0.84rem;
  font-weight: 950;
}

.admin-badge {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0.28rem 0.65rem;
  font-size: 0.74rem;
  font-weight: 950;
  line-height: 1.15;
  white-space: nowrap;
}

.admin-badge-green {
  border-color: var(--admin-success-border);
  background: var(--admin-success-soft);
  color: #166534;
}

.admin-badge-amber {
  border-color: var(--admin-warning-border);
  background: var(--admin-warning-soft);
  color: #92400e;
}

.admin-badge-orange {
  border-color: var(--admin-orange-border);
  background: var(--admin-orange-soft);
  color: #9a3412;
}

.admin-badge-red {
  border-color: var(--admin-danger-border);
  background: var(--admin-danger-soft);
  color: #991b1b;
}

.admin-badge-blue {
  border-color: #bfdbfe;
  background: var(--admin-primary-soft);
  color: #1e40af;
}

.admin-badge-slate {
  border-color: var(--admin-border-strong);
  background: #e2e8f0;
  color: var(--admin-text-soft);
}

.admin-detail-grid {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}

.admin-card-header, .admin-list-card-header, .admin-dashboard-card-header, .admin-category-card-header, .admin-inspection-item-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
  margin-bottom: 0.95rem;
}

.admin-card-header h2, .admin-info-card h2, .admin-list-card-header h2, .admin-dashboard-card-header h2, .admin-form-section h2 {
  margin: 0;
  color: var(--admin-text);
  font-size: 1.22rem;
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.admin-card-header p, .admin-list-card-header p, .admin-dashboard-card-header p {
  margin: 0.25rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 750;
  line-height: 1.4;
}

.admin-muted {
  margin: 0.65rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 780;
  line-height: 1.5;
}

.admin-chip-list, .admin-subcategory-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.75rem;
}

.admin-safety-chip, .admin-category-card, .admin-inspection-item, .admin-compact-list > div, .admin-timeline > div, .admin-dashboard-list-item, .admin-dashboard-task-item, .admin-dashboard-timeline-item {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  padding: 0.8rem;
}

.admin-safety-chip {
  display: grid;
  gap: 0.2rem;
}

.admin-safety-chip strong, .admin-compact-list strong, .admin-timeline strong, .admin-category-card-header strong, .admin-inspection-item-header strong, .admin-dashboard-list-item strong, .admin-dashboard-task-main strong, .admin-dashboard-list-main strong, .admin-dashboard-timeline-item strong {
  color: var(--admin-text);
  font-weight: 950;
  line-height: 1.25;
}

.admin-safety-chip small, .admin-compact-list small, .admin-timeline small, .admin-category-card-header small, .admin-dashboard-list-item small, .admin-dashboard-task-main small, .admin-dashboard-list-main small, .admin-dashboard-timeline-item small {
  display: block;
  color: var(--admin-text-muted);
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.35;
}

.admin-compact-list p, .admin-timeline p, .admin-dashboard-timeline-item p {
  margin: 0.45rem 0 0;
  color: var(--admin-text-soft);
  font-weight: 720;
  line-height: 1.45;
}

.admin-form-section {
  display: grid;
  gap: 0.95rem;
}

.admin-form-grid {
  display: grid;
  gap: 0.8rem;
}

.admin-checkbox-row {
  display: flex !important;
  align-items: center;
  gap: 0.7rem !important;
  border: 1px solid transparent;
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  padding: 0.8rem 0.9rem;
}

.admin-checkbox-row:hover {
  border-color: #bfdbfe;
  background: var(--admin-primary-soft-2);
}

.admin-checkbox-row input {
  width: auto;
  min-width: 1.1rem;
  min-height: 1.1rem;
}

.admin-inline-delete-form {
  margin-top: 0.5rem;
}

.admin-inline-panel, .admin-template-preview {
  margin-top: 1rem;
  border: 1px solid #bfdbfe;
  border-radius: var(--admin-radius-lg);
  background: var(--admin-primary-soft-2);
  padding: 1rem;
}

.admin-inline-panel h3, .admin-template-preview h3 {
  margin: 0 0 0.7rem;
  color: var(--admin-text);
  font-size: 1.05rem;
  font-weight: 950;
}

.admin-template-preview dl {
  display: grid;
  gap: 0.65rem;
  margin: 0;
}

.admin-template-preview div {
  display: grid;
  gap: 0.25rem;
}

.admin-template-preview dt {
  color: var(--admin-primary);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.admin-template-preview dd {
  margin: 0;
  color: var(--admin-text);
  font-weight: 900;
}

.admin-template-preview p {
  margin: 0.8rem 0 0;
  border-radius: var(--admin-radius-sm);
  background: var(--admin-surface);
  color: var(--admin-text-soft);
  padding: 0.7rem 0.8rem;
  font-weight: 720;
  line-height: 1.45;
}

.admin-overview-stats {
  display: grid;
  gap: 0.9rem;
  margin-bottom: 1.25rem;
}

.admin-overview-stats article {
  border-radius: var(--admin-radius-lg);
  padding: 1.05rem;
}

.admin-overview-stats strong {
  display: block;
  color: var(--admin-text);
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -0.05em;
  line-height: 1;
}

.admin-overview-stats span {
  display: block;
  margin-top: 0.4rem;
  color: var(--admin-text-muted);
  font-weight: 900;
}

.admin-list-card {
  margin-bottom: 1.25rem;
}

.admin-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface);
}

.admin-table {
  width: 100%;
  min-width: 57.5rem;
  border-collapse: separate;
  border-spacing: 0;
}

.admin-table th, .admin-table td {
  border-bottom: 1px solid var(--admin-border-soft);
  padding: 0.9rem 0.8rem;
  text-align: left;
  vertical-align: top;
}

.admin-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--admin-surface-muted);
  color: var(--admin-text-muted);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.admin-table td {
  color: var(--admin-text);
  font-weight: 760;
}

.admin-table td small {
  display: block;
  margin-top: 0.25rem;
  color: var(--admin-text-muted);
  font-size: 0.82rem;
  font-weight: 780;
  line-height: 1.35;
}

.admin-table tbody tr:hover {
  background: var(--admin-primary-soft-2);
}

.admin-table tbody tr:last-child td {
  border-bottom: 0;
}

.admin-table-strong-link {
  color: var(--admin-primary);
  font-weight: 950;
  text-decoration: none;
}

.admin-table-strong-link:hover {
  color: var(--admin-primary-hover);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.admin-table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.admin-dashboard-metrics, .admin-dashboard-metrics-workshop {
  display: grid;
  gap: 0.9rem;
  margin: 0 0 1.25rem;
}

.admin-dashboard-metric {
  display: grid;
  min-height: 7rem;
  gap: 0.35rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-xl);
  background: var(--admin-surface);
  color: inherit;
  padding: 1.05rem;
  text-decoration: none;
  box-shadow: var(--admin-shadow-sm);
}

.admin-dashboard-metric:hover {
  border-color: #bfdbfe;
  background: var(--admin-primary-soft-2);
  transform: translateY(-2px);
  box-shadow: var(--admin-shadow-md);
}

.admin-dashboard-metric strong {
  color: var(--admin-text);
  font-size: clamp(2rem, 5vw, 2.45rem);
  font-weight: 950;
  letter-spacing: -0.06em;
  line-height: 1;
}

.admin-dashboard-metric span {
  color: var(--admin-text-soft);
  font-weight: 900;
  line-height: 1.25;
}

.admin-dashboard-metric small {
  color: var(--admin-text-muted);
  font-size: 0.82rem;
  font-weight: 720;
  line-height: 1.35;
}

.admin-dashboard-metric-warning {
  border-color: var(--admin-warning-border);
  background: #fffbeb;
}

.admin-dashboard-metric-danger {
  border-color: var(--admin-danger-border);
  background: #fff5f5;
}

.admin-dashboard-grid {
  display: grid;
  gap: 1rem;
  margin: 1.15rem 0;
}

.admin-dashboard-grid-main {
  grid-template-columns: 1fr;
}

.admin-dashboard-card-wide {
  grid-column: 1 / -1;
}

.admin-dashboard-task-item, .admin-dashboard-list-item, .admin-dashboard-timeline-item {
  color: inherit;
  text-decoration: none;
}

.admin-dashboard-task-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.85rem;
}

.admin-dashboard-task-item:hover, .admin-dashboard-list-item-clickable:hover, .admin-dashboard-timeline-item:hover {
  border-color: #bfdbfe;
  background: var(--admin-primary-soft-2);
}

.admin-dashboard-list-item {
  display: flex;
  min-height: 4.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
}

.admin-dashboard-list-action {
  flex: 0 0 auto;
  color: var(--admin-primary);
  font-weight: 950;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.admin-dashboard-priority {
  display: inline-flex;
  min-width: 4.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.35rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 950;
  line-height: 1;
}

.admin-dashboard-priority-high {
  background: var(--admin-danger-soft);
  color: var(--admin-danger);
}

.admin-dashboard-priority-medium {
  background: var(--admin-warning-soft);
  color: var(--admin-warning);
}

.admin-dashboard-priority-low {
  background: var(--admin-info-soft);
  color: var(--admin-info);
}

.admin-dashboard-timeline {
  display: grid;
  max-height: 32rem;
  overflow: auto;
  gap: 0.75rem;
  padding-right: 0.25rem;
}

.admin-dashboard-timeline-item {
  display: grid;
  gap: 0.25rem;
}

.admin-label-sheet {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20.5rem, 1fr));
  align-items: start;
  gap: 1.125rem;
}

.admin-label-print-page {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}

.admin-tool-label {
  width: 22.5rem;
  min-height: 15.625rem;
  border: 2px solid var(--admin-text);
  border-radius: 1.125rem;
  background: #ffffff;
  color: var(--admin-text);
  padding: 0.875rem;
  break-inside: avoid;
  page-break-inside: avoid;
}

.admin-tool-label-small {
  width: 100%;
}

.admin-tool-label-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.625rem;
  border-bottom: 2px solid var(--admin-text);
  padding-bottom: 0.5rem;
}

.admin-tool-label-header strong {
  color: var(--admin-text);
  font-size: 1.7rem;
  font-weight: 950;
  letter-spacing: 0.03em;
}

.admin-tool-label-header span {
  color: #475569;
  font-size: 0.8rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-tool-label-body {
  display: grid;
  grid-template-columns: 8.25rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem 0;
}

.admin-tool-label-qr {
  display: flex;
  width: 8.25rem;
  height: 8.25rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--admin-border-strong);
  background: #ffffff;
  color: var(--admin-text-muted);
  font-size: 0.75rem;
  font-weight: 800;
  text-align: center;
}

.admin-tool-label-qr svg {
  display: block;
  width: 100%;
  height: 100%;
}

.admin-tool-label-info {
  min-width: 0;
}

.admin-tool-label-info h2 {
  margin: 0 0 0.5rem;
  color: var(--admin-text);
  font-size: 1.25rem;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.admin-tool-label-info p {
  margin: 0 0 0.5rem;
  color: var(--admin-text-soft);
  font-size: 0.9rem;
  font-weight: 800;
}

.admin-tool-label-footer {
  border-top: 1px solid var(--admin-border-strong);
  padding-top: 0.5rem;
}

.admin-tool-label-footer span {
  display: block;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.no-print {
  display: initial;
}

@media (min-width: 720px) {
  .admin-header-stats, .admin-overview-stats, .admin-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-template-preview dl {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 760px) {
  .admin-search-form {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
  }

  .admin-tool-card {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .admin-tool-meta, .admin-definition-grid, .admin-defect-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-dashboard-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-dashboard-metrics-workshop {
    grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
  }
}

@media (min-width: 980px) {
  .admin-shell {
    grid-template-columns: 17rem minmax(0, 1fr);
  }

  .admin-sidebar {
    position: sticky;
    top: 0;
    display: flex;
    height: 100vh;
    flex-direction: column;
    border-right: 1px solid rgba(226, 232, 240, 0.9);
    background: rgba(255, 255, 255, 0.86);
    padding: 1.15rem;
    backdrop-filter: blur(18px);
  }

  .admin-main {
    padding: 1.75rem;
  }

  .admin-page-header {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22.5rem);
    align-items: center;
  }

  .admin-detail-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(20rem, 0.8fr);
  }

  .admin-info-card-wide {
    grid-column: span 1;
  }
}

@media (min-width: 1040px) {
  .admin-defect-card {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 22.5rem);
    align-items: start;
  }
}

@media (min-width: 1080px) {
  .admin-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1180px) {
  .admin-dashboard-metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .admin-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .admin-dashboard-task-item .admin-dashboard-list-action {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 720px) {
  .admin-main {
    padding: 0.85rem;
  }

  .admin-page-header, .admin-dashboard-card, .admin-list-card, .admin-form-section, .admin-info-card, .admin-defect-card, .admin-tool-card {
    border-radius: var(--admin-radius-lg);
  }

  .admin-dashboard-card-header, .admin-dashboard-task-item, .admin-dashboard-list-item {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
  }

  .admin-dashboard-priority, .admin-dashboard-list-action {
    justify-self: start;
  }

  .admin-header-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media print {
  body {
    background: #ffffff !important;
  }

  .admin-sidebar, .admin-page-header.no-print, .admin-back-row.no-print, .admin-info-card.no-print, .admin-list-card.no-print, .no-print {
    display: none !important;
  }

  .admin-shell {
    display: block !important;
    background: #ffffff !important;
  }

  .admin-main {
    padding: 0 !important;
    margin: 0 !important;
  }

  .admin-label-sheet {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10mm;
  }

  .admin-label-print-page {
    margin: 0;
    justify-content: flex-start;
  }

  .admin-tool-label {
    box-shadow: none !important;
  }

  @page {
    margin: 12mm;
  }
}

/* D2: Werkstatt-Cockpit Dashboard */

.admin-dashboard-hero {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.15rem;
}

.admin-dashboard-hero-main, .admin-dashboard-system-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(191, 219, 254, 0.9);
  border-radius: var(--admin-radius-2xl);
  background: radial-gradient(circle at 88% 12%, rgba(219, 234, 254, 0.95), transparent 17rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  box-shadow: var(--admin-shadow-sm);
}

.admin-dashboard-hero-main {
  min-height: 16rem;
  padding: clamp(1.35rem, 4vw, 2.1rem);
}

.admin-dashboard-hero-main::after {
  position: absolute;
  right: -5rem;
  bottom: -7rem;
  width: 18rem;
  height: 18rem;
  border-radius: 999px;
  background: rgba(29, 78, 216, 0.08);
  content: "";
}

.admin-dashboard-hero-main > * {
  position: relative;
  z-index: 1;
}

.admin-dashboard-hero-main h1 {
  max-width: 48rem;
  margin: 0;
  color: var(--admin-text);
  font-size: clamp(2.35rem, 8vw, 4.7rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 0.92;
}

.admin-dashboard-hero-main p {
  max-width: 48rem;
  margin: 0.85rem 0 0;
  color: var(--admin-text-muted);
  font-size: clamp(1rem, 2.5vw, 1.15rem);
  font-weight: 760;
  line-height: 1.55;
}

.admin-dashboard-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1.35rem;
}

.admin-dashboard-system-card {
  display: grid;
  gap: 1.1rem;
  align-content: start;
  padding: clamp(1.1rem, 3vw, 1.35rem);
}

.admin-system-card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.admin-system-card-header strong {
  display: block;
  color: var(--admin-text);
  font-size: 1.05rem;
  font-weight: 950;
}

.admin-system-card-header small {
  display: block;
  margin-top: 0.15rem;
  color: var(--admin-text-muted);
  font-weight: 820;
}

.admin-system-indicator {
  width: 0.95rem;
  height: 0.95rem;
  border-radius: 999px;
  box-shadow: 0 0 0 0.45rem rgba(14, 165, 233, 0.12);
}

.admin-system-indicator-ok {
  background: var(--admin-success);
  box-shadow: 0 0 0 0.45rem rgba(22, 163, 74, 0.12);
}

.admin-system-indicator-warning {
  background: var(--admin-warning);
  box-shadow: 0 0 0 0.45rem rgba(245, 158, 11, 0.16);
}

.admin-availability-ring {
  display: grid;
  width: min(12rem, 100%);
  aspect-ratio: 1;
  place-items: center;
  justify-self: center;
  border-radius: 999px;
  background: radial-gradient(circle closest-side, #ffffff 71%, transparent 72% 100%),
    conic-gradient(var(--admin-primary) var(--value), #e2e8f0 0);
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.9);
}

.admin-availability-ring span, .admin-availability-ring small {
  grid-area: 1 / 1;
}

.admin-availability-ring span {
  margin-top: -0.45rem;
  color: var(--admin-text);
  font-size: clamp(2.2rem, 6vw, 3rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 1;
}

.admin-availability-ring small {
  margin-top: 3.25rem;
  color: var(--admin-text-muted);
  font-size: 0.8rem;
  font-weight: 900;
}

.admin-system-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0;
}

.admin-system-stats div {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-md);
  background: rgba(255, 255, 255, 0.86);
  padding: 0.75rem;
}

.admin-system-stats dt {
  color: var(--admin-text-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.admin-system-stats dd {
  margin: 0.25rem 0 0;
  color: var(--admin-text);
  font-size: 1.45rem;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1;
}

.admin-metric-icon {
  display: inline-flex;
  width: 2.1rem;
  height: 2.1rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.72);
  color: currentColor;
  font-size: 1rem;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.admin-dashboard-metric-danger .admin-metric-icon {
  background: rgba(254, 226, 226, 0.9);
  color: var(--admin-danger);
}

.admin-dashboard-metric-warning .admin-metric-icon {
  background: rgba(254, 243, 199, 0.96);
  color: var(--admin-warning);
}

.admin-priority-panel {
  background: radial-gradient(circle at 96% 8%, rgba(219, 234, 254, 0.92), transparent 15rem),
    rgba(255, 255, 255, 0.96);
}

.admin-dashboard-priority-list {
  gap: 0.8rem;
}

.admin-priority-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.9rem;
  overflow: hidden;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  color: inherit;
  padding: 0.95rem;
  text-decoration: none;
}

.admin-priority-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.35rem;
  background: var(--admin-primary);
  content: "";
}

.admin-priority-card:hover {
  border-color: #bfdbfe;
  background: var(--admin-primary-soft-2);
  transform: translateY(-1px);
  box-shadow: var(--admin-shadow-md);
}

.admin-priority-card-high::before {
  background: var(--admin-danger);
}

.admin-priority-card-medium::before {
  background: var(--admin-warning);
}

.admin-priority-card-low::before {
  background: var(--admin-info);
}

.admin-priority-icon {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: #ffffff;
  color: var(--admin-primary);
  font-size: 1.15rem;
  font-weight: 950;
  box-shadow: var(--admin-shadow-xs);
}

.admin-priority-card-high .admin-priority-icon {
  color: var(--admin-danger);
}

.admin-priority-card-medium .admin-priority-icon {
  color: var(--admin-warning);
}

.admin-priority-card-low .admin-priority-icon {
  color: var(--admin-info);
}

.admin-priority-card-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.18rem;
}

.admin-dashboard-success-state {
  display: flex;
  gap: 0.9rem;
  align-items: flex-start;
  border: 1px solid var(--admin-success-border);
  border-radius: var(--admin-radius-lg);
  background: linear-gradient(135deg, #f0fdf4, #ffffff);
  padding: 1rem;
}

.admin-dashboard-success-state > span {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--admin-success-soft);
  color: var(--admin-success);
  font-weight: 950;
}

.admin-dashboard-success-state strong {
  display: block;
  color: var(--admin-text);
  font-size: 1rem;
  font-weight: 950;
}

.admin-dashboard-success-state p {
  margin: 0.2rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.45;
}

.admin-dashboard-grid-balanced {
  align-items: start;
}

.admin-dashboard-card .admin-inline-link {
  margin-top: 0;
}

.admin-dashboard-timeline {
  position: relative;
}

.admin-dashboard-timeline-item {
  position: relative;
  padding-left: 1rem;
}

.admin-dashboard-timeline-item::before {
  position: absolute;
  left: -0.05rem;
  top: 1rem;
  width: 0.45rem;
  height: 0.45rem;
  border: 3px solid var(--admin-primary-soft);
  border-radius: 999px;
  background: var(--admin-primary);
  content: "";
}

@media (min-width: 980px) {
  .admin-dashboard-hero {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 24rem);
    align-items: stretch;
  }
}

@media (min-width: 1180px) {
  .admin-dashboard-metrics-workshop {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .admin-dashboard-hero-actions, .admin-dashboard-hero-actions > a {
    width: 100%;
  }

  .admin-priority-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .admin-priority-card .admin-dashboard-list-action {
    grid-column: 2;
    justify-self: start;
  }

  .admin-system-stats {
    grid-template-columns: 1fr;
  }
}

/* --------------------------------------------------------------------------
   D3: Werkzeugliste modernisieren
   -------------------------------------------------------------------------- */

.admin-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
}

.admin-secondary-button {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-sm);
  background: var(--admin-surface);
  color: var(--admin-text-soft);
  padding: 0.6rem 0.9rem;
  font-weight: 950;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-shadow: var(--admin-shadow-xs);
}

.admin-secondary-button:hover {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary-dark);
  transform: translateY(-1px);
}

.admin-tools-page-header {
  overflow: hidden;
}

.admin-tools-command-center {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1rem;
}

.admin-tools-command-card {
  position: relative;
  display: flex;
  min-width: 0;
  gap: 0.9rem;
  align-items: flex-start;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: var(--admin-radius-xl);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92));
  padding: 1rem;
  box-shadow: var(--admin-shadow-sm);
}

.admin-tools-command-card-primary {
  border-color: rgba(185, 28, 28, 0.28);
  background: radial-gradient(circle at top right, rgba(254, 226, 226, 0.95), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(254, 242, 242, 0.86));
}

.admin-tools-command-icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: var(--admin-primary-soft);
  color: var(--admin-primary-dark);
  font-size: 1.05rem;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.12);
}

.admin-tools-command-card-primary .admin-tools-command-icon {
  background: var(--admin-danger-soft);
  color: var(--admin-danger-dark);
  box-shadow: inset 0 0 0 1px rgba(185, 28, 28, 0.16);
}

.admin-tools-command-card strong {
  display: block;
  color: var(--admin-text);
  font-size: clamp(1.55rem, 4vw, 2.35rem);
  font-weight: 950;
  letter-spacing: -0.06em;
  line-height: 1;
}

.admin-tools-command-card span:not(.admin-tools-command-icon) {
  display: block;
  margin-top: 0.25rem;
  color: var(--admin-text);
  font-size: 0.95rem;
  font-weight: 950;
}

.admin-tools-command-card small {
  display: block;
  margin-top: 0.35rem;
  color: var(--admin-text-muted);
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.35;
}

.admin-tools-toolbar {
  position: sticky;
  z-index: 8;
  top: 0.75rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(203, 213, 225, 0.88);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.88);
  padding: 0.85rem;
  box-shadow: var(--admin-shadow-sm);
  backdrop-filter: blur(16px);
}

.admin-tools-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
}

.admin-tools-search label {
  display: block;
  min-width: 0;
}

.admin-tools-search input[type="search"] {
  width: 100%;
  min-height: 2.85rem;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface);
  color: var(--admin-text);
  padding: 0.75rem 0.95rem;
  font-weight: 800;
  box-shadow: var(--admin-shadow-xs);
}

.admin-tools-search input[type="search"]::placeholder {
  color: var(--admin-text-faint);
  font-weight: 700;
}

.admin-tools-search input[type="search"]:hover {
  border-color: #93c5fd;
}

.admin-tools-search input[type="search"]:focus {
  border-color: var(--admin-primary);
  outline: none;
  box-shadow: var(--admin-focus);
}

.admin-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.75rem;
}

.admin-filter-chips .admin-filter-chip {
  gap: 0.55rem;
  min-height: 2.4rem;
  padding: 0.48rem 0.8rem;
}

.admin-filter-chip strong {
  display: inline-flex;
  min-width: 1.65rem;
  height: 1.65rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--admin-surface-strong);
  color: var(--admin-text-soft);
  padding: 0 0.42rem;
  font-size: 0.78rem;
  font-weight: 950;
}

.admin-filter-chip-active strong {
  background: var(--admin-surface);
  color: var(--admin-primary-dark);
}

.admin-tools-list-card {
  overflow: visible;
}

.admin-tools-list-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.admin-tools-list-meta span {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--admin-border-soft);
  border-radius: 999px;
  background: var(--admin-surface-muted);
  color: var(--admin-text-muted);
  padding: 0.45rem 0.7rem;
  font-size: 0.8rem;
  font-weight: 900;
}

.admin-tools-table-wrapper {
  overflow: visible;
}

.admin-tools-table {
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}

.admin-tools-table thead th {
  position: sticky;
  z-index: 5;
  top: 8.85rem;
  background: rgba(248, 250, 252, 0.96);
  backdrop-filter: blur(14px);
}

.admin-tools-table tbody tr {
  position: relative;
  background: var(--admin-surface);
  box-shadow: var(--admin-shadow-xs);
}

.admin-tools-table tbody tr:hover {
  transform: translateY(-1px);
  box-shadow: var(--admin-shadow-sm);
}

.admin-tools-table tbody td {
  border-top: 1px solid var(--admin-border-soft);
  border-bottom: 1px solid var(--admin-border-soft);
  background: var(--admin-surface);
  vertical-align: middle;
}

.admin-tools-table tbody td:first-child {
  border-left: 1px solid var(--admin-border-soft);
  border-top-left-radius: var(--admin-radius-md);
  border-bottom-left-radius: var(--admin-radius-md);
}

.admin-tools-table tbody td:last-child {
  border-right: 1px solid var(--admin-border-soft);
  border-top-right-radius: var(--admin-radius-md);
  border-bottom-right-radius: var(--admin-radius-md);
}

.admin-tools-row-critical td:first-child {
  box-shadow: inset 0.38rem 0 0 var(--admin-danger);
}

.admin-tools-row-warning td:first-child {
  box-shadow: inset 0.38rem 0 0 var(--admin-warning);
}

.admin-tools-row-incomplete:not(.admin-tools-row-critical):not(.admin-tools-row-warning) td:first-child {
  box-shadow: inset 0.38rem 0 0 var(--admin-info);
}

.admin-tools-row-archived {
  opacity: 0.78;
}

.admin-tools-identity, .admin-tools-status-stack {
  display: grid;
  gap: 0.25rem;
}

.admin-tools-identity a {
  margin: 0;
  font-size: 0.98rem;
}

.admin-tools-identity span, .admin-tools-status-stack small, .admin-tools-table small {
  display: block;
  color: var(--admin-text-muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.35;
}

.admin-tools-actions {
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.admin-tools-open-link {
  min-height: 2.35rem;
  padding: 0.58rem 0.82rem;
  border-radius: var(--admin-radius-sm);
  font-size: 0.86rem;
}

.admin-action-menu {
  position: relative;
  display: inline-flex;
}

.admin-action-menu summary {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-sm);
  background: var(--admin-surface);
  color: var(--admin-text-soft);
  padding: 0.55rem 0.75rem;
  font-size: 0.86rem;
  font-weight: 950;
  cursor: pointer;
  list-style: none;
  box-shadow: var(--admin-shadow-xs);
}

.admin-action-menu summary::-webkit-details-marker {
  display: none;
}

.admin-action-menu summary::after {
  margin-left: 0.45rem;
  color: var(--admin-text-faint);
  content: "â–¾";
  font-size: 0.72rem;
}

.admin-action-menu summary:hover {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary-dark);
}

.admin-action-menu[open] summary {
  border-color: #93c5fd;
  background: var(--admin-primary-soft);
  color: var(--admin-primary-dark);
}

.admin-action-menu-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 0.45rem);
  z-index: 30;
  display: grid;
  min-width: 13rem;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface);
  padding: 0.4rem;
  box-shadow: var(--admin-shadow-md);
}

.admin-action-menu-panel a {
  border-radius: var(--admin-radius-sm);
  color: var(--admin-text-soft);
  padding: 0.68rem 0.75rem;
  font-size: 0.88rem;
  font-weight: 900;
  text-decoration: none;
}

.admin-action-menu-panel a:hover {
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary-dark);
}

.admin-tools-mobile-list {
  display: none;
}

.admin-tools-archive-card {
  margin-top: 1rem;
}

.admin-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

@media (min-width: 980px) {
  .admin-tools-command-center {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .admin-tools-search {
    grid-template-columns: minmax(18rem, 1fr) auto auto;
  }
}

@media (max-width: 860px) {
  .admin-tools-toolbar {
    position: static;
  }

  .admin-tools-command-center {
    grid-template-columns: 1fr;
  }

  .admin-tools-search {
    grid-template-columns: 1fr;
  }

  .admin-tools-search .admin-inline-link, .admin-tools-search .admin-secondary-button {
    width: 100%;
  }

  .admin-filter-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.2rem;
  }

  .admin-filter-chip {
    flex: 0 0 auto;
  }

  .admin-tools-table-wrapper {
    display: none;
  }

  .admin-tools-mobile-list {
    display: grid;
    gap: 0.8rem;
  }

  .admin-tools-mobile-card {
    border: 1px solid var(--admin-border-soft);
    border-radius: var(--admin-radius-xl);
    background: var(--admin-surface);
    padding: 0.95rem;
    box-shadow: var(--admin-shadow-xs);
  }

  .admin-tools-mobile-card-critical {
    border-color: rgba(185, 28, 28, 0.28);
    background: linear-gradient(90deg, rgba(254, 226, 226, 0.82), transparent 0.45rem),
      var(--admin-surface);
  }

  .admin-tools-mobile-card-header {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    justify-content: space-between;
  }

  .admin-tools-mobile-card-header strong {
    display: block;
    color: var(--admin-text);
    font-size: 1rem;
    font-weight: 950;
  }

  .admin-tools-mobile-card-header span:not(.admin-badge) {
    display: block;
    margin-top: 0.25rem;
    color: var(--admin-text-muted);
    font-size: 0.8rem;
    font-weight: 850;
  }

  .admin-tools-mobile-card-body {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.9rem;
  }

  .admin-tools-mobile-card-body div {
    border-radius: var(--admin-radius-md);
    background: var(--admin-surface-muted);
    padding: 0.75rem;
  }

  .admin-tools-mobile-card-body span {
    display: block;
    color: var(--admin-text-muted);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .admin-tools-mobile-card-body strong {
    display: block;
    margin-top: 0.22rem;
    color: var(--admin-text);
    font-size: 0.92rem;
    font-weight: 950;
  }

  .admin-tools-mobile-card-body small {
    display: block;
    margin-top: 0.2rem;
    color: var(--admin-text-muted);
    font-size: 0.78rem;
    font-weight: 800;
  }

  .admin-tools-mobile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.9rem;
  }

  .admin-tools-mobile-actions .admin-primary-link, .admin-tools-mobile-actions .admin-secondary-link, .admin-tools-mobile-actions .admin-action-menu, .admin-tools-mobile-actions .admin-action-menu summary {
    flex: 1 1 auto;
  }

  .admin-tools-mobile-actions .admin-action-menu-panel {
    right: auto;
    left: 0;
    min-width: min(18rem, calc(100vw - 3rem));
  }
}

/* D4: Werkzeugakte als Premium-Detailseite */

.admin-tool-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: stretch;
  margin-bottom: 20px;
}

.admin-tool-detail-hero-main, .admin-tool-detail-media-card, .admin-tool-detail-section, .admin-tool-detail-card, .admin-tool-detail-danger-zone {
  background: var(--admin-surface);
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  box-shadow: var(--admin-shadow-md);
}

.admin-tool-detail-hero-main {
  position: relative;
  overflow: hidden;
  padding: 32px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.admin-tool-detail-hero-main::after {
  content: "";
  position: absolute;
  inset: auto -120px -180px auto;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(29, 78, 216, 0.14), transparent 68%);
  pointer-events: none;
}

.admin-tool-detail-hero-main h1 {
  margin: 8px 0 10px;
  max-width: 980px;
  color: var(--admin-text);
  font-size: clamp(2rem, 3.8vw, 4.3rem);
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.admin-tool-detail-hero-main p {
  max-width: 760px;
  color: var(--admin-text-muted);
  font-size: 1rem;
  line-height: 1.7;
}

.admin-tool-detail-hero-badges, .admin-tool-detail-hero-actions, .admin-tool-detail-document-actions, .admin-tool-detail-list-badges, .admin-tool-detail-document-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.admin-tool-detail-hero-badges {
  margin: 20px 0 0;
}

.admin-tool-detail-hero-actions {
  position: relative;
  z-index: 1;
  margin-top: 28px;
}

.admin-tool-detail-media-card {
  padding: 18px;
  display: grid;
  gap: 16px;
}

.admin-tool-detail-image-frame {
  min-height: 214px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border-radius: var(--admin-radius-md);
  background: linear-gradient(135deg, rgba(29, 78, 216, 0.08), rgba(15, 23, 42, 0.03)),
        var(--admin-surface-muted);
  border: 1px solid var(--admin-border);
}

.admin-tool-detail-image-frame img {
  width: 100%;
  height: 100%;
  max-height: 260px;
  object-fit: cover;
  display: block;
}

.admin-tool-detail-image-placeholder {
  width: 88px;
  height: 88px;
  border-radius: 32px;
  display: grid;
  place-items: center;
  background: var(--admin-primary-soft);
  color: var(--admin-primary);
  font-size: 3rem;
  font-weight: 900;
}

.admin-tool-detail-status-panel {
  border-radius: var(--admin-radius-md);
  padding: 18px;
  border: 1px solid var(--admin-border);
}

.admin-tool-detail-status-panel span, .admin-tool-detail-status-panel small {
  display: block;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-tool-detail-status-panel strong {
  display: block;
  margin: 6px 0;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
}

.admin-tool-detail-status-ok {
  color: #14532d;
  background: linear-gradient(135deg, #dcfce7, #f0fdf4);
  border-color: #bbf7d0;
}

.admin-tool-detail-status-warning {
  color: #7c2d12;
  background: linear-gradient(135deg, #ffedd5, #fef3c7);
  border-color: #fed7aa;
}

.admin-tool-detail-status-danger {
  color: #7f1d1d;
  background: linear-gradient(135deg, #fee2e2, #fff1f2);
  border-color: #fecaca;
}

.admin-tool-detail-tabs {
  position: sticky;
  top: 14px;
  z-index: 20;
  display: flex;
  gap: 8px;
  align-items: center;
  overflow-x: auto;
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid rgba(219, 227, 239, 0.82);
  border-radius: var(--admin-radius-lg);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--admin-shadow-sm);
  backdrop-filter: blur(14px);
}

.admin-tool-detail-tabs a {
  flex: 0 0 auto;
  padding: 10px 14px;
  border-radius: 999px;
  color: var(--admin-text-muted);
  font-size: 0.88rem;
  font-weight: 800;
  text-decoration: none;
  transition: color 150ms ease, background 150ms ease, transform 150ms ease;
}

.admin-tool-detail-tabs a:hover, .admin-tool-detail-tabs a:focus-visible {
  color: var(--admin-primary);
  background: var(--admin-primary-soft);
  transform: translateY(-1px);
}

.admin-tool-detail-section {
  scroll-margin-top: 96px;
  padding: 24px;
  margin-bottom: 20px;
}

.admin-tool-detail-section-header, .admin-tool-detail-card-header, .admin-tool-detail-timeline-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.admin-tool-detail-section-header {
  margin-bottom: 18px;
}

.admin-tool-detail-section-header h2, .admin-tool-detail-card h3, .admin-tool-detail-danger-zone h2 {
  margin: 0;
  color: var(--admin-text);
  letter-spacing: -0.03em;
}

.admin-tool-detail-section-header h2 {
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.admin-tool-detail-overview-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}

.admin-tool-detail-info-card {
  min-height: 132px;
  padding: 18px;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
}

.admin-tool-detail-info-card-strong {
  background: linear-gradient(135deg, var(--admin-primary), var(--admin-primary-dark));
  color: #fff;
  border-color: transparent;
  box-shadow: var(--admin-shadow-md);
}

.admin-tool-detail-info-card span, .admin-tool-detail-info-card small {
  display: block;
  color: inherit;
  opacity: 0.76;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-tool-detail-info-card strong {
  display: block;
  margin: 12px 0 8px;
  color: inherit;
  font-size: 1.42rem;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.admin-tool-detail-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.admin-tool-detail-card {
  padding: 20px;
  box-shadow: var(--admin-shadow-sm);
}

.admin-tool-detail-dl {
  display: grid;
  gap: 0;
  margin: 16px 0 0;
}

.admin-tool-detail-dl div {
  display: grid;
  grid-template-columns: minmax(130px, 0.55fr) minmax(0, 1fr);
  gap: 16px;
  padding: 12px 0;
  border-top: 1px solid var(--admin-border);
}

.admin-tool-detail-dl dt {
  color: var(--admin-text-muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.admin-tool-detail-dl dd {
  margin: 0;
  color: var(--admin-text);
  font-weight: 750;
}

.admin-tool-detail-quality-list, .admin-tool-detail-list, .admin-tool-detail-mini-timeline {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.admin-tool-detail-quality-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: flex-start;
  padding: 13px;
  border-radius: var(--admin-radius-sm);
  border: 1px solid var(--admin-border);
  background: var(--admin-surface-muted);
}

.admin-tool-detail-quality-item > span {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 950;
}

.admin-tool-detail-quality-item.is-ok > span {
  color: #14532d;
  background: var(--admin-success-soft);
}

.admin-tool-detail-quality-item.is-warning > span {
  color: #7c2d12;
  background: var(--admin-warning-soft);
}

.admin-tool-detail-quality-item strong, .admin-tool-detail-quality-item small {
  display: block;
}

.admin-tool-detail-quality-item strong {
  color: var(--admin-text);
}

.admin-tool-detail-quality-item small {
  margin-top: 2px;
  color: var(--admin-text-muted);
  line-height: 1.45;
}

.admin-tool-detail-safety-grid, .admin-tool-detail-document-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.admin-tool-detail-safety-card, .admin-tool-detail-document-card, .admin-tool-detail-list-item {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  box-shadow: var(--admin-shadow-sm);
}

.admin-tool-detail-safety-card {
  padding: 18px;
}

.admin-tool-detail-safety-card h3, .admin-tool-detail-document-card h3 {
  margin: 14px 0 8px;
  color: var(--admin-text);
  letter-spacing: -0.02em;
}

.admin-tool-detail-safety-card p, .admin-tool-detail-list-item p, .admin-tool-detail-note {
  color: var(--admin-text-muted);
  line-height: 1.65;
}

.admin-tool-detail-list-item {
  padding: 16px;
}

.admin-tool-detail-list-main strong, .admin-tool-detail-list-main small {
  display: block;
}

.admin-tool-detail-list-main strong {
  margin-top: 12px;
  color: var(--admin-text);
}

.admin-tool-detail-list-main small {
  margin-top: 3px;
  color: var(--admin-text-muted);
}

.admin-tool-detail-mini-timeline {
  position: relative;
}

.admin-tool-detail-mini-timeline div {
  padding: 12px 0 12px 18px;
  border-left: 2px solid var(--admin-border);
}

.admin-tool-detail-mini-timeline strong, .admin-tool-detail-mini-timeline span, .admin-tool-detail-mini-timeline small {
  display: block;
}

.admin-tool-detail-mini-timeline strong {
  color: var(--admin-text);
}

.admin-tool-detail-mini-timeline span {
  color: var(--admin-primary);
  font-weight: 850;
}

.admin-tool-detail-mini-timeline small {
  color: var(--admin-text-muted);
}

.admin-tool-detail-document-card {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-tool-detail-document-meta {
  display: grid;
  gap: 8px;
  margin: 0;
}

.admin-tool-detail-document-meta div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--admin-border);
  padding-top: 8px;
}

.admin-tool-detail-document-meta dt, .admin-tool-detail-document-meta dd {
  margin: 0;
  font-size: 0.86rem;
}

.admin-tool-detail-document-meta dt {
  color: var(--admin-text-muted);
  font-weight: 800;
}

.admin-tool-detail-document-meta dd {
  color: var(--admin-text);
  font-weight: 750;
  text-align: right;
  overflow-wrap: anywhere;
}

.admin-tool-detail-document-actions {
  margin-top: auto;
}

.admin-tool-detail-document-actions form {
  margin: 0;
}

.admin-danger-outline-button {
  color: var(--admin-danger) !important;
  border-color: rgba(220, 38, 38, 0.24) !important;
  background: #fff !important;
}

.admin-danger-outline-button:hover, .admin-danger-outline-button:focus-visible {
  color: #fff !important;
  background: var(--admin-danger) !important;
  border-color: var(--admin-danger) !important;
}

.admin-tool-detail-timeline {
  position: relative;
  display: grid;
  gap: 0;
  margin-top: 6px;
}

.admin-tool-detail-timeline::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 10px;
  width: 2px;
  background: var(--admin-border);
}

.admin-tool-detail-timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 14px;
  padding: 0 0 18px;
}

.admin-tool-detail-timeline-dot {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--admin-primary);
  border: 5px solid #fff;
  box-shadow: 0 0 0 1px var(--admin-border), var(--admin-shadow-sm);
}

.admin-tool-detail-timeline-item > div:last-child {
  padding: 16px;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
}

.admin-tool-detail-timeline-header strong {
  color: var(--admin-text);
}

.admin-tool-detail-timeline-header time {
  color: var(--admin-text-muted);
  font-size: 0.84rem;
  font-weight: 750;
}

.admin-tool-detail-timeline p {
  margin: 8px 0;
  color: var(--admin-text-muted);
  line-height: 1.6;
}

.admin-tool-detail-timeline small {
  color: var(--admin-text-muted);
  font-weight: 750;
}

.admin-tool-detail-empty-inline {
  border: 1px dashed var(--admin-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
}

.admin-tool-detail-danger-zone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
  padding: 20px;
  border-color: rgba(220, 38, 38, 0.2);
  background: linear-gradient(135deg, #fff, #fff1f2);
}

.admin-tool-detail-danger-zone p {
  margin: 6px 0 0;
  color: var(--admin-text-muted);
}

.admin-tool-detail-danger-zone form {
  margin: 0;
}

@media (max-width: 1180px) {
  .admin-tool-detail-hero {
    grid-template-columns: 1fr;
  }

  .admin-tool-detail-media-card {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.5fr);
  }

  .admin-tool-detail-overview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-tool-detail-safety-grid, .admin-tool-detail-document-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .admin-tool-detail-hero-main, .admin-tool-detail-section, .admin-tool-detail-card, .admin-tool-detail-danger-zone {
    padding: 18px;
  }

  .admin-tool-detail-media-card, .admin-tool-detail-columns, .admin-tool-detail-media-card {
    grid-template-columns: 1fr;
  }

  .admin-tool-detail-overview-grid, .admin-tool-detail-safety-grid, .admin-tool-detail-document-grid {
    grid-template-columns: 1fr;
  }

  .admin-tool-detail-section-header, .admin-tool-detail-card-header, .admin-tool-detail-danger-zone {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-tool-detail-dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .admin-tool-detail-document-meta div {
    display: grid;
  }

  .admin-tool-detail-document-meta dd {
    text-align: left;
  }
}

/* --------------------------------------------------------------------------
   D5: Geführte Workflows für Werkzeugformulare
   -------------------------------------------------------------------------- */

.admin-workflow-header {
  align-items: flex-start;
}

.admin-workflow-form {
  display: grid;
  gap: 24px;
}

.admin-workflow-layout {
  display: grid;
  grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(260px, 340px);
  gap: 24px;
  align-items: start;
}

.admin-workflow-rail, .admin-workflow-preview {
  position: sticky;
  top: 24px;
  display: grid;
  gap: 16px;
}

.admin-workflow-steps {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--admin-shadow-sm);
}

.admin-workflow-steps a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  color: var(--admin-text-muted);
  font-size: 0.9rem;
  font-weight: 760;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.admin-workflow-steps a:hover, .admin-workflow-steps a:focus-visible {
  background: var(--admin-primary-soft);
  color: var(--admin-primary-dark);
  transform: translateX(2px);
}

.admin-workflow-steps span {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-surface-muted);
  color: var(--admin-primary);
  font-size: 0.78rem;
  font-weight: 850;
}

.admin-workflow-quality-card, .admin-preview-card, .admin-workflow-section {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--admin-shadow-md);
}

.admin-workflow-quality-card {
  padding: 18px;
}

.admin-workflow-quality-card h2, .admin-preview-card h2, .admin-workflow-section h2 {
  margin: 0;
}

.admin-workflow-quality-card ul {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 14px 0 0;
  list-style: none;
}

.admin-workflow-quality-card li {
  position: relative;
  padding: 10px 10px 10px 34px;
  border: 1px solid rgba(217, 119, 6, 0.25);
  border-radius: 14px;
  background: var(--admin-warning-soft);
  color: #78350f;
  font-size: 0.84rem;
  line-height: 1.45;
}

.admin-workflow-quality-card li::before {
  content: "!";
  position: absolute;
  top: 10px;
  left: 11px;
  display: inline-grid;
  width: 16px;
  height: 16px;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-warning);
  color: white;
  font-size: 0.7rem;
  font-weight: 900;
}

.admin-workflow-quality-card li.admin-quality-ok {
  border-color: rgba(22, 163, 74, 0.26);
  background: var(--admin-success-soft);
  color: #14532d;
}

.admin-workflow-quality-card li.admin-quality-ok::before {
  content: "✓";
  background: var(--admin-success);
}

.admin-workflow-main {
  display: grid;
  gap: 22px;
  min-width: 0;
}

.admin-workflow-section {
  scroll-margin-top: 24px;
  padding: 24px;
}

.admin-workflow-section-header {
  display: grid;
  gap: 6px;
  max-width: 760px;
  margin-bottom: 20px;
}

.admin-workflow-section-header p:not(.admin-kicker) {
  margin: 0;
  color: var(--admin-text-muted);
  line-height: 1.55;
}

.admin-workflow-section label > span, .admin-workflow-form label > span {
  font-weight: 800;
}

.admin-workflow-section input, .admin-workflow-section select, .admin-workflow-section textarea {
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.admin-workflow-section input:focus, .admin-workflow-section select:focus, .admin-workflow-section textarea:focus {
  border-color: var(--admin-primary);
  box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.12);
}

.admin-workflow-checkbox-row {
  margin-bottom: 18px;
}

.admin-template-preview {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(29, 78, 216, 0.18);
  border-radius: var(--admin-radius-lg);
  background: linear-gradient(135deg, rgba(219, 234, 254, 0.72), rgba(255, 255, 255, 0.92));
}

.admin-template-preview[hidden] {
  display: none;
}

.admin-template-preview h3 {
  margin: 0;
  color: var(--admin-text);
}

.admin-template-preview p {
  margin: 0;
  color: var(--admin-text-muted);
}

.admin-template-preview dl {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.admin-template-preview dl div {
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--admin-shadow-sm);
}

.admin-template-preview dt, .admin-preview-facts dt {
  color: var(--admin-text-muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.admin-template-preview dd, .admin-preview-facts dd {
  margin: 4px 0 0;
  color: var(--admin-text);
  font-weight: 800;
}

.admin-preview-card {
  overflow: hidden;
  padding: 18px;
}

.admin-preview-card h2 {
  margin-top: 4px;
  font-size: 1.35rem;
  line-height: 1.15;
}

.admin-preview-id {
  margin: 6px 0 14px;
  color: var(--admin-text-muted);
  font-weight: 750;
}

.admin-preview-image {
  display: grid;
  min-height: 180px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  background: radial-gradient(circle at 30% 20%, rgba(29, 78, 216, 0.16), transparent 32%),
    linear-gradient(135deg, #eff6ff, #f8fafc);
  color: var(--admin-text-muted);
  font-weight: 850;
}

.admin-preview-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
}

.admin-preview-status {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(100, 116, 139, 0.22);
  background: var(--admin-surface-muted);
}

.admin-preview-status strong {
  font-size: 1rem;
}

.admin-preview-status span {
  color: var(--admin-text-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.admin-preview-status[data-preview-status="available"] {
  border-color: rgba(22, 163, 74, 0.28);
  background: var(--admin-success-soft);
  color: #14532d;
}

.admin-preview-status[data-preview-status="needs_protection"], .admin-preview-status[data-preview-status="needs_review"] {
  border-color: rgba(217, 119, 6, 0.28);
  background: var(--admin-warning-soft);
  color: #78350f;
}

.admin-preview-status[data-preview-status="blocked"], .admin-preview-status[data-preview-status="in_repair"] {
  border-color: rgba(220, 38, 38, 0.28);
  background: var(--admin-danger-soft);
  color: #7f1d1d;
}

.admin-preview-status[data-preview-status="archived"] {
  border-color: rgba(100, 116, 139, 0.28);
  background: #f1f5f9;
  color: #334155;
}

.admin-preview-status[data-preview-status="available"] span, .admin-preview-status[data-preview-status="needs_protection"] span, .admin-preview-status[data-preview-status="needs_review"] span, .admin-preview-status[data-preview-status="blocked"] span, .admin-preview-status[data-preview-status="in_repair"] span, .admin-preview-status[data-preview-status="archived"] span {
  color: currentColor;
  opacity: 0.82;
}

.admin-preview-facts {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
}

.admin-preview-facts div {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
  padding: 10px 0;
  border-bottom: 1px solid var(--admin-border);
}

.admin-preview-facts div:last-child {
  border-bottom: 0;
}

.admin-sticky-save-bar {
  position: sticky;
  bottom: 16px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(29, 78, 216, 0.2);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--admin-shadow-lg);
  backdrop-filter: blur(18px);
}

.admin-sticky-save-bar > div:first-child {
  display: grid;
  gap: 2px;
}

.admin-sticky-save-bar strong {
  color: var(--admin-text);
}

.admin-sticky-save-bar span {
  color: var(--admin-text-muted);
  font-size: 0.9rem;
}

.admin-sticky-save-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

@media (max-width: 1280px) {
  .admin-workflow-layout {
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  }

  .admin-workflow-preview {
    grid-column: 1 / -1;
    position: static;
  }

  .admin-preview-card {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
  }

  .admin-preview-card > .admin-kicker, .admin-preview-card > h2, .admin-preview-card > .admin-preview-id {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .admin-workflow-layout {
    grid-template-columns: 1fr;
  }

  .admin-workflow-rail {
    position: static;
  }

  .admin-workflow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-template-preview dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-preview-card {
    grid-template-columns: 1fr;
  }

  .admin-sticky-save-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-sticky-save-actions {
    justify-content: stretch;
  }

  .admin-sticky-save-actions .admin-primary-button, .admin-sticky-save-actions .admin-secondary-link {
    flex: 1 1 auto;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .admin-workflow-section {
    padding: 18px;
  }

  .admin-workflow-steps {
    grid-template-columns: 1fr;
  }

  .admin-template-preview dl {
    grid-template-columns: 1fr;
  }

  .admin-preview-facts div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* D6 - Dokumente als geführter Upload-/Link-Workflow */

.admin-document-workflow-header {
  align-items: flex-start;
}

.admin-document-workflow {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  margin-top: 1.5rem;
}

.admin-document-workflow-aside {
  position: sticky;
  top: 1.25rem;
  display: grid;
  gap: 0.9rem;
}

.admin-workflow-step {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  padding: 0.95rem;
  border: 1px solid var(--admin-border, #dbe3ef);
  border-radius: var(--admin-radius-md, 16px);
  background: var(--admin-surface, #fff);
  box-shadow: var(--admin-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));
}

.admin-workflow-step > span {
  display: inline-grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-surface-muted, #f8fafc);
  color: var(--admin-text-muted, #64748b);
  font-weight: 800;
}

.admin-workflow-step strong {
  display: block;
  color: var(--admin-text, #0f172a);
}

.admin-workflow-step small {
  display: block;
  margin-top: 0.1rem;
  color: var(--admin-text-muted, #64748b);
}

.admin-workflow-step.is-active {
  border-color: rgba(29, 78, 216, 0.3);
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
}

.admin-workflow-step.is-active > span {
  background: var(--admin-primary, #1d4ed8);
  color: #fff;
}

.admin-document-policy-card {
  padding: 1.15rem;
  border-radius: var(--admin-radius-lg, 24px);
  border: 1px solid rgba(217, 119, 6, 0.25);
  background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
  box-shadow: var(--admin-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));
}

.admin-document-policy-card strong {
  display: block;
  margin-bottom: 0.35rem;
  color: #92400e;
  font-size: 1rem;
}

.admin-document-policy-card p:last-child {
  margin: 0.35rem 0 0;
  color: #78350f;
  font-size: 0.92rem;
  line-height: 1.5;
}

.admin-document-workflow-main {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.admin-document-type-picker, .admin-document-source-switch, .admin-document-form-panel, .admin-document-existing-card {
  border: 1px solid var(--admin-border, #dbe3ef);
  border-radius: var(--admin-radius-lg, 24px);
  background: var(--admin-surface, #fff);
  box-shadow: var(--admin-shadow-md, 0 12px 30px rgba(15, 23, 42, 0.08));
}

.admin-document-type-picker, .admin-document-source-switch {
  padding: 1.25rem;
}

.admin-section-heading-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.admin-section-heading-row h2, .admin-document-source-switch h2 {
  margin: 0.1rem 0 0.25rem;
  color: var(--admin-text, #0f172a);
}

.admin-section-heading-row p, .admin-document-source-switch p {
  margin: 0;
  color: var(--admin-text-muted, #64748b);
}

.admin-document-type-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 0.85rem;
}

.admin-document-type-card {
  display: grid;
  gap: 0.35rem;
  justify-items: start;
  min-height: 11rem;
  padding: 1rem;
  border: 1px solid var(--admin-border, #dbe3ef);
  border-radius: var(--admin-radius-md, 16px);
  background: #fff;
  color: var(--admin-text, #0f172a);
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.admin-document-type-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--admin-shadow-md, 0 12px 30px rgba(15, 23, 42, 0.08));
  border-color: rgba(29, 78, 216, 0.25);
}

.admin-document-type-card.is-active {
  border-color: rgba(29, 78, 216, 0.55);
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 72%);
  box-shadow: 0 16px 36px rgba(29, 78, 216, 0.12);
}

.admin-document-type-card:focus-visible, .admin-document-source-tabs button:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}

.admin-document-type-icon {
  display: inline-grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 0.9rem;
  background: var(--admin-surface-muted, #f8fafc);
  font-size: 1.25rem;
}

.admin-document-type-card strong {
  font-size: 1rem;
}

.admin-document-type-card small {
  color: var(--admin-text-muted, #64748b);
  line-height: 1.35;
}

.admin-document-type-card em {
  margin-top: auto;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: var(--admin-surface-muted, #f8fafc);
  color: var(--admin-text-muted, #64748b);
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 700;
}

.admin-document-source-switch {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.admin-document-source-tabs {
  display: inline-flex;
  gap: 0.35rem;
  padding: 0.3rem;
  border: 1px solid var(--admin-border, #dbe3ef);
  border-radius: 999px;
  background: var(--admin-surface-muted, #f8fafc);
}

.admin-document-source-tabs button {
  border: 0;
  border-radius: 999px;
  padding: 0.65rem 1rem;
  background: transparent;
  color: var(--admin-text-muted, #64748b);
  font-weight: 800;
  cursor: pointer;
}

.admin-document-source-tabs button.is-active {
  background: var(--admin-primary, #1d4ed8);
  color: #fff;
  box-shadow: var(--admin-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));
}

.admin-document-form-grid {
  display: grid;
  gap: 1rem;
}

.admin-document-form-panel {
  display: none;
  padding: 1.25rem;
}

.admin-document-form-panel.is-active {
  display: grid;
  gap: 1.15rem;
}

.admin-form-panel-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--admin-border, #dbe3ef);
}

.admin-form-panel-header h2 {
  margin: 0 0 0.35rem;
  color: var(--admin-text, #0f172a);
}

.admin-form-panel-header p {
  margin: 0;
  color: var(--admin-text-muted, #64748b);
}

.admin-document-invoice-fields {
  padding: 1rem;
  border: 1px solid rgba(217, 119, 6, 0.25);
  border-radius: var(--admin-radius-md, 16px);
  background: #fffbeb;
}

.admin-document-invoice-fields h3 {
  margin: 0 0 0.85rem;
  color: #92400e;
}

.admin-document-visibility-card {
  padding: 1rem;
  border: 1px solid rgba(22, 163, 74, 0.25);
  border-radius: var(--admin-radius-md, 16px);
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
}

.admin-document-visibility-card.is-restricted {
  border-color: rgba(220, 38, 38, 0.25);
  background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
}

.admin-document-public-toggle {
  align-items: flex-start;
}

.admin-document-public-toggle strong {
  display: block;
  color: var(--admin-text, #0f172a);
}

.admin-document-public-toggle small {
  display: block;
  margin-top: 0.2rem;
  color: var(--admin-text-muted, #64748b);
  line-height: 1.45;
}

.admin-document-visibility-card > p {
  margin: 0.75rem 0 0;
  color: var(--admin-text-muted, #64748b);
  font-size: 0.92rem;
}

.admin-document-preview-card {
  display: grid;
  gap: 0.25rem;
  padding: 1rem;
  border-radius: var(--admin-radius-md, 16px);
  border: 1px dashed rgba(29, 78, 216, 0.35);
  background: #f8fbff;
}

.admin-document-preview-card strong {
  color: var(--admin-text, #0f172a);
  font-size: 1.05rem;
}

.admin-document-preview-card span {
  color: var(--admin-text-muted, #64748b);
}

.admin-document-save-bar {
  margin-top: 0.25rem;
}

.admin-document-existing-card {
  margin-top: 1.5rem;
}

@media (max-width: 980px) {
  .admin-document-workflow {
    grid-template-columns: 1fr;
  }

  .admin-document-workflow-aside {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-document-policy-card {
    grid-column: 1 / -1;
  }

  .admin-document-source-switch {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .admin-document-workflow-aside {
    grid-template-columns: 1fr;
  }

  .admin-document-type-grid {
    grid-template-columns: 1fr;
  }

  .admin-document-source-tabs {
    width: 100%;
  }

  .admin-document-source-tabs button {
    flex: 1;
  }

  .admin-form-panel-header, .admin-document-workflow-header {
    flex-direction: column;
  }
}

/* --------------------------------------------------------------------------
   D7: Prüfungsformular als professioneller Prüf-/Wartungsworkflow
   -------------------------------------------------------------------------- */

.admin-inspection-hero {
  align-items: start;
}

.admin-inspection-workflow {
  display: grid;
  gap: 1.25rem;
}

.admin-inspection-layout {
  display: grid;
  grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(280px, 360px);
  gap: 1.5rem;
  align-items: start;
}

.admin-inspection-main {
  display: grid;
  gap: 1.4rem;
  min-width: 0;
}

.admin-inspection-preview {
  position: sticky;
  top: 1.5rem;
  display: grid;
  gap: 1rem;
}

.admin-inspection-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.admin-inspection-result-card {
  position: relative;
  display: grid;
  gap: 0.5rem;
  min-height: 13rem;
  padding: 1.1rem;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: var(--admin-surface);
  box-shadow: var(--admin-shadow-sm);
  cursor: pointer;
}

.admin-inspection-result-card:hover {
  border-color: #93c5fd;
  transform: translateY(-2px);
  box-shadow: var(--admin-shadow-md);
}

.admin-inspection-result-card input {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.2rem;
  height: 1.2rem;
}

.admin-inspection-result-card:has(input:checked) {
  border-color: rgba(29, 78, 216, 0.52);
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
  box-shadow: 0 18px 40px rgba(29, 78, 216, 0.12);
}

.admin-inspection-result-icon {
  display: inline-grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-surface-muted);
  color: var(--admin-primary);
  font-size: 1.35rem;
  font-weight: 950;
}

.admin-inspection-result-card strong {
  color: var(--admin-text);
  font-size: 1.2rem;
  font-weight: 950;
  line-height: 1.15;
}

.admin-inspection-result-card small {
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.45;
}

.admin-inspection-result-card em {
  margin-top: auto;
  color: var(--admin-text-soft);
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 900;
}

.admin-inspection-result-card-success .admin-inspection-result-icon {
  background: var(--admin-success-soft);
  color: var(--admin-success);
}

.admin-inspection-result-card-warning .admin-inspection-result-icon {
  background: var(--admin-warning-soft);
  color: var(--admin-warning);
}

.admin-inspection-result-card-danger .admin-inspection-result-icon {
  background: var(--admin-danger-soft);
  color: var(--admin-danger);
}

.admin-inspection-effect-panel {
  margin-top: 1rem;
}

.admin-inspection-effect-list, .admin-preview-list {
  display: grid;
  gap: 0.65rem;
  margin: 0;
}

.admin-inspection-effect-list div, .admin-preview-list div {
  display: grid;
  grid-template-columns: minmax(8rem, 0.85fr) minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  padding: 0.72rem;
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
}

.admin-inspection-effect-list dt, .admin-preview-list dt {
  color: var(--admin-text-muted);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.admin-inspection-effect-list dd, .admin-preview-list dd {
  margin: 0;
  color: var(--admin-text);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.admin-inspection-document-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.admin-form-card, .admin-inspection-document-card, .admin-quality-card {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--admin-shadow-sm);
}

.admin-form-card, .admin-inspection-document-card {
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
}

.admin-inspection-document-card h3, .admin-quality-card h3 {
  margin: 0;
  color: var(--admin-text);
  font-size: 1.05rem;
  font-weight: 950;
}

.admin-inspection-public-warning {
  align-items: flex-start;
  border-color: rgba(217, 119, 6, 0.28);
  background: #fffbeb;
}

.admin-inspection-public-warning small {
  display: block;
  margin-top: 0.2rem;
  color: #92400e;
  font-weight: 760;
  line-height: 1.35;
}

.admin-inspection-preview-result {
  display: grid;
  gap: 0.3rem;
  margin: 0.8rem 0 1rem;
  padding: 1rem;
  border-radius: var(--admin-radius-lg);
  border: 1px solid var(--admin-border);
  background: var(--admin-primary-soft-2);
}

.admin-inspection-preview-result strong {
  color: var(--admin-text);
  font-size: 1.25rem;
  font-weight: 950;
}

.admin-inspection-preview-result span {
  color: var(--admin-text-muted);
  font-weight: 780;
  line-height: 1.4;
}

.admin-inspection-preview-result[data-inspection-preview-result="passed"] {
  border-color: var(--admin-success-border);
  background: linear-gradient(135deg, var(--admin-success-soft), #ffffff);
}

.admin-inspection-preview-result[data-inspection-preview-result="needs_repair"] {
  border-color: var(--admin-warning-border);
  background: linear-gradient(135deg, var(--admin-warning-soft), #ffffff);
}

.admin-inspection-preview-result[data-inspection-preview-result="failed"], .admin-inspection-preview-result[data-inspection-preview-result="blocked"] {
  border-color: var(--admin-danger-border);
  background: linear-gradient(135deg, var(--admin-danger-soft), #ffffff);
}

.admin-quality-card {
  padding: 1rem;
}

.admin-quality-card ul {
  display: grid;
  gap: 0.65rem;
  padding: 0;
  margin: 0.9rem 0 0;
  list-style: none;
}

.admin-quality-card li {
  position: relative;
  padding: 0.72rem 0.72rem 0.72rem 2.15rem;
  border: 1px solid rgba(217, 119, 6, 0.25);
  border-radius: var(--admin-radius-md);
  background: var(--admin-warning-soft);
  color: #78350f;
  font-size: 0.85rem;
  font-weight: 760;
  line-height: 1.45;
}

.admin-quality-card li::before {
  position: absolute;
  left: 0.72rem;
  top: 0.78rem;
  display: inline-grid;
  width: 1rem;
  height: 1rem;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-warning);
  color: #ffffff;
  content: "!";
  font-size: 0.72rem;
  font-weight: 950;
}

.admin-quality-card li.admin-quality-ok {
  border-color: var(--admin-success-border);
  background: var(--admin-success-soft);
  color: #14532d;
}

.admin-quality-card li.admin-quality-ok::before {
  background: var(--admin-success);
  content: "✓";
}

.admin-document-risk-card {
  margin-top: 1rem;
  border: 1px solid var(--admin-danger-border);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-danger-soft-2);
  color: var(--admin-danger-dark);
  padding: 0.9rem 1rem;
  font-weight: 900;
  line-height: 1.45;
}

.admin-document-risk-card[hidden] {
  display: none;
}

@media (max-width: 1280px) {
  .admin-inspection-layout {
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
  }

  .admin-inspection-preview {
    grid-column: 1 / -1;
    position: static;
  }
}

@media (max-width: 900px) {
  .admin-inspection-layout, .admin-inspection-result-grid, .admin-inspection-document-grid {
    grid-template-columns: 1fr;
  }

  .admin-inspection-preview {
    grid-column: auto;
  }
}

@media (max-width: 640px) {
  .admin-inspection-effect-list div, .admin-preview-list div {
    grid-template-columns: 1fr;
    gap: 0.3rem;
  }

  .admin-inspection-result-card {
    min-height: auto;
  }
}

/* D8 - Defektzentrale als Entscheidungsworkflow */

.admin-defect-command-header {
  align-items: stretch;
}

.admin-defect-command-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 18px;
}

.admin-defect-command-card {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  background: linear-gradient(180deg, #fff, var(--admin-surface-muted));
  box-shadow: var(--admin-shadow-sm);
  padding: 18px;
}

.admin-defect-command-card span {
  display: block;
  color: var(--admin-text-muted);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-defect-command-card strong {
  display: block;
  color: var(--admin-text);
  font-size: clamp(2rem, 5vw, 3.4rem);
  line-height: 1;
  margin-top: 8px;
}

.admin-defect-command-card p {
  color: var(--admin-text-muted);
  font-size: 0.92rem;
  margin: 10px 0 0;
}

.admin-defect-command-card-danger {
  border-color: color-mix(in srgb, var(--admin-danger) 28%, var(--admin-border));
  background: linear-gradient(135deg, #fff, var(--admin-danger-soft));
}

.admin-defect-command-card-danger strong {
  color: var(--admin-danger);
}

.admin-defect-filter-bar {
  margin-bottom: 20px;
}

.admin-defect-board {
  display: grid;
  gap: 20px;
}

.admin-defect-lane {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--admin-shadow-sm);
  overflow: hidden;
}

.admin-defect-lane-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--admin-border);
  background: linear-gradient(180deg, #fff, var(--admin-surface-muted));
}

.admin-defect-lane-header h2 {
  margin: 0;
  color: var(--admin-text);
  font-size: 1.05rem;
}

.admin-defect-lane-header p {
  margin: 4px 0 0;
  color: var(--admin-text-muted);
  font-size: 0.92rem;
}

.admin-defect-lane-header > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--admin-primary-soft);
  color: var(--admin-primary-dark);
  font-weight: 900;
}

.admin-defect-lane-immediate .admin-defect-lane-header > span {
  background: var(--admin-danger-soft);
  color: var(--admin-danger);
}

.admin-defect-lane-list {
  display: grid;
  gap: 16px;
  padding: 18px;
}

.admin-defect-work-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
  gap: 18px;
  position: relative;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  background: #fff;
  box-shadow: var(--admin-shadow-sm);
  padding: 18px;
}

.admin-defect-work-card::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 4px;
  border-radius: 999px;
  background: var(--admin-border);
}

.admin-defect-work-card.is-critical {
  border-color: color-mix(in srgb, var(--admin-danger) 26%, var(--admin-border));
  box-shadow: 0 18px 44px rgba(220, 38, 38, 0.1);
}

.admin-defect-work-card.is-critical::before {
  background: var(--admin-danger);
}

.admin-defect-work-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.admin-defect-work-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-defect-work-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.admin-defect-work-title-row h3 {
  margin: 0;
  color: var(--admin-text);
  font-size: 1.22rem;
  letter-spacing: -0.02em;
}

.admin-defect-work-title-row p {
  margin: 4px 0 0;
  color: var(--admin-text-muted);
}

.admin-defect-critical-pill {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 999px;
  background: var(--admin-danger);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  padding: 8px 10px;
  text-transform: uppercase;
}

.admin-defect-work-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.admin-defect-work-meta div {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  padding: 10px;
}

.admin-defect-work-meta dt {
  color: var(--admin-text-muted);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-defect-work-meta dd {
  margin: 4px 0 0;
  color: var(--admin-text);
  font-weight: 750;
}

.admin-defect-work-description {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-md);
  background: #fff;
  color: var(--admin-text);
  line-height: 1.5;
  padding: 13px 14px;
}

.admin-defect-guidance {
  border: 1px solid color-mix(in srgb, var(--admin-primary) 18%, var(--admin-border));
  border-radius: var(--admin-radius-md);
  background: linear-gradient(135deg, var(--admin-primary-soft), #fff);
  padding: 13px 14px;
}

.admin-defect-guidance span {
  color: var(--admin-primary-dark);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-defect-guidance p {
  margin: 5px 0 0;
  color: var(--admin-text);
  font-weight: 650;
}

.admin-defect-work-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.admin-defect-decision-form {
  display: grid;
  align-content: start;
  gap: 14px;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  padding: 14px;
}

.admin-defect-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.admin-defect-quick-actions button {
  border: 1px solid var(--admin-border);
  border-radius: 999px;
  background: #fff;
  color: var(--admin-text);
  cursor: pointer;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 850;
  padding: 9px 10px;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.admin-defect-quick-actions button:hover, .admin-defect-quick-actions button:focus-visible {
  border-color: color-mix(in srgb, var(--admin-primary) 35%, var(--admin-border));
  box-shadow: var(--admin-shadow-sm);
  transform: translateY(-1px);
}

.admin-defect-decision-form label {
  display: grid;
  gap: 7px;
  margin: 0;
}

.admin-defect-decision-form label > span {
  color: var(--admin-text);
  font-size: 0.85rem;
  font-weight: 800;
}

.admin-defect-decision-preview {
  border: 1px solid color-mix(in srgb, var(--admin-primary) 22%, var(--admin-border));
  border-radius: var(--admin-radius-md);
  background: #fff;
  padding: 13px 14px;
}

.admin-defect-decision-preview span {
  display: block;
  color: var(--admin-text-muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-defect-decision-preview strong {
  display: block;
  color: var(--admin-text);
  font-size: 1.05rem;
  margin-top: 4px;
}

.admin-defect-decision-preview p {
  color: var(--admin-text-muted);
  margin: 5px 0 0;
}

.admin-defect-warning-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.admin-defect-warning-list li {
  border: 1px solid color-mix(in srgb, var(--admin-warning) 24%, var(--admin-border));
  border-radius: var(--admin-radius-sm);
  background: var(--admin-warning-soft);
  color: #7c2d12;
  font-size: 0.85rem;
  line-height: 1.35;
  padding: 9px 10px;
}

.admin-defect-warning-list .admin-quality-ok {
  border-color: color-mix(in srgb, var(--admin-success) 26%, var(--admin-border));
  background: var(--admin-success-soft);
  color: #14532d;
}

.admin-defect-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--admin-border);
  padding-top: 12px;
}

.admin-defect-form-actions small {
  color: var(--admin-text-muted);
  font-weight: 650;
}

.admin-defect-empty-card {
  margin-top: 20px;
}

@media (max-width: 1180px) {
  .admin-defect-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-defect-work-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .admin-defect-command-grid, .admin-defect-work-meta, .admin-defect-quick-actions {
    grid-template-columns: 1fr;
  }

  .admin-defect-lane-list, .admin-defect-work-card {
    padding: 14px;
  }

  .admin-defect-lane-header, .admin-defect-work-title-row, .admin-defect-form-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-defect-form-actions .admin-primary-button {
    width: 100%;
  }
}

/* D9 - Category studio */

.admin-category-studio {
  display: grid;
  gap: 1.5rem;
}

.admin-category-hero {
  overflow: hidden;
  position: relative;
}

.admin-category-hero::after {
  content: "";
  position: absolute;
  inset: auto -8rem -9rem auto;
  width: 24rem;
  height: 24rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.16), rgba(37, 99, 235, 0));
  pointer-events: none;
}

.admin-category-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.admin-category-metric-primary {
  background: linear-gradient(135deg, var(--admin-primary), var(--admin-primary-dark));
  color: #fff;
  border-color: transparent;
}

.admin-category-metric-primary span, .admin-category-metric-primary small {
  color: rgba(255, 255, 255, 0.78);
}

.admin-category-toolbar {
  position: sticky;
  top: 1rem;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(18rem, 26rem) 1fr;
  gap: 1rem;
  align-items: end;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(219, 227, 239, 0.9);
  box-shadow: var(--admin-shadow-sm);
  backdrop-filter: blur(18px);
}

.admin-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.admin-category-card {
  display: grid;
  gap: 1.1rem;
  padding: 1.25rem;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface);
  box-shadow: var(--admin-shadow-sm);
  position: relative;
  overflow: hidden;
}

.admin-category-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.35rem;
  background: var(--admin-primary);
}

.admin-category-card.is-critical::before {
  background: var(--admin-danger);
}

.admin-category-card.has-warnings::before {
  background: var(--admin-warning);
}

.admin-category-card.is-good::before {
  background: var(--admin-success);
}

.admin-category-card-header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: start;
}

.admin-category-card-header h2 {
  margin: 0.15rem 0 0.35rem;
  color: var(--admin-text);
  font-size: 1.25rem;
}

.admin-category-card-header p {
  margin: 0;
  color: var(--admin-text-muted);
  line-height: 1.55;
}

.admin-category-score {
  min-width: 5.75rem;
  min-height: 5.75rem;
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 999px;
  border: 1px solid var(--admin-border);
  background: linear-gradient(180deg, #fff, var(--admin-surface-muted));
  box-shadow: inset 0 0 0 0.45rem rgba(37, 99, 235, 0.08);
}

.admin-category-score strong {
  display: block;
  color: var(--admin-text);
  font-size: 1.25rem;
  line-height: 1;
}

.admin-category-score span {
  display: block;
  margin-top: 0.25rem;
  color: var(--admin-text-muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.admin-category-card-meta, .admin-subcategory-badges, .admin-category-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.admin-category-quality-box {
  padding: 1rem;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: var(--admin-radius-md);
  background: rgba(255, 251, 235, 0.72);
}

.admin-category-quality-box h3 {
  margin: 0 0 0.65rem;
  color: var(--admin-text);
  font-size: 0.95rem;
}

.admin-category-quality-box ul {
  margin: 0;
  padding-left: 1.15rem;
  color: var(--admin-text-muted);
  line-height: 1.5;
}

.admin-category-quality-box li + li {
  margin-top: 0.35rem;
}

.admin-category-quality-box li.is-critical {
  color: var(--admin-danger);
  font-weight: 800;
}

.admin-subcategory-stack {
  display: grid;
  gap: 0.75rem;
}

.admin-subcategory-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem 1rem;
  padding: 1rem;
  border: 1px solid rgba(219, 227, 239, 0.9);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
}

.admin-subcategory-card.is-empty {
  display: block;
  border-style: dashed;
  background: rgba(248, 250, 252, 0.72);
}

.admin-subcategory-card strong {
  display: block;
  color: var(--admin-text);
}

.admin-subcategory-card p {
  margin: 0.25rem 0 0;
  color: var(--admin-text-muted);
}

.admin-subcategory-profile {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
}

.admin-subcategory-profile div {
  padding: 0.75rem;
  border-radius: var(--admin-radius-sm);
  background: #fff;
  border: 1px solid rgba(219, 227, 239, 0.72);
}

.admin-subcategory-profile dt {
  color: var(--admin-text-muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.admin-subcategory-profile dd {
  margin: 0.25rem 0 0;
  color: var(--admin-text);
  line-height: 1.45;
}

.admin-category-card-actions {
  justify-content: flex-end;
  padding-top: 0.25rem;
}

.admin-category-empty, .admin-category-filter-empty {
  margin-top: 0;
}

@media (max-width: 1180px) {
  .admin-category-metrics, .admin-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-category-toolbar {
    grid-template-columns: 1fr;
    position: static;
  }
}

@media (max-width: 760px) {
  .admin-category-metrics, .admin-category-grid, .admin-subcategory-profile {
    grid-template-columns: 1fr;
  }

  .admin-category-card-header, .admin-subcategory-card {
    grid-template-columns: 1fr;
  }

  .admin-category-score {
    width: 5.5rem;
    min-width: 5.5rem;
  }

  .admin-category-card-actions {
    justify-content: stretch;
  }

  .admin-category-card-actions > * {
    flex: 1 1 100%;
    justify-content: center;
  }
}

/* D10: Etiketten-/QR-Druckstudio */

.admin-labels-header {
  align-items: end;
}

.admin-label-studio {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.15rem;
}

.admin-label-studio-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20rem;
  gap: 1rem;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(191, 219, 254, 0.9);
  border-radius: var(--admin-radius-xl);
  background: radial-gradient(circle at top left, rgba(219, 234, 254, 0.92), transparent 42%),
    linear-gradient(135deg, #ffffff, #f8fbff);
  padding: 1.25rem;
  box-shadow: var(--admin-shadow-md);
}

.admin-label-studio-hero h2 {
  margin: 0.15rem 0 0.45rem;
  color: var(--admin-text);
  font-size: clamp(1.45rem, 2.5vw, 2.35rem);
  font-weight: 950;
  letter-spacing: -0.04em;
}

.admin-label-studio-hero p {
  max-width: 56rem;
  margin: 0;
  color: var(--admin-text-muted);
  font-weight: 750;
  line-height: 1.55;
}

.admin-label-format-card {
  display: grid;
  align-content: center;
  gap: 0.25rem;
  border: 1px solid rgba(219, 227, 239, 0.9);
  border-radius: var(--admin-radius-lg);
  background: rgba(255, 255, 255, 0.82);
  padding: 1rem;
  box-shadow: var(--admin-shadow-xs);
}

.admin-label-format-card span, .admin-label-format-select span, .admin-label-search span {
  color: var(--admin-text-muted);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-label-format-card strong {
  color: var(--admin-text);
  font-size: 1.45rem;
  font-weight: 950;
}

.admin-label-format-card small {
  color: var(--admin-text-muted);
  font-weight: 750;
  line-height: 1.45;
}

.admin-label-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem;
}

.admin-label-metrics article {
  display: grid;
  gap: 0.2rem;
  border: 1px solid rgba(219, 227, 239, 0.9);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface);
  padding: 1rem;
  box-shadow: var(--admin-shadow-sm);
}

.admin-label-metrics span {
  color: var(--admin-text-muted);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.admin-label-metrics strong {
  color: var(--admin-text);
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -0.05em;
}

.admin-label-metrics small {
  color: var(--admin-text-muted);
  font-weight: 750;
}

.admin-label-toolbar {
  position: sticky;
  top: 1rem;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) auto minmax(12rem, 16rem);
  gap: 0.85rem;
  align-items: end;
  border: 1px solid rgba(219, 227, 239, 0.94);
  border-radius: var(--admin-radius-lg);
  background: rgba(255, 255, 255, 0.92);
  padding: 0.9rem;
  box-shadow: var(--admin-shadow-sm);
  backdrop-filter: blur(14px);
}

.admin-label-search, .admin-label-format-select {
  display: grid;
  gap: 0.35rem;
}

.admin-label-search input, .admin-label-format-select select {
  width: 100%;
  min-height: 2.75rem;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-sm);
  background: var(--admin-surface);
  color: var(--admin-text);
  padding: 0.65rem 0.8rem;
  font: inherit;
  font-weight: 800;
}

.admin-label-search input:focus, .admin-label-format-select select:focus {
  border-color: var(--admin-primary);
  outline: none;
  box-shadow: var(--admin-focus);
}

.admin-label-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  justify-content: center;
}

.admin-label-selection-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(191, 219, 254, 0.78);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-primary-soft-2);
  padding: 0.8rem 1rem;
  color: var(--admin-primary-dark);
  font-weight: 850;
}

.admin-label-selection-summary strong {
  font-size: 1rem;
  font-weight: 950;
}

.admin-label-card {
  display: grid;
  gap: 0.7rem;
  border: 1px solid rgba(219, 227, 239, 0.95);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.96);
  padding: 0.85rem;
  box-shadow: var(--admin-shadow-sm);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
}

.admin-label-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--admin-shadow-md);
}

.admin-label-card.is-selected {
  border-color: #60a5fa;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.14), var(--admin-shadow-md);
}

.admin-label-card-warning {
  border-color: rgba(245, 158, 11, 0.38);
}

.admin-label-card-critical {
  border-color: rgba(239, 68, 68, 0.42);
}

.admin-label-card-toolbar, .admin-label-quality, .admin-label-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}

.admin-label-card-actions {
  justify-content: flex-end;
}

.admin-label-select-row {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--admin-text-soft);
  font-size: 0.88rem;
  font-weight: 900;
  cursor: pointer;
}

.admin-label-select-row input {
  width: 1.1rem;
  height: 1.1rem;
  accent-color: var(--admin-primary);
}

.admin-label-warnings {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  border: 1px solid var(--admin-warning-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-warning-soft);
  padding: 0.75rem 0.75rem 0.75rem 1.55rem;
  color: var(--admin-warning);
  font-size: 0.86rem;
  font-weight: 850;
}

.admin-tool-label-d10 {
  position: relative;
  overflow: hidden;
}

.admin-tool-label-d10::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.45rem;
  background: var(--admin-primary);
}

.admin-tool-label-status {
  align-self: center;
  border: 1px solid #0f172a;
  border-radius: 999px;
  padding: 0.28rem 0.5rem;
  color: #0f172a !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-tool-label-facts {
  display: grid;
  gap: 0.35rem;
  margin: 0.35rem 0 0;
}

.admin-tool-label-facts div {
  display: grid;
  gap: 0.05rem;
}

.admin-tool-label-facts dt {
  color: #64748b;
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.admin-tool-label-facts dd {
  margin: 0;
  color: #0f172a;
  font-size: 0.88rem;
  font-weight: 950;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.admin-tool-label-safety-note {
  margin-top: 0.2rem;
  color: #0f172a !important;
  font-weight: 950 !important;
}

[data-label-print-format="compact"] .admin-label-sheet {
  grid-template-columns: repeat(auto-fill, minmax(16.5rem, 1fr));
}

[data-label-print-format="compact"] .admin-tool-label {
  width: 18rem;
  min-height: 11.5rem;
  padding: 0.65rem;
}

[data-label-print-format="compact"] .admin-tool-label-body {
  grid-template-columns: 6.25rem minmax(0, 1fr);
  gap: 0.55rem;
  padding: 0.55rem 0;
}

[data-label-print-format="compact"] .admin-tool-label-qr {
  width: 6.25rem;
  height: 6.25rem;
}

[data-label-print-format="compact"] .admin-tool-label-info h2 {
  font-size: 1rem;
}

[data-label-print-format="safety"] .admin-tool-label-d10::before {
  width: 0.7rem;
  background: var(--admin-danger);
}

[data-label-print-format="safety"] .admin-tool-label-safety-note {
  display: block;
  border-radius: 0.5rem;
  background: #fee2e2;
  padding: 0.25rem 0.35rem;
  color: #7f1d1d !important;
}

@media (max-width: 1180px) {
  .admin-label-studio-hero, .admin-label-toolbar {
    grid-template-columns: 1fr;
    position: static;
  }

  .admin-label-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .admin-label-metrics, .admin-label-sheet {
    grid-template-columns: 1fr;
  }

  .admin-label-card-actions, .admin-labels-header .admin-page-actions {
    width: 100%;
  }

  .admin-label-card-actions > *, .admin-labels-header .admin-page-actions > * {
    flex: 1 1 100%;
  }
}

@media print {
  .admin-label-card {
    display: block !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .admin-label-card[hidden], .admin-label-filter-empty, .admin-label-has-selection .admin-label-card.is-not-selected {
    display: none !important;
  }

  .admin-label-card.is-selected {
    box-shadow: none !important;
  }

  .admin-tool-label-d10 {
    border-color: #000 !important;
  }

  [data-label-print-format="compact"] .admin-label-sheet {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 7mm !important;
  }

  [data-label-print-format="compact"] .admin-tool-label {
    width: auto !important;
    min-height: 74mm !important;
  }
}

/* --------------------------------------------------------------------------
   METACOM Picker für Admin-Formulare
   -------------------------------------------------------------------------- */

.admin-metacom-picker {
  display: grid;
  grid-column: 1 / -1;
  gap: 1rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-xl);
  background: var(--admin-surface-muted);
  padding: 1rem;
}

.admin-metacom-picker-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.admin-metacom-picker-header span, .admin-metacom-search span {
  display: block;
  color: var(--admin-text-muted);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-metacom-picker-header strong {
  display: block;
  margin-top: 0.2rem;
  color: var(--admin-text);
  font-size: 1.1rem;
  font-weight: 950;
}

.admin-metacom-picker-header p {
  margin: 0.25rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 750;
  line-height: 1.45;
}

.admin-metacom-search {
  display: grid;
  gap: 0.45rem;
}

.admin-metacom-search input {
  width: 100%;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-md);
  background: #ffffff;
  color: var(--admin-text);
  padding: 0.75rem 0.9rem;
  font-weight: 800;
}

.admin-metacom-search input:focus {
  border-color: var(--admin-primary);
  outline: none;
  box-shadow: var(--admin-focus);
}

.admin-metacom-current {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: #ffffff;
  padding: 0.75rem;
}

.admin-metacom-current-image {
  display: grid;
  width: 4.25rem;
  height: 4.25rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-md);
  background: #f8fafc;
  color: var(--admin-text-muted);
  font-size: 0.75rem;
  font-weight: 900;
  text-align: center;
}

.admin-metacom-current-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.admin-metacom-current small {
  display: block;
  color: var(--admin-text-muted);
  font-weight: 900;
}

.admin-metacom-current code {
  display: block;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
  color: var(--admin-text);
  font-weight: 800;
}

.admin-metacom-groups {
  display: grid;
  gap: 1rem;
  max-height: 32rem;
  overflow: auto;
  padding-right: 0.25rem;
}

.admin-metacom-group h3 {
  margin: 0 0 0.5rem;
  color: var(--admin-text-soft);
  font-size: 0.9rem;
  font-weight: 950;
}

.admin-metacom-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
  gap: 0.6rem;
}

.admin-metacom-option {
  display: grid;
  gap: 0.45rem;
  justify-items: center;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-md);
  background: #ffffff;
  color: var(--admin-text);
  padding: 0.65rem;
  cursor: pointer;
}

.admin-metacom-option:hover {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  transform: translateY(-1px);
}

.admin-metacom-option.is-selected {
  border-color: var(--admin-primary);
  background: var(--admin-primary-soft);
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.18);
}

.admin-metacom-option span {
  display: grid;
  width: 4rem;
  height: 4rem;
  place-items: center;
  overflow: hidden;
  border-radius: 0.75rem;
  background: #f8fafc;
}

.admin-metacom-option img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.admin-metacom-option strong {
  color: var(--admin-text-soft);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
}

.admin-metacom-option[hidden] {
  display: none !important;
}

@media (max-width: 720px) {
  .admin-metacom-current {
    grid-template-columns: 1fr;
  }

  .admin-metacom-grid {
    grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
  }
}

/* =========================================================
   Admin Login final
   - moderne Login-Karte
   - mobil sauber
   - klarer Fachkraft-Bereich
   ========================================================= */

.admin-login-page {
  display: grid !important;
  min-height: 100vh !important;
  place-items: center !important;
  padding: clamp(1rem, 4vw, 2rem) !important;
  background: radial-gradient(circle at 18% 16%, rgba(219, 234, 254, 0.95), transparent 24rem),
    radial-gradient(circle at 88% 86%, rgba(191, 219, 254, 0.7), transparent 22rem),
    linear-gradient(135deg, #f8fafc 0%, #eef4ff 100%) !important;
  color: var(--admin-text) !important;
}

.admin-login-card {
  width: min(100%, 31rem) !important;
  border: 1px solid rgba(203, 213, 225, 0.95) !important;
  border-radius: 1.75rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  padding: clamp(1.25rem, 4vw, 2rem) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.95) inset !important;
  backdrop-filter: blur(16px) !important;
}

.admin-login-header {
  display: grid !important;
  grid-template-columns: 4rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.95rem !important;
  margin: 0 0 1rem !important;
}

.admin-login-mark {
  display: grid !important;
  place-items: center !important;
  width: 4rem !important;
  height: 4rem !important;
  border-radius: 1.2rem !important;
  background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.45), transparent 36%),
    linear-gradient(135deg, var(--admin-primary), var(--admin-primary-dark)) !important;
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.06em !important;
  box-shadow: 0 16px 34px rgba(29, 78, 216, 0.28) !important;
}

.admin-login-header p {
  margin: 0 0 0.28rem !important;
  color: var(--admin-primary) !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.admin-login-header h1 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.85rem, 7vw, 2.55rem) !important;
  font-weight: 950 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.07em !important;
}

.admin-login-intro {
  margin: 0 0 1.15rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.98rem !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

.admin-login-form {
  display: grid !important;
  gap: 0.95rem !important;
}

.admin-login-form label {
  display: grid !important;
  gap: 0.42rem !important;
  color: var(--admin-text-soft) !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
}

.admin-login-form label > span {
  display: block !important;
}

.admin-login-form input {
  width: 100% !important;
  min-height: 3.25rem !important;
  border: 2px solid var(--admin-border-strong) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.78rem 0.95rem !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.admin-login-form input:hover {
  border-color: #93c5fd !important;
}

.admin-login-form input:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: var(--admin-focus) !important;
}

.admin-login-submit {
  width: 100% !important;
  min-height: 3.35rem !important;
  margin-top: 0.2rem !important;
  border-radius: 1rem !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
}

.admin-login-hint {
  margin: 1.05rem 0 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-muted) !important;
  padding: 0.85rem 0.95rem !important;
  font-size: 0.9rem !important;
  font-weight: 780 !important;
  line-height: 1.45 !important;
}

.admin-login-hint::before {
  content: "Hinweis: " !important;
  color: var(--admin-text-soft) !important;
  font-weight: 950 !important;
}

.admin-login-card .admin-alert {
  margin: 0 0 1rem !important;
}

/* iPhone SE / kleine Geräte */

@media (max-width: 390px) {
  .admin-login-page {
    padding: 0.85rem !important;
    align-items: center !important;
  }

  .admin-login-card {
    border-radius: 1.35rem !important;
    padding: 1.1rem !important;
  }

  .admin-login-header {
    grid-template-columns: 3.55rem minmax(0, 1fr) !important;
    gap: 0.78rem !important;
  }

  .admin-login-mark {
    width: 3.55rem !important;
    height: 3.55rem !important;
    border-radius: 1rem !important;
  }

  .admin-login-header h1 {
    font-size: clamp(1.7rem, 8vw, 2.1rem) !important;
  }

  .admin-login-form input, .admin-login-submit {
    min-height: 3.2rem !important;
  }
}

/* =========================================================
   Admin Login final
   - Login-Seite für Fachkräfte
   - zentrierte Karte
   - mobil sauber
   ========================================================= */

.admin-auth-shell {
  min-height: 100vh !important;
  margin: 0 !important;
  background: radial-gradient(circle at 18% 14%, rgba(219, 234, 254, 0.95), transparent 24rem),
    radial-gradient(circle at 88% 88%, rgba(191, 219, 254, 0.72), transparent 22rem),
    linear-gradient(135deg, #f8fafc 0%, #eef4ff 100%) !important;
  color: var(--admin-text) !important;
  font-family: var(--admin-font) !important;
}

.admin-login-page {
  background: transparent !important;
}

.admin-login-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.admin-login-mark {
  line-height: 1 !important;
}

.admin-login-header p {
  margin: 0 0 0.3rem !important;
}

/* iPhone SE / kleine Geräte */

/* =========================================================
   D11: Werkzeuge gefuehrt und ruhig
   - klare Einstiegswege
   - Sammelfilter Handlungsbedarf
   - Karten statt dichter Tabelle
   ========================================================= */

.admin-tools-guided-header {
  grid-template-columns: 1fr !important;
}

@media (min-width: 980px) {
  .admin-tools-guided-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
}

.admin-tools-guide {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-2xl);
  background: rgba(255, 255, 255, 0.96);
  padding: clamp(1rem, 3vw, 1.25rem);
  box-shadow: var(--admin-shadow-sm);
}

.admin-tools-guide-header h2 {
  margin: 0;
  color: var(--admin-text);
  font-size: clamp(1.45rem, 3vw, 2rem);
  font-weight: 950;
  letter-spacing: -0.05em;
}

.admin-tools-guide-header p:not(.admin-kicker) {
  margin: 0.45rem 0 0;
  max-width: 46rem;
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.5;
}

.admin-tools-guide-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
}

.admin-tools-guide-card {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  min-height: 5.25rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface);
  color: var(--admin-text);
  padding: 0.95rem;
  text-decoration: none;
  box-shadow: var(--admin-shadow-xs);
}

.admin-tools-guide-card:hover, .admin-tools-guide-card:focus-visible {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  transform: translateY(-1px);
  box-shadow: var(--admin-shadow-sm);
}

.admin-tools-guide-card > span {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 1rem;
  background: var(--admin-surface-muted);
  color: var(--admin-primary);
  font-size: 1.1rem;
  font-weight: 950;
}

.admin-tools-guide-card strong {
  display: block;
  color: var(--admin-text);
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.15;
}

.admin-tools-guide-card small {
  display: block;
  margin-top: 0.2rem;
  color: var(--admin-text-muted);
  font-size: 0.84rem;
  font-weight: 760;
  line-height: 1.35;
}

.admin-tools-guide-card-primary {
  border-color: rgba(37, 99, 235, 0.26);
  background: linear-gradient(135deg, #ffffff, #eff6ff);
}

.admin-tools-guide-card-primary > span {
  background: var(--admin-primary);
  color: #ffffff;
}

.admin-tools-guide-card-warning {
  border-color: rgba(245, 158, 11, 0.3);
  background: linear-gradient(135deg, #ffffff, #fffbeb);
}

.admin-tools-guide-card-warning > span {
  background: var(--admin-warning);
  color: #ffffff;
}

.admin-tools-overview-calm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.admin-tools-overview-calm article {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: rgba(255, 255, 255, 0.92);
  padding: 0.9rem;
  box-shadow: var(--admin-shadow-xs);
}

.admin-tools-overview-calm strong {
  display: block;
  color: var(--admin-text);
  font-size: clamp(1.55rem, 4vw, 2rem);
  font-weight: 950;
  letter-spacing: -0.05em;
  line-height: 1;
}

.admin-tools-overview-calm span {
  display: block;
  margin-top: 0.35rem;
  color: var(--admin-text-muted);
  font-size: 0.85rem;
  font-weight: 900;
}

.admin-tools-toolbar-guided {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.admin-tools-toolbar-guided .admin-tools-search {
  grid-template-columns: 1fr !important;
}

.admin-tools-toolbar-guided .admin-tools-search input[type="search"] {
  min-height: 3.25rem !important;
  border-radius: var(--admin-radius-md) !important;
  font-size: 1rem !important;
}

.admin-tools-toolbar-guided .admin-secondary-button {
  min-height: 3.05rem !important;
  border-radius: var(--admin-radius-md) !important;
}

.admin-filter-chips-guided {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.55rem !important;
  overflow: visible !important;
}

.admin-filter-chips-guided .admin-filter-chip {
  justify-content: space-between !important;
  min-height: 3rem !important;
  border-radius: var(--admin-radius-md) !important;
  padding: 0.65rem 0.8rem !important;
}

.admin-filter-chips-guided .admin-filter-chip span {
  font-weight: 950 !important;
}

.admin-filter-chips-guided .admin-filter-chip strong {
  min-width: 2rem !important;
  height: 2rem !important;
}

.admin-tools-guided-list-card {
  overflow: visible !important;
}

.admin-tools-guided-list {
  display: grid;
  gap: 0.9rem;
}

.admin-tools-guided-card {
  position: relative;
  display: grid;
  gap: 0.9rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-xl);
  background: var(--admin-surface);
  padding: clamp(0.95rem, 2.5vw, 1.15rem);
  box-shadow: var(--admin-shadow-xs);
}

.admin-tools-guided-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.35rem;
  border-radius: var(--admin-radius-xl) 0 0 var(--admin-radius-xl);
  background: var(--admin-primary);
  content: "";
}

.admin-tools-guided-card-ok::before {
  background: var(--admin-success);
}

.admin-tools-guided-card-info::before {
  background: var(--admin-info);
}

.admin-tools-guided-card-warning::before {
  background: var(--admin-warning);
}

.admin-tools-guided-card-danger::before {
  background: var(--admin-danger);
}

.admin-tools-guided-card-archived {
  opacity: 0.82;
}

.admin-tools-guided-card-archived::before {
  background: var(--admin-text-faint);
}

.admin-tools-guided-card:hover {
  border-color: #bfdbfe;
  box-shadow: var(--admin-shadow-sm);
}

.admin-tools-guided-card-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: start;
}

.admin-tools-guided-card-header a {
  display: inline-block;
  font-size: 1.05rem;
  line-height: 1.2;
}

.admin-tools-guided-card-header span:not(.admin-badge), .admin-tools-guided-card-header small {
  display: block;
  margin-top: 0.2rem;
  color: var(--admin-text-muted);
  font-size: 0.82rem;
  font-weight: 820;
}

.admin-tools-guided-next-step {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  padding: 0.85rem 0.95rem;
}

.admin-tools-guided-next-step strong {
  display: block;
  color: var(--admin-text);
  font-size: 0.95rem;
  font-weight: 950;
}

.admin-tools-guided-next-step p {
  margin: 0.25rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.45;
}

.admin-tools-guided-card-danger .admin-tools-guided-next-step {
  border-color: var(--admin-danger-border);
  background: var(--admin-danger-soft-2);
}

.admin-tools-guided-card-danger .admin-tools-guided-next-step strong, .admin-tools-guided-card-danger .admin-tools-guided-next-step p {
  color: var(--admin-danger-dark);
}

.admin-tools-guided-card-warning .admin-tools-guided-next-step {
  border-color: var(--admin-warning-border);
  background: var(--admin-warning-soft);
}

.admin-tools-guided-card-warning .admin-tools-guided-next-step strong, .admin-tools-guided-card-warning .admin-tools-guided-next-step p {
  color: #78350f;
}

.admin-tools-guided-facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  margin: 0;
}

.admin-tools-guided-facts div {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  padding: 0.75rem;
}

.admin-tools-guided-facts dt {
  color: var(--admin-text-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-tools-guided-facts dd {
  margin: 0.25rem 0 0;
  color: var(--admin-text);
  font-weight: 900;
  line-height: 1.35;
}

.admin-tools-guided-facts dd strong, .admin-tools-guided-facts dd small {
  display: block;
}

.admin-tools-guided-facts dd small {
  margin-top: 0.2rem;
  color: var(--admin-text-muted);
  font-size: 0.82rem;
  font-weight: 780;
}

.admin-tools-guided-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}

.admin-tools-guided-actions .admin-primary-link, .admin-tools-guided-actions .admin-secondary-link, .admin-tools-guided-actions .admin-action-menu, .admin-tools-guided-actions .admin-action-menu summary {
  width: 100%;
}

.admin-tools-guided-actions .admin-primary-link, .admin-tools-guided-actions .admin-secondary-link, .admin-tools-guided-actions .admin-action-menu summary {
  min-height: 3rem;
  border-radius: var(--admin-radius-md);
}

.admin-action-menu summary::marker {
  content: "" !important;
}

.admin-action-menu summary::-webkit-details-marker {
  display: none !important;
}

.admin-action-menu summary::after {
  margin-left: 0.45rem !important;
  color: var(--admin-text-faint) !important;
  content: "â–¾" !important;
  font-size: 0.75rem !important;
}

.admin-tools-guided-actions .admin-action-menu-panel {
  left: 0;
  right: auto;
  min-width: min(18rem, calc(100vw - 3rem));
}

.admin-tools-archive-inline {
  display: grid;
  gap: 0.9rem;
  margin-top: 1.25rem;
  border-top: 1px solid var(--admin-border-soft);
  padding-top: 1.1rem;
}

@media (min-width: 720px) {
  .admin-tools-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-tools-overview-calm {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .admin-tools-toolbar-guided .admin-tools-search {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
  }

  .admin-filter-chips-guided {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .admin-tools-guided-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-tools-guided-actions {
    grid-template-columns: auto auto;
    justify-content: end;
  }

  .admin-tools-guided-actions .admin-primary-link, .admin-tools-guided-actions .admin-secondary-link, .admin-tools-guided-actions .admin-action-menu, .admin-tools-guided-actions .admin-action-menu summary {
    width: auto;
  }
}

@media (min-width: 1180px) {
  .admin-tools-guided-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .admin-tools-guide-card {
    grid-template-columns: 2.65rem minmax(0, 1fr);
    min-height: 5rem;
    padding: 0.85rem;
  }

  .admin-tools-guide-card > span {
    width: 2.65rem;
    height: 2.65rem;
  }

  .admin-tools-guided-card-header {
    grid-template-columns: 1fr;
  }

  .admin-tools-guided-card-header .admin-badge {
    justify-self: start;
  }
}

/* =========================================================
   D12: Werkzeuge als gefuehrter Workflow
   - angelehnt an "Werkzeug anlegen"
   - linke Schritt-Navigation
   - mittlere Arbeitsbereiche
   - rechte Live-Uebersicht
   ========================================================= */

.admin-tools-workflow-header {
  align-items: flex-start !important;
}

.admin-tools-workflow {
  display: grid;
  gap: 1.25rem;
}

.admin-tools-workflow-layout {
  display: grid;
  grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(260px, 340px);
  gap: 1.5rem;
  align-items: start;
}

.admin-tools-workflow-rail, .admin-tools-workflow-preview {
  position: sticky;
  top: 1.5rem;
  display: grid;
  gap: 1rem;
}

.admin-tools-workflow-main {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.admin-tools-workflow-section {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--admin-shadow-md);
}

.admin-tools-workflow-section .admin-workflow-section-header {
  margin-bottom: 1rem;
}

.admin-tools-workflow-section .admin-workflow-section-header h2 {
  margin: 0;
  color: var(--admin-text);
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.admin-tools-workflow-section .admin-workflow-section-header p:not(.admin-kicker) {
  margin: 0.35rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.55;
}

.admin-tools-rail-card {
  display: grid;
  gap: 0.85rem;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.92);
  padding: 1rem;
  box-shadow: var(--admin-shadow-sm);
}

.admin-tools-rail-card h2 {
  margin: 0;
  color: var(--admin-text);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.15;
}

.admin-tools-rail-card p:not(.admin-kicker) {
  margin: 0;
  color: var(--admin-text-muted);
  font-size: 0.9rem;
  font-weight: 760;
  line-height: 1.45;
}

.admin-tools-rail-card-help {
  border-color: rgba(245, 158, 11, 0.28);
  background: linear-gradient(135deg, #fffbeb 0%, #ffffff 82%);
}

.admin-tools-search-guided {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 0.75rem !important;
  align-items: center !important;
}

.admin-tools-search-guided input[type="search"] {
  min-height: 3.25rem !important;
  border-radius: var(--admin-radius-md) !important;
  font-size: 1rem !important;
}

.admin-tools-search-guided .admin-primary-button, .admin-tools-search-guided .admin-secondary-link {
  min-height: 3.25rem;
  border-radius: var(--admin-radius-md);
  white-space: nowrap;
}

.admin-tools-decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.admin-tools-decision-card {
  position: relative;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  min-height: 6.5rem;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface);
  color: var(--admin-text);
  padding: 1rem;
  text-decoration: none;
  box-shadow: var(--admin-shadow-sm);
}

.admin-tools-decision-card:hover, .admin-tools-decision-card:focus-visible {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  transform: translateY(-2px);
  box-shadow: var(--admin-shadow-md);
}

.admin-tools-decision-card-active, .admin-tools-decision-card-active:hover {
  border-color: rgba(37, 99, 235, 0.55);
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12), var(--admin-shadow-md);
}

.admin-tools-decision-card > span {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-surface-muted);
  color: var(--admin-primary);
  font-size: 1rem;
  font-weight: 950;
}

.admin-tools-decision-card-active > span {
  background: var(--admin-primary);
  color: #ffffff;
}

.admin-tools-decision-card strong {
  display: block;
  color: var(--admin-text);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.15;
}

.admin-tools-decision-card small {
  display: block;
  margin-top: 0.25rem;
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.35;
}

.admin-tools-decision-card em {
  display: grid;
  min-width: 2.4rem;
  height: 2.4rem;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-surface-muted);
  color: var(--admin-text-soft);
  font-style: normal;
  font-weight: 950;
}

.admin-tools-result-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.admin-tools-guided-list {
  gap: 0.95rem;
}

.admin-tools-guided-card {
  gap: 0.95rem;
  border: 1px solid var(--admin-border);
  padding: 1rem;
  box-shadow: var(--admin-shadow-sm);
  overflow: visible;
}

.admin-tools-guided-card::before {
  inset: 1rem auto 1rem 0;
  border-radius: 999px;
}

.admin-tools-guided-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--admin-shadow-md);
}

.admin-tools-guided-card-header a {
  font-size: 1.08rem;
}

.admin-tools-guided-next-step strong {
  font-size: 0.98rem;
}

.admin-tools-guided-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-tools-guided-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: flex-end;
}

.admin-tools-guided-actions .admin-action-menu-panel {
  left: auto;
  right: 0;
}

.admin-tools-archive-inline {
  gap: 0.95rem;
}

.admin-tools-preview-card {
  display: grid;
  gap: 0.9rem;
}

.admin-tools-preview-card h2 {
  margin: 0;
  color: var(--admin-text);
  font-size: 1.35rem;
  line-height: 1.15;
}

.admin-tools-preview-card .admin-preview-id {
  margin: -0.4rem 0 0;
}

.admin-tools-preview-facts div {
  grid-template-columns: minmax(7rem, 0.85fr) minmax(0, 1fr);
}

.admin-tools-next-action-card {
  display: grid;
  gap: 0.6rem;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: var(--admin-radius-lg);
  background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
  padding: 1rem;
}

.admin-tools-next-action-card strong {
  color: var(--admin-text);
  font-weight: 950;
}

.admin-tools-next-action-card p {
  margin: 0;
  color: #78350f;
  font-weight: 760;
  line-height: 1.45;
}

@media (min-width: 1180px) {
  .admin-tools-guided-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1280px) {
  .admin-tools-workflow-layout {
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  }

  .admin-tools-workflow-preview {
    grid-column: 1 / -1;
    position: static;
  }

  .admin-tools-preview-card {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    align-items: start;
  }

  .admin-tools-preview-card > .admin-kicker, .admin-tools-preview-card > h2, .admin-tools-preview-card > .admin-preview-id {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .admin-tools-workflow-layout, .admin-tools-search-guided, .admin-tools-decision-grid, .admin-tools-guided-facts, .admin-tools-preview-card {
    grid-template-columns: 1fr !important;
  }

  .admin-tools-workflow-rail, .admin-tools-workflow-preview {
    position: static;
  }

  .admin-tools-workflow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-tools-guided-actions {
    justify-content: stretch;
  }

  .admin-tools-guided-actions .admin-primary-link, .admin-tools-guided-actions .admin-secondary-link, .admin-tools-guided-actions .admin-action-menu, .admin-tools-guided-actions .admin-action-menu summary {
    width: 100%;
  }

  .admin-tools-guided-actions .admin-action-menu-panel {
    left: 0;
    right: auto;
    min-width: min(18rem, calc(100vw - 3rem));
  }
}

@media (max-width: 640px) {
  .admin-tools-workflow-section {
    padding: 1rem;
  }

  .admin-tools-workflow-steps {
    grid-template-columns: 1fr;
  }

  .admin-tools-decision-card {
    grid-template-columns: 2.65rem minmax(0, 1fr);
  }

  .admin-tools-decision-card em {
    grid-column: 2;
    justify-self: start;
  }

  .admin-tools-guided-card-header {
    grid-template-columns: 1fr;
  }

  .admin-tools-guided-card-header .admin-badge {
    justify-self: start;
  }
}

/* =========================================================
   D11.1: Werkzeuge Workflow Feinschliff
   - Schritt-2-Karten stabilisieren
   - Mehr-Menue sauber ueber Karten anzeigen
   ========================================================= */

.admin-tools-decision-grid {
  align-items: stretch !important;
}

.admin-tools-decision-card {
  grid-template-columns: 3.05rem minmax(0, 1fr) 2.55rem !important;
  grid-template-areas: "step text count" !important;
  align-items: center !important;
  gap: 0.85rem !important;
  min-height: 6.75rem !important;
  padding: 1rem !important;
  overflow: visible !important;
}

.admin-tools-decision-card > .admin-tools-decision-step {
  grid-area: step !important;
  align-self: center !important;
  justify-self: center !important;
  display: grid !important;
  width: 3.05rem !important;
  height: 3.05rem !important;
  min-width: 3.05rem !important;
  place-items: center !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-primary) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tools-decision-card-active > .admin-tools-decision-step {
  background: var(--admin-primary) !important;
  color: #ffffff !important;
}

.admin-tools-decision-text {
  grid-area: text !important;
  display: grid !important;
  gap: 0.28rem !important;
  min-width: 0 !important;
  align-self: center !important;
}

.admin-tools-decision-text strong, .admin-tools-decision-card strong {
  display: block !important;
  min-width: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.03rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: auto !important;
}

.admin-tools-decision-text small, .admin-tools-decision-card small {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.86rem !important;
  font-weight: 780 !important;
  line-height: 1.4 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: auto !important;
}

.admin-tools-decision-count, .admin-tools-decision-card em {
  grid-area: count !important;
  align-self: center !important;
  justify-self: end !important;
  display: grid !important;
  width: 2.55rem !important;
  min-width: 2.55rem !important;
  height: 2.55rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-soft) !important;
  font-style: normal !important;
  font-size: 0.95rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tools-decision-card-active .admin-tools-decision-count, .admin-tools-decision-card-active em {
  background: #ffffff !important;
  color: var(--admin-primary-dark) !important;
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.14) !important;
}

/* Dropdowns duerfen aus der Kartenliste herausragen. */

.admin-main, .admin-tools-workflow, .admin-tools-workflow-layout, .admin-tools-workflow-main, .admin-tools-results-section, .admin-tools-guided-list, .admin-tools-guided-list-card, .admin-tools-guided-card, .admin-tools-guided-actions {
  overflow: visible !important;
}

.admin-tools-guided-list {
  position: relative !important;
  isolation: isolate !important;
}

.admin-tools-guided-card {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}

.admin-tools-guided-card:has(.admin-action-menu[open]) {
  z-index: 80 !important;
}

.admin-tools-guided-actions {
  position: relative !important;
  z-index: 2 !important;
}

.admin-tools-guided-actions .admin-action-menu {
  position: relative !important;
  z-index: 3 !important;
}

.admin-tools-guided-actions .admin-action-menu[open] {
  z-index: 120 !important;
}

.admin-tools-guided-actions .admin-action-menu-panel, .admin-action-menu[open] .admin-action-menu-panel {
  z-index: 999 !important;
  min-width: 14rem !important;
  max-width: min(20rem, calc(100vw - 3rem)) !important;
  overflow: hidden !important;
  border-color: var(--admin-border-strong) !important;
  box-shadow: var(--admin-shadow-lg) !important;
}

@media (max-width: 900px) {
  .admin-tools-decision-card {
    grid-template-columns: 2.85rem minmax(0, 1fr) 2.35rem !important;
    min-height: 6.25rem !important;
    gap: 0.7rem !important;
  }

  .admin-tools-decision-card > .admin-tools-decision-step {
    width: 2.85rem !important;
    min-width: 2.85rem !important;
    height: 2.85rem !important;
  }

  .admin-tools-decision-count, .admin-tools-decision-card em {
    width: 2.35rem !important;
    min-width: 2.35rem !important;
    height: 2.35rem !important;
  }

  .admin-tools-guided-actions .admin-action-menu-panel {
    left: 0 !important;
    right: auto !important;
  }
}

@media (max-width: 640px) {
  .admin-tools-decision-card {
    grid-template-columns: 2.7rem minmax(0, 1fr) 2.25rem !important;
    grid-template-areas: "step text count" !important;
    padding: 0.9rem !important;
  }

  .admin-tools-decision-card > .admin-tools-decision-step {
    width: 2.7rem !important;
    min-width: 2.7rem !important;
    height: 2.7rem !important;
  }

  .admin-tools-decision-text strong {
    font-size: 0.98rem !important;
  }

  .admin-tools-decision-text small {
    font-size: 0.82rem !important;
  }
}

/* =========================================================
   D14: Gefuehrte Scroll-Navigation Werkzeugliste
   - Ankerziele mit Abstand
   - kurzes visuelles Feedback beim Zielbereich
   ========================================================= */

#tools-step-search, #tools-step-filter, #tools-step-results, #admin-tools-search-input {
  scroll-margin-top: 1.5rem;
}

.admin-guided-scroll-highlight {
  border-color: rgba(37, 99, 235, 0.42) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.16),
    var(--admin-shadow-md) !important;
}

#tools-step-search.admin-guided-scroll-highlight, #tools-step-filter.admin-guided-scroll-highlight, #tools-step-results.admin-guided-scroll-highlight {
  animation: admin-guided-target-pulse 1200ms ease-out 1;
}

@keyframes admin-guided-target-pulse {
  0% {
    transform: translateY(-2px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (min-width: 980px) {
  #tools-step-search, #tools-step-filter, #tools-step-results, #admin-tools-search-input {
    scroll-margin-top: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #tools-step-search.admin-guided-scroll-highlight, #tools-step-filter.admin-guided-scroll-highlight, #tools-step-results.admin-guided-scroll-highlight {
    animation: none !important;
  }
}

/* =========================================================
   D14: Gefuehrte Scroll-Navigation Werkzeugliste
   - Klicks aus Schrittleiste/Karten landen sichtbar am Ziel
   - Suchfeld wird bei Bedarf fokussiert
   ========================================================= */

#tools-step-search.admin-guided-scroll-highlight, #tools-step-filter.admin-guided-scroll-highlight, #tools-step-results.admin-guided-scroll-highlight {
  background: radial-gradient(circle at 92% 8%, rgba(219, 234, 254, 0.82), transparent 15rem),
    rgba(255, 255, 255, 0.96) !important;
}

@media (prefers-reduced-motion: reduce) {
  .admin-guided-scroll-highlight {
    transition: none !important;
  }
}

/* =========================================================
   D15: Gefuehrte Werkzeugliste - ruhiges Scrollen + Layoutfix
   - verhindert natives Springen nach Filterwechseln
   - stabilisiert Schritt-2-Karten im Workflow
   - entfernt Transform-Puls, damit nichts optisch springt
   ========================================================= */

.admin-tools-workflow-layout {
  align-items: start !important;
}

.admin-tools-workflow-main, .admin-tools-workflow-preview, .admin-tools-workflow-rail {
  min-width: 0 !important;
}

.admin-tools-decision-card {
  display: grid !important;
  grid-template-columns: 3rem minmax(0, 1fr) 2.55rem !important;
  min-height: 6.6rem !important;
  overflow: hidden !important;
}

.admin-tools-decision-card > .admin-tools-decision-step, .admin-tools-decision-card > span:first-child {
  grid-area: step !important;
  align-self: center !important;
  justify-self: center !important;
}

.admin-tools-decision-text {
  gap: 0.25rem !important;
}

.admin-tools-decision-text strong {
  display: block !important;
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.02rem !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}

.admin-tools-decision-text small {
  display: block !important;
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.86rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: auto !important;
}

.admin-tools-decision-count, .admin-tools-decision-card em {
  margin: 0 !important;
}

#tools-step-search, #tools-step-filter, #tools-step-results {
  scroll-margin-top: 1.75rem !important;
  transform: none !important;
  will-change: auto !important;
}

#admin-tools-search-input {
  scroll-margin-top: 2rem !important;
}

.admin-guided-scroll-highlight {
  transform: none !important;
  animation: none !important;
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12),
    var(--admin-shadow-md) !important;
  transition: border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease !important;
}

#tools-step-search.admin-guided-scroll-highlight, #tools-step-filter.admin-guided-scroll-highlight, #tools-step-results.admin-guided-scroll-highlight {
  animation: none !important;
  transform: none !important;
  background: rgba(255, 255, 255, 0.98) !important;
}

@media (min-width: 980px) {
  #tools-step-search, #tools-step-filter, #tools-step-results {
    scroll-margin-top: 2rem !important;
  }
}

@media (max-width: 900px) {
  .admin-tools-decision-card {
    min-height: 6.35rem !important;
  }
}

@media (max-width: 640px) {
  .admin-tools-decision-card {
    grid-template-columns: 2.65rem minmax(0, 1fr) !important;
    grid-template-areas: "step text"
      "count text" !important;
    min-height: 6.2rem !important;
  }

  .admin-tools-decision-count, .admin-tools-decision-card em {
    justify-self: center !important;
    width: 2.35rem !important;
    min-width: 2.35rem !important;
    height: 2.35rem !important;
  }
}

/* =========================================================
   D15: Werkzeugliste Scroll-Flow stabilisieren
   - keine nativen Hash-Spruenge nach Filterwechsel
   - Seitenleisten springen nicht beim gefuehrten Scrollen
   - Zielbereiche werden ruhig hervorgehoben
   ========================================================= */

/* Der gefuehrte Workflow soll beim Scrollen stabil bleiben.
   Sticky-Seitenleisten wirken bei Sprungzielen unruhig und wandern optisch. */

.admin-tools-workflow-rail, .admin-tools-workflow-preview {
  position: static !important;
  top: auto !important;
  align-self: start !important;
}

/* Such-/Filter-/Ergebnisbereiche haben einen klaren Abstand zum oberen Rand. */

#tools-step-search, #tools-step-filter, #tools-step-results, #admin-tools-search-input {
  scroll-margin-top: 2.5rem !important;
}

/* Die Zielmarkierung soll nicht mehr verschieben.
   Vorherige D14-Regeln nutzen teils transform/animation; das fuehlt sich ruckartig an. */

.admin-guided-scroll-highlight {
  border-color: rgba(37, 99, 235, 0.36) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12),
    var(--admin-shadow-sm) !important;
  transition: border-color 220ms ease,
    box-shadow 220ms ease,
    background-color 220ms ease !important;
}

#tools-step-search.admin-guided-scroll-highlight, #tools-step-filter.admin-guided-scroll-highlight, #tools-step-results.admin-guided-scroll-highlight {
  background: radial-gradient(circle at 94% 10%, rgba(219, 234, 254, 0.55), transparent 12rem),
    rgba(255, 255, 255, 0.96) !important;
}

/* Schritt-2-Karten: Keine Wort-fuer-Wort-Brueche und kein Layoutspringen. */

.admin-tools-decision-card {
  grid-template-columns: 3rem minmax(0, 1fr) 2.5rem !important;
  min-height: 6.65rem !important;
}

.admin-tools-decision-text {
  gap: 0.28rem !important;
}

.admin-tools-decision-text strong {
  line-height: 1.14 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-tools-decision-text small {
  max-width: 21rem !important;
  font-size: 0.84rem !important;
  line-height: 1.36 !important;
}

.admin-tools-decision-count {
  grid-area: count !important;
  align-self: center !important;
  justify-self: end !important;
}

/* Geoeffnete Menues bleiben ueber den folgenden Werkzeugkarten. */

.admin-tools-results-section, .admin-tools-guided-list, .admin-tools-guided-card, .admin-tools-guided-actions {
  overflow: visible !important;
}

.admin-tools-guided-card:has(.admin-action-menu[open]) {
  z-index: 1000 !important;
}

.admin-tools-guided-actions .admin-action-menu[open] {
  z-index: 1100 !important;
}

.admin-tools-guided-actions .admin-action-menu-panel, .admin-action-menu[open] .admin-action-menu-panel {
  z-index: 1200 !important;
}

@media (max-width: 1280px) {
  .admin-tools-workflow-preview {
    grid-column: auto !important;
  }
}

@media (max-width: 900px) {
  .admin-tools-decision-card {
    min-height: 6.2rem !important;
  }
}

@media (max-width: 640px) {
  .admin-tools-decision-card {
    grid-template-areas: "step text"
      "step count" !important;
    min-height: 6rem !important;
  }

  .admin-tools-decision-count {
    justify-self: start !important;
    width: auto !important;
    min-width: 2.3rem !important;
    height: 2.15rem !important;
    padding-inline: 0.72rem !important;
  }
}

/* =========================================================
   D15: Ruhiges Scrollen + stabiles Workflow-Layout
   - verhindert Browser-Hash-Jump bei Filterwechseln
   - macht Schritt-2-Karten wieder lesbar
   - Scroll-Highlight ohne Layout-Verschiebung
   ========================================================= */

html {
  scroll-behavior: auto !important;
}

/* Die mittlere Spalte darf nicht durch Text-/Kartenbreiten springen. */

.admin-tools-workflow-main, .admin-tools-workflow-section, .admin-tools-results-section {
  min-width: 0 !important;
}

/* Schritt 2: lieber etwas hoeher, dafuer lesbar und ruhig. */

.admin-tools-decision-grid {
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
}

.admin-tools-decision-card {
  grid-template-columns: 2.85rem minmax(0, 1fr) 2.35rem !important;
  min-height: 5.75rem !important;
  gap: 0.75rem !important;
  padding: 0.92rem !important;
  transform: none !important;
}

.admin-tools-decision-card:hover, .admin-tools-decision-card:focus-visible, .admin-tools-decision-card-active, .admin-tools-decision-card-active:hover {
  transform: none !important;
}

.admin-tools-decision-card > .admin-tools-decision-step {
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: 0.9rem !important;
}

.admin-tools-decision-text {
  gap: 0.22rem !important;
}

.admin-tools-decision-text strong, .admin-tools-decision-card strong {
  font-size: 1rem !important;
  line-height: 1.12 !important;
  hyphens: none !important;
}

.admin-tools-decision-text small, .admin-tools-decision-card small {
  font-size: 0.84rem !important;
  line-height: 1.32 !important;
}

.admin-tools-decision-count, .admin-tools-decision-card em {
  width: 2.28rem !important;
  min-width: 2.28rem !important;
  height: 2.28rem !important;
}

/* Erst bei wirklich breiter Mittelspalte wieder zwei Karten nebeneinander. */

@media (min-width: 1440px) {
  .admin-tools-decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Scroll-Ziele mit Abstand, ohne den Seitenaufbau zu verschieben. */

#tools-step-search, #tools-step-filter, #tools-step-results, #admin-tools-search-input {
  scroll-margin-top: 1.75rem !important;
}

#tools-step-search.admin-guided-scroll-highlight, #tools-step-filter.admin-guided-scroll-highlight, #tools-step-results.admin-guided-scroll-highlight {
  background: rgba(255, 255, 255, 0.97) !important;
}

/* Mehr-Menue bleibt sichtbar ueber nachfolgenden Werkzeugkarten. */

.admin-tools-guided-card:has(.admin-action-menu[open]) {
  z-index: 2000 !important;
}

.admin-tools-guided-actions .admin-action-menu[open] {
  z-index: 2100 !important;
}

.admin-tools-guided-actions .admin-action-menu-panel, .admin-action-menu[open] .admin-action-menu-panel {
  z-index: 2200 !important;
}

@media (prefers-reduced-motion: reduce) {
  .admin-guided-scroll-highlight {
    animation: none !important;
  }
}

/* =========================================================
   D16: Werkzeugliste - ruhiger Initial-Scroll nach Filterwechsel
   - verhindert sichtbaren Sprung von oben nach unten
   - Seite wird erst nach finaler Scrollposition eingeblendet
   ========================================================= */

html.admin-tools-pre-scroll .admin-main {
  opacity: 0 !important;
}

html.admin-tools-scroll-ready .admin-main {
  opacity: 1 !important;
}

html.admin-tools-pre-scroll, html.admin-tools-pre-scroll body {
  scroll-behavior: auto !important;
}

html.admin-tools-scroll-ready .admin-main {
  transition: opacity 140ms ease !important;
}

@media (prefers-reduced-motion: reduce) {
  html.admin-tools-scroll-ready .admin-main {
    transition: none !important;
  }
}

/* =========================================================
   D17: Werkzeugliste - stabile Schrittkarten + feste Seitenhilfen
   - Schritt 2 bleibt lesbar und bricht nicht mehr in Wortfragmente
   - linke Schritt-Navigation und rechte Live-Uebersicht bleiben sichtbar
   - Dropdown-Menues bleiben ueber Werkzeugkarten
   ========================================================= */

/* Desktop: Workflow wie beim Werkzeug-Anlegen fuehren.
   Links und rechts bleiben sichtbar, waehrend die mittlere Spalte scrollt. */

@media (min-width: 1180px) {
  .admin-tools-workflow-layout {
    grid-template-columns: minmax(12rem, 14rem) minmax(32rem, 48rem) minmax(17rem, 22rem) !important;
    gap: 1.35rem !important;
    align-items: start !important;
  }

  .admin-tools-workflow-rail, .admin-tools-workflow-preview {
    position: sticky !important;
    top: 1.25rem !important;
    align-self: start !important;
    z-index: 12 !important;
    max-height: calc(100vh - 2.5rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
  }

  .admin-tools-workflow-main {
    min-width: 0 !important;
  }
}

/* Unterhalb der Desktopbreite lieber normal stapeln.
   Sticky waere hier enger und weniger ruhig. */

@media (max-width: 1179px) {
  .admin-tools-workflow-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-tools-workflow-rail, .admin-tools-workflow-preview {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Schritt 2: bewusst einspaltig.
   Die mittlere Workflow-Spalte ist mit zwei Seitenleisten nicht breit genug fuer 2x2-Karten.
   Einspaltig ist lesbarer und fuehrt besser. */

.admin-tools-decision-grid {
  display: grid !important;
  gap: 0.7rem !important;
}

.admin-tools-decision-card {
  grid-template-columns: 3rem minmax(0, 1fr) 2.6rem !important;
  gap: 0.85rem !important;
  min-height: 5.45rem !important;
  padding: 0.95rem !important;
  overflow: visible !important;
}

.admin-tools-decision-card > .admin-tools-decision-step, .admin-tools-decision-card > span:first-child {
  display: grid !important;
  place-items: center !important;
  width: 2.8rem !important;
  min-width: 2.8rem !important;
  height: 2.8rem !important;
  min-height: 2.8rem !important;
  margin: 0 !important;
  border-radius: 0.95rem !important;
}

.admin-tools-decision-text {
  gap: 0.2rem !important;
}

.admin-tools-decision-text strong, .admin-tools-decision-card strong {
  margin: 0 !important;
  white-space: normal !important;
}

.admin-tools-decision-text small, .admin-tools-decision-card small {
  max-width: none !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

.admin-tools-decision-count, .admin-tools-decision-card em {
  width: 2.35rem !important;
  min-width: 2.35rem !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: 0 !important;
}

/* Bei sehr grossen Bildschirmen duerfen die Karten wieder nebeneinander stehen,
   aber erst wenn die mittlere Spalte genug Luft hat. */

@media (min-width: 1600px) {
  .admin-tools-decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-tools-decision-card {
    min-height: 6.1rem !important;
  }
}

@media (max-width: 640px) {
  .admin-tools-decision-card {
    min-height: 5.9rem !important;
  }

  .admin-tools-decision-count, .admin-tools-decision-card em {
    justify-self: start !important;
    width: auto !important;
    min-width: 2.4rem !important;
    height: 2.15rem !important;
    min-height: 2.15rem !important;
    padding-inline: 0.72rem !important;
  }
}

/* Die Seitenkarten sollen beim Sticky-Zustand ruhig wirken. */

.admin-tools-workflow-rail > *, .admin-tools-workflow-preview > * {
  min-width: 0 !important;
}

.admin-tools-workflow-steps {
  margin: 0 !important;
}

.admin-tools-preview-card, .admin-tools-next-action-card, .admin-tools-rail-card {
  transform: none !important;
}

/* Menues bleiben ueber folgenden Werkzeugkarten. */

.admin-tools-guided-card:has(.admin-action-menu[open]) {
  z-index: 3000 !important;
}

.admin-tools-guided-actions .admin-action-menu, .admin-tools-guided-actions .admin-action-menu[open] {
  position: relative !important;
  z-index: 3100 !important;
}

.admin-tools-guided-actions .admin-action-menu-panel, .admin-action-menu[open] .admin-action-menu-panel {
  z-index: 3200 !important;
  background: #ffffff !important;
}

/* Encoding-Artefakt im Mehr-Button final ueberschreiben. */

/* =========================================================
   D18 FINAL: Werkzeugliste - Schritt-2-Karten und Sticky-Spalten
   - muss am Ende der Datei stehen
   - ersetzt widerspruechliche D15/D16/D17-Regeln
   ========================================================= */

/* Seitenlayout: Workflow-Spalten stabilisieren */

.admin-tools-workflow-layout {
  overflow: visible !important;
}

.admin-tools-workflow-main, .admin-tools-workflow-section, .admin-tools-results-section {
  overflow: visible !important;
}

/* Desktop: linke Schritte und rechte Live-Uebersicht bleiben sichtbar */

@media (min-width: 1180px) {
  .admin-tools-workflow-rail, .admin-tools-workflow-preview {
    z-index: 20 !important;
  }
}

/* Schritt 2: immer einspaltig. Zwei Spalten sind in der mittleren Workflow-Spalte zu eng. */

#tools-step-filter .admin-tools-decision-grid, .admin-tools-workflow-section .admin-tools-decision-grid, .admin-tools-decision-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.72rem !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
}

#tools-step-filter .admin-tools-decision-card, .admin-tools-workflow-section .admin-tools-decision-card, .admin-tools-decision-card {
  display: grid !important;
  grid-template-columns: 3rem minmax(0, 1fr) 2.55rem !important;
  grid-template-areas: "step text count" !important;
  align-items: center !important;
  gap: 0.85rem !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 5.65rem !important;
  padding: 0.95rem !important;
  overflow: visible !important;
  text-align: left !important;
  transform: none !important;
}

#tools-step-filter .admin-tools-decision-card:hover, #tools-step-filter .admin-tools-decision-card:focus-visible, #tools-step-filter .admin-tools-decision-card-active, .admin-tools-decision-card:hover, .admin-tools-decision-card:focus-visible, .admin-tools-decision-card-active, .admin-tools-decision-card-active:hover {
  transform: none !important;
}

#tools-step-filter .admin-tools-decision-step, .admin-tools-decision-card > .admin-tools-decision-step {
  grid-area: step !important;
  align-self: center !important;
  justify-self: center !important;
  display: grid !important;
  place-items: center !important;
  width: 2.8rem !important;
  min-width: 2.8rem !important;
  max-width: 2.8rem !important;
  height: 2.8rem !important;
  min-height: 2.8rem !important;
  max-height: 2.8rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0.95rem !important;
  white-space: nowrap !important;
}

#tools-step-filter .admin-tools-decision-text, .admin-tools-decision-card > .admin-tools-decision-text {
  grid-area: text !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.22rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

#tools-step-filter .admin-tools-decision-text strong, .admin-tools-decision-card .admin-tools-decision-text strong {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.025em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-wrap: pretty !important;
}

#tools-step-filter .admin-tools-decision-text small, .admin-tools-decision-card .admin-tools-decision-text small {
  display: block !important;
  min-width: 0 !important;
  max-width: 34rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.86rem !important;
  font-weight: 760 !important;
  line-height: 1.38 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-wrap: pretty !important;
}

#tools-step-filter .admin-tools-decision-count, .admin-tools-decision-card > .admin-tools-decision-count {
  grid-area: count !important;
  align-self: center !important;
  justify-self: end !important;
  display: grid !important;
  place-items: center !important;
  width: 2.35rem !important;
  min-width: 2.35rem !important;
  max-width: 2.35rem !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  max-height: 2.35rem !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-style: normal !important;
}

/* Auf kleinen Screens bleibt der Zaehler unter dem Text, damit nichts gequetscht wird. */

@media (max-width: 640px) {
  #tools-step-filter .admin-tools-decision-card, .admin-tools-workflow-section .admin-tools-decision-card, .admin-tools-decision-card {
    grid-template-columns: 2.65rem minmax(0, 1fr) !important;
    grid-template-areas: "step text"
      "step count" !important;
    min-height: 6rem !important;
  }

  #tools-step-filter .admin-tools-decision-step, .admin-tools-decision-card > .admin-tools-decision-step {
    width: 2.55rem !important;
    min-width: 2.55rem !important;
    max-width: 2.55rem !important;
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    max-height: 2.55rem !important;
  }

  #tools-step-filter .admin-tools-decision-count, .admin-tools-decision-card > .admin-tools-decision-count {
    justify-self: start !important;
    width: auto !important;
    max-width: none !important;
    min-width: 2.4rem !important;
    height: 2.15rem !important;
    min-height: 2.15rem !important;
    padding-inline: 0.72rem !important;
  }
}

/* Mehr-Menue: ueber Karten anzeigen und Encoding-Artefakt entfernen */

.admin-tools-guided-card:has(.admin-action-menu[open]) {
  z-index: 2000 !important;
}

.admin-tools-guided-actions .admin-action-menu[open], .admin-action-menu[open] {
  z-index: 2100 !important;
}

.admin-tools-guided-actions .admin-action-menu-panel, .admin-action-menu[open] .admin-action-menu-panel {
  z-index: 2200 !important;
}

/* =========================================================
   D19: Werkzeugakte als gefuehrter Workflow
   - gleicher Grundaufbau wie Werkzeug anlegen
   - sticky Schritt-Navigation und Live-Uebersicht
   - klare Ausgabeentscheidung zuerst
   ========================================================= */

.admin-tool-detail-guided-backrow {
  margin-bottom: 0.9rem !important;
}

.admin-tool-detail-guided-header {
  grid-template-columns: 1fr !important;
  align-items: center !important;
}

.admin-tool-detail-guided-header > div:first-child {
  min-width: 0 !important;
}

.admin-tool-detail-guided-header h1 {
  max-width: 54rem !important;
}

.admin-tool-detail-guided-header .admin-header-actions {
  justify-content: flex-start !important;
}

.admin-tool-detail-guided {
  display: grid !important;
  gap: 1.25rem !important;
}

.admin-tool-detail-guided-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
  align-items: start !important;
}

.admin-tool-detail-guided-rail, .admin-tool-detail-guided-preview {
  display: grid !important;
  gap: 0.9rem !important;
  min-width: 0 !important;
}

.admin-tool-detail-guided-main {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

.admin-tool-detail-guided-steps {
  display: grid !important;
  gap: 0.45rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  padding: 0.85rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-tool-detail-guided-steps a {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  gap: 0.6rem !important;
  align-items: center !important;
  min-height: 2.6rem !important;
  border-radius: var(--admin-radius-md) !important;
  color: var(--admin-text-muted) !important;
  padding: 0.48rem 0.55rem !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.admin-tool-detail-guided-steps a:hover, .admin-tool-detail-guided-steps a:focus-visible {
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
  transform: none !important;
}

.admin-tool-detail-guided-steps span {
  display: grid !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
}

.admin-tool-detail-guided-help {
  display: grid !important;
  gap: 0.7rem !important;
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: linear-gradient(135deg, #fff, #fffbeb) !important;
  padding: 1rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-tool-detail-guided-help h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-tool-detail-guided-help p:not(.admin-kicker) {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.88rem !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
}

.admin-tool-detail-guided-help-ok {
  border-color: var(--admin-success-border) !important;
  background: linear-gradient(135deg, #fff, #f0fdf4) !important;
}

.admin-tool-detail-guided-help-info {
  border-color: var(--admin-info-border) !important;
  background: linear-gradient(135deg, #fff, #e0f2fe) !important;
}

.admin-tool-detail-guided-help-danger {
  border-color: var(--admin-danger-border) !important;
  background: linear-gradient(135deg, #fff, var(--admin-danger-soft-2)) !important;
}

.admin-tool-detail-guided-section {
  min-width: 0 !important;
  scroll-margin-top: 1.5rem !important;
}

.admin-tool-detail-decision-card, .admin-tool-detail-guided-card, .admin-tool-detail-empty-guided, .admin-tool-detail-archive-guided, .admin-tool-detail-live-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-tool-detail-decision-card {
  display: grid !important;
  gap: 0.85rem !important;
  margin-bottom: 1rem !important;
  padding: 1rem !important;
}

.admin-tool-detail-decision-card > div:first-child {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
}

.admin-tool-detail-decision-card strong {
  color: var(--admin-text) !important;
  font-size: clamp(1.35rem, 3vw, 1.9rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
  line-height: 1 !important;
}

.admin-tool-detail-decision-card p {
  max-width: 42rem !important;
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 760 !important;
  line-height: 1.5 !important;
}

.admin-tool-detail-decision-card .admin-primary-link {
  justify-self: start !important;
}

.admin-tool-detail-decision-card-ok {
  border-color: var(--admin-success-border) !important;
  background: linear-gradient(135deg, #fff, #f0fdf4) !important;
}

.admin-tool-detail-decision-card-info {
  border-color: var(--admin-info-border) !important;
  background: linear-gradient(135deg, #fff, #f0f9ff) !important;
}

.admin-tool-detail-decision-card-warning {
  border-color: var(--admin-warning-border) !important;
  background: linear-gradient(135deg, #fff, #fffbeb) !important;
}

.admin-tool-detail-decision-card-danger {
  border-color: var(--admin-danger-border) !important;
  background: linear-gradient(135deg, #fff, var(--admin-danger-soft-2)) !important;
}

.admin-tool-detail-status-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.7rem !important;
}

.admin-tool-detail-status-grid article {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-md) !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.85rem !important;
}

.admin-tool-detail-status-grid span, .admin-tool-detail-dl-guided dt, .admin-preview-facts dt {
  display: block !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.admin-tool-detail-status-grid strong, .admin-tool-detail-dl-guided dd, .admin-preview-facts dd {
  color: var(--admin-text) !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

.admin-tool-detail-status-grid small {
  display: block !important;
  margin-top: 0.2rem !important;
  color: var(--admin-text-muted) !important;
  font-weight: 760 !important;
}

.admin-tool-detail-columns-guided {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}

.admin-tool-detail-guided-card {
  display: grid !important;
  gap: 0.9rem !important;
  padding: 1rem !important;
}

.admin-tool-detail-guided-card-header, .admin-tool-detail-section-action-header {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
}

.admin-tool-detail-guided-card-header h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.15 !important;
}

.admin-tool-detail-dl-guided, .admin-preview-facts {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
}

.admin-tool-detail-dl-guided div, .admin-preview-facts div {
  display: grid !important;
  grid-template-columns: minmax(7.25rem, 0.5fr) minmax(0, 1fr) !important;
  gap: 0.75rem !important;
  align-items: start !important;
  border-top: 1px solid var(--admin-border-soft) !important;
  padding: 0.72rem 0 !important;
}

.admin-tool-detail-dl-guided div:first-child, .admin-preview-facts div:first-child {
  border-top: 0 !important;
}

.admin-tool-detail-dl-guided dd, .admin-preview-facts dd {
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

.admin-tool-detail-lead {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 760 !important;
  line-height: 1.5 !important;
}

.admin-tool-detail-quality-grid {
  display: grid !important;
  gap: 0.6rem !important;
}

.admin-tool-detail-quality-grid article {
  display: grid !important;
  grid-template-columns: 2.35rem minmax(0, 1fr) !important;
  gap: 0.7rem !important;
  align-items: start !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-md) !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.75rem !important;
}

.admin-tool-detail-quality-grid article > span {
  display: grid !important;
  width: 2.2rem !important;
  height: 2.2rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

.admin-tool-detail-quality-grid .is-ok > span {
  background: var(--admin-success-soft) !important;
  color: var(--admin-success) !important;
}

.admin-tool-detail-quality-grid .is-warning > span {
  background: var(--admin-warning-soft) !important;
  color: var(--admin-warning) !important;
}

.admin-tool-detail-quality-grid strong, .admin-tool-detail-stack-list strong, .admin-tool-detail-timeline-guided strong, .admin-tool-detail-empty-guided strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

.admin-tool-detail-quality-grid small, .admin-tool-detail-stack-list small, .admin-tool-detail-timeline-guided small {
  display: block !important;
  margin-top: 0.18rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-tool-detail-stack-list, .admin-tool-detail-timeline-guided, .admin-tool-detail-document-grid-guided {
  display: grid !important;
  gap: 0.75rem !important;
}

.admin-tool-detail-stack-list article, .admin-tool-detail-timeline-guided article, .admin-tool-detail-document-grid-guided article {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-md) !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.85rem !important;
}

.admin-tool-detail-stack-list p, .admin-tool-detail-timeline-guided p, .admin-tool-detail-document-grid-guided p, .admin-tool-detail-empty-guided p, .admin-tool-detail-archive-guided p {
  margin: 0.45rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
}

.admin-tool-detail-empty-guided {
  padding: 1rem !important;
}

.admin-tool-detail-document-grid-guided article {
  display: grid !important;
  gap: 0.7rem !important;
}

.admin-tool-detail-document-grid-guided h3 {
  margin: 0.1rem 0 0 !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

.admin-tool-detail-document-actions-guided {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
}

.admin-tool-detail-document-actions-guided form {
  margin: 0 !important;
}

.admin-tool-detail-archive-guided {
  display: grid !important;
  gap: 0.9rem !important;
  margin-top: 1rem !important;
  border-color: var(--admin-danger-border) !important;
  background: linear-gradient(135deg, #fff, var(--admin-danger-soft-2)) !important;
  padding: 1rem !important;
}

.admin-tool-detail-archive-guided h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.1rem !important;
  font-weight: 950 !important;
}

.admin-tool-detail-live-card {
  display: grid !important;
  gap: 0.85rem !important;
  padding: 1rem !important;
}

.admin-tool-detail-live-card h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.3rem, 2vw, 1.65rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.05 !important;
}

.admin-tool-detail-live-image {
  display: grid !important;
  min-height: 12rem !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-lg) !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-muted) !important;
  font-weight: 900 !important;
}

.admin-tool-detail-live-image img {
  width: 100% !important;
  height: 100% !important;
  max-height: 14rem !important;
  object-fit: contain !important;
}

.admin-tool-detail-live-status {
  display: grid !important;
  gap: 0.25rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-lg) !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.9rem !important;
}

.admin-tool-detail-live-status span {
  color: var(--admin-primary) !important;
  font-size: 0.75rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.admin-tool-detail-live-status strong {
  color: var(--admin-text) !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
}

.admin-tool-detail-live-status small {
  color: var(--admin-text-muted) !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
}

.admin-tool-detail-live-card-danger .admin-tool-detail-live-status {
  border-color: var(--admin-danger-border) !important;
  background: var(--admin-danger-soft-2) !important;
}

.admin-tool-detail-live-card-warning .admin-tool-detail-live-status {
  border-color: var(--admin-warning-border) !important;
  background: var(--admin-warning-soft) !important;
}

.admin-tool-detail-live-card-info .admin-tool-detail-live-status {
  border-color: var(--admin-info-border) !important;
  background: var(--admin-info-soft) !important;
}

.admin-tool-detail-live-card-ok .admin-tool-detail-live-status {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
}

.admin-tool-detail-scroll-highlight {
  border-color: rgba(37, 99, 235, 0.42) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.16),
    var(--admin-shadow-md) !important;
}

@media (min-width: 820px) {
  .admin-tool-detail-status-grid, .admin-tool-detail-document-grid-guided {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 980px) {
  .admin-tool-detail-guided-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .admin-tool-detail-guided-layout {
    grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr) minmax(18rem, 22rem) !important;
    gap: 1.25rem !important;
  }

  .admin-tool-detail-guided-rail, .admin-tool-detail-guided-preview {
    position: sticky !important;
    top: 1.5rem !important;
    max-height: calc(100vh - 3rem) !important;
    overflow: auto !important;
    align-self: start !important;
  }

  .admin-tool-detail-status-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .admin-tool-detail-columns-guided {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-tool-detail-document-grid-guided {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .admin-tool-detail-guided-header .admin-header-actions, .admin-tool-detail-guided-header .admin-primary-link, .admin-tool-detail-guided-header .admin-secondary-link, .admin-tool-detail-decision-card .admin-primary-link, .admin-tool-detail-document-actions-guided .admin-secondary-link, .admin-tool-detail-document-actions-guided .admin-danger-button {
    width: 100% !important;
  }

  .admin-tool-detail-dl-guided div, .admin-preview-facts div {
    grid-template-columns: 1fr !important;
    gap: 0.25rem !important;
  }

  .admin-tool-detail-section-action-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   D20: Werkzeug bearbeiten als gefuehrter Workflow
   - klare Label/Input-Struktur
   - stabile linke Schrittleiste und rechte Live-Vorschau
   - ruhiger Formfluss wie Werkzeug anlegen
   ========================================================= */

.admin-tool-edit-header {
  align-items: start !important;
}

.admin-tool-edit-form {
  display: grid !important;
  gap: 1.5rem !important;
}

.admin-tool-edit-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.25rem !important;
  align-items: start !important;
}

.admin-tool-edit-main {
  display: grid !important;
  gap: 1.25rem !important;
  min-width: 0 !important;
}

.admin-tool-edit-rail, .admin-tool-edit-preview {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

.admin-tool-edit-steps {
  gap: 0.55rem !important;
}

.admin-tool-edit-steps a {
  min-height: 2.85rem !important;
  border-radius: 0.95rem !important;
  font-weight: 900 !important;
}

.admin-tool-edit-guidance-card, .admin-tool-edit-quality-card, .admin-tool-edit-preview-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-tool-edit-guidance-card {
  display: grid !important;
  gap: 0.35rem !important;
  padding: 1rem !important;
}

.admin-tool-edit-guidance-card h2, .admin-tool-edit-quality-card h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.15rem !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
}

.admin-tool-edit-guidance-card p:not(.admin-kicker), .admin-tool-edit-quality-card p:not(.admin-kicker) {
  margin: 0.2rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
}

.admin-tool-edit-guidance-card-ok {
  border-color: var(--admin-success-border) !important;
  background: linear-gradient(135deg, #ffffff, var(--admin-success-soft)) !important;
}

.admin-tool-edit-guidance-card-warning {
  border-color: var(--admin-warning-border) !important;
  background: linear-gradient(135deg, #ffffff, var(--admin-warning-soft)) !important;
}

.admin-tool-edit-guidance-card-danger {
  border-color: var(--admin-danger-border) !important;
  background: linear-gradient(135deg, #ffffff, var(--admin-danger-soft-2)) !important;
}

.admin-tool-edit-section {
  display: grid !important;
  gap: 1rem !important;
  padding: clamp(1.05rem, 3vw, 1.35rem) !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  scroll-margin-top: 1.25rem !important;
}

.admin-tool-edit-section .admin-workflow-section-header {
  display: grid !important;
  gap: 0.35rem !important;
  margin-bottom: 0 !important;
}

.admin-tool-edit-section .admin-workflow-section-header h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.08 !important;
}

.admin-tool-edit-section .admin-workflow-section-header p:not(.admin-kicker) {
  margin: 0 !important;
  max-width: 44rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.98rem !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

.admin-tool-edit-callout {
  display: grid !important;
  gap: 0.25rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-md) !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.85rem 0.95rem !important;
}

.admin-tool-edit-callout strong, .admin-tool-edit-callout span {
  display: block !important;
}

.admin-tool-edit-callout strong {
  color: var(--admin-text) !important;
  font-weight: 950 !important;
}

.admin-tool-edit-callout span {
  color: var(--admin-text-muted) !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
}

.admin-tool-edit-callout-ok {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
}

.admin-tool-edit-callout-warning {
  border-color: var(--admin-warning-border) !important;
  background: var(--admin-warning-soft) !important;
}

.admin-tool-edit-callout-danger {
  border-color: var(--admin-danger-border) !important;
  background: var(--admin-danger-soft-2) !important;
}

.admin-tool-edit-form-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.85rem !important;
}

.admin-tool-edit-form .admin-tool-edit-section label:not(.admin-checkbox-row), .admin-tool-edit-full-label {
  display: grid !important;
  gap: 0.45rem !important;
  min-width: 0 !important;
  color: var(--admin-text-soft) !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
}

.admin-tool-edit-form .admin-tool-edit-section label > span, .admin-tool-edit-full-label > span {
  display: block !important;
  color: var(--admin-text-soft) !important;
  font-size: 0.88rem !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

.admin-tool-edit-form input[type="text"], .admin-tool-edit-form input[type="number"], .admin-tool-edit-form input[type="date"], .admin-tool-edit-form select, .admin-tool-edit-form textarea {
  width: 100% !important;
  min-height: 3rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: var(--admin-radius-md) !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.72rem 0.85rem !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-tool-edit-form textarea {
  min-height: 7.25rem !important;
  resize: vertical !important;
}

.admin-tool-edit-form input:hover, .admin-tool-edit-form select:hover, .admin-tool-edit-form textarea:hover {
  border-color: #93c5fd !important;
}

.admin-tool-edit-form input:focus, .admin-tool-edit-form select:focus, .admin-tool-edit-form textarea:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: var(--admin-focus) !important;
}

.admin-tool-edit-checkbox-row {
  min-height: 3.25rem !important;
  align-items: center !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-md) !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.85rem 0.95rem !important;
}

.admin-tool-edit-checkbox-row input {
  width: 1.15rem !important;
  height: 1.15rem !important;
  min-width: 1.15rem !important;
  min-height: 1.15rem !important;
  accent-color: var(--admin-primary) !important;
}

.admin-tool-edit-media-stack {
  display: grid !important;
  gap: 1rem !important;
}

.admin-tool-edit-media-stack .admin-metacom-picker {
  border-radius: var(--admin-radius-lg) !important;
  background: var(--admin-surface-muted) !important;
}

.admin-tool-edit-media-stack .admin-metacom-groups {
  max-height: 30rem !important;
}

.admin-tool-edit-quality-card {
  padding: 1rem !important;
}

.admin-tool-edit-quality-card ul {
  display: grid !important;
  gap: 0.55rem !important;
  margin: 0.9rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-tool-edit-quality-card li {
  display: grid !important;
  gap: 0.18rem !important;
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: var(--admin-radius-sm) !important;
  background: var(--admin-warning-soft) !important;
  color: #78350f !important;
  padding: 0.7rem !important;
  font-size: 0.84rem !important;
  font-weight: 780 !important;
  line-height: 1.35 !important;
}

.admin-tool-edit-quality-card li.admin-quality-ok {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
  color: #14532d !important;
}

.admin-tool-edit-quality-card li strong, .admin-tool-edit-quality-card li span {
  display: block !important;
}

.admin-tool-edit-quality-card li strong {
  font-weight: 950 !important;
}

.admin-tool-edit-preview-card {
  display: grid !important;
  gap: 0.8rem !important;
  padding: 1rem !important;
  overflow: hidden !important;
}

.admin-tool-edit-preview-card h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.4rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.045em !important;
  overflow-wrap: anywhere !important;
}

.admin-tool-edit-preview-card .admin-preview-id {
  margin: -0.35rem 0 0 !important;
}

.admin-tool-edit-preview-card .admin-preview-image {
  min-height: 13rem !important;
}

.admin-tool-edit-preview-card .admin-preview-image img {
  object-fit: contain !important;
  background: #ffffff !important;
}

.admin-tool-edit-preview-card .admin-preview-facts {
  margin-top: 0.25rem !important;
}

.admin-tool-edit-save-bar {
  z-index: 50 !important;
}

@media (min-width: 760px) {
  .admin-tool-edit-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {
  .admin-tool-edit-layout {
    grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr) minmax(18rem, 22rem) !important;
    gap: 1.35rem !important;
  }

  .admin-tool-edit-rail, .admin-tool-edit-preview {
    position: sticky !important;
    top: 1.5rem !important;
    max-height: calc(100vh - 3rem) !important;
    overflow: auto !important;
    align-self: start !important;
  }
}

@media (max-width: 900px) {
  .admin-tool-edit-header .admin-header-actions, .admin-tool-edit-header .admin-secondary-link, .admin-tool-edit-save-bar .admin-primary-button, .admin-tool-edit-save-bar .admin-secondary-link {
    width: 100% !important;
  }

  .admin-tool-edit-save-bar {
    align-items: stretch !important;
  }
}

@media (max-width: 640px) {
  .admin-tool-edit-section {
    padding: 1rem !important;
  }

  .admin-tool-edit-preview-card .admin-preview-image {
    min-height: 11rem !important;
  }
}

/* =========================================================
   D19: Werkzeug bearbeiten - hochwertige Eingabefelder
   - passt zum gefuehrten Workflow
   - Field Cards statt Browser-Standardfelder
   - keine PHP-Aenderung noetig
   ========================================================= */

/* ---------------------------------------------------------
   Formularbereiche ruhiger und konsistenter
   --------------------------------------------------------- */

.admin-edit-form .admin-workflow-section {
  overflow: visible !important;
}

.admin-edit-form .admin-form-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.95rem !important;
  align-items: start !important;
}

/* ---------------------------------------------------------
   Jedes Feld wird zur klaren Eingabekarte
   --------------------------------------------------------- */

.admin-edit-form .admin-workflow-section .admin-form-grid > label:not(.admin-checkbox-row), .admin-edit-form .admin-workflow-section > label:not(.admin-checkbox-row) {
  position: relative !important;
  display: grid !important;
  gap: 0.48rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9)) !important;
  padding: 0.78rem !important;
  color: var(--admin-text-soft) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  transition: border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease !important;
}

.admin-edit-form .admin-workflow-section .admin-form-grid > label:not(.admin-checkbox-row):hover, .admin-edit-form .admin-workflow-section > label:not(.admin-checkbox-row):hover {
  border-color: #bfdbfe !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.admin-edit-form .admin-workflow-section .admin-form-grid > label:not(.admin-checkbox-row):focus-within, .admin-edit-form .admin-workflow-section > label:not(.admin-checkbox-row):focus-within {
  border-color: rgba(37, 99, 235, 0.62) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12),
    0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

/* ---------------------------------------------------------
   Label-Texte als klare kleine Ueberschriften
   --------------------------------------------------------- */

.admin-edit-form .admin-workflow-section label > span {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.admin-edit-form .admin-workflow-section label:focus-within > span {
  color: var(--admin-primary) !important;
}

/* ---------------------------------------------------------
   Inputs, Selects, Textareas
   --------------------------------------------------------- */

.admin-edit-form .admin-workflow-section input:not([type="checkbox"]), .admin-edit-form .admin-workflow-section select, .admin-edit-form .admin-workflow-section textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 3.05rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.82rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.72rem 0.82rem !important;
  font-size: 0.96rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04),
    0 1px 0 rgba(255, 255, 255, 0.8) !important;
  caret-color: var(--admin-primary) !important;
  transition: border-color 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease !important;
}

.admin-edit-form .admin-workflow-section input:not([type="checkbox"])::placeholder, .admin-edit-form .admin-workflow-section textarea::placeholder {
  color: var(--admin-text-faint) !important;
  font-weight: 700 !important;
}

.admin-edit-form .admin-workflow-section input:not([type="checkbox"]):hover, .admin-edit-form .admin-workflow-section select:hover, .admin-edit-form .admin-workflow-section textarea:hover {
  border-color: #93c5fd !important;
}

.admin-edit-form .admin-workflow-section input:not([type="checkbox"]):focus, .admin-edit-form .admin-workflow-section select:focus, .admin-edit-form .admin-workflow-section textarea:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04),
    0 0 0 3px rgba(37, 99, 235, 0.16) !important;
}

.admin-edit-form .admin-workflow-section textarea {
  min-height: 8.5rem !important;
  resize: vertical !important;
}

/* ---------------------------------------------------------
   Select-Felder passend stylen
   --------------------------------------------------------- */

.admin-edit-form .admin-workflow-section select {
  appearance: none !important;
  padding-right: 2.55rem !important;
  background-image: linear-gradient(45deg, transparent 50%, var(--admin-text-muted) 50%),
    linear-gradient(135deg, var(--admin-text-muted) 50%, transparent 50%),
    linear-gradient(180deg, #ffffff, #ffffff) !important;
  background-position: calc(100% - 1.15rem) 50%,
    calc(100% - 0.85rem) 50%,
    100% 0 !important;
  background-size: 0.35rem 0.35rem,
    0.35rem 0.35rem,
    2.3rem 100% !important;
  background-repeat: no-repeat !important;
}

/* ---------------------------------------------------------
   Zahlen- und Datumsfelder optisch beruhigen
   --------------------------------------------------------- */

.admin-edit-form .admin-workflow-section input[type="number"], .admin-edit-form .admin-workflow-section input[type="date"] {
  font-variant-numeric: tabular-nums !important;
}

.admin-edit-form .admin-workflow-section input[type="date"] {
  min-height: 3.05rem !important;
}

/* ---------------------------------------------------------
   Pflichtfelder und ungueltige Eingaben
   --------------------------------------------------------- */

.admin-edit-form .admin-workflow-section input:required, .admin-edit-form .admin-workflow-section select:required {
  border-color: color-mix(in srgb, var(--admin-primary) 28%, var(--admin-border-strong)) !important;
}

.admin-edit-form .admin-workflow-section input:invalid:not(:placeholder-shown), .admin-edit-form .admin-workflow-section select:invalid, .admin-edit-form .admin-workflow-section textarea:invalid:not(:placeholder-shown) {
  border-color: var(--admin-danger-border) !important;
}

/* ---------------------------------------------------------
   Checkbox fuer Pruefpflicht hochwertiger darstellen
   --------------------------------------------------------- */

.admin-edit-form .admin-workflow-checkbox-row, .admin-edit-form .admin-checkbox-row.admin-workflow-checkbox-row {
  display: grid !important;
  grid-template-columns: 1.4rem minmax(0, 1fr) !important;
  gap: 0.75rem !important;
  align-items: center !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
  padding: 0.9rem 1rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-edit-form .admin-workflow-checkbox-row:hover, .admin-edit-form .admin-checkbox-row.admin-workflow-checkbox-row:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
}

.admin-edit-form .admin-workflow-checkbox-row input[type="checkbox"] {
  width: 1.25rem !important;
  min-width: 1.25rem !important;
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  accent-color: var(--admin-primary) !important;
}

.admin-edit-form .admin-workflow-checkbox-row span {
  color: var(--admin-text) !important;
  font-size: 0.95rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

/* ---------------------------------------------------------
   Medien/Links: URLs optisch als technische Felder behandeln
   --------------------------------------------------------- */

.admin-edit-form input[name$="_url"], .admin-edit-form input[name="manual_url"], .admin-edit-form input[name="safety_document_url"], .admin-edit-form input[name="video_url"] {
  font-family: ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    monospace !important;
  font-size: 0.88rem !important;
  font-weight: 750 !important;
}

/* ---------------------------------------------------------
   METACOM Picker in denselben Stil bringen
   --------------------------------------------------------- */

.admin-edit-form .admin-metacom-picker {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.1rem !important;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.96)) !important;
  padding: 1rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.admin-edit-form .admin-metacom-search input {
  min-height: 3.05rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.82rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.72rem 0.82rem !important;
  font-size: 0.96rem !important;
  font-weight: 850 !important;
}

.admin-edit-form .admin-metacom-current {
  border-radius: 1rem !important;
  background: #ffffff !important;
}

.admin-edit-form .admin-metacom-option {
  border-radius: 0.9rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-edit-form .admin-metacom-option span {
  border: 0 !important;
  background: transparent !important;
}

/* ---------------------------------------------------------
   Sticky Save Bar passend zu den Feldern
   --------------------------------------------------------- */

.admin-edit-form .admin-sticky-save-bar {
  border-radius: 1.15rem !important;
  border-color: rgba(37, 99, 235, 0.22) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* ---------------------------------------------------------
   Desktop: sinnvolle Zwei-Spalten-Eingaben
   --------------------------------------------------------- */

@media (min-width: 760px) {
  .admin-edit-form .admin-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  .admin-edit-form .admin-form-grid > .admin-metacom-picker {
    grid-column: 1 / -1 !important;
  }

  .admin-edit-form .admin-form-grid > label:has(textarea), .admin-edit-form .admin-form-grid > label:has(input[name="serial_number"]), .admin-edit-form .admin-form-grid > label:has(input[name="video_url"]) {
    grid-column: 1 / -1 !important;
  }
}

/* ---------------------------------------------------------
   Mobile: alles einspaltig und gut antippbar
   --------------------------------------------------------- */

@media (max-width: 759px) {
  .admin-edit-form .admin-workflow-section input:not([type="checkbox"]), .admin-edit-form .admin-workflow-section select, .admin-edit-form .admin-workflow-section textarea {
    min-height: 3.25rem !important;
    font-size: 1rem !important;
  }

  .admin-edit-form .admin-workflow-section .admin-form-grid > label:not(.admin-checkbox-row), .admin-edit-form .admin-workflow-section > label:not(.admin-checkbox-row) {
    padding: 0.82rem !important;
  }
}

/* =========================================================
   D20: Werkzeug bearbeiten - Medienkarte final
   - METACOM-Auswahl als volle Karte
   - Anleitungslink darunter
   - ruhiger, gefuehrter Aufbau
   ========================================================= */

.admin-edit-media-section {
  overflow: visible !important;
}

.admin-edit-media-layout {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

/* ---------------------------------------------------------
   METACOM-Symbol als volle Karte
   --------------------------------------------------------- */

.admin-edit-media-symbol-card, .admin-edit-media-links-card {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.25rem !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)) !important;
  padding: clamp(1rem, 2.5vw, 1.25rem) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.admin-edit-media-symbol-card {
  border-color: rgba(37, 99, 235, 0.22) !important;
  background: radial-gradient(circle at 96% 8%, rgba(219, 234, 254, 0.84), transparent 15rem),
    linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.admin-edit-media-symbol-header, .admin-edit-media-links-header {
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  align-items: flex-start !important;
}

.admin-edit-media-symbol-header h3, .admin-edit-media-links-header h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

.admin-edit-media-symbol-header p:not(.admin-kicker), .admin-edit-media-links-header p:not(.admin-kicker) {
  max-width: 42rem !important;
  margin: 0.35rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.92rem !important;
  font-weight: 760 !important;
  line-height: 1.5 !important;
}

/* ---------------------------------------------------------
   Picker innerhalb der grossen Karte entkoppeln
   --------------------------------------------------------- */

.admin-edit-media-symbol-card .admin-metacom-picker {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  border: 1px solid rgba(191, 219, 254, 0.82) !important;
  border-radius: 1.1rem !important;
  background: rgba(255, 255, 255, 0.78) !important;
  padding: clamp(0.9rem, 2vw, 1.1rem) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.admin-edit-media-symbol-card .admin-metacom-picker-header {
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
}

.admin-edit-media-symbol-card .admin-metacom-picker-header strong {
  font-size: 1.08rem !important;
}

.admin-edit-media-symbol-card .admin-metacom-current {
  border-radius: 1rem !important;
  border-color: rgba(191, 219, 254, 0.9) !important;
  background: #ffffff !important;
}

.admin-edit-media-symbol-card .admin-metacom-current-image {
  width: 5.5rem !important;
  height: 5.5rem !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
}

.admin-edit-media-symbol-card .admin-metacom-current-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-edit-media-symbol-card .admin-metacom-groups {
  max-height: 34rem !important;
  padding: 0.25rem 0.25rem 0.25rem 0 !important;
}

.admin-edit-media-symbol-card .admin-metacom-grid {
  grid-template-columns: repeat(auto-fill, minmax(7.8rem, 1fr)) !important;
  gap: 0.72rem !important;
}

.admin-edit-media-symbol-card .admin-metacom-option {
  min-height: 7.9rem !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  padding: 0.7rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.admin-edit-media-symbol-card .admin-metacom-option:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
}

.admin-edit-media-symbol-card .admin-metacom-option.is-selected {
  border-color: var(--admin-primary) !important;
  background: linear-gradient(180deg, #ffffff, var(--admin-primary-soft-2)) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12),
    0 8px 22px rgba(29, 78, 216, 0.12) !important;
}

.admin-edit-media-symbol-card .admin-metacom-option span {
  width: 4.7rem !important;
  height: 4.7rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.admin-edit-media-symbol-card .admin-metacom-option img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-edit-media-symbol-card .admin-metacom-option strong {
  font-size: 0.78rem !important;
  line-height: 1.18 !important;
}

/* ---------------------------------------------------------
   Linkbereich darunter
   --------------------------------------------------------- */

.admin-edit-media-links-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
}

.admin-edit-media-link-grid {
  display: grid !important;
  gap: 0.85rem !important;
  min-width: 0 !important;
}

.admin-edit-media-link-field {
  display: grid !important;
  gap: 0.45rem !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  padding: 0.85rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.admin-edit-media-link-field-primary {
  border-color: rgba(37, 99, 235, 0.26) !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.admin-edit-media-link-field:focus-within {
  border-color: var(--admin-primary) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12),
    0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

.admin-edit-media-link-field span {
  color: var(--admin-text-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.admin-edit-media-link-field:focus-within span {
  color: var(--admin-primary) !important;
}

.admin-edit-media-link-field input {
  width: 100% !important;
  min-height: 3.15rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.82rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.72rem 0.82rem !important;
  font-family: ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    monospace !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.admin-edit-media-link-field input::placeholder {
  color: var(--admin-text-faint) !important;
  font-family: var(--admin-font) !important;
  font-weight: 750 !important;
}

.admin-edit-media-link-field input:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04),
    0 0 0 3px rgba(37, 99, 235, 0.14) !important;
}

.admin-edit-media-link-field small {
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

/* ---------------------------------------------------------
   Desktop: Anleitung voll, Sicherheit/Video nebeneinander
   --------------------------------------------------------- */

@media (min-width: 820px) {
  .admin-edit-media-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-edit-media-link-field-primary {
    grid-column: 1 / -1 !important;
  }
}

/* ---------------------------------------------------------
   Mobile: Symbolkarte bleibt ruhig und bedienbar
   --------------------------------------------------------- */

@media (max-width: 760px) {
  .admin-edit-media-symbol-card, .admin-edit-media-links-card {
    border-radius: 1.05rem !important;
    padding: 0.9rem !important;
  }

  .admin-edit-media-symbol-card .admin-metacom-current {
    grid-template-columns: 1fr !important;
  }

  .admin-edit-media-symbol-card .admin-metacom-current-image {
    width: 5rem !important;
    height: 5rem !important;
  }

  .admin-edit-media-symbol-card .admin-metacom-grid {
    grid-template-columns: repeat(auto-fill, minmax(6.6rem, 1fr)) !important;
    gap: 0.58rem !important;
  }

  .admin-edit-media-symbol-card .admin-metacom-option {
    min-height: 7.25rem !important;
  }

  .admin-edit-media-symbol-card .admin-metacom-option span {
    width: 4.15rem !important;
    height: 4.15rem !important;
  }

  .admin-edit-media-link-field input {
    min-height: 3.25rem !important;
    font-size: 0.95rem !important;
  }
}

/* =========================================================
   D21: Werkzeug anlegen - gefuehrte Erstellungsseite final
   - gleiche Logik wie Werkzeug bearbeiten
   - hochwertige Eingabekarten
   - METACOM-Auswahl als volle Karte
   ========================================================= */

.admin-tool-create-hero {
  overflow: hidden !important;
}

.admin-tool-create-guided-form {
  display: grid !important;
  gap: 1.25rem !important;
}

.admin-tool-create-guided-layout {
  display: grid !important;
  grid-template-columns: minmax(12rem, 14.5rem) minmax(0, 1fr) minmax(17rem, 21rem) !important;
  gap: 1.5rem !important;
  align-items: start !important;
}

.admin-tool-create-rail, .admin-tool-create-preview {
  position: sticky !important;
  top: 1.5rem !important;
  align-self: start !important;
}

.admin-tool-create-main {
  min-width: 0 !important;
}

.admin-tool-create-section {
  min-width: 0 !important;
  overflow: visible !important;
  scroll-margin-top: 1.75rem !important;
}

.admin-tool-create-highlight {
  animation: admin-tool-create-highlight 1200ms ease-out;
}

@keyframes admin-tool-create-highlight {
  0% {
    box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.18), var(--admin-shadow-md);
  }

  100% {
    box-shadow: var(--admin-shadow-md);
  }
}

.admin-tool-create-steps a {
  min-height: 2.85rem !important;
}

.admin-tool-create-quality-summary {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 0.65rem !important;
  align-items: center !important;
  margin: 0.85rem 0 0 !important;
  padding: 0.75rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
}

.admin-tool-create-quality-summary strong {
  display: grid !important;
  width: 2.4rem !important;
  height: 2.4rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-warning-soft) !important;
  color: var(--admin-warning) !important;
  font-weight: 950 !important;
}

.admin-tool-create-quality-summary span {
  color: var(--admin-text-soft) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.admin-tool-create-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  min-width: 0 !important;
  align-items: start !important;
}

.admin-tool-create-field, .admin-tool-create-form .admin-tool-create-section > label:not(.admin-checkbox-row) {
  display: grid !important;
  gap: 0.48rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.82rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  color: var(--admin-text-soft) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.admin-tool-create-field:hover, .admin-tool-create-form .admin-tool-create-section > label:not(.admin-checkbox-row):hover {
  border-color: #bfdbfe !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.admin-tool-create-field:focus-within, .admin-tool-create-form .admin-tool-create-section > label:not(.admin-checkbox-row):focus-within {
  border-color: rgba(37, 99, 235, 0.62) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12), 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

.admin-tool-create-field-wide {
  grid-column: 1 / -1 !important;
}

.admin-tool-create-field > span, .admin-tool-create-form .admin-tool-create-section > label:not(.admin-checkbox-row) > span {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.admin-tool-create-field:focus-within > span, .admin-tool-create-form .admin-tool-create-section > label:not(.admin-checkbox-row):focus-within > span {
  color: var(--admin-primary) !important;
}

.admin-tool-create-field small, .admin-tool-create-form .admin-tool-create-section > label small {
  color: var(--admin-text-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-tool-create-form input:not([type="checkbox"]), .admin-tool-create-form select, .admin-tool-create-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 3.1rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.82rem !important;
  background-color: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.72rem 0.82rem !important;
  font-size: 0.96rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  caret-color: var(--admin-primary) !important;
}

.admin-tool-create-form input:not([type="checkbox"])::placeholder, .admin-tool-create-form textarea::placeholder {
  color: var(--admin-text-faint) !important;
  font-weight: 700 !important;
}

.admin-tool-create-form input:not([type="checkbox"]):hover, .admin-tool-create-form select:hover, .admin-tool-create-form textarea:hover {
  border-color: #93c5fd !important;
}

.admin-tool-create-form input:not([type="checkbox"]):focus, .admin-tool-create-form select:focus, .admin-tool-create-form textarea:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04), 0 0 0 3px rgba(37, 99, 235, 0.16) !important;
}

.admin-tool-create-form textarea {
  min-height: 8.5rem !important;
  resize: vertical !important;
}

.admin-tool-create-form select {
  appearance: none !important;
  padding-right: 2.55rem !important;
  background-image: linear-gradient(45deg, transparent 50%, var(--admin-text-muted) 50%),
    linear-gradient(135deg, var(--admin-text-muted) 50%, transparent 50%),
    linear-gradient(180deg, #ffffff, #ffffff) !important;
  background-position: calc(100% - 1.15rem) 50%,
    calc(100% - 0.85rem) 50%,
    100% 0 !important;
  background-size: 0.35rem 0.35rem,
    0.35rem 0.35rem,
    2.3rem 100% !important;
  background-repeat: no-repeat !important;
}

.admin-tool-create-callout, .admin-tool-create-guidance-box {
  display: grid !important;
  gap: 0.25rem !important;
  margin: 0 0 1rem !important;
  padding: 0.95rem 1rem !important;
  border: 1px solid rgba(191, 219, 254, 0.9) !important;
  border-radius: 1rem !important;
  background: linear-gradient(135deg, var(--admin-primary-soft-2), #ffffff) !important;
}

.admin-tool-create-callout strong, .admin-tool-create-guidance-box strong {
  color: var(--admin-text) !important;
  font-weight: 950 !important;
}

.admin-tool-create-callout span, .admin-tool-create-guidance-box p {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
}

.admin-tool-create-template-preview {
  margin-top: 1rem !important;
}

.admin-tool-create-template-preview dl {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.admin-tool-create-template-preview dd, .admin-tool-create-template-preview p {
  overflow-wrap: anywhere !important;
}

/* Medienkarte */

.admin-create-media-section {
  overflow: visible !important;
}

.admin-create-media-layout {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

.admin-create-media-symbol-card, .admin-create-media-links-card {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.25rem !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)) !important;
  padding: clamp(1rem, 2.5vw, 1.25rem) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.admin-create-media-symbol-card {
  border-color: rgba(37, 99, 235, 0.22) !important;
  background: radial-gradient(circle at 96% 8%, rgba(219, 234, 254, 0.84), transparent 15rem), linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.admin-create-media-symbol-header h3, .admin-create-media-links-header h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

.admin-create-media-symbol-header p:not(.admin-kicker), .admin-create-media-links-header p:not(.admin-kicker) {
  max-width: 42rem !important;
  margin: 0.35rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.92rem !important;
  font-weight: 760 !important;
  line-height: 1.5 !important;
}

.admin-create-media-symbol-card .admin-metacom-picker {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  border: 1px solid rgba(191, 219, 254, 0.82) !important;
  border-radius: 1.1rem !important;
  background: rgba(255, 255, 255, 0.78) !important;
  padding: clamp(0.9rem, 2vw, 1.1rem) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.admin-create-media-symbol-card .admin-metacom-picker-header {
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
}

.admin-create-media-symbol-card .admin-metacom-current {
  border-radius: 1rem !important;
  border-color: rgba(191, 219, 254, 0.9) !important;
  background: #ffffff !important;
}

.admin-create-media-symbol-card .admin-metacom-current-image {
  width: 5.5rem !important;
  height: 5.5rem !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
}

.admin-create-media-symbol-card .admin-metacom-groups {
  max-height: 34rem !important;
  padding: 0.25rem 0.25rem 0.25rem 0 !important;
}

.admin-create-media-symbol-card .admin-metacom-grid {
  grid-template-columns: repeat(auto-fill, minmax(7.8rem, 1fr)) !important;
  gap: 0.72rem !important;
}

.admin-create-media-symbol-card .admin-metacom-option {
  min-height: 7.9rem !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  padding: 0.7rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.admin-create-media-symbol-card .admin-metacom-option:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
}

.admin-create-media-symbol-card .admin-metacom-option.is-selected {
  border-color: var(--admin-primary) !important;
  background: linear-gradient(180deg, #ffffff, var(--admin-primary-soft-2)) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12), 0 8px 22px rgba(29, 78, 216, 0.12) !important;
}

.admin-create-media-symbol-card .admin-metacom-option span {
  width: 4.7rem !important;
  height: 4.7rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.admin-create-media-symbol-card .admin-metacom-option img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-create-media-link-grid {
  display: grid !important;
  gap: 0.85rem !important;
  min-width: 0 !important;
}

.admin-create-media-link-field {
  display: grid !important;
  gap: 0.45rem !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  padding: 0.85rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.admin-create-media-link-field-primary {
  border-color: rgba(37, 99, 235, 0.26) !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.admin-create-media-link-field:focus-within {
  border-color: var(--admin-primary) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12), 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

.admin-create-media-link-field span {
  color: var(--admin-text-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.admin-create-media-link-field input {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
}

.admin-create-media-link-field small {
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

@media (min-width: 820px) {
  .admin-create-media-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-create-media-link-field-primary {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 1280px) {
  .admin-tool-create-guided-layout {
    grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr) !important;
  }

  .admin-tool-create-preview {
    grid-column: 1 / -1 !important;
    position: static !important;
  }
}

@media (max-width: 900px) {
  .admin-tool-create-guided-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-tool-create-rail {
    position: static !important;
  }

  .admin-tool-create-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-tool-create-form-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-tool-create-field-wide {
    grid-column: auto !important;
  }

  .admin-tool-create-template-preview dl {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .admin-tool-create-steps, .admin-tool-create-template-preview dl {
    grid-template-columns: 1fr !important;
  }

  .admin-create-media-symbol-card, .admin-create-media-links-card {
    border-radius: 1.05rem !important;
    padding: 0.9rem !important;
  }

  .admin-create-media-symbol-card .admin-metacom-grid {
    grid-template-columns: repeat(auto-fill, minmax(6.6rem, 1fr)) !important;
    gap: 0.58rem !important;
  }

  .admin-create-media-symbol-card .admin-metacom-option {
    min-height: 7.25rem !important;
  }

  .admin-create-media-symbol-card .admin-metacom-option span {
    width: 4.15rem !important;
    height: 4.15rem !important;
  }
}

/* =========================================================
   D21: Werkzeug bearbeiten - Sicherheitshinweise direkt am Werkzeug
   - dynamische Sicherheitskarten
   - Pflicht-Hinweise fuer Beschaeftigtenansicht
   - passend zum gefuehrten Workflow
   ========================================================= */

.admin-tool-edit-safety-section {
  overflow: visible !important;
}

.admin-tool-edit-guidance-box-warning {
  border-color: rgba(217, 119, 6, 0.32) !important;
  background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%) !important;
}

.admin-tool-edit-guidance-box-warning strong {
  color: #92400e !important;
}

.admin-tool-safety-hints {
  display: grid !important;
  gap: 1rem !important;
  margin-top: 1rem !important;
}

.admin-tool-safety-hint-card {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
  border: 1px solid rgba(191, 219, 254, 0.9) !important;
  border-radius: 1.2rem !important;
  background: radial-gradient(circle at 98% 4%, rgba(219, 234, 254, 0.72), transparent 13rem),
    linear-gradient(180deg, #ffffff, #f8fbff) !important;
  padding: clamp(0.95rem, 2vw, 1.15rem) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.admin-tool-safety-hint-card:focus-within {
  border-color: rgba(37, 99, 235, 0.62) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12),
    0 14px 34px rgba(15, 23, 42, 0.09) !important;
}

.admin-tool-safety-hint-card-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

.admin-tool-safety-hint-card-header h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.08rem, 2vw, 1.28rem) !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
}

.admin-tool-safety-hint-remove {
  flex: 0 0 auto !important;
  min-height: 2.45rem !important;
  border-radius: 0.85rem !important;
  color: var(--admin-danger) !important;
}

.admin-tool-safety-hint-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.85rem !important;
  min-width: 0 !important;
}

.admin-tool-safety-hint-required .admin-tool-safety-hint-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
  min-height: 3.05rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.82rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.72rem 0.82rem !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.admin-tool-safety-hint-required .admin-tool-safety-hint-checkbox input {
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  accent-color: var(--admin-primary) !important;
}

.admin-tool-safety-hint-add {
  width: 100% !important;
  min-height: 3.25rem !important;
  margin-top: 1rem !important;
  border-radius: 1rem !important;
}

.admin-tool-safety-hint-priority input {
  font-variant-numeric: tabular-nums !important;
}

@media (min-width: 760px) {
  .admin-tool-safety-hint-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-tool-safety-hint-grid > .admin-tool-edit-field-wide {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 759px) {
  .admin-tool-safety-hint-card {
    border-radius: 1.05rem !important;
    padding: 0.9rem !important;
  }

  .admin-tool-safety-hint-card-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-tool-safety-hint-remove {
    width: 100% !important;
  }
}

/* =========================================================
   D22: Werkzeug anlegen - Sicherheitshinweise direkt erfassen
   - eigener Schritt fuer Sicherheit
   - mehrere Hinweis-Karten beim Erstellen
   - passend zu Bearbeiten/Detailseite
   ========================================================= */

.admin-tool-create-safety-section {
  overflow: visible !important;
}

.admin-tool-create-guidance-box-warning {
  border-color: rgba(217, 119, 6, 0.32) !important;
  background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%) !important;
}

.admin-tool-create-guidance-box-warning strong {
  color: #92400e !important;
}

.admin-tool-safety-hints, .admin-tool-create-safety-hints {
  display: grid !important;
  gap: 1rem !important;
  margin-top: 1rem !important;
}

.admin-tool-create-safety-section .admin-tool-create-field, .admin-tool-create-safety-section .admin-tool-edit-field {
  position: relative !important;
  display: grid !important;
  gap: 0.48rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9)) !important;
  padding: 0.78rem !important;
  color: var(--admin-text-soft) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.admin-tool-create-safety-section label > span:not(.admin-tool-safety-hint-checkbox) {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.admin-tool-create-safety-section input:not([type="checkbox"]), .admin-tool-create-safety-section select, .admin-tool-create-safety-section textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 3.05rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.82rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.72rem 0.82rem !important;
  font-size: 0.96rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04),
    0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.admin-tool-create-safety-section input:not([type="checkbox"]):focus, .admin-tool-create-safety-section select:focus, .admin-tool-create-safety-section textarea:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04),
    0 0 0 3px rgba(37, 99, 235, 0.16) !important;
}

@media (min-width: 760px) {
  .admin-tool-safety-hint-grid > .admin-tool-create-field-wide, .admin-tool-safety-hint-grid > .admin-tool-edit-field-wide {
    grid-column: 1 / -1 !important;
  }
}

/* =========================================================
   D21: Pruefung dokumentieren - gefuehrter Workflow final
   ========================================================= */

.admin-inspection-guided-hero {
  align-items: center !important;
}

.admin-inspection-guided-workflow {
  display: grid !important;
  gap: 1.25rem !important;
}

.admin-inspection-guided-layout {
  align-items: start !important;
}

.admin-inspection-left-rail, .admin-inspection-preview {
  position: sticky !important;
  top: 1.5rem !important;
  display: grid !important;
  gap: 1rem !important;
  align-self: start !important;
}

.admin-inspection-steps {
  margin: 0 !important;
}

.admin-inspection-side-card, .admin-inspection-preview-quality {
  padding: 1rem !important;
}

.admin-inspection-side-card ul, .admin-inspection-preview-quality ul {
  display: grid !important;
  gap: 0.65rem !important;
  margin: 0.85rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-inspection-side-card li, .admin-inspection-preview-quality li {
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 0.9rem !important;
  background: var(--admin-warning-soft) !important;
  color: #78350f !important;
  padding: 0.7rem 0.8rem !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  line-height: 1.38 !important;
}

.admin-inspection-side-card li.admin-quality-ok, .admin-inspection-preview-quality li.admin-quality-ok {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
  color: #14532d !important;
}

.admin-inspection-tool-summary {
  border-color: rgba(191, 219, 254, 0.9) !important;
  background: radial-gradient(circle at 96% 8%, rgba(219, 234, 254, 0.72), transparent 15rem),
    linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.admin-inspection-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.admin-inspection-summary-grid > div {
  display: grid !important;
  gap: 0.35rem !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, 0.88) !important;
  padding: 0.85rem !important;
}

.admin-inspection-summary-grid span {
  color: var(--admin-text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.admin-inspection-summary-grid strong {
  width: fit-content !important;
  max-width: 100% !important;
  color: var(--admin-text) !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}

.admin-inspection-result-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.9rem !important;
}

.admin-inspection-result-card {
  min-height: 14.5rem !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0.75rem !important;
  overflow: hidden !important;
  padding: 1rem !important;
}

.admin-inspection-result-card input {
  top: 1rem !important;
  right: 1rem !important;
}

.admin-inspection-result-icon {
  width: 3rem !important;
  height: 3rem !important;
  grid-row: span 2 !important;
}

.admin-inspection-result-content {
  display: grid !important;
  gap: 0.2rem !important;
  min-width: 0 !important;
  padding-right: 1.65rem !important;
}

.admin-inspection-result-content strong {
  color: var(--admin-text) !important;
  font-size: 1.1rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
}

.admin-inspection-result-content small {
  color: var(--admin-text-soft) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.admin-inspection-result-content em {
  margin-top: 0.35rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.84rem !important;
  font-style: normal !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
}

.admin-inspection-result-status {
  grid-column: 1 / -1 !important;
  align-self: end !important;
  border-radius: 0.85rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-soft) !important;
  padding: 0.65rem 0.75rem !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

.admin-inspection-result-card-success:has(input:checked) .admin-inspection-result-status {
  background: var(--admin-success-soft) !important;
  color: #14532d !important;
}

.admin-inspection-result-card-warning:has(input:checked) .admin-inspection-result-status {
  background: var(--admin-warning-soft) !important;
  color: #78350f !important;
}

.admin-inspection-result-card-danger:has(input:checked) .admin-inspection-result-status {
  background: var(--admin-danger-soft) !important;
  color: #7f1d1d !important;
}

.admin-inspection-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
}

.admin-inspection-field-card {
  display: grid !important;
  gap: 0.45rem !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  padding: 0.85rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.admin-inspection-field-card:focus-within {
  border-color: var(--admin-primary) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12),
    0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

.admin-inspection-field-card > span {
  color: var(--admin-text-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.admin-inspection-field-card:focus-within > span {
  color: var(--admin-primary) !important;
}

.admin-inspection-field-card input, .admin-inspection-field-card select, .admin-inspection-field-card textarea {
  width: 100% !important;
  min-height: 3.05rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.82rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.72rem 0.82rem !important;
  font-weight: 820 !important;
  line-height: 1.25 !important;
}

.admin-inspection-field-card textarea {
  min-height: 8.5rem !important;
  resize: vertical !important;
}

.admin-inspection-field-card input:focus, .admin-inspection-field-card select:focus, .admin-inspection-field-card textarea:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
}

.admin-inspection-field-card small {
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-inspection-effect-panel {
  display: grid !important;
  gap: 0.85rem !important;
}

.admin-inspection-effect-header h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.1rem !important;
  font-weight: 950 !important;
}

.admin-inspection-document-card {
  gap: 1rem !important;
}

.admin-inspection-card-title-row {
  display: grid !important;
  grid-template-columns: 2.4rem minmax(0, 1fr) !important;
  gap: 0.8rem !important;
  align-items: start !important;
}

.admin-inspection-card-title-row > span {
  display: grid !important;
  width: 2.4rem !important;
  height: 2.4rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary-dark) !important;
  font-weight: 950 !important;
}

.admin-inspection-card-title-row h3 {
  margin: 0 !important;
}

.admin-inspection-field-card-inner {
  padding: 0.75rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-inspection-upload-grid {
  grid-template-columns: 1fr !important;
}

.admin-inspection-document-note {
  margin: 0 !important;
}

.admin-inspection-notes-card {
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.admin-inspection-preview-card {
  padding: 1rem !important;
}

.admin-inspection-save-bar {
  margin-top: 0.25rem !important;
}

@media (max-width: 1280px) {
  .admin-inspection-left-rail, .admin-inspection-preview {
    position: static !important;
  }
}

@media (max-width: 900px) {
  .admin-inspection-summary-grid, .admin-inspection-result-grid, .admin-inspection-field-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-result-card {
    min-height: auto !important;
  }
}

@media (max-width: 640px) {
  .admin-inspection-result-card {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-result-icon {
    grid-row: auto !important;
  }

  .admin-inspection-result-content {
    padding-right: 1.75rem !important;
  }
}

/* =========================================================
   D11: Dokumente als ruhiger geführter Werkzeug-Workflow
   Datei: public/assets/css/admin.css ganz unten anhängen
   ========================================================= */

.admin-document-back-row {
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.admin-document-page-header {
  align-items: center;
}

.admin-document-header-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-document-guided-layout {
  display: grid;
  grid-template-columns: minmax(14rem, 17rem) minmax(0, 1fr) minmax(16rem, 19rem);
  gap: 1.25rem;
  align-items: start;
  margin-bottom: 1.25rem;
}

.admin-document-guided-sidebar, .admin-document-live-aside {
  position: sticky;
  top: 1.25rem;
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.admin-document-guided-main {
  display: grid;
  gap: 1.1rem;
  min-width: 0;
}

.admin-document-step-nav {
  display: grid;
  gap: 0.55rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  padding: 0.75rem;
  box-shadow: var(--admin-shadow-sm);
}

.admin-document-step-nav a {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  min-height: 4.25rem;
  border: 1px solid transparent;
  border-radius: var(--admin-radius-md);
  color: var(--admin-text-soft);
  padding: 0.65rem;
  text-decoration: none;
}

.admin-document-step-nav a:hover, .admin-document-step-nav a:focus-visible, .admin-document-step-nav a.is-active {
  border-color: rgba(37, 99, 235, 0.22);
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary-dark);
}

.admin-document-step-nav a > span {
  display: grid;
  width: 2.15rem;
  height: 2.15rem;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary);
  font-size: 0.82rem;
  font-weight: 950;
}

.admin-document-step-nav a.is-active > span {
  background: var(--admin-primary);
  color: #ffffff;
}

.admin-document-step-nav strong, .admin-document-step-nav small {
  display: block;
}

.admin-document-step-nav strong {
  color: currentColor;
  font-size: 0.9rem;
  font-weight: 950;
  line-height: 1.15;
}

.admin-document-step-nav small {
  margin-top: 0.1rem;
  color: var(--admin-text-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.25;
}

.admin-document-guidance-card, .admin-document-next-step-card {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  padding: 1rem;
  box-shadow: var(--admin-shadow-sm);
}

.admin-document-guidance-card h2, .admin-document-next-step-card h3 {
  margin: 0.25rem 0 0.55rem;
  color: var(--admin-text);
  font-size: 1.05rem;
  font-weight: 950;
  letter-spacing: -0.025em;
  line-height: 1.15;
}

.admin-document-guidance-card ul {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-left: 1.05rem;
  color: var(--admin-text-muted);
  font-size: 0.84rem;
  font-weight: 760;
  line-height: 1.4;
}

.admin-document-policy-card {
  border-color: rgba(217, 119, 6, 0.28) !important;
  background: linear-gradient(135deg, #fffbeb, #ffffff) !important;
}

.admin-document-policy-card code {
  color: #7c2d12;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.admin-document-type-picker, .admin-document-source-section, .admin-document-form-panel {
  scroll-margin-top: 1.5rem;
}

.admin-document-type-picker, .admin-document-source-section {
  min-width: 0;
}

.admin-document-type-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.admin-document-type-card {
  grid-template-columns: 2.7rem minmax(0, 1fr);
  align-items: start;
  gap: 0.75rem;
  min-width: 0;
  min-height: 8.9rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface);
  color: var(--admin-text);
  padding: 0.9rem;
  box-shadow: var(--admin-shadow-xs);
}

.admin-document-type-card:hover, .admin-document-type-card:focus-visible {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  transform: translateY(-1px);
  box-shadow: var(--admin-shadow-sm);
}

.admin-document-type-card.is-active {
  border-color: #60a5fa;
  background: linear-gradient(135deg, #ffffff, var(--admin-primary-soft-2));
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12), var(--admin-shadow-sm);
}

.admin-document-type-card-green.is-active {
  border-color: var(--admin-success-border);
  background: linear-gradient(135deg, #ffffff, var(--admin-success-soft));
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12), var(--admin-shadow-sm);
}

.admin-document-type-card-orange.is-active {
  border-color: var(--admin-warning-border);
  background: linear-gradient(135deg, #ffffff, var(--admin-warning-soft));
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12), var(--admin-shadow-sm);
}

.admin-document-type-icon {
  display: grid;
  width: 2.55rem;
  height: 2.55rem;
  background: var(--admin-surface-muted);
  color: var(--admin-primary);
  font-size: 1.15rem;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.9);
}

.admin-document-type-content {
  display: grid;
  min-width: 0;
  gap: 0.28rem;
}

.admin-document-type-content strong, .admin-document-type-content small, .admin-document-type-content em {
  display: block;
  min-width: 0;
}

.admin-document-type-content strong {
  color: var(--admin-text);
  font-size: 0.98rem;
  font-weight: 950;
  line-height: 1.12;
}

.admin-document-type-content small {
  color: var(--admin-text-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.32;
}

.admin-document-type-content em {
  width: fit-content;
  margin-top: 0.25rem;
  border-radius: 999px;
  background: var(--admin-surface-muted);
  color: var(--admin-text-muted);
  padding: 0.2rem 0.48rem;
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 950;
}

.admin-document-source-heading {
  align-items: center;
}

.admin-document-source-tabs {
  flex: 0 0 auto;
  border: 1px solid var(--admin-border-soft);
  background: var(--admin-surface-muted);
}

.admin-document-source-tabs button {
  min-height: 2.55rem;
  color: var(--admin-text-muted);
  padding: 0.58rem 0.95rem;
  font-weight: 950;
}

.admin-document-source-tabs button:hover, .admin-document-source-tabs button:focus-visible {
  color: var(--admin-primary-dark);
  background: #ffffff;
}

.admin-document-source-tabs button.is-active {
  background: var(--admin-primary);
  color: #ffffff;
  box-shadow: var(--admin-shadow-sm);
}

.admin-document-form-grid {
  min-width: 0;
}

.admin-document-form-panel {
  gap: 1rem;
  min-width: 0;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.96);
  padding: 1rem;
  box-shadow: var(--admin-shadow-md);
}

.admin-document-form-header {
  align-items: center;
  margin: 0;
  border-bottom: 1px solid var(--admin-border-soft);
  padding-bottom: 0.9rem;
}

.admin-document-form-header h2 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.admin-document-form-header p {
  margin: 0.25rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 740;
  line-height: 1.45;
}

.admin-document-field-card {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  padding: 0.95rem;
}

.admin-document-primary-fields {
  gap: 0.85rem;
}

.admin-document-primary-fields label, .admin-document-invoice-fields label {
  display: grid;
  gap: 0.42rem;
  color: var(--admin-text-soft);
  font-size: 0.88rem;
  font-weight: 900;
}

.admin-document-primary-fields label > span, .admin-document-invoice-fields label > span {
  display: block;
}

.admin-document-primary-fields input, .admin-document-invoice-fields input, .admin-document-form-panel input[type="text"], .admin-document-form-panel input[type="date"], .admin-document-form-panel input[type="file"] {
  width: 100%;
  min-height: 2.9rem;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-md);
  background: #ffffff;
  color: var(--admin-text);
  padding: 0.72rem 0.85rem;
  font-weight: 800;
  box-shadow: var(--admin-shadow-xs);
}

.admin-document-form-panel input[type="file"] {
  padding: 0.55rem 0.72rem;
}

.admin-document-primary-fields input:hover, .admin-document-invoice-fields input:hover, .admin-document-form-panel input:hover {
  border-color: #93c5fd;
}

.admin-document-primary-fields input:focus, .admin-document-invoice-fields input:focus, .admin-document-form-panel input:focus {
  border-color: var(--admin-primary);
  outline: none;
  box-shadow: var(--admin-focus);
}

.admin-document-invoice-fields {
  border: 1px solid var(--admin-warning-border);
  border-radius: var(--admin-radius-lg);
}

.admin-document-invoice-fields h3 {
  margin: 0 0 0.8rem;
  font-size: 1rem;
  font-weight: 950;
}

.admin-document-visibility-card {
  border: 1px solid var(--admin-success-border);
  border-radius: var(--admin-radius-lg);
  background: linear-gradient(135deg, var(--admin-success-soft), #ffffff);
}

.admin-document-visibility-card.is-restricted {
  border-color: var(--admin-warning-border);
  background: linear-gradient(135deg, #fffbeb, #ffffff);
}

.admin-document-public-toggle {
  margin: 0;
}

.admin-document-public-toggle strong, .admin-document-public-toggle small {
  display: block;
}

.admin-document-public-toggle small {
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.4;
}

.admin-document-visibility-card > p {
  color: var(--admin-text-soft);
  font-weight: 820;
  line-height: 1.45;
}

.admin-document-preview-card {
  border: 1px dashed #93c5fd;
  border-radius: var(--admin-radius-lg);
  background: var(--admin-primary-soft-2);
}

.admin-document-preview-card strong {
  color: var(--admin-text);
  font-weight: 950;
  line-height: 1.2;
}

.admin-document-preview-card span {
  color: var(--admin-text-muted);
  font-weight: 820;
}

.admin-document-action-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: var(--admin-radius-lg);
  background: linear-gradient(135deg, #ffffff, var(--admin-primary-soft-2));
  padding: 0.85rem;
  box-shadow: var(--admin-shadow-sm);
}

.admin-document-action-bar strong, .admin-document-action-bar span {
  display: block;
}

.admin-document-action-bar strong {
  color: var(--admin-text);
  font-weight: 950;
}

.admin-document-action-bar span {
  margin-top: 0.12rem;
  color: var(--admin-text-muted);
  font-size: 0.86rem;
  font-weight: 780;
}

.admin-document-live-card, .admin-document-next-step-card {
  min-width: 0;
}

.admin-document-live-card .admin-preview-list div {
  grid-template-columns: minmax(7rem, 0.8fr) minmax(0, 1fr);
}

.admin-document-next-step-card p {
  margin: 0.35rem 0 0.85rem;
  color: var(--admin-text-muted);
  font-size: 0.88rem;
  font-weight: 760;
  line-height: 1.45;
}

.admin-document-existing-card {
  scroll-margin-top: 1.5rem;
}

.admin-document-existing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.admin-document-existing-item {
  display: grid;
  gap: 0.8rem;
  min-width: 0;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface);
  padding: 0.9rem;
  box-shadow: var(--admin-shadow-xs);
}

.admin-document-existing-item:hover {
  border-color: #bfdbfe;
  background: var(--admin-primary-soft-2);
  box-shadow: var(--admin-shadow-sm);
}

.admin-document-existing-topline {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: start;
}

.admin-document-existing-icon {
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border-radius: 0.9rem;
  background: var(--admin-surface-muted);
  color: var(--admin-primary);
  font-size: 1.05rem;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px var(--admin-border-soft);
}

.admin-document-existing-topline strong, .admin-document-existing-topline small {
  display: block;
  min-width: 0;
}

.admin-document-existing-topline strong {
  color: var(--admin-text);
  font-size: 0.98rem;
  font-weight: 950;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.admin-document-existing-topline small {
  margin-top: 0.15rem;
  color: var(--admin-text-muted);
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.3;
}

.admin-document-existing-meta {
  display: grid;
  gap: 0.45rem;
  margin: 0;
}

.admin-document-existing-meta div {
  display: grid;
  grid-template-columns: minmax(5rem, 0.35fr) minmax(0, 1fr);
  gap: 0.7rem;
  border-radius: var(--admin-radius-sm);
  background: var(--admin-surface-muted);
  padding: 0.55rem 0.65rem;
}

.admin-document-existing-meta dt, .admin-document-existing-meta dd {
  margin: 0;
}

.admin-document-existing-meta dt {
  color: var(--admin-text-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.admin-document-existing-meta dd {
  min-width: 0;
  color: var(--admin-text);
  font-size: 0.85rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.admin-document-existing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--admin-border-soft);
  padding-top: 0.75rem;
}

.admin-document-existing-actions form {
  margin: 0;
}

.admin-document-empty-card {
  text-align: center;
}

@media (max-width: 1280px) {
  .admin-document-guided-layout {
    grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
  }

  .admin-document-live-aside {
    grid-column: 1 / -1;
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-document-type-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .admin-document-guided-layout {
    grid-template-columns: 1fr;
  }

  .admin-document-guided-sidebar, .admin-document-live-aside {
    position: static;
  }

  .admin-document-step-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-document-type-grid, .admin-document-existing-grid, .admin-document-live-aside {
    grid-template-columns: 1fr;
  }

  .admin-document-source-heading, .admin-document-form-header, .admin-document-action-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-document-source-tabs, .admin-document-action-bar .admin-primary-button {
    width: 100%;
  }

  .admin-document-source-tabs button {
    flex: 1 1 0;
  }
}

@media (max-width: 640px) {
  .admin-document-header-stats, .admin-document-step-nav, .admin-document-primary-fields, .admin-document-existing-topline, .admin-document-existing-meta div {
    grid-template-columns: 1fr;
  }

  .admin-document-type-card {
    min-height: auto;
  }

  .admin-document-existing-actions, .admin-document-existing-actions .admin-primary-link {
    width: 100%;
  }

  .admin-document-existing-actions .admin-primary-link {
    justify-content: center;
  }
}

/* =========================================================
   Kategorie-Seite: geführte Navigation und ruhige Karten
   Datei: public/assets/css/admin.css unten anhängen
   ========================================================= */

.admin-category-v2-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.25rem !important;
}

.admin-category-v2-shell {
  display: grid;
  grid-template-columns: minmax(13.5rem, 16rem) minmax(0, 1fr) minmax(16rem, 19rem);
  gap: 1.25rem;
  align-items: start;
}

.admin-category-v2-rail, .admin-category-v2-live {
  position: sticky;
  top: 1.25rem;
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.admin-category-v2-steps {
  margin: 0 !important;
}

.admin-category-v2-steps a {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 3.05rem !important;
}

.admin-category-v2-steps a strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-category-v2-help-card, .admin-category-v2-live-card, .admin-category-v2-section {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--admin-shadow-sm);
}

.admin-category-v2-help-card, .admin-category-v2-live-card {
  padding: 1rem;
}

.admin-category-v2-help-card h2, .admin-category-v2-live-card h2, .admin-category-v2-section h2 {
  margin: 0;
  color: var(--admin-text);
  font-weight: 950;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.admin-category-v2-help-card h2, .admin-category-v2-live-card h2 {
  font-size: 1.08rem;
}

.admin-category-v2-help-card p:not(.admin-kicker), .admin-category-v2-live-card p, .admin-category-v2-section .admin-workflow-section-header p:not(.admin-kicker) {
  margin: 0.45rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.5;
}

.admin-category-v2-main {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.admin-category-v2-section {
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.35rem);
  scroll-margin-top: 1.5rem;
}

.admin-category-v2-section:focus {
  outline: none;
}

.admin-category-v2-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.admin-category-v2-metric {
  min-width: 0;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: linear-gradient(180deg, #ffffff, var(--admin-surface-muted));
  padding: 0.95rem;
  box-shadow: var(--admin-shadow-xs);
}

.admin-category-v2-metric-primary {
  border-color: rgba(29, 78, 216, 0.22);
  background: linear-gradient(135deg, var(--admin-primary), var(--admin-primary-dark));
  color: #ffffff;
}

.admin-category-v2-metric-warning {
  border-color: var(--admin-warning-border);
  background: linear-gradient(135deg, var(--admin-warning-soft), #ffffff);
}

.admin-category-v2-metric span, .admin-category-v2-metric small {
  display: block;
  color: var(--admin-text-muted);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  line-height: 1.25;
  text-transform: uppercase;
}

.admin-category-v2-metric-primary span, .admin-category-v2-metric-primary small {
  color: rgba(255, 255, 255, 0.8);
}

.admin-category-v2-metric strong {
  display: block;
  margin-top: 0.35rem;
  color: var(--admin-text);
  font-size: clamp(1.7rem, 3vw, 2.2rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 1;
}

.admin-category-v2-metric-primary strong {
  color: #ffffff;
}

.admin-category-v2-area-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.9rem;
}

.admin-category-v2-area-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.35rem 0.75rem;
  align-items: start;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: #ffffff;
  color: var(--admin-text);
  padding: 0.95rem;
  text-align: left;
  cursor: pointer;
  box-shadow: var(--admin-shadow-xs);
}

.admin-category-v2-area-card:hover, .admin-category-v2-area-card:focus-visible {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  transform: translateY(-1px);
}

.admin-category-v2-area-card span {
  color: var(--admin-primary);
  font-size: 0.8rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-category-v2-area-card strong {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: inline-grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary-dark);
  font-size: 1rem;
  font-weight: 950;
}

.admin-category-v2-area-card small {
  grid-column: 1;
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.35;
}

.admin-category-v2-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.admin-form-field-card {
  display: grid !important;
  gap: 0.4rem !important;
  min-width: 0;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  padding: 0.9rem;
}

.admin-form-field-card span {
  color: var(--admin-text-soft);
  font-size: 0.82rem;
  font-weight: 950;
  line-height: 1.2;
}

.admin-form-field-card small {
  color: var(--admin-text-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
}

.admin-form-field-card input, .admin-form-field-card select {
  width: 100%;
  min-height: 2.85rem;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-sm);
  background: #ffffff;
  color: var(--admin-text);
  padding: 0.65rem 0.75rem;
  font-weight: 850;
}

.admin-form-field-card input:focus, .admin-form-field-card select:focus {
  border-color: var(--admin-primary);
  outline: none;
  box-shadow: var(--admin-focus);
}

.admin-category-v2-symbol-card {
  min-width: 0;
  margin-top: 0.85rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-xl);
  background: var(--admin-surface-muted);
  padding: 0.9rem;
}

.admin-category-v2-symbol-card .admin-metacom-picker {
  max-height: 32rem;
  overflow: auto;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.admin-category-v2-symbol-card .admin-metacom-groups {
  max-height: 21rem;
  overflow: auto;
}

.admin-category-v2-symbol-card .admin-metacom-grid {
  grid-template-columns: repeat(auto-fill, minmax(6.7rem, 1fr));
}

.admin-category-v2-symbol-card .admin-metacom-option {
  min-height: 7.75rem;
}

.admin-category-v2-symbol-card .admin-metacom-option span {
  width: 4.2rem;
  height: 4.2rem;
}

.admin-category-v2-symbol-card .admin-metacom-option img, .admin-category-v2-symbol-card .admin-metacom-current-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.admin-category-v2-symbol-card-compact .admin-metacom-picker {
  max-height: 26rem;
}

.admin-category-v2-active-row {
  margin-top: 0.85rem;
}

.admin-category-v2-save-bar {
  margin-top: 0.9rem;
}

.admin-category-v2-toolbar {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 0.95rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  padding: 0.9rem;
}

.admin-category-v2-search {
  display: grid;
  gap: 0.35rem;
}

.admin-category-v2-search span {
  color: var(--admin-text-muted);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-category-v2-search input {
  width: 100%;
  min-height: 2.95rem;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-md);
  background: #ffffff;
  color: var(--admin-text);
  padding: 0.75rem 0.9rem;
  font-weight: 850;
}

.admin-category-v2-search input:focus {
  border-color: var(--admin-primary);
  outline: none;
  box-shadow: var(--admin-focus);
}

.admin-category-v2-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.admin-category-v2-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 28rem), 1fr));
  gap: 1rem;
  align-items: start;
}

.admin-category-v2-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-xl);
  background: #ffffff;
  box-shadow: var(--admin-shadow-sm);
}

.admin-category-v2-card:hover {
  border-color: #bfdbfe;
  box-shadow: var(--admin-shadow-md);
}

.admin-category-v2-card[hidden] {
  display: none !important;
}

.admin-category-v2-card-summary {
  display: grid;
  grid-template-columns: 8.6rem minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem;
}

.admin-category-v2-image-frame {
  display: grid;
  width: 8.6rem;
  height: 8.6rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-lg);
  background: #ffffff;
}

.admin-category-v2-image-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.admin-category-v2-image-frame span {
  display: grid;
  width: 4.5rem;
  height: 4.5rem;
  place-items: center;
  border-radius: 999px;
  background: var(--admin-primary-soft);
  color: var(--admin-primary-dark);
  font-size: 1.6rem;
  font-weight: 950;
}

.admin-category-v2-card-main {
  min-width: 0;
}

.admin-category-v2-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.55rem;
}

.admin-category-v2-card h3 {
  margin: 0;
  color: var(--admin-text);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 950;
  letter-spacing: -0.035em;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.admin-category-v2-card p {
  margin: 0.45rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 760;
  line-height: 1.45;
}

.admin-category-v2-mini-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0.85rem 0 0;
}

.admin-category-v2-mini-stats div {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  padding: 0.7rem;
}

.admin-category-v2-mini-stats dt {
  color: var(--admin-text-muted);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-category-v2-mini-stats dd {
  margin: 0.25rem 0 0;
  color: var(--admin-text);
  font-size: 1.25rem;
  font-weight: 950;
}

.admin-category-v2-quality-list {
  display: grid;
  gap: 0.35rem;
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
}

.admin-category-v2-quality-list li {
  border: 1px solid var(--admin-warning-border);
  border-radius: var(--admin-radius-sm);
  background: var(--admin-warning-soft);
  color: #78350f;
  padding: 0.45rem 0.55rem;
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.35;
}

.admin-category-v2-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: flex-end;
  border-top: 1px solid var(--admin-border-soft);
  background: var(--admin-surface-muted);
  padding: 0.85rem 1rem;
}

.admin-category-v2-card-actions form {
  margin: 0;
}

.admin-category-v2-edit-details {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-category-v2-edit-details > summary {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-sm);
  background: #ffffff;
  color: var(--admin-text-soft);
  padding: 0.6rem 0.9rem;
  font-weight: 950;
  cursor: pointer;
  list-style: none;
  box-shadow: var(--admin-shadow-xs);
}

.admin-category-v2-edit-details > summary::-webkit-details-marker {
  display: none;
}

.admin-category-v2-edit-details > summary:hover, .admin-category-v2-edit-details[open] > summary {
  border-color: #93c5fd;
  background: var(--admin-primary-soft-2);
  color: var(--admin-primary-dark);
}

.admin-category-v2-edit-details[open] {
  flex-basis: 100%;
}

.admin-category-v2-edit-details[open] > form {
  display: grid;
  gap: 0.85rem;
  margin-top: 0.85rem;
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: #ffffff;
  padding: 0.9rem;
}

.admin-category-v2-live-card dl {
  display: grid;
  gap: 0;
  margin: 1rem 0 0;
}

.admin-category-v2-live-card dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom: 1px solid var(--admin-border-soft);
  padding: 0.75rem 0;
}

.admin-category-v2-live-card dl div:last-child {
  border-bottom: 0;
}

.admin-category-v2-live-card dt {
  color: var(--admin-text-muted);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-category-v2-live-card dd {
  margin: 0;
  color: var(--admin-text);
  font-size: 1.15rem;
  font-weight: 950;
}

.admin-category-v2-next-step {
  margin-top: 1rem;
  border: 1px solid var(--admin-warning-border);
  border-radius: var(--admin-radius-lg);
  background: linear-gradient(135deg, var(--admin-warning-soft), #ffffff);
  padding: 0.9rem;
}

.admin-category-v2-next-step strong {
  display: block;
  color: var(--admin-text);
  font-weight: 950;
}

.admin-category-v2-next-step p {
  margin: 0.4rem 0 0.75rem;
  color: #78350f;
  font-weight: 760;
  line-height: 1.45;
}

.admin-category-v2-filter-empty {
  margin-top: 1rem;
}

@media (max-width: 1280px) {
  .admin-category-v2-shell {
    grid-template-columns: minmax(12.5rem, 15rem) minmax(0, 1fr);
  }

  .admin-category-v2-live {
    grid-column: 1 / -1;
    position: static;
  }

  .admin-category-v2-live-card dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .admin-category-v2-live-card dl div {
    display: grid;
    border: 1px solid var(--admin-border-soft);
    border-radius: var(--admin-radius-md);
    background: var(--admin-surface-muted);
    padding: 0.8rem;
  }
}

@media (max-width: 980px) {
  .admin-category-v2-shell {
    grid-template-columns: 1fr;
  }

  .admin-category-v2-rail, .admin-category-v2-live {
    position: static;
  }

  .admin-category-v2-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-category-v2-metrics, .admin-category-v2-area-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .admin-category-v2-section {
    padding: 1rem;
  }

  .admin-category-v2-steps, .admin-category-v2-metrics, .admin-category-v2-area-grid, .admin-category-v2-field-grid, .admin-category-v2-mini-stats, .admin-category-v2-live-card dl {
    grid-template-columns: 1fr;
  }

  .admin-category-v2-card-summary {
    grid-template-columns: 1fr;
  }

  .admin-category-v2-image-frame {
    width: 100%;
    height: auto;
    min-height: 12rem;
    max-height: 16rem;
  }

  .admin-category-v2-card-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .admin-category-v2-card-actions .admin-secondary-button, .admin-category-v2-edit-details > summary {
    width: 100%;
  }
}

/* =========================================================
   Admin Remaining Pages v1
   - Etiketten
   - Unterkategorien
   - Kategorie-Dokumente
   - Defektzentrale
   ========================================================= */

.admin-label-guided-layout, .admin-structure-guided-layout, .admin-document-guided-layout, .admin-defect-guided-layout, .admin-label-detail-layout {
  display: grid;
  gap: 1.25rem;
  align-items: start;
}

@media (min-width: 1180px) {
  .admin-label-guided-layout, .admin-structure-guided-layout, .admin-document-guided-layout, .admin-defect-guided-layout {
    grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr) minmax(15rem, 19rem);
  }

  .admin-label-detail-layout {
    grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
  }
}

.admin-label-guided-side, .admin-structure-side, .admin-document-workflow-aside, .admin-defect-side, .admin-label-detail-side, .admin-label-live-card, .admin-structure-live, .admin-document-live-card, .admin-defect-live {
  display: grid;
  gap: 0.9rem;
  min-width: 0;
}

@media (min-width: 1180px) {
  .admin-label-guided-side, .admin-structure-side, .admin-document-workflow-aside, .admin-defect-side, .admin-label-detail-side, .admin-label-live-card, .admin-structure-live, .admin-document-live-card, .admin-defect-live {
    position: sticky;
    top: 1.25rem;
  }
}

.admin-workflow-steps a, .admin-workflow-step {
  text-decoration: none;
}

.admin-label-help-card, .admin-structure-hint-card, .admin-defect-help-card, .admin-label-live-card, .admin-structure-live, .admin-document-live-card, .admin-defect-live, .admin-label-quality-panel, .admin-label-studio-card, .admin-label-detail-card {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--admin-shadow-sm);
  padding: 1rem;
}

.admin-label-help-card h2, .admin-structure-hint-card h2, .admin-defect-help-card h2, .admin-label-live-card h2, .admin-structure-live h2, .admin-document-live-card h2, .admin-defect-live h2, .admin-label-quality-panel h2, .admin-label-studio-card h2, .admin-label-detail-card h2 {
  margin: 0;
  color: var(--admin-text);
  font-size: 1.1rem;
  font-weight: 950;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.admin-label-help-card p:not(.admin-kicker), .admin-structure-hint-card p:not(.admin-kicker), .admin-defect-help-card p:not(.admin-kicker), .admin-label-quality-panel p:not(.admin-kicker) {
  margin: 0.55rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 780;
  line-height: 1.45;
}

.admin-label-quality-ready {
  border-color: var(--admin-success-border);
  background: linear-gradient(135deg, var(--admin-success-soft), #fff);
}

.admin-label-quality-warning {
  border-color: var(--admin-warning-border);
  background: linear-gradient(135deg, var(--admin-warning-soft), #fff);
}

.admin-label-quality-critical {
  border-color: var(--admin-danger-border);
  background: linear-gradient(135deg, var(--admin-danger-soft-2), #fff);
}

.admin-label-toolbar-flat {
  position: static !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.admin-label-guided-main, .admin-structure-main, .admin-document-workflow-main, .admin-defect-main-flow, .admin-label-detail-main {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.admin-label-detail-card, .admin-label-studio-card {
  scroll-margin-top: 1.25rem;
}

.admin-label-definition-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-definition-grid-wide {
  grid-column: 1 / -1;
}

.admin-label-print-stage {
  display: grid;
  place-items: start center;
  border: 1px dashed var(--admin-border-strong);
  border-radius: var(--admin-radius-xl);
  background: rgba(255, 255, 255, 0.58);
  padding: 1rem;
  scroll-margin-top: 1.25rem;
}

.admin-label-single-print {
  width: 100%;
  justify-content: center;
}

.admin-label-single-print .admin-tool-label {
  max-width: 100%;
}

.admin-label-sheet {
  scroll-margin-top: 1.25rem;
}

.admin-label-card {
  overflow: visible;
}

.admin-label-card .admin-secondary-link, .admin-label-card .admin-primary-link {
  min-height: 2.35rem;
  padding: 0.52rem 0.72rem;
  font-size: 0.84rem;
}

.admin-label-ready-note {
  border: 1px solid var(--admin-success-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-success-soft);
  color: #14532d;
  padding: 0.8rem;
  font-weight: 900;
  line-height: 1.35;
}

.admin-structure-metrics {
  margin-bottom: 0;
}

.admin-structure-command-card, .admin-structure-toolbar, .admin-category-card-modern, .admin-subcategory-card-modern {
  min-width: 0;
}

.admin-structure-grid .admin-category-card-modern, .admin-category-card-modern {
  display: grid;
  grid-template-columns: minmax(7.5rem, 10rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  overflow: hidden;
}

.admin-category-card-visual {
  display: grid;
  width: 100%;
  aspect-ratio: 1 / 1;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-lg);
  background: #fff;
}

.admin-category-card-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.admin-category-card-visual span {
  color: var(--admin-primary);
  font-size: 2.2rem;
  font-weight: 950;
}

.admin-category-card-content {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.admin-category-card-content h2 {
  margin: 0;
  color: var(--admin-text);
  font-size: clamp(1.25rem, 2.5vw, 1.65rem);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}

.admin-category-card-content p {
  margin: 0;
  color: var(--admin-text-muted);
  font-weight: 780;
  line-height: 1.45;
}

.admin-category-card-topline, .admin-category-mini-stats, .admin-form-actions, .admin-table-actions {
  min-width: 0;
}

.admin-category-mini-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
  margin: 0;
}

.admin-category-mini-stats div {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-md);
  background: var(--admin-surface-muted);
  padding: 0.72rem;
}

.admin-category-mini-stats dt {
  color: var(--admin-text-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.admin-category-mini-stats dd {
  margin: 0.2rem 0 0;
  color: var(--admin-text);
  font-weight: 950;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.admin-category-edit-panel {
  border: 1px solid var(--admin-border-soft);
  border-radius: var(--admin-radius-lg);
  background: var(--admin-surface-muted);
  padding: 0.55rem;
}

.admin-category-edit-panel summary {
  display: flex;
  min-height: 2.65rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--admin-radius-md);
  background: #fff;
  color: var(--admin-primary-dark);
  cursor: pointer;
  font-weight: 950;
  list-style: none;
}

.admin-category-edit-panel summary::-webkit-details-marker {
  display: none;
}

.admin-category-edit-panel[open] summary {
  margin-bottom: 0.8rem;
  background: var(--admin-primary-soft);
}

.admin-category-template-note {
  border: 1px solid var(--admin-warning-border);
  border-radius: var(--admin-radius-md);
  background: var(--admin-warning-soft);
  color: #78350f !important;
  padding: 0.75rem;
}

.admin-subcategory-template-box {
  display: grid;
  gap: 0.85rem;
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-xl);
  background: var(--admin-surface-muted);
  padding: 1rem;
}

.admin-subcategory-template-box h3 {
  margin: 0;
  color: var(--admin-text);
  font-weight: 950;
  letter-spacing: -0.02em;
}

.admin-structure-form .admin-metacom-picker, .admin-category-edit-panel .admin-metacom-picker {
  max-height: 34rem;
  overflow: auto;
}

.admin-document-guided-layout .admin-document-workflow-aside, .admin-document-live-card {
  align-self: start;
}

.admin-document-existing-grid {
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  gap: 0.85rem;
}

.admin-document-existing-item {
  gap: 0.85rem;
  border-radius: var(--admin-radius-xl);
  padding: 1rem;
}

.admin-document-existing-item h3 {
  margin: 0.55rem 0 0;
  color: var(--admin-text);
  font-size: 1.05rem;
  font-weight: 950;
}

.admin-document-existing-item p {
  margin: 0.25rem 0 0;
  color: var(--admin-text-muted);
  font-weight: 780;
  overflow-wrap: anywhere;
}

.admin-document-existing-item .admin-preview-list {
  margin: 0;
}

.admin-defect-guided-layout .admin-defect-command-grid {
  margin-bottom: 0;
}

.admin-defect-guided-layout .admin-defect-filter-bar {
  margin-bottom: 0;
}

.admin-defect-work-card {
  overflow: visible;
}

.admin-defect-decision-form select, .admin-defect-decision-form textarea, .admin-document-form-panel input, .admin-document-form-panel select, .admin-document-form-panel textarea, .admin-structure-form input, .admin-structure-form select, .admin-structure-form textarea, .admin-category-edit-panel input, .admin-category-edit-panel select, .admin-category-edit-panel textarea {
  min-height: 2.75rem;
  border: 1px solid var(--admin-border-strong);
  border-radius: var(--admin-radius-md);
  background: #fff;
  color: var(--admin-text);
  padding: 0.72rem 0.85rem;
  font-weight: 800;
}

.admin-defect-decision-form textarea, .admin-document-form-panel textarea, .admin-structure-form textarea, .admin-category-edit-panel textarea {
  min-height: 6.5rem;
}

@media (max-width: 1179px) {
  .admin-label-guided-layout, .admin-structure-guided-layout, .admin-document-guided-layout, .admin-defect-guided-layout, .admin-label-detail-layout {
    grid-template-columns: 1fr;
  }

  .admin-workflow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-label-live-card, .admin-structure-live, .admin-document-live-card, .admin-defect-live {
    order: -1;
  }
}

@media (max-width: 760px) {
  .admin-workflow-steps, .admin-structure-grid .admin-category-card-modern, .admin-category-card-modern, .admin-category-mini-stats, .admin-label-definition-grid {
    grid-template-columns: 1fr;
  }

  .admin-category-card-visual {
    max-width: 12rem;
  }

  .admin-label-card-actions, .admin-label-card-toolbar, .admin-table-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-label-card-actions > *, .admin-table-actions > * {
    width: 100%;
    justify-content: center;
  }
}

@media print {
  .admin-label-guided-layout, .admin-label-detail-layout, .admin-label-detail-backrow, .admin-label-detail-hero, .admin-label-detail-card, .admin-label-detail-side, .admin-label-preview-card, .admin-label-quality, .no-print {
    display: none !important;
  }

  .admin-label-print-stage {
    display: block !important;
    border: 0 !important;
    background: #fff !important;
    padding: 0 !important;
  }

  .admin-label-single-print, .admin-label-print-page {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .admin-tool-label-single, .admin-tool-label[data-label-print-item] {
    margin: 0 !important;
    box-shadow: none !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

/* =========================================================
   Feinschliff Werkzeugliste
   - Schritt-2-Karten stabilisieren
   - Werkzeugkarten kompakter machen
   - Live-Ãœbersicht Zahlen sauber trennen
   - Mehr-Menü über Karten anzeigen
   ========================================================= */

/* ---------- Schritt 2: Weg wählen ---------- */

.admin-tools-workflow-section .admin-tools-decision-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.72rem !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
}

.admin-tools-workflow-section .admin-tools-decision-card {
  display: grid !important;
  grid-template-columns: 2.75rem minmax(0, 1fr) 2.35rem !important;
  align-items: center !important;
  gap: 0.85rem !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 4.55rem !important;
  padding: 0.78rem 0.9rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.05rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  text-decoration: none !important;
  box-shadow: var(--admin-shadow-xs) !important;
  overflow: hidden !important;
  transform: none !important;
}

.admin-tools-workflow-section .admin-tools-decision-card:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  transform: translateY(-1px) !important;
}

.admin-tools-workflow-section .admin-tools-decision-card-active, .admin-tools-workflow-section .admin-tools-decision-card-active:hover {
  border-color: #60a5fa !important;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.18),
    0 10px 28px rgba(29, 78, 216, 0.12) !important;
}

.admin-tools-workflow-section .admin-tools-decision-step {
  display: grid !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
  place-items: center !important;
  border-radius: 0.82rem !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.admin-tools-workflow-section .admin-tools-decision-card-active .admin-tools-decision-step {
  background: var(--admin-primary) !important;
  color: #ffffff !important;
}

.admin-tools-workflow-section .admin-tools-decision-text {
  display: grid !important;
  gap: 0.18rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.admin-tools-workflow-section .admin-tools-decision-text strong, .admin-tools-workflow-section .admin-tools-decision-text small {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  white-space: normal !important;
}

.admin-tools-workflow-section .admin-tools-decision-text strong {
  color: var(--admin-text) !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

.admin-tools-workflow-section .admin-tools-decision-text small {
  color: var(--admin-text-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
  line-height: 1.32 !important;
}

.admin-tools-workflow-section .admin-tools-decision-count {
  display: grid !important;
  width: 2.15rem !important;
  height: 2.15rem !important;
  place-items: center !important;
  justify-self: end !important;
  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text) !important;
  font-style: normal !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tools-workflow-section .admin-tools-decision-card-active .admin-tools-decision-count {
  background: #ffffff !important;
  color: var(--admin-primary-dark) !important;
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.16) !important;
}

/* ---------- Live-Ãœbersicht: Zahlen nicht in den Text laufen lassen ---------- */

.admin-tools-workflow-preview .admin-tools-preview-facts, .admin-tools-workflow-preview .admin-preview-facts.admin-tools-preview-facts {
  display: grid !important;
  gap: 0 !important;
  margin-top: 1rem !important;
}

.admin-tools-workflow-preview .admin-tools-preview-facts div, .admin-tools-workflow-preview .admin-preview-facts.admin-tools-preview-facts div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.85rem !important;
  min-height: 3rem !important;
  padding: 0.58rem 0 !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
}

.admin-tools-workflow-preview .admin-tools-preview-facts div:last-child, .admin-tools-workflow-preview .admin-preview-facts.admin-tools-preview-facts div:last-child {
  border-bottom: 0 !important;
}

.admin-tools-workflow-preview .admin-tools-preview-facts dt, .admin-tools-workflow-preview .admin-preview-facts.admin-tools-preview-facts dt {
  min-width: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-tools-workflow-preview .admin-tools-preview-facts dd, .admin-tools-workflow-preview .admin-preview-facts.admin-tools-preview-facts dd {
  display: grid !important;
  min-width: 2.35rem !important;
  height: 2.15rem !important;
  place-items: center !important;
  justify-self: end !important;
  margin: 0 !important;
  border-radius: 0.78rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* ---------- Werkzeugkarten kompakter und ruhiger ---------- */

.admin-tools-guided-list {
  display: grid !important;
  gap: 0.72rem !important;
}

.admin-tools-guided-card {
  display: grid !important;
  gap: 0.62rem !important;
  padding: 0.85rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.1rem !important;
  background: #ffffff !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-tools-guided-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-tools-guided-card-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.65rem !important;
}

.admin-tools-guided-card-header > div {
  min-width: 0 !important;
}

.admin-tools-guided-card-header .admin-table-strong-link {
  display: block !important;
  margin: 0 !important;
  color: var(--admin-primary) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-tools-guided-card-header span:not(.admin-badge), .admin-tools-guided-card-header small {
  display: block !important;
  margin-top: 0.16rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.76rem !important;
  font-weight: 830 !important;
  line-height: 1.22 !important;
}

.admin-tools-guided-next-step {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 0.9rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.62rem 0.72rem !important;
}

.admin-tools-guided-next-step strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}

.admin-tools-guided-next-step p {
  margin: 0.14rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 760 !important;
  line-height: 1.3 !important;
}

.admin-tools-guided-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
  margin: 0 !important;
}

.admin-tools-guided-facts div {
  min-width: 0 !important;
  min-height: 4.1rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 0.9rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.58rem 0.62rem !important;
}

.admin-tools-guided-facts dt {
  margin: 0 0 0.22rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.64rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.admin-tools-guided-facts dd {
  margin: 0 !important;
  min-width: 0 !important;
}

.admin-tools-guided-facts dd strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  line-height: 1.14 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-tools-guided-facts dd small {
  display: block !important;
  margin-top: 0.16rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
  line-height: 1.22 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-tools-guided-facts .admin-badge {
  max-width: 100% !important;
  padding: 0.22rem 0.5rem !important;
  font-size: 0.66rem !important;
}

.admin-tools-guided-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-top: 0.05rem !important;
}

.admin-tools-guided-actions .admin-primary-link, .admin-tools-guided-actions .admin-secondary-link, .admin-tools-guided-actions .admin-tools-open-link, .admin-tools-guided-actions .admin-action-menu summary {
  min-height: 2.35rem !important;
  padding: 0.56rem 0.78rem !important;
  border-radius: 0.78rem !important;
  font-size: 0.82rem !important;
  line-height: 1.05 !important;
}

/* ---------- Mehr-Menü darf nicht hinter Werkzeugkarten verschwinden ---------- */

.admin-tools-guided-card:has(.admin-action-menu[open]) {
  z-index: 80 !important;
}

.admin-tools-guided-card .admin-action-menu {
  position: relative !important;
  z-index: 90 !important;
}

.admin-tools-guided-card .admin-action-menu[open] {
  z-index: 140 !important;
}

.admin-tools-guided-card .admin-action-menu-panel {
  z-index: 220 !important;
}

.admin-action-menu summary::after {
  margin-left: 0.4rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.76rem !important;
  line-height: 1 !important;
}

/* ---------- Seitenelemente links/rechts stabil sichtbar halten ---------- */

/* ---------- Kleinere Bildschirme ---------- */

@media (max-width: 760px) {
  .admin-tools-guided-facts {
    grid-template-columns: 1fr !important;
  }

  .admin-tools-guided-facts div {
    min-height: auto !important;
  }

  .admin-tools-guided-actions {
    justify-content: stretch !important;
  }

  .admin-tools-guided-actions > *, .admin-tools-guided-actions .admin-action-menu, .admin-tools-guided-actions .admin-action-menu summary {
    flex: 1 1 auto !important;
  }
}

@media (max-width: 430px) {
  .admin-tools-workflow-section .admin-tools-decision-card {
    grid-template-columns: 2.45rem minmax(0, 1fr) 2rem !important;
    gap: 0.62rem !important;
    padding: 0.72rem !important;
  }

  .admin-tools-workflow-section .admin-tools-decision-step {
    width: 2.2rem !important;
    height: 2.2rem !important;
  }

  .admin-tools-workflow-section .admin-tools-decision-count {
    width: 1.9rem !important;
    height: 1.9rem !important;
    font-size: 0.84rem !important;
  }

  .admin-tools-workflow-section .admin-tools-decision-text strong {
    font-size: 0.92rem !important;
  }

  .admin-tools-workflow-section .admin-tools-decision-text small {
    font-size: 0.74rem !important;
  }
}

/* =========================================================
   D16 FINAL: Schritt 2 Entscheidungskarten stabilisieren
   - keine gequetschten Texte
   - keine Worttrennung bei Titeln
   - Zaehler bleibt sauber rechts
   - Beschreibung bekommt volle Ruhe
   ========================================================= */

#tools-step-filter .admin-tools-decision-grid,
.admin-tools-workflow-section .admin-tools-decision-grid,
.admin-tools-decision-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.78rem !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Karte selbst: bewusst eine ruhige, einspaltige Listenkarte */
#tools-step-filter .admin-tools-decision-card,
.admin-tools-workflow-section .admin-tools-decision-card,
.admin-tools-decision-card {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 2.85rem minmax(0, 1fr) 2.35rem !important;
  grid-template-areas:
    "step title count"
    "step desc  count" !important;

  column-gap: 0.85rem !important;
  row-gap: 0.18rem !important;
  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 5.15rem !important;

  padding: 0.92rem 0.95rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.05rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;

  text-align: left !important;
  text-decoration: none !important;

  overflow: visible !important;
  box-shadow: var(--admin-shadow-xs) !important;

  transform: none !important;
  will-change: auto !important;
}

#tools-step-filter .admin-tools-decision-card:hover,
#tools-step-filter .admin-tools-decision-card:focus-visible,
.admin-tools-decision-card:hover,
.admin-tools-decision-card:focus-visible {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  transform: none !important;
}

#tools-step-filter .admin-tools-decision-card-active,
#tools-step-filter .admin-tools-decision-card-active:hover,
.admin-tools-decision-card-active,
.admin-tools-decision-card-active:hover {
  border-color: #60a5fa !important;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(29, 78, 216, 0.18),
    0 10px 28px rgba(29, 78, 216, 0.12) !important;
}

/* Nummer links */
#tools-step-filter .admin-tools-decision-step,
.admin-tools-decision-card > .admin-tools-decision-step,
.admin-tools-decision-card > span:first-child {
  grid-area: step !important;

  display: grid !important;
  place-items: center !important;

  align-self: center !important;
  justify-self: center !important;

  width: 2.7rem !important;
  min-width: 2.7rem !important;
  max-width: 2.7rem !important;

  height: 2.7rem !important;
  min-height: 2.7rem !important;
  max-height: 2.7rem !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 0.92rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-primary) !important;

  font-size: 0.95rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

#tools-step-filter .admin-tools-decision-card-active .admin-tools-decision-step,
.admin-tools-decision-card-active > .admin-tools-decision-step,
.admin-tools-decision-card-active > span:first-child {
  background: var(--admin-primary) !important;
  color: #ffffff !important;
}

/*
   WICHTIG:
   display: contents loest das Problem, dass strong und small
   sonst innerhalb eines eigenen Span-Grids gequetscht werden.
*/
#tools-step-filter .admin-tools-decision-text,
.admin-tools-decision-card > .admin-tools-decision-text {
  display: contents !important;
}

/* Titel */
#tools-step-filter .admin-tools-decision-text strong,
.admin-tools-decision-card .admin-tools-decision-text strong {
  grid-area: title !important;

  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--admin-text) !important;

  font-size: 1.02rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  text-wrap: pretty !important;
}

/* Beschreibung */
#tools-step-filter .admin-tools-decision-text small,
.admin-tools-decision-card .admin-tools-decision-text small {
  grid-area: desc !important;

  display: block !important;
  min-width: 0 !important;
  max-width: 34rem !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--admin-text-muted) !important;

  font-size: 0.84rem !important;
  font-weight: 760 !important;
  line-height: 1.34 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-wrap: pretty !important;
}

/* Zaehler rechts */
#tools-step-filter .admin-tools-decision-count,
.admin-tools-decision-card > .admin-tools-decision-count,
.admin-tools-decision-card > em {
  grid-area: count !important;

  display: grid !important;
  place-items: center !important;

  align-self: center !important;
  justify-self: end !important;

  width: 2.35rem !important;
  min-width: 2.35rem !important;
  max-width: 2.35rem !important;

  height: 2.35rem !important;
  min-height: 2.35rem !important;
  max-height: 2.35rem !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-soft) !important;

  font-style: normal !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

#tools-step-filter .admin-tools-decision-card-active .admin-tools-decision-count,
.admin-tools-decision-card-active > .admin-tools-decision-count,
.admin-tools-decision-card-active > em {
  background: #ffffff !important;
  color: var(--admin-primary-dark) !important;
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.14) !important;
}

/* Kleine Bildschirme: Beschreibung bekommt mehr Platz */
@media (max-width: 640px) {
  #tools-step-filter .admin-tools-decision-card,
  .admin-tools-workflow-section .admin-tools-decision-card,
  .admin-tools-decision-card {
    grid-template-columns: 2.55rem minmax(0, 1fr) 2.25rem !important;
    grid-template-areas:
      "step title count"
      "step desc  desc" !important;

    min-height: 5.6rem !important;
    column-gap: 0.72rem !important;
    padding: 0.85rem !important;
  }

  #tools-step-filter .admin-tools-decision-step,
  .admin-tools-decision-card > .admin-tools-decision-step,
  .admin-tools-decision-card > span:first-child {
    width: 2.45rem !important;
    min-width: 2.45rem !important;
    max-width: 2.45rem !important;
    height: 2.45rem !important;
    min-height: 2.45rem !important;
    max-height: 2.45rem !important;
    border-radius: 0.85rem !important;
  }

  #tools-step-filter .admin-tools-decision-text strong,
  .admin-tools-decision-card .admin-tools-decision-text strong {
    font-size: 0.98rem !important;
    line-height: 1.14 !important;
  }

  #tools-step-filter .admin-tools-decision-text small,
  .admin-tools-decision-card .admin-tools-decision-text small {
    max-width: none !important;
    font-size: 0.82rem !important;
    line-height: 1.32 !important;
  }

  #tools-step-filter .admin-tools-decision-count,
  .admin-tools-decision-card > .admin-tools-decision-count,
  .admin-tools-decision-card > em {
    width: 2.2rem !important;
    min-width: 2.2rem !important;
    max-width: 2.2rem !important;
    height: 2.2rem !important;
    min-height: 2.2rem !important;
    max-height: 2.2rem !important;
    align-self: center !important;
  }
}

/* =========================================================
   D17 FINAL: Schritt 3 Werkzeug-Karten kompakter
   - weniger Hoehe pro Werkzeug
   - klarere Arbeitslisten-Optik
   - Aktionen bleiben rechts sichtbar
   - Mehr-Menue liegt ueber den Karten
   ========================================================= */

#tools-step-results,
#tools-step-results .admin-tools-guided-list,
#tools-step-results .admin-tools-results-section,
#tools-step-results .admin-tools-workflow-section {
  overflow: visible !important;
}

#tools-step-results .admin-tools-guided-list {
  display: grid !important;
  gap: 0.62rem !important;
  isolation: isolate !important;
}

/* Kompakte Werkzeugkarte */
#tools-step-results .admin-tools-guided-card {
  position: relative !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 8.7rem !important;
  grid-template-areas:
    "head actions"
    "note actions"
    "facts actions" !important;

  gap: 0.48rem 0.72rem !important;
  align-items: start !important;

  min-height: 0 !important;
  padding: 0.68rem 0.72rem 0.68rem 0.92rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  box-shadow: var(--admin-shadow-xs) !important;

  overflow: visible !important;
  transform: none !important;
}

#tools-step-results .admin-tools-guided-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: var(--admin-shadow-sm) !important;
  transform: none !important;
}

/* farbiger Zustand links, aber sehr ruhig */
#tools-step-results .admin-tools-guided-card::before {
  position: absolute !important;
  inset: 0.7rem auto 0.7rem 0 !important;
  width: 0.26rem !important;
  border-radius: 999px !important;
  background: var(--admin-info) !important;
  content: "" !important;
}

#tools-step-results .admin-tools-guided-card-ok::before {
  background: var(--admin-success) !important;
}

#tools-step-results .admin-tools-guided-card-info::before {
  background: var(--admin-info) !important;
}

#tools-step-results .admin-tools-guided-card-warning::before {
  background: var(--admin-warning) !important;
}

#tools-step-results .admin-tools-guided-card-danger::before {
  background: var(--admin-danger) !important;
}

#tools-step-results .admin-tools-guided-card-archived::before {
  background: var(--admin-text-faint) !important;
}

/* Header kompakt */
#tools-step-results .admin-tools-guided-card-header {
  grid-area: head !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.7rem !important;

  min-width: 0 !important;
  margin: 0 !important;
}

#tools-step-results .admin-tools-guided-card-header > div {
  display: grid !important;
  gap: 0.08rem !important;
  min-width: 0 !important;
}

#tools-step-results .admin-tools-guided-card-header .admin-table-strong-link {
  display: block !important;
  min-width: 0 !important;

  color: var(--admin-primary) !important;

  font-size: 0.98rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
}

#tools-step-results .admin-tools-guided-card-header .admin-table-strong-link:hover {
  text-decoration: underline !important;
  text-underline-offset: 0.16em !important;
}

#tools-step-results .admin-tools-guided-card-header span:not(.admin-badge),
#tools-step-results .admin-tools-guided-card-header small {
  display: inline !important;

  color: var(--admin-text-muted) !important;

  font-size: 0.72rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#tools-step-results .admin-tools-guided-card-header .admin-badge {
  flex: 0 0 auto !important;
  align-self: flex-start !important;

  min-height: 1.45rem !important;
  padding: 0.22rem 0.52rem !important;

  font-size: 0.68rem !important;
  line-height: 1 !important;
}

/* Handlungshinweis als kompakte Zeile */
#tools-step-results .admin-tools-guided-next-step {
  grid-area: note !important;

  display: flex !important;
  align-items: baseline !important;
  gap: 0.38rem !important;

  min-width: 0 !important;
  margin: 0 !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 0.75rem !important;
  background: var(--admin-surface-muted) !important;

  padding: 0.42rem 0.55rem !important;
}

#tools-step-results .admin-tools-guided-next-step strong {
  flex: 0 0 auto !important;

  color: var(--admin-text) !important;

  font-size: 0.82rem !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;

  white-space: nowrap !important;
}

#tools-step-results .admin-tools-guided-next-step p {
  min-width: 0 !important;
  margin: 0 !important;

  color: var(--admin-text-muted) !important;

  font-size: 0.78rem !important;
  font-weight: 760 !important;
  line-height: 1.16 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Fakten deutlich kompakter */
#tools-step-results .admin-tools-guided-facts {
  grid-area: facts !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;

  min-width: 0 !important;
  margin: 0 !important;
}

#tools-step-results .admin-tools-guided-facts > div {
  min-width: 0 !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 0.72rem !important;
  background: var(--admin-surface-muted) !important;

  padding: 0.42rem 0.48rem !important;
}

#tools-step-results .admin-tools-guided-facts dt {
  margin: 0 0 0.16rem !important;

  color: var(--admin-text-muted) !important;

  font-size: 0.58rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#tools-step-results .admin-tools-guided-facts dd {
  display: grid !important;
  gap: 0.08rem !important;

  min-width: 0 !important;
  margin: 0 !important;
}

#tools-step-results .admin-tools-guided-facts dd strong {
  display: block !important;
  min-width: 0 !important;

  color: var(--admin-text) !important;

  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#tools-step-results .admin-tools-guided-facts dd small {
  display: block !important;
  min-width: 0 !important;

  color: var(--admin-text-muted) !important;

  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#tools-step-results .admin-tools-guided-facts .admin-badge {
  min-height: 1.28rem !important;
  width: fit-content !important;
  max-width: 100% !important;

  padding: 0.18rem 0.42rem !important;

  font-size: 0.62rem !important;
  line-height: 1 !important;
}

/* Aktionen rechts kompakt */
#tools-step-results .admin-tools-guided-actions {
  grid-area: actions !important;

  position: relative !important;
  z-index: 2 !important;

  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.42rem !important;
  align-self: end !important;

  width: 8.7rem !important;
  min-width: 8.7rem !important;
  margin: 0 !important;
}

#tools-step-results .admin-tools-guided-actions .admin-primary-link,
#tools-step-results .admin-tools-guided-actions .admin-secondary-link,
#tools-step-results .admin-tools-guided-actions .admin-tools-open-link,
#tools-step-results .admin-tools-guided-actions .admin-action-menu summary {
  width: 100% !important;
  min-height: 2.18rem !important;

  border-radius: 0.72rem !important;
  padding: 0.48rem 0.58rem !important;

  font-size: 0.76rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;

  white-space: nowrap !important;
}

/* Mehr-Menue darf nicht hinter Karten verschwinden */
#tools-step-results .admin-tools-guided-card:has(.admin-action-menu[open]) {
  z-index: 80 !important;
}

#tools-step-results .admin-action-menu {
  position: relative !important;
  width: 100% !important;
}

#tools-step-results .admin-action-menu-panel {
  z-index: 120 !important;
  right: 0 !important;
  top: calc(100% + 0.4rem) !important;

  min-width: 13.5rem !important;
  border-radius: 0.9rem !important;
}

#tools-step-results .admin-action-menu-panel a {
  padding: 0.62rem 0.7rem !important;
  font-size: 0.82rem !important;
}

/* Mittlere Breiten: Aktionen unten nebeneinander */
@media (max-width: 980px) {
  #tools-step-results .admin-tools-guided-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "head"
      "note"
      "facts"
      "actions" !important;

    padding: 0.72rem 0.78rem 0.74rem 0.95rem !important;
  }

  #tools-step-results .admin-tools-guided-actions {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  #tools-step-results .admin-tools-guided-actions .admin-action-menu {
    min-width: 5.7rem !important;
  }
}

/* Kleine Breiten: noch ruhiger, aber weiterhin kompakt */
@media (max-width: 640px) {
  #tools-step-results .admin-tools-guided-list {
    gap: 0.58rem !important;
  }

  #tools-step-results .admin-tools-guided-card {
    border-radius: 0.95rem !important;
    padding: 0.68rem 0.7rem 0.72rem 0.9rem !important;
  }

  #tools-step-results .admin-tools-guided-card-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.5rem !important;
  }

  #tools-step-results .admin-tools-guided-next-step {
    display: grid !important;
    gap: 0.12rem !important;
  }

  #tools-step-results .admin-tools-guided-next-step p {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.28 !important;
  }

  #tools-step-results .admin-tools-guided-facts {
    grid-template-columns: 1fr 1fr !important;
  }

  #tools-step-results .admin-tools-guided-facts > div:first-child {
    grid-column: 1 / -1 !important;
  }

  #tools-step-results .admin-tools-guided-actions {
    grid-template-columns: 1fr 5.7rem !important;
  }
}

/* =========================================================
   Admin Action Menu: komische Zeichen hinter "Mehr" entfernen
   ========================================================= */

.admin-action-menu summary,
#tools-step-results .admin-action-menu summary {
  list-style: none !important;
  list-style-type: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 0 !important;
  padding-right: 0.58rem !important;

  font-family: var(--admin-font) !important;
  text-decoration: none !important;
}

/* Browser-eigenen Details-Pfeil entfernen */
.admin-action-menu summary::marker,
#tools-step-results .admin-action-menu summary::marker {
  content: "" !important;
  font-size: 0 !important;
}

/* Safari / Chrome Details-Pfeil entfernen */
.admin-action-menu summary::-webkit-details-marker,
#tools-step-results .admin-action-menu summary::-webkit-details-marker {
  display: none !important;
}

/* Kaputtes Zusatzsymbol wie â–¾ sicher entfernen */
.admin-action-menu summary::after,
#tools-step-results .admin-action-menu summary::after {
  content: none !important;
  display: none !important;

  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 0 !important;
  line-height: 0 !important;
}

/* =========================================================
   Sidebar Logo
   - neues Werkzeughelfer Icon statt WH-Kreis
   - passend zum ruhigen Admin-Design
   ========================================================= */

.admin-brand-with-logo {
  display: flex !important;
  align-items: center !important;
  gap: 0.78rem !important;

  min-width: 0 !important;
  padding: 0.15rem 0.1rem !important;

  color: var(--admin-text) !important;
  text-decoration: none !important;
}

.admin-brand-with-logo:hover {
  transform: none !important;
}

.admin-brand-mark-logo {
  display: grid !important;
  place-items: center !important;

  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;

  padding: 0.18rem !important;

  border: 1px solid rgba(203, 213, 225, 0.95) !important;
  border-radius: 1.05rem !important;

  background: #ffffff !important;
  color: inherit !important;

  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

  overflow: hidden !important;
}

.admin-brand-mark-logo img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  border: 0 !important;
  border-radius: 0.82rem !important;

  background: transparent !important;
  box-shadow: none !important;
}

.admin-brand-text {
  display: grid !important;
  gap: 0.16rem !important;
  min-width: 0 !important;
}

.admin-brand-text strong {
  display: block !important;

  color: var(--admin-text) !important;

  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-brand-text small {
  display: block !important;

  color: var(--admin-text-muted) !important;

  font-size: 0.78rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-brand-with-logo:focus-visible {
  border-radius: 1.1rem !important;
  outline: none !important;
  box-shadow: var(--admin-focus) !important;
}

/* Falls irgendwo noch der alte WH-Kreis genutzt wird, bleibt er unverändert.
   Nur .admin-brand-mark-logo bekommt das neue Icon-Design. */

@media (max-width: 980px) {
  .admin-brand-mark-logo {
    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    border-radius: 0.95rem !important;
  }
}

/* =========================================================
   Sidebar Logo ohne zusätzlichen Rand
   - Icon hat bereits eigenen Rand
   ========================================================= */

.admin-brand-mark-logo {
  display: grid !important;
  place-items: center !important;

  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: inherit !important;

  box-shadow: none !important;
  overflow: visible !important;
}

.admin-brand-mark-logo img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  .admin-brand-mark-logo {
    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
  }
}

/* =========================================================
   Admin Buttons Feinschliff
   - Seitenaktionen stärker sichtbar
   - Primär-/Sekundäraktionen klarer unterscheidbar
   - passend für Create, Dokumente, Bearbeiten, Prüfung usw.
   ========================================================= */

/* Grundsätzlich bessere Button-Erkennbarkeit */
.admin-primary-button,
.admin-primary-link,
.admin-secondary-link,
.admin-secondary-button {
  min-height: 2.95rem !important;
  border-radius: 0.95rem !important;

  padding: 0.72rem 1.05rem !important;

  font-size: 0.94rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow:
    0 8px 20px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

/* Hauptaktionen: deutlich blau */
.admin-primary-button,
.admin-primary-link {
  border: 1px solid rgba(29, 78, 216, 0.9) !important;

  background:
    linear-gradient(135deg, var(--admin-primary), var(--admin-primary-hover)) !important;

  color: #ffffff !important;

  box-shadow:
    0 14px 30px rgba(29, 78, 216, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.admin-primary-button:hover,
.admin-primary-link:hover {
  background:
    linear-gradient(135deg, #2563eb, #1d4ed8) !important;

  color: #ffffff !important;

  transform: translateY(-1px) !important;

  box-shadow:
    0 18px 38px rgba(29, 78, 216, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Nebenaktionen: weiß, aber kräftiger sichtbar */
.admin-secondary-link,
.admin-secondary-button {
  border: 2px solid var(--admin-border-strong) !important;

  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;

  color: var(--admin-text-soft) !important;

  box-shadow:
    0 8px 20px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.admin-secondary-link:hover,
.admin-secondary-button:hover {
  border-color: #93c5fd !important;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-primary-soft-2) 100%) !important;

  color: var(--admin-primary-dark) !important;

  transform: translateY(-1px) !important;

  box-shadow:
    0 12px 26px rgba(29, 78, 216, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Fokus sehr deutlich, wichtig für Tastaturbedienung */
.admin-primary-button:focus-visible,
.admin-primary-link:focus-visible,
.admin-secondary-link:focus-visible,
.admin-secondary-button:focus-visible {
  outline: none !important;
  box-shadow:
    var(--admin-focus),
    0 12px 28px rgba(15, 23, 42, 0.12) !important;
}

/* Klickgefühl */
.admin-primary-button:active,
.admin-primary-link:active,
.admin-secondary-link:active,
.admin-secondary-button:active {
  transform: scale(0.98) !important;
}

/* Header-Aktionsbereich rechts: klarere Button-Gruppe */
.admin-header-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.65rem !important;
}

.admin-page-header .admin-header-actions .admin-primary-link,
.admin-page-header .admin-header-actions .admin-secondary-link {
  min-width: 10.5rem !important;
}

/* Zurück-Zeile oben: besser sichtbar, aber nicht dominant */
.admin-back-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  align-items: center !important;

  margin: 0 0 0.95rem !important;
}

.admin-back-row .admin-secondary-link {
  min-height: 2.7rem !important;
  padding: 0.62rem 0.95rem !important;

  border-radius: 0.85rem !important;
  font-size: 0.88rem !important;
}

/* Sticky-Speicherleiste: Buttons klarer und besser greifbar */
.admin-sticky-save-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.admin-sticky-save-actions .admin-primary-button,
.admin-sticky-save-actions .admin-secondary-link {
  min-width: 9.5rem !important;
  min-height: 3.05rem !important;
}

/* Speichern/Anlegen rechts stärker hervorheben */
.admin-sticky-save-actions .admin-primary-button {
  font-size: 0.98rem !important;
  box-shadow:
    0 16px 34px rgba(29, 78, 216, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Abbrechen sichtbar, aber nicht gefährlich */
.admin-sticky-save-actions .admin-secondary-link,
.admin-header-actions .admin-secondary-link[href="/admin/tools"],
.admin-back-row .admin-secondary-link {
  background: #ffffff !important;
  color: var(--admin-text-soft) !important;
}

/* Spezielle Aktionsbuttons innerhalb Workflows */
.admin-tool-safety-hint-add,
.admin-document-save-bar .admin-primary-button,
.admin-inspection-workflow .admin-primary-button,
.admin-tool-create-save-bar .admin-primary-button {
  min-height: 3.15rem !important;
  border-radius: 1rem !important;
  font-size: 0.98rem !important;
}

/* Kleine Entfernen-/Nebenbuttons in Karten nicht zu dominant */
.admin-tool-safety-hint-remove,
.admin-action-menu summary {
  min-height: 2.35rem !important;
  border-radius: 0.8rem !important;
  padding: 0.5rem 0.75rem !important;
  font-size: 0.82rem !important;
}

/* Mobile: Buttons voll breit und besser antippbar */
@media (max-width: 760px) {
  .admin-header-actions,
  .admin-back-row,
  .admin-sticky-save-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .admin-header-actions > *,
  .admin-back-row > *,
  .admin-sticky-save-actions > * {
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .admin-primary-button,
  .admin-primary-link,
  .admin-secondary-link,
  .admin-secondary-button {
    min-height: 3.15rem !important;
  }
}

/* =========================================================
   Werkzeugakte Detailseite: Aktionen besser sichtbar machen
   - wichtige Seitenbuttons deutlicher
   - Textlinks in Aktionsbuttons verwandeln
   - Navigation links besser erkennbar
   ========================================================= */

/* Header-Aktionen oben rechts */
.admin-tool-detail-hero .admin-header-actions,
.admin-tool-detail-header .admin-header-actions,
.admin-page-header .admin-header-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.65rem !important;
}

/* Bearbeiten als wichtigste Aktion */
.admin-tool-detail-hero .admin-primary-link,
.admin-tool-detail-header .admin-primary-link,
.admin-page-header .admin-header-actions .admin-primary-link {
  min-width: 9.75rem !important;
  min-height: 3rem !important;

  border-radius: 0.95rem !important;
  border: 1px solid rgba(29, 78, 216, 0.95) !important;

  background:
    linear-gradient(135deg, var(--admin-primary), var(--admin-primary-hover)) !important;

  color: #ffffff !important;

  font-size: 0.94rem !important;
  font-weight: 950 !important;
  text-decoration: none !important;

  box-shadow:
    0 14px 30px rgba(29, 78, 216, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Etikett / Beschäftigtenansicht / Zurück als sichtbare Nebenaktionen */
.admin-tool-detail-hero .admin-secondary-link,
.admin-tool-detail-header .admin-secondary-link,
.admin-back-row .admin-secondary-link,
.admin-page-header .admin-header-actions .admin-secondary-link {
  min-height: 2.85rem !important;

  border: 2px solid var(--admin-border-strong) !important;
  border-radius: 0.95rem !important;

  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;

  color: var(--admin-text-soft) !important;

  padding: 0.68rem 1rem !important;

  font-size: 0.9rem !important;
  font-weight: 950 !important;
  text-decoration: none !important;

  box-shadow:
    0 8px 20px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* Hover für alle Aktionsbuttons */
.admin-tool-detail-hero .admin-primary-link:hover,
.admin-tool-detail-header .admin-primary-link:hover,
.admin-page-header .admin-header-actions .admin-primary-link:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 18px 38px rgba(29, 78, 216, 0.31),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.admin-tool-detail-hero .admin-secondary-link:hover,
.admin-tool-detail-header .admin-secondary-link:hover,
.admin-back-row .admin-secondary-link:hover,
.admin-page-header .admin-header-actions .admin-secondary-link:hover {
  border-color: #93c5fd !important;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-primary-soft-2) 100%) !important;
  color: var(--admin-primary-dark) !important;
  transform: translateY(-1px) !important;
}

/* Link-Aktionen innerhalb der Werkzeugakte als echte Buttons */
.admin-tool-detail-section .admin-inline-link,
.admin-tool-detail-card .admin-inline-link,
.admin-tool-detail-danger-zone .admin-inline-link,
.admin-tool-detail-document-actions .admin-inline-link,
.admin-tool-detail-hero-actions .admin-inline-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-height: 2.65rem !important;

  margin-top: 0.55rem !important;

  border: 2px solid #bfdbfe !important;
  border-radius: 0.9rem !important;

  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-primary-soft-2) 100%) !important;

  color: var(--admin-primary-dark) !important;

  padding: 0.62rem 0.95rem !important;

  font-size: 0.88rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;

  text-decoration: none !important;
  text-underline-offset: 0 !important;

  box-shadow:
    0 8px 18px rgba(29, 78, 216, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.admin-tool-detail-section .admin-inline-link:hover,
.admin-tool-detail-card .admin-inline-link:hover,
.admin-tool-detail-danger-zone .admin-inline-link:hover,
.admin-tool-detail-document-actions .admin-inline-link:hover,
.admin-tool-detail-hero-actions .admin-inline-link:hover {
  border-color: #60a5fa !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #dbeafe 100%) !important;

  color: var(--admin-primary-dark) !important;

  transform: translateY(-1px) !important;

  box-shadow:
    0 12px 24px rgba(29, 78, 216, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Besonders wichtige Defekt-Aktion sichtbar blau */
.admin-tool-detail-section a[href*="/defects"],
.admin-tool-detail-card a[href*="/defects"],
.admin-tool-detail-live-card a[href*="/defects"],
.admin-tool-detail-preview-card a[href*="/defects"] {
  border-color: rgba(29, 78, 216, 0.95) !important;

  background:
    linear-gradient(135deg, var(--admin-primary), var(--admin-primary-hover)) !important;

  color: #ffffff !important;

  box-shadow:
    0 14px 30px rgba(29, 78, 216, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Prüfung und Dokumente als klare nächste Aktionen */
.admin-tool-detail-section a[href*="/inspections/new"],
.admin-tool-detail-section a[href*="/documents/new"] {
  min-width: 10.5rem !important;
}

/* Archivieren bleibt sichtbar, aber klar gefährlich */
.admin-tool-detail-danger-zone .admin-danger-button,
.admin-tool-detail-danger-zone button,
.admin-tool-detail-danger-zone .admin-danger-link-button {
  min-height: 2.85rem !important;

  border: 2px solid var(--admin-danger-border) !important;
  border-radius: 0.95rem !important;

  background: var(--admin-danger-soft-2) !important;
  color: var(--admin-danger) !important;

  padding: 0.68rem 1rem !important;

  font-size: 0.9rem !important;
  font-weight: 950 !important;

  text-decoration: none !important;
  cursor: pointer !important;
}

.admin-tool-detail-danger-zone .admin-danger-button:hover,
.admin-tool-detail-danger-zone button:hover,
.admin-tool-detail-danger-zone .admin-danger-link-button:hover {
  border-color: var(--admin-danger) !important;
  background: var(--admin-danger-soft) !important;
  color: var(--admin-danger-dark) !important;
}

/* Linke Schritt-Navigation stärker sichtbar */
.admin-tool-detail-layout .admin-workflow-steps,
.admin-workflow-rail .admin-workflow-steps,
.admin-tool-detail-steps {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.25rem !important;

  background: rgba(255, 255, 255, 0.96) !important;

  padding: 0.75rem !important;

  box-shadow:
    0 10px 26px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.admin-tool-detail-layout .admin-workflow-steps a,
.admin-workflow-rail .admin-workflow-steps a,
.admin-tool-detail-steps a {
  min-height: 2.75rem !important;

  border-radius: 0.9rem !important;

  color: var(--admin-text-soft) !important;

  font-size: 0.86rem !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.admin-tool-detail-layout .admin-workflow-steps a:hover,
.admin-workflow-rail .admin-workflow-steps a:hover,
.admin-tool-detail-steps a:hover {
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
}

/* Zahlen in der linken Navigation deutlicher */
.admin-tool-detail-layout .admin-workflow-steps a span,
.admin-workflow-rail .admin-workflow-steps a span,
.admin-tool-detail-steps a span {
  width: 1.8rem !important;
  height: 1.8rem !important;

  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;

  font-size: 0.78rem !important;
  font-weight: 950 !important;
}

/* Nächster-Schritt-Karte links sichtbarer */
.admin-tool-detail-layout .admin-tool-next-step-card,
.admin-workflow-rail .admin-tool-next-step-card,
.admin-workflow-rail .admin-tool-detail-next-step,
.admin-tool-detail-next-step {
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 1.25rem !important;

  background:
    linear-gradient(180deg, #ffffff 0%, #fffbeb 100%) !important;

  box-shadow:
    0 10px 26px rgba(180, 83, 9, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Button in "Nächster Schritt" */
.admin-tool-detail-next-step .admin-secondary-link,
.admin-tool-next-step-card .admin-secondary-link,
.admin-workflow-rail .admin-secondary-link[href*="defects"],
.admin-workflow-rail .admin-secondary-link[href*="documents"],
.admin-workflow-rail .admin-secondary-link[href*="inspections"] {
  width: 100% !important;
  min-height: 2.75rem !important;

  border-color: #bfdbfe !important;
  background: #ffffff !important;

  color: var(--admin-primary-dark) !important;

  font-weight: 950 !important;
}

/* Live-Ãœbersicht rechts: Hauptaktion deutlicher */
.admin-tool-detail-preview-card .admin-primary-link,
.admin-tool-detail-live-card .admin-primary-link,
.admin-workflow-preview .admin-primary-link {
  width: 100% !important;
  min-height: 3rem !important;

  border-radius: 0.95rem !important;

  font-size: 0.92rem !important;
  font-weight: 950 !important;
}

/* Kleine Bildvorschau / Kartenaktion nicht überladen */
.admin-tool-detail-preview-card .admin-secondary-link,
.admin-tool-detail-live-card .admin-secondary-link,
.admin-workflow-preview .admin-secondary-link {
  width: 100% !important;
  min-height: 2.8rem !important;
}

/* Mobile: alles gut antippbar */
@media (max-width: 760px) {
  .admin-tool-detail-hero .admin-header-actions,
  .admin-tool-detail-header .admin-header-actions,
  .admin-page-header .admin-header-actions,
  .admin-back-row {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .admin-tool-detail-hero .admin-header-actions > *,
  .admin-tool-detail-header .admin-header-actions > *,
  .admin-page-header .admin-header-actions > *,
  .admin-back-row > * {
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .admin-tool-detail-section .admin-inline-link,
  .admin-tool-detail-card .admin-inline-link {
    width: 100% !important;
  }
}

/* =========================================================
   Werkzeugakte: wichtige Textlinks als klare Buttons anzeigen
   Betrifft z. B.:
   - Defektzentrale öffnen
   - Defekte ansehen
   - Prüfung eintragen
   - Dokument hinzufügen
   ========================================================= */

/* Gemeinsame Button-Basis für wichtige Werkzeugakte-Aktionen */
.admin-tool-detail-section a[href*="/admin/defects"],
.admin-tool-detail-card a[href*="/admin/defects"],
.admin-tool-detail-section a[href*="/inspections/new"],
.admin-tool-detail-card a[href*="/inspections/new"],
.admin-tool-detail-section a[href*="/documents/new"],
.admin-tool-detail-card a[href*="/documents/new"],
.admin-tool-detail-section a[href*="/tool-categories/"][href*="/documents/new"],
.admin-tool-detail-card a[href*="/tool-categories/"][href*="/documents/new"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;

  width: fit-content !important;
  min-width: 12rem !important;
  min-height: 3rem !important;

  margin: 0.75rem 0 0 !important;

  border: 2px solid #bfdbfe !important;
  border-radius: 0.95rem !important;

  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-primary-soft-2) 100%) !important;

  color: var(--admin-primary-dark) !important;

  padding: 0.75rem 1.05rem !important;

  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;

  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;

  box-shadow:
    0 10px 24px rgba(29, 78, 216, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Defekt-Aktionen bewusst als Hauptaktion blau */
.admin-tool-detail-section a[href*="/admin/defects"],
.admin-tool-detail-card a[href*="/admin/defects"] {
  border-color: rgba(29, 78, 216, 0.95) !important;

  background:
    linear-gradient(135deg, var(--admin-primary), var(--admin-primary-hover)) !important;

  color: #ffffff !important;

  box-shadow:
    0 14px 30px rgba(29, 78, 216, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Prüfung als klare Wartungsaktion */
.admin-tool-detail-section a[href*="/inspections/new"],
.admin-tool-detail-card a[href*="/inspections/new"] {
  border-color: var(--admin-warning-border) !important;

  background:
    linear-gradient(180deg, #ffffff 0%, #fffbeb 100%) !important;

  color: #92400e !important;

  box-shadow:
    0 10px 24px rgba(180, 83, 9, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Dokument hinzufügen als klare Dokumentenaktion */
.admin-tool-detail-section a[href*="/documents/new"],
.admin-tool-detail-card a[href*="/documents/new"],
.admin-tool-detail-section a[href*="/tool-categories/"][href*="/documents/new"],
.admin-tool-detail-card a[href*="/tool-categories/"][href*="/documents/new"] {
  border-color: #bfdbfe !important;

  background:
    linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;

  color: var(--admin-primary-dark) !important;
}

/* Hover-Zustand für alle diese Aktionsbuttons */
.admin-tool-detail-section a[href*="/admin/defects"]:hover,
.admin-tool-detail-card a[href*="/admin/defects"]:hover,
.admin-tool-detail-section a[href*="/inspections/new"]:hover,
.admin-tool-detail-card a[href*="/inspections/new"]:hover,
.admin-tool-detail-section a[href*="/documents/new"]:hover,
.admin-tool-detail-card a[href*="/documents/new"]:hover,
.admin-tool-detail-section a[href*="/tool-categories/"][href*="/documents/new"]:hover,
.admin-tool-detail-card a[href*="/tool-categories/"][href*="/documents/new"]:hover {
  transform: translateY(-1px) !important;
  text-decoration: none !important;

  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Kleine visuelle Kennzeichnung links im Button */
.admin-tool-detail-section a[href*="/admin/defects"]::before,
.admin-tool-detail-card a[href*="/admin/defects"]::before {
  content: "!" !important;

  display: inline-grid !important;
  place-items: center !important;

  width: 1.35rem !important;
  height: 1.35rem !important;

  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;

  font-size: 0.82rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tool-detail-section a[href*="/inspections/new"]::before,
.admin-tool-detail-card a[href*="/inspections/new"]::before {
  content: "✓" !important;

  display: inline-grid !important;
  place-items: center !important;

  width: 1.35rem !important;
  height: 1.35rem !important;

  border-radius: 999px !important;
  background: var(--admin-warning-soft) !important;
  color: #92400e !important;

  font-size: 0.82rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tool-detail-section a[href*="/documents/new"]::before,
.admin-tool-detail-card a[href*="/documents/new"]::before,
.admin-tool-detail-section a[href*="/tool-categories/"][href*="/documents/new"]::before,
.admin-tool-detail-card a[href*="/tool-categories/"][href*="/documents/new"]::before {
  content: "+" !important;

  display: inline-grid !important;
  place-items: center !important;

  width: 1.35rem !important;
  height: 1.35rem !important;

  border-radius: 999px !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary-dark) !important;

  font-size: 0.95rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* Wenn die Buttons in leeren Karten stehen: besser mittig und breiter */
.admin-tool-detail-empty-inline a[href*="/documents/new"],
.admin-tool-detail-empty-inline a[href*="/inspections/new"],
.admin-empty-state a[href*="/documents/new"],
.admin-empty-state a[href*="/inspections/new"] {
  width: 100% !important;
  max-width: 18rem !important;
}

/* Mobile: volle Breite, gut antippbar */
@media (max-width: 760px) {
  .admin-tool-detail-section a[href*="/admin/defects"],
  .admin-tool-detail-card a[href*="/admin/defects"],
  .admin-tool-detail-section a[href*="/inspections/new"],
  .admin-tool-detail-card a[href*="/inspections/new"],
  .admin-tool-detail-section a[href*="/documents/new"],
  .admin-tool-detail-card a[href*="/documents/new"],
  .admin-tool-detail-section a[href*="/tool-categories/"][href*="/documents/new"],
  .admin-tool-detail-card a[href*="/tool-categories/"][href*="/documents/new"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 3.15rem !important;
  }
}

/* =========================================================
   Werkzeugakte: Aktionslinks als klare Buttons
   - Defektzentrale öffnen
   - Prüfung eintragen
   - Dokument hinzufügen
   ========================================================= */

.admin-tool-detail-section-action-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  max-width: none !important;
  width: 100% !important;
}

.admin-tool-detail-section-action-header > div {
  min-width: 0 !important;
}

/* Neue saubere Button-Klasse */
.admin-tool-detail-action-button,
.admin-tool-detail-section-action-header > a.admin-inline-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;

  flex: 0 0 auto !important;

  min-width: 12.5rem !important;
  min-height: 3.05rem !important;

  margin: 0 !important;
  padding: 0.75rem 1.05rem !important;

  border: 2px solid #bfdbfe !important;
  border-radius: 1rem !important;

  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-primary-soft-2) 100%) !important;

  color: var(--admin-primary-dark) !important;

  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;

  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow:
    0 12px 26px rgba(29, 78, 216, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Defektzentrale: wichtigste Aktion, deshalb blau */
.admin-tool-detail-action-button-danger,
.admin-tool-detail-section-action-header > a[href="/admin/defects"] {
  border-color: rgba(29, 78, 216, 0.95) !important;

  background:
    linear-gradient(135deg, var(--admin-primary), var(--admin-primary-hover)) !important;

  color: #ffffff !important;

  box-shadow:
    0 16px 34px rgba(29, 78, 216, 0.27),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Prüfung: Wartung / Klärung */
.admin-tool-detail-action-button-warning,
.admin-tool-detail-section-action-header > a[href*="/inspections/new"] {
  border-color: var(--admin-warning-border) !important;

  background:
    linear-gradient(180deg, #ffffff 0%, #fffbeb 100%) !important;

  color: #92400e !important;

  box-shadow:
    0 12px 26px rgba(180, 83, 9, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Dokumente: ergänzende Aktion */
.admin-tool-detail-action-button-primary,
.admin-tool-detail-section-action-header > a[href*="/documents/new"] {
  border-color: #bfdbfe !important;

  background:
    linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;

  color: var(--admin-primary-dark) !important;
}

/* Icons vor den Buttons */
.admin-tool-detail-action-button-danger::before,
.admin-tool-detail-section-action-header > a[href="/admin/defects"]::before {
  content: "!" !important;

  display: inline-grid !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;

  font-size: 0.82rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tool-detail-action-button-warning::before,
.admin-tool-detail-section-action-header > a[href*="/inspections/new"]::before {
  content: "✓" !important;

  display: inline-grid !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-warning-soft) !important;
  color: #92400e !important;

  font-size: 0.82rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tool-detail-action-button-primary::before,
.admin-tool-detail-section-action-header > a[href*="/documents/new"]::before {
  content: "+" !important;

  display: inline-grid !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary-dark) !important;

  font-size: 0.95rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* Hover */
.admin-tool-detail-action-button:hover,
.admin-tool-detail-section-action-header > a.admin-inline-link:hover {
  transform: translateY(-1px) !important;
  text-decoration: none !important;

  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Fokus */
.admin-tool-detail-action-button:focus-visible,
.admin-tool-detail-section-action-header > a.admin-inline-link:focus-visible {
  outline: none !important;
  box-shadow:
    var(--admin-focus),
    0 16px 34px rgba(29, 78, 216, 0.22) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-tool-detail-section-action-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-tool-detail-action-button,
  .admin-tool-detail-section-action-header > a.admin-inline-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 3.15rem !important;
  }
}

/* =========================================================
   Werkzeug bearbeiten: Plausibilitätsbox final
   - kompakter
   - kein Designbruch in der linken Rail
   - klare Warn-/OK-Zustände
   - passend zum geführten Workflow
   ========================================================= */

.admin-tool-edit-guided-layout {
  grid-template-columns:
    minmax(15.5rem, 17rem)
    minmax(30rem, 1fr)
    minmax(18rem, 22rem) !important;
  gap: 1.5rem !important;
  align-items: start !important;
}

.admin-tool-edit-rail,
.admin-tool-edit-preview {
  align-self: start !important;
}

.admin-tool-edit-quality-card {
  display: grid !important;
  gap: 0.85rem !important;

  width: 100% !important;
  min-width: 0 !important;

  padding: 1rem !important;

  border: 1px solid rgba(245, 158, 11, 0.36) !important;
  border-radius: 1.25rem !important;

  background:
    radial-gradient(circle at 100% 0%, rgba(254, 243, 199, 0.8), transparent 11rem),
    linear-gradient(180deg, #ffffff 0%, #fffbeb 100%) !important;

  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

  overflow: hidden !important;
}

.admin-tool-edit-quality-card .admin-kicker {
  margin: 0 !important;
  color: var(--admin-primary) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.09em !important;
}

.admin-tool-edit-quality-card h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.22rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
}

.admin-tool-edit-quality-summary {
  display: grid !important;
  grid-template-columns: 2.55rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.7rem !important;

  margin: 0 !important;
  padding: 0.72rem !important;

  border: 1px solid rgba(245, 158, 11, 0.38) !important;
  border-radius: 1rem !important;

  background: rgba(255, 255, 255, 0.82) !important;
}

.admin-tool-edit-quality-summary strong {
  display: grid !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-warning) !important;
  color: #ffffff !important;

  font-size: 1.15rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tool-edit-quality-summary span {
  min-width: 0 !important;
  color: #78350f !important;
  font-size: 0.88rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

/* Liste kompakt und stabil */
.admin-tool-edit-quality-card ul[data-tool-warning-list] {
  display: grid !important;
  gap: 0.48rem !important;

  max-height: min(27rem, calc(100vh - 22rem)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;

  margin: 0 !important;
  padding: 0 0.1rem 0 0 !important;

  list-style: none !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(180, 83, 9, 0.45) transparent !important;
}

.admin-tool-edit-quality-card ul[data-tool-warning-list]::-webkit-scrollbar {
  width: 0.45rem !important;
}

.admin-tool-edit-quality-card ul[data-tool-warning-list]::-webkit-scrollbar-track {
  background: transparent !important;
}

.admin-tool-edit-quality-card ul[data-tool-warning-list]::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(180, 83, 9, 0.38) !important;
}

/* Alte generische Workflow-Styles sauber überschreiben */
.admin-tool-edit-quality-card li {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 1.65rem minmax(0, 1fr) !important;
  grid-template-areas:
    "icon title"
    "icon hint" !important;
  align-items: start !important;
  gap: 0.1rem 0.58rem !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0.62rem 0.68rem !important;

  border: 1px solid rgba(245, 158, 11, 0.34) !important;
  border-radius: 0.9rem !important;

  background: rgba(254, 243, 199, 0.72) !important;
  color: #78350f !important;

  font-size: 0.82rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;

  box-shadow: none !important;
}

/* Icon stabilisieren, damit nichts mehr in den Text läuft */
.admin-tool-edit-quality-card li::before {
  grid-area: icon !important;

  position: static !important;
  inset: auto !important;

  display: grid !important;
  width: 1.55rem !important;
  height: 1.55rem !important;
  place-items: center !important;

  margin: 0.02rem 0 0 !important;

  border-radius: 999px !important;
  background: var(--admin-warning) !important;
  color: #ffffff !important;

  content: "!" !important;

  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-tool-edit-quality-card li strong {
  grid-area: title !important;

  display: block !important;
  min-width: 0 !important;

  color: currentColor !important;
  font-size: 0.84rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;

  overflow-wrap: anywhere !important;
}

.admin-tool-edit-quality-card li small {
  grid-area: hint !important;

  display: block !important;
  min-width: 0 !important;

  margin: 0.12rem 0 0 !important;

  color: currentColor !important;
  opacity: 0.86 !important;

  font-size: 0.75rem !important;
  font-weight: 760 !important;
  line-height: 1.28 !important;

  overflow-wrap: anywhere !important;
}

/* OK-Hinweise ruhiger anzeigen */
.admin-tool-edit-quality-card li.admin-quality-ok {
  border-color: rgba(22, 163, 74, 0.2) !important;
  background: rgba(240, 253, 244, 0.72) !important;
  color: #14532d !important;
}

.admin-tool-edit-quality-card li.admin-quality-ok::before {
  background: var(--admin-success) !important;
  color: #ffffff !important;
  content: "✓" !important;
}

/* OK-Hinweise optisch reduzieren, Warnungen bleiben dominant */
.admin-tool-edit-quality-card li.admin-quality-ok small {
  opacity: 0.72 !important;
}

/* Linke Schritt-Navigation ebenfalls etwas stabiler */
.admin-tool-edit-steps {
  overflow: hidden !important;
}

.admin-tool-edit-steps a {
  min-width: 0 !important;
  min-height: 2.7rem !important;
  padding: 0.68rem 0.72rem !important;
  border-radius: 0.95rem !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.admin-tool-edit-steps a span {
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  font-size: 0.74rem !important;
}

/* Sticky-Save-Bar: weniger störend über dem Inhalt */
.admin-tool-edit-save-bar {
  left: auto !important;
  right: auto !important;

  border-color: rgba(191, 219, 254, 0.95) !important;
  border-radius: 1.15rem !important;

  background: rgba(255, 255, 255, 0.96) !important;

  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;

  z-index: 60 !important;
}

/* Bei mittleren Breiten: rechte Vorschau nach unten, damit die Mitte Luft bekommt */
@media (max-width: 1320px) {
  .admin-tool-edit-guided-layout {
    grid-template-columns: minmax(14rem, 16rem) minmax(0, 1fr) !important;
  }

  .admin-tool-edit-preview {
    grid-column: 1 / -1 !important;
    position: static !important;
  }

  .admin-tool-edit-preview-card {
    max-width: 42rem !important;
    justify-self: center !important;
  }
}

/* Tablet / kleine Geräte */
@media (max-width: 980px) {
  .admin-tool-edit-guided-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-tool-edit-rail,
  .admin-tool-edit-preview {
    position: static !important;
  }

  .admin-tool-edit-quality-card ul[data-tool-warning-list] {
    max-height: none !important;
    overflow: visible !important;
  }

  .admin-tool-edit-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* iPhone / schmale Geräte */
@media (max-width: 640px) {
  .admin-tool-edit-quality-card {
    border-radius: 1.05rem !important;
    padding: 0.9rem !important;
  }

  .admin-tool-edit-quality-summary {
    grid-template-columns: 2.35rem minmax(0, 1fr) !important;
  }

  .admin-tool-edit-quality-summary strong {
    width: 2.35rem !important;
    height: 2.35rem !important;
  }

  .admin-tool-edit-quality-card li {
    grid-template-columns: 1.5rem minmax(0, 1fr) !important;
    padding: 0.58rem 0.62rem !important;
  }

  .admin-tool-edit-quality-card li::before {
    width: 1.42rem !important;
    height: 1.42rem !important;
  }

  .admin-tool-edit-steps {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Dokument hinzufügen: finaler Design-Fix
   - Dokumentart-Karten brechen nicht mehr
   - linke Navigation ruhiger
   - Live-Ãœbersicht stabil
   - Formularbereich klarer
   ========================================================= */

.admin-document-guided-layout {
  display: grid !important;
  grid-template-columns:
    minmax(12.5rem, 14rem)
    minmax(30rem, 1fr)
    minmax(14rem, 16rem) !important;
  gap: 1.15rem !important;
  align-items: start !important;
  margin-top: 1rem !important;
}

.admin-document-guided-sidebar,
.admin-document-live-aside {
  position: sticky !important;
  top: 1.25rem !important;
  align-self: start !important;
  display: grid !important;
  gap: 0.95rem !important;
  min-width: 0 !important;
}

/* Linke Schritt-Navigation: kompakt, aber lesbar */
.admin-document-step-nav {
  display: grid !important;
  gap: 0.55rem !important;
  padding: 0.75rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.25rem !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-document-step-nav a {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  grid-template-areas:
    "number title"
    "number hint" !important;
  align-items: center !important;
  gap: 0.08rem 0.62rem !important;

  min-height: 3.55rem !important;
  padding: 0.72rem !important;

  border: 1px solid transparent !important;
  border-radius: 0.95rem !important;

  color: var(--admin-text-soft) !important;
  text-decoration: none !important;
  background: transparent !important;

  overflow: hidden !important;
}

.admin-document-step-nav a:hover,
.admin-document-step-nav a:focus-visible {
  border-color: #bfdbfe !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
}

.admin-document-step-nav a.is-active {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
  box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.12) !important;
}

.admin-document-step-nav a span {
  grid-area: number !important;

  display: grid !important;
  width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: var(--admin-primary) !important;

  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-document-step-nav a.is-active span {
  background: var(--admin-primary) !important;
  color: #ffffff !important;
}

.admin-document-step-nav a strong {
  grid-area: title !important;
  display: block !important;

  min-width: 0 !important;

  color: currentColor !important;
  font-size: 0.84rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
}

.admin-document-step-nav a small {
  grid-area: hint !important;
  display: block !important;

  min-width: 0 !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
}

/* Entscheidungshilfe / B2-Regel ruhiger */
.admin-document-guidance-card,
.admin-document-policy-card {
  padding: 1rem !important;
  border-radius: 1.15rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-document-guidance-card h2,
.admin-document-policy-card strong {
  margin: 0.2rem 0 0.5rem !important;
  color: var(--admin-text) !important;
  font-size: 1.02rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-document-guidance-card ul {
  display: grid !important;
  gap: 0.45rem !important;
  margin: 0.7rem 0 0 !important;
  padding-left: 1.05rem !important;
}

.admin-document-guidance-card li,
.admin-document-policy-card p {
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 780 !important;
  line-height: 1.42 !important;
}

.admin-document-policy-card {
  border-color: rgba(245, 158, 11, 0.34) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(254, 243, 199, 0.78), transparent 10rem),
    #ffffff !important;
}

.admin-document-policy-card .admin-kicker,
.admin-document-guidance-card .admin-kicker {
  margin: 0 !important;
}

/* Hauptbereich */
.admin-document-guided-main {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

.admin-document-type-picker,
.admin-document-source-section,
.admin-document-form-panel {
  min-width: 0 !important;
  border-radius: 1.35rem !important;
}

/* Dokumentart-Karten: nicht mehr 4 zu schmale Spalten */
.admin-document-type-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

.admin-document-type-card {
  display: grid !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.72rem !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 7.1rem !important;

  padding: 0.85rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;

  background: #ffffff !important;
  color: var(--admin-text) !important;

  text-align: left !important;
  overflow: hidden !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-document-type-card:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-document-type-card.is-active {
  border-color: #60a5fa !important;
  background:
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(29, 78, 216, 0.18),
    0 10px 28px rgba(29, 78, 216, 0.12) !important;
}

.admin-document-type-icon {
  display: grid !important;
  width: 2.65rem !important;
  height: 2.65rem !important;
  place-items: center !important;

  border-radius: 0.9rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-primary) !important;

  font-size: 1.2rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

.admin-document-type-card.is-active .admin-document-type-icon {
  background: var(--admin-primary) !important;
  color: #ffffff !important;
}

.admin-document-type-content {
  display: grid !important;
  gap: 0.25rem !important;
  min-width: 0 !important;
}

.admin-document-type-content strong {
  display: block !important;
  min-width: 0 !important;

  color: var(--admin-text) !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
}

.admin-document-type-content small {
  display: block !important;
  min-width: 0 !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  line-height: 1.28 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
}

.admin-document-type-content em {
  display: inline-flex !important;
  width: fit-content !important;

  margin-top: 0.22rem !important;
  padding: 0.22rem 0.52rem !important;

  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-muted) !important;

  font-size: 0.68rem !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

.admin-document-type-card.is-active .admin-document-type-content em {
  background: #ffffff !important;
  color: var(--admin-primary-dark) !important;
}

/* Quelle auswählen: Tabs deutlicher, aber ruhig */
.admin-document-source-heading {
  align-items: center !important;
}

.admin-document-source-tabs {
  display: inline-flex !important;
  gap: 0.35rem !important;
  padding: 0.32rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 999px !important;

  background: var(--admin-surface-muted) !important;
}

.admin-document-source-tabs button {
  min-height: 2.45rem !important;
  border-radius: 999px !important;
  padding: 0.58rem 0.95rem !important;

  font-size: 0.88rem !important;
  font-weight: 950 !important;
}

.admin-document-source-tabs button.is-active {
  background: var(--admin-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(29, 78, 216, 0.22) !important;
}

/* Formularpanel */
.admin-document-form-panel {
  display: grid !important;
  gap: 1rem !important;
  padding: 1rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  background: #ffffff !important;
  box-shadow: var(--admin-shadow-md) !important;
}

.admin-document-form-panel[hidden],
.admin-document-form-panel:not(.is-active) {
  display: none !important;
}

.admin-document-form-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;

  padding-bottom: 0.85rem !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
}

.admin-document-form-header h2 {
  margin: 0.15rem 0 0.25rem !important;
  color: var(--admin-text) !important;
  font-size: 1.25rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
}

.admin-document-form-header p {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
  line-height: 1.42 !important;
}

.admin-document-field-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.9rem !important;
}

.admin-document-primary-fields {
  gap: 0.8rem !important;
}

.admin-document-primary-fields label,
.admin-document-form-panel label {
  display: grid !important;
  gap: 0.38rem !important;
  min-width: 0 !important;
}

.admin-document-primary-fields label > span,
.admin-document-form-panel label > span {
  color: var(--admin-text-soft) !important;
  font-size: 0.8rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

.admin-document-primary-fields input,
.admin-document-form-panel input[type="text"],
.admin-document-form-panel input[type="date"],
.admin-document-form-panel input[type="file"] {
  width: 100% !important;
  min-height: 3.05rem !important;

  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.9rem !important;

  background: #ffffff !important;
  color: var(--admin-text) !important;

  padding: 0.72rem 0.82rem !important;

  font-size: 0.92rem !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;

  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-document-primary-fields input:hover,
.admin-document-form-panel input:hover {
  border-color: #93c5fd !important;
}

.admin-document-primary-fields input:focus,
.admin-document-form-panel input:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: var(--admin-focus) !important;
}

/* Sichtbarkeit */
.admin-document-visibility-card {
  padding: 0.9rem !important;
  border-radius: 1rem !important;
}

.admin-document-public-toggle {
  display: grid !important;
  grid-template-columns: 1.35rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.72rem !important;

  margin: 0 !important;
  padding: 0.85rem !important;

  border-radius: 0.9rem !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

.admin-document-public-toggle input {
  width: 1.15rem !important;
  height: 1.15rem !important;
  margin-top: 0.08rem !important;
  accent-color: var(--admin-primary) !important;
}

.admin-document-public-toggle strong {
  color: var(--admin-text) !important;
  font-size: 0.94rem !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

.admin-document-public-toggle small {
  color: var(--admin-text-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-document-visibility-card > p {
  margin: 0.65rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

/* Vorschau */
.admin-document-preview-card {
  padding: 0.9rem !important;
  border-radius: 1rem !important;
  background: #f8fbff !important;
}

.admin-document-preview-card strong {
  font-size: 0.98rem !important;
  line-height: 1.22 !important;
}

.admin-document-preview-card span {
  font-size: 0.84rem !important;
  font-weight: 800 !important;
}

/* Speichern-Leiste innerhalb der Karte */
.admin-document-action-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;

  padding: 0.82rem !important;

  border: 1px solid rgba(191, 219, 254, 0.9) !important;
  border-radius: 1rem !important;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
}

.admin-document-action-bar strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 0.95rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-document-action-bar span {
  display: block !important;
  margin-top: 0.12rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;
}

/* Rechte Live-Ãœbersicht */
.admin-document-live-card,
.admin-document-next-step-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.25rem !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  padding: 1rem !important;
}

.admin-document-live-card h2 {
  margin: 0.25rem 0 0.2rem !important;
  color: var(--admin-text) !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-document-live-card .admin-preview-list {
  display: grid !important;
  gap: 0.45rem !important;
  margin-top: 0.9rem !important;
}

.admin-document-live-card .admin-preview-list div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.7rem !important;

  padding: 0.6rem 0.7rem !important;
  border: 0 !important;
  border-radius: 0.8rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-document-live-card .admin-preview-list dt {
  color: var(--admin-text-muted) !important;
  font-size: 0.7rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.admin-document-live-card .admin-preview-list dd {
  margin: 0 !important;

  display: grid !important;
  min-width: 1.65rem !important;
  height: 1.65rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;

  font-size: 0.84rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-document-next-step-card h3 {
  margin: 0.25rem 0 0.35rem !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
}

.admin-document-next-step-card p {
  margin: 0 0 0.85rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 780 !important;
  line-height: 1.42 !important;
}

.admin-document-next-step-card .admin-secondary-link {
  width: 100% !important;
}

/* Bestand unten */
.admin-document-existing-card {
  margin-top: 1.15rem !important;
  border-radius: 1.35rem !important;
}

.admin-document-empty-card {
  padding: 1.45rem !important;
  border-radius: 1rem !important;
}

.admin-document-empty-card h2 {
  font-size: 1.25rem !important;
}

/* Responsive */
@media (max-width: 1320px) {
  .admin-document-guided-layout {
    grid-template-columns:
      minmax(12rem, 13.5rem)
      minmax(0, 1fr) !important;
  }

  .admin-document-live-aside {
    grid-column: 1 / -1 !important;
    position: static !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .admin-document-guided-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-document-guided-sidebar,
  .admin-document-live-aside {
    position: static !important;
  }

  .admin-document-guided-sidebar {
    grid-template-columns: 1fr !important;
  }

  .admin-document-type-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-document-source-heading,
  .admin-document-form-header,
  .admin-document-action-bar {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-document-source-tabs {
    width: 100% !important;
  }

  .admin-document-source-tabs button {
    flex: 1 1 0 !important;
  }

  .admin-document-live-aside {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .admin-document-step-nav a {
    min-height: 3.25rem !important;
  }

  .admin-document-type-card {
    min-height: auto !important;
    grid-template-columns: 2.4rem minmax(0, 1fr) !important;
  }

  .admin-document-type-icon {
    width: 2.4rem !important;
    height: 2.4rem !important;
  }

  .admin-document-primary-fields {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   D12: Inspektionsseite finaler Feinschliff
   - Ergebnis-Karten stabil
   - Protokoll-Bereich ruhiger
   - Live-Vorschau sauber
   - Sticky-Speichern-Leiste weniger stoerend
   ========================================================= */

.admin-inspection-guided-workflow {
  padding-bottom: 6rem !important;
}

.admin-inspection-guided-layout {
  display: grid !important;
  grid-template-columns:
    minmax(12rem, 14rem)
    minmax(0, 44rem)
    minmax(15rem, 17rem) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: 1rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

.admin-inspection-left-rail,
.admin-inspection-preview {
  display: grid !important;
  gap: 0.9rem !important;
  min-width: 0 !important;
}

@media (min-width: 1180px) {
  .admin-inspection-left-rail,
  .admin-inspection-preview {
    position: sticky !important;
    top: 1.25rem !important;
    align-self: start !important;
  }
}

.admin-inspection-main {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

/* Linke Schritt-Navigation */
.admin-inspection-steps {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.55rem !important;

  padding: 0.75rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.2rem !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-inspection-steps a {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.6rem !important;

  min-height: 3rem !important;
  padding: 0.58rem 0.65rem !important;

  border: 1px solid transparent !important;
  border-radius: 0.9rem !important;

  background: transparent !important;
  color: var(--admin-text-soft) !important;

  font-size: 0.8rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}

.admin-inspection-steps a:hover,
.admin-inspection-steps a:focus-visible {
  border-color: #bfdbfe !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
}

.admin-inspection-steps a span {
  display: grid !important;
  width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;

  font-size: 0.76rem !important;
  font-weight: 950 !important;
}

/* Linke Hinweisbox */
.admin-inspection-side-card {
  padding: 0.95rem !important;
  border-radius: 1.15rem !important;
}

.admin-inspection-side-card h3 {
  margin: 0.25rem 0 0.65rem !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-inspection-side-card ul {
  display: grid !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-inspection-side-card li {
  padding: 0.62rem 0.68rem !important;
  border-radius: 0.85rem !important;

  font-size: 0.78rem !important;
  font-weight: 820 !important;
  line-height: 1.32 !important;
}

/* Alle Hauptkarten der Inspektionsseite */
.admin-inspection-main > .admin-workflow-section {
  min-width: 0 !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.35rem !important;
  background: rgba(255, 255, 255, 0.96) !important;

  padding: 1rem !important;
  box-shadow: var(--admin-shadow-sm) !important;

  overflow: visible !important;
  scroll-margin-top: 1.5rem !important;
}

.admin-inspection-main .admin-workflow-section-header {
  display: grid !important;
  gap: 0.25rem !important;
  margin: 0 0 0.9rem !important;
}

.admin-inspection-main .admin-workflow-section-header h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;

  font-size: clamp(1.25rem, 2.4vw, 1.65rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
}

.admin-inspection-main .admin-workflow-section-header p:not(.admin-kicker) {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;

  font-size: 0.88rem !important;
  font-weight: 760 !important;
  line-height: 1.42 !important;
}

/* Werkzeug-Zusammenfassung */
.admin-inspection-tool-summary {
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, 0.68), transparent 14rem),
    #ffffff !important;
}

.admin-inspection-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
}

.admin-inspection-summary-grid > div {
  display: grid !important;
  gap: 0.28rem !important;

  min-width: 0 !important;
  min-height: 4.55rem !important;

  padding: 0.72rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 0.9rem !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

.admin-inspection-summary-grid span {
  color: var(--admin-text-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.admin-inspection-summary-grid strong {
  min-width: 0 !important;
  width: fit-content !important;
  max-width: 100% !important;

  color: var(--admin-text) !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;

  overflow-wrap: anywhere !important;
}

/* Schritt 1: Ergebnis-Karten als stabile Liste */
.admin-inspection-result-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.65rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

.admin-inspection-result-card {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) 1.4rem !important;
  grid-template-areas:
    "icon content input"
    "status status status" !important;
  align-items: start !important;
  gap: 0.65rem 0.78rem !important;

  min-width: 0 !important;
  min-height: auto !important;

  padding: 0.85rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;

  box-shadow: var(--admin-shadow-xs) !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.admin-inspection-result-card:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-inspection-result-card:has(input:checked) {
  border-color: #60a5fa !important;
  background:
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(29, 78, 216, 0.16),
    0 10px 26px rgba(29, 78, 216, 0.12) !important;
}

.admin-inspection-result-card input {
  grid-area: input !important;

  position: static !important;
  inset: auto !important;

  width: 1.2rem !important;
  height: 1.2rem !important;
  margin: 0.18rem 0 0 !important;

  justify-self: end !important;
  accent-color: var(--admin-primary) !important;
}

.admin-inspection-result-icon {
  grid-area: icon !important;

  display: grid !important;
  width: 2.65rem !important;
  height: 2.65rem !important;
  place-items: center !important;

  border-radius: 999px !important;

  font-size: 1.2rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-inspection-result-card-success .admin-inspection-result-icon {
  background: var(--admin-success-soft) !important;
  color: var(--admin-success) !important;
}

.admin-inspection-result-card-warning .admin-inspection-result-icon {
  background: var(--admin-warning-soft) !important;
  color: var(--admin-warning) !important;
}

.admin-inspection-result-card-danger .admin-inspection-result-icon {
  background: var(--admin-danger-soft) !important;
  color: var(--admin-danger) !important;
}

.admin-inspection-result-content {
  grid-area: content !important;
  display: grid !important;
  gap: 0.18rem !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.admin-inspection-result-content strong {
  display: block !important;
  color: var(--admin-text) !important;

  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
}

.admin-inspection-result-content small {
  display: block !important;
  color: var(--admin-text-soft) !important;

  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
}

.admin-inspection-result-content em {
  display: block !important;
  margin-top: 0.12rem !important;

  color: var(--admin-text-muted) !important;

  font-size: 0.78rem !important;
  font-style: normal !important;
  font-weight: 760 !important;
  line-height: 1.34 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
}

.admin-inspection-result-status {
  grid-area: status !important;

  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;

  margin-top: 0.1rem !important;
  padding: 0.42rem 0.62rem !important;

  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-soft) !important;

  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

/* Schritt 2: Felder */
.admin-inspection-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.admin-inspection-field-card {
  display: grid !important;
  gap: 0.42rem !important;
  min-width: 0 !important;

  padding: 0.82rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-inspection-field-card > span {
  color: var(--admin-text-soft) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.admin-inspection-field-card input,
.admin-inspection-field-card select,
.admin-inspection-field-card textarea {
  width: 100% !important;
  min-height: 2.9rem !important;

  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.82rem !important;

  background: #ffffff !important;
  color: var(--admin-text) !important;

  padding: 0.68rem 0.78rem !important;

  font-size: 0.9rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;

  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-inspection-field-card textarea {
  min-height: 8rem !important;
  resize: vertical !important;
}

.admin-inspection-field-card input:hover,
.admin-inspection-field-card select:hover,
.admin-inspection-field-card textarea:hover {
  border-color: #93c5fd !important;
}

.admin-inspection-field-card input:focus,
.admin-inspection-field-card select:focus,
.admin-inspection-field-card textarea:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: var(--admin-focus) !important;
}

.admin-inspection-field-card small {
  color: var(--admin-text-muted) !important;
  font-size: 0.76rem !important;
  font-weight: 760 !important;
  line-height: 1.32 !important;
}

/* Datei-Input optisch angleichen */
.admin-inspection-field-card input[type="file"] {
  padding: 0.48rem !important;
  overflow: hidden !important;
}

.admin-inspection-field-card input[type="file"]::file-selector-button {
  min-height: 2.1rem !important;
  margin-right: 0.65rem !important;

  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.7rem !important;

  background: #ffffff !important;
  color: var(--admin-text-soft) !important;

  padding: 0.42rem 0.68rem !important;

  font: inherit !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;

  cursor: pointer !important;
}

/* Automatik-Box */
.admin-inspection-effect-panel {
  display: grid !important;
  gap: 0.8rem !important;

  margin-top: 0.85rem !important;
  padding: 0.9rem !important;

  border: 1px solid #bfdbfe !important;
  border-radius: 1rem !important;
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%) !important;
}

.admin-inspection-effect-header h3 {
  margin: 0.12rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.02rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-inspection-effect-list {
  display: grid !important;
  gap: 0.5rem !important;
  margin: 0 !important;
}

.admin-inspection-effect-list div {
  display: grid !important;
  grid-template-columns: minmax(8rem, 0.82fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.75rem !important;

  padding: 0.62rem 0.72rem !important;

  border-radius: 0.82rem !important;
  background: rgba(255, 255, 255, 0.78) !important;
}

/* Schritt 3: Protokoll nicht mehr gequetscht */
.admin-inspection-document-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
}

.admin-inspection-document-card {
  display: grid !important;
  gap: 0.85rem !important;

  min-width: 0 !important;

  padding: 0.9rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-inspection-card-title-row {
  display: grid !important;
  grid-template-columns: 2.35rem minmax(0, 1fr) !important;
  gap: 0.72rem !important;
  align-items: start !important;
}

.admin-inspection-card-title-row > span {
  display: grid !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;

  font-size: 0.82rem !important;
  font-weight: 950 !important;
}

.admin-inspection-card-title-row h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;

  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}

.admin-inspection-card-title-row .admin-muted {
  margin: 0.18rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-inspection-field-card-inner {
  padding: 0.72rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-inspection-upload-grid {
  grid-template-columns: 1fr !important;
}

.admin-inspection-document-note {
  margin: 0 !important;
  padding: 0.75rem 0.85rem !important;

  border-radius: 0.9rem !important;

  font-size: 0.82rem !important;
  font-weight: 860 !important;
  line-height: 1.35 !important;
}

/* Schritt 4 */
.admin-inspection-notes-card {
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

/* Rechte Live-Vorschau */
.admin-inspection-preview-card,
.admin-inspection-preview-quality {
  padding: 1rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.2rem !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-inspection-preview-card h2 {
  margin: 0.22rem 0 0.18rem !important;
  color: var(--admin-text) !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-inspection-preview-result {
  display: grid !important;
  gap: 0.25rem !important;

  margin: 0.8rem 0 0.85rem !important;
  padding: 0.85rem !important;

  border-radius: 1rem !important;
}

.admin-inspection-preview-result strong {
  font-size: 0.95rem !important;
  font-weight: 950 !important;
}

.admin-inspection-preview-result span {
  font-size: 0.78rem !important;
  font-weight: 780 !important;
  line-height: 1.3 !important;
}

.admin-inspection-preview .admin-preview-list {
  display: grid !important;
  gap: 0.45rem !important;
  margin: 0 !important;
}

.admin-inspection-preview .admin-preview-list div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.65rem !important;

  padding: 0.58rem 0.68rem !important;

  border: 0 !important;
  border-radius: 0.78rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-inspection-preview .admin-preview-list dt {
  color: var(--admin-text-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.admin-inspection-preview .admin-preview-list dd {
  margin: 0 !important;

  color: var(--admin-text) !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;

  text-align: right !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.admin-inspection-preview-quality h3 {
  margin: 0.22rem 0 0.7rem !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
}

.admin-inspection-preview-quality ul {
  display: grid !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Speichern-Leiste kleiner und mittig statt riesiger Overlay */
.admin-inspection-save-bar {
  position: sticky !important;
  bottom: 0.85rem !important;
  z-index: 60 !important;

  width: min(100%, 44rem) !important;
  margin: 1rem auto 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;

  padding: 0.72rem 0.85rem !important;

  border: 1px solid rgba(191, 219, 254, 0.95) !important;
  border-radius: 1.15rem !important;

  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16) !important;
  backdrop-filter: blur(16px) !important;
}

.admin-inspection-save-bar strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 0.95rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-inspection-save-bar span {
  display: block !important;
  margin-top: 0.1rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;
}

.admin-inspection-save-bar .admin-sticky-save-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.55rem !important;
  align-items: center !important;
}

.admin-inspection-save-bar .admin-secondary-link,
.admin-inspection-save-bar .admin-primary-button {
  min-height: 2.55rem !important;
  border-radius: 0.85rem !important;
  padding: 0.62rem 0.9rem !important;
  white-space: nowrap !important;
}

/* Responsive */
@media (max-width: 1280px) {
  .admin-inspection-guided-layout {
    grid-template-columns: minmax(11.5rem, 13rem) minmax(0, 1fr) !important;
  }

  .admin-inspection-preview {
    grid-column: 1 / -1 !important;
    position: static !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .admin-inspection-guided-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-left-rail,
  .admin-inspection-preview {
    position: static !important;
  }

  .admin-inspection-preview {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .admin-inspection-summary-grid,
  .admin-inspection-field-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-steps {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-save-bar {
    width: calc(100% - 1rem) !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .admin-inspection-save-bar .admin-sticky-save-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-save-bar .admin-secondary-link,
  .admin-inspection-save-bar .admin-primary-button {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  .admin-inspection-result-card {
    grid-template-columns: 2.4rem minmax(0, 1fr) 1.25rem !important;
    gap: 0.55rem !important;
    padding: 0.75rem !important;
  }

  .admin-inspection-result-icon {
    width: 2.4rem !important;
    height: 2.4rem !important;
  }
}

/* =========================================================
   D12 Fix: Inspektionsseite Seiten-Hinweiskarten
   - Sicher prüfen
   - Plausibilität
   - alte admin-quality-card-Listenregeln neutralisieren
   ========================================================= */

.admin-inspection-side-card,
.admin-inspection-preview-quality {
  display: grid !important;
  gap: 0.65rem !important;
  min-width: 0 !important;
  max-width: 100% !important;

  padding: 0.95rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--admin-shadow-sm) !important;

  overflow: hidden !important;
}

.admin-inspection-side-card .admin-kicker,
.admin-inspection-preview-quality .admin-kicker {
  margin: 0 !important;
}

.admin-inspection-side-card h3,
.admin-inspection-preview-quality h3 {
  margin: 0 !important;

  color: var(--admin-text) !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;

  overflow-wrap: normal !important;
  hyphens: none !important;
}

.admin-inspection-side-card ul,
.admin-inspection-preview-quality ul {
  display: grid !important;
  gap: 0.45rem !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.admin-inspection-side-card li,
.admin-inspection-preview-quality li {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 1.35rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.45rem !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0.62rem 0.68rem !important;

  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 0.82rem !important;
  background: var(--admin-warning-soft) !important;
  color: #78350f !important;

  font-size: 0.76rem !important;
  font-weight: 820 !important;
  line-height: 1.28 !important;

  overflow: hidden !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* alte absolute Icons aus .admin-quality-card neutralisieren */
.admin-inspection-side-card li::before,
.admin-inspection-preview-quality li::before {
  position: static !important;
  inset: auto !important;

  display: grid !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;
  place-items: center !important;

  margin: 0 !important;

  border-radius: 999px !important;
  background: var(--admin-warning) !important;
  color: #ffffff !important;

  content: "!" !important;

  font-size: 0.72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* grüne OK-Hinweise */
.admin-inspection-side-card li.admin-quality-ok,
.admin-inspection-preview-quality li.admin-quality-ok {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
  color: #14532d !important;
}

.admin-inspection-side-card li.admin-quality-ok::before,
.admin-inspection-preview-quality li.admin-quality-ok::before {
  background: var(--admin-success) !important;
  color: #ffffff !important;
  content: "✓" !important;
}

/* rote Hinweise, falls JS spaeter kritische Punkte setzt */
.admin-inspection-side-card li.admin-quality-danger,
.admin-inspection-preview-quality li.admin-quality-danger,
.admin-inspection-side-card li.is-danger,
.admin-inspection-preview-quality li.is-danger {
  border-color: var(--admin-danger-border) !important;
  background: var(--admin-danger-soft-2) !important;
  color: var(--admin-danger-dark) !important;
}

.admin-inspection-side-card li.admin-quality-danger::before,
.admin-inspection-preview-quality li.admin-quality-danger::before,
.admin-inspection-side-card li.is-danger::before,
.admin-inspection-preview-quality li.is-danger::before {
  background: var(--admin-danger) !important;
  content: "!" !important;
}

/* rechte Plausibilitätsbox kompakter */
.admin-inspection-preview-quality {
  align-content: start !important;
}

.admin-inspection-preview-quality li {
  font-size: 0.74rem !important;
}

/* auf sehr schmalen Bereichen noch ruhiger */
@media (max-width: 1280px) {
  .admin-inspection-side-card,
  .admin-inspection-preview-quality {
    padding: 0.85rem !important;
  }

  .admin-inspection-side-card li,
  .admin-inspection-preview-quality li {
    font-size: 0.76rem !important;
  }
}

/* =========================================================
   D14: Kategorie-Dokumente Feinschliff
   - kompakte Dokumentart-Karten
   - ruhige 3-Spalten-Führung
   - keine gebrochenen Texte
   ========================================================= */

.admin-category-document-header {
  align-items: center !important;
}

.admin-category-document-header .admin-header-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.admin-category-document-page {
  display: grid !important;
  grid-template-columns: minmax(12rem, 14rem) minmax(0, 38rem) minmax(12rem, 14rem) !important;
  gap: 1rem !important;
  align-items: start !important;
  margin-top: 1rem !important;
}

.admin-category-document-aside,
.admin-category-document-live-card {
  position: sticky !important;
  top: 1.25rem !important;
  align-self: start !important;
}

.admin-category-document-aside {
  display: grid !important;
  gap: 0.75rem !important;
}

.admin-category-document-main {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

.admin-category-document-section,
.admin-category-document-form-panel,
.admin-category-document-live-card,
.admin-category-document-existing-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.35rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-category-document-section {
  padding: 1rem !important;
}

.admin-category-document-form-panel {
  padding: 1rem !important;
}

.admin-category-document-source-section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
}

.admin-category-document-type-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
}

.admin-category-document-type-card {
  display: grid !important;
  grid-template-columns: 2.35rem minmax(0, 1fr) auto !important;
  grid-template-areas: "icon text audience" !important;
  align-items: center !important;
  gap: 0.7rem !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 5.9rem !important;

  padding: 0.78rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;

  text-align: left !important;
  overflow: hidden !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-category-document-type-card:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-category-document-type-card.is-active {
  border-color: #60a5fa !important;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(29, 78, 216, 0.16),
    0 10px 28px rgba(29, 78, 216, 0.12) !important;
}

.admin-category-document-type-card .admin-document-type-icon {
  grid-area: icon !important;

  display: grid !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  min-width: 2.35rem !important;
  place-items: center !important;

  border-radius: 0.78rem !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;

  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.admin-category-document-type-card.is-active .admin-document-type-icon {
  background: var(--admin-primary) !important;
  color: #ffffff !important;
}

.admin-document-type-copy {
  grid-area: text !important;
  display: grid !important;
  gap: 0.18rem !important;
  min-width: 0 !important;
}

.admin-document-type-copy strong {
  display: block !important;
  min-width: 0 !important;

  color: var(--admin-text) !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-document-type-copy small {
  display: block !important;
  min-width: 0 !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-category-document-type-card em {
  grid-area: audience !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  max-width: 5.8rem !important;

  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-muted) !important;

  padding: 0.28rem 0.48rem !important;

  font-size: 0.68rem !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-align: center !important;

  white-space: normal !important;
}

.admin-category-document-type-card.is-active em {
  background: #ffffff !important;
  color: var(--admin-primary-dark) !important;
}

.admin-category-document-input-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.admin-category-document-input-grid label {
  min-width: 0 !important;
}

.admin-category-document-input-grid input[type="text"],
.admin-category-document-input-grid input[type="url"],
.admin-category-document-input-grid input[type="file"] {
  min-height: 3.15rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.95rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.75rem 0.85rem !important;
  font-weight: 820 !important;
}

.admin-category-document-input-grid input:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: var(--admin-focus) !important;
}

.admin-category-document-page .admin-document-visibility-card {
  display: grid !important;
  gap: 0.65rem !important;

  border: 1px solid var(--admin-success-border) !important;
  border-radius: 1.05rem !important;
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%) !important;
  padding: 0.9rem !important;
}

.admin-category-document-page .admin-document-visibility-card.is-restricted {
  border-color: var(--admin-danger-border) !important;
  background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%) !important;
}

.admin-category-document-page .admin-document-preview-card {
  border: 1px dashed #93c5fd !important;
  border-radius: 1rem !important;
  background: #f8fbff !important;
  padding: 0.9rem !important;
}

.admin-document-save-bar-inline {
  position: static !important;
  bottom: auto !important;
  z-index: auto !important;

  margin-top: 0.25rem !important;

  border-radius: 1rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-category-document-live-card {
  display: grid !important;
  gap: 0.85rem !important;

  padding: 1rem !important;
}

.admin-category-document-live-card h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.2rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

.admin-category-document-live-card .admin-preview-list {
  display: grid !important;
  gap: 0.5rem !important;
}

.admin-category-document-live-card .admin-preview-list div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.6rem !important;
  align-items: center !important;

  border: 0 !important;
  border-radius: 0.82rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.62rem 0.7rem !important;
}

.admin-category-document-live-card .admin-preview-list dt {
  color: var(--admin-text-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.admin-category-document-live-card .admin-preview-list dd {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 0.95rem !important;
  font-weight: 950 !important;
}

.admin-category-document-existing-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.8rem !important;
}

.admin-category-document-existing-item {
  display: grid !important;
  gap: 0.75rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.05rem !important;
  background: #ffffff !important;
  padding: 0.95rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-category-document-existing-item h3 {
  margin: 0.45rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}

.admin-category-document-existing-item p {
  margin: 0.3rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 780 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.admin-category-document-empty {
  text-align: center !important;
}

.admin-category-document-empty h2 {
  margin-bottom: 0.4rem !important;
}

@media (max-width: 1280px) {
  .admin-category-document-page {
    grid-template-columns: minmax(11.5rem, 13rem) minmax(0, 1fr) !important;
  }

  .admin-category-document-live-card {
    grid-column: 1 / -1 !important;
    position: static !important;
  }
}

@media (max-width: 980px) {
  .admin-category-document-page {
    grid-template-columns: 1fr !important;
  }

  .admin-category-document-aside,
  .admin-category-document-live-card {
    position: static !important;
  }

  .admin-category-document-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-category-document-rule-card {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 720px) {
  .admin-category-document-header .admin-header-stats,
  .admin-category-document-type-grid,
  .admin-category-document-input-grid,
  .admin-category-document-existing-grid,
  .admin-category-document-aside {
    grid-template-columns: 1fr !important;
  }

  .admin-category-document-source-section {
    grid-template-columns: 1fr !important;
  }

  .admin-document-source-tabs {
    width: 100% !important;
  }

  .admin-document-source-tabs button {
    flex: 1 1 0 !important;
  }

  .admin-category-document-type-card {
    grid-template-columns: 2.35rem minmax(0, 1fr) !important;
    grid-template-areas:
      "icon text"
      "icon audience" !important;
    min-height: auto !important;
  }

  .admin-category-document-type-card em {
    justify-self: start !important;
    max-width: 100% !important;
  }

  .admin-document-save-bar-inline {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .admin-document-save-bar-inline .admin-primary-button {
    width: 100% !important;
  }
}

/* =========================================================
   D14.1: Kategorie-Dokumente Layout breit ziehen
   - nutzt die verfügbare Admin-Fläche besser aus
   - linke Schritte, Hauptbereich und Live-Ãœbersicht bleiben ruhig
   - Dokumentart-Karten brechen nicht mehr
   ========================================================= */

.admin-category-document-header,
.admin-category-document-page,
.admin-category-document-existing-card {
  width: 100% !important;
  max-width: none !important;
}

/* Hauptlayout breiter und flüssig statt fester 38rem-Mitte */
.admin-category-document-page {
  display: grid !important;
  grid-template-columns:
    minmax(13.5rem, 15.5rem)
    minmax(0, 1fr)
    minmax(13.5rem, 16rem) !important;

  gap: 1.15rem !important;
  align-items: start !important;

  margin-top: 1rem !important;
}

/* Linke und rechte Spalte bleiben beim Scrollen sichtbar */
.admin-category-document-aside,
.admin-category-document-live-card {
  position: sticky !important;
  top: 1.25rem !important;
  align-self: start !important;
}

/* Hauptspalte darf wirklich wachsen */
.admin-category-document-main {
  display: grid !important;
  gap: 1rem !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Karten allgemein auf volle Breite */
.admin-category-document-section,
.admin-category-document-form-panel,
.admin-category-document-source-section {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Schritt 1: mehr Platz für die Dokumentarten */
.admin-category-document-type-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.72rem !important;

  width: 100% !important;
  min-width: 0 !important;
}

/* Auf großen Bildschirmen 3 Spalten nutzen */
@media (min-width: 1500px) {
  .admin-category-document-type-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Dokumentart-Karten stabilisieren */
.admin-category-document-type-card {
  display: grid !important;
  grid-template-columns: 2.45rem minmax(0, 1fr) auto !important;
  grid-template-areas: "icon text audience" !important;
  align-items: center !important;

  gap: 0.72rem !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 5.65rem !important;

  padding: 0.82rem !important;

  overflow: hidden !important;
  text-align: left !important;
}

/* Textbereich darf schrumpfen, aber nicht kaputt umbrechen */
.admin-category-document-type-card .admin-document-type-copy {
  grid-area: text !important;
  display: grid !important;
  gap: 0.2rem !important;

  min-width: 0 !important;
  max-width: 100% !important;
}

.admin-category-document-type-card .admin-document-type-copy strong {
  display: block !important;

  color: var(--admin-text) !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-category-document-type-card .admin-document-type-copy small {
  display: block !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.75rem !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Kürzel links klar, aber kompakt */
.admin-category-document-type-card .admin-document-type-icon {
  grid-area: icon !important;

  width: 2.45rem !important;
  height: 2.45rem !important;
  min-width: 2.45rem !important;

  border-radius: 0.82rem !important;

  font-size: 0.76rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
}

/* Zielgruppe rechts darf nicht in den Text laufen */
.admin-category-document-type-card em {
  grid-area: audience !important;
  justify-self: end !important;

  max-width: 5.6rem !important;

  padding: 0.3rem 0.5rem !important;

  font-size: 0.66rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;

  white-space: normal !important;
  text-align: center !important;
}

/* Schritt 2 darf die ganze Hauptspalte nutzen */
.admin-category-document-source-section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
}

/* Schritt 3: Formular breiter und ruhiger */
.admin-category-document-input-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.8fr) !important;
  gap: 0.85rem !important;

  width: 100% !important;
}

.admin-category-document-input-grid label {
  min-width: 0 !important;
}

/* Dateiauswahl nicht zusammendrücken */
.admin-category-document-input-grid input[type="file"] {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Live-Übersicht rechts etwas kräftiger, aber nicht dominant */
.admin-category-document-live-card {
  min-width: 0 !important;
  padding: 1rem !important;
}

.admin-category-document-live-card .admin-secondary-link {
  width: 100% !important;
}

/* Bestand unten nutzt volle Fläche */
.admin-category-document-existing-card {
  margin-top: 1.2rem !important;
}

.admin-category-document-existing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
}

/* Bei leeren Dokumenten wirkt die Fläche bewusst und nicht verloren */
.admin-category-document-empty {
  min-height: 6.5rem !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
}

/* Zwischenbreiten: rechts nach unten, Hauptbereich bleibt breit */
@media (max-width: 1320px) {
  .admin-category-document-page {
    grid-template-columns:
      minmax(12.5rem, 14rem)
      minmax(0, 1fr) !important;
  }

  .admin-category-document-live-card {
    grid-column: 1 / -1 !important;
    position: static !important;
  }

  .admin-category-document-live-card .admin-preview-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Tablet */
@media (max-width: 980px) {
  .admin-category-document-page {
    grid-template-columns: 1fr !important;
  }

  .admin-category-document-aside,
  .admin-category-document-live-card {
    position: static !important;
  }

  .admin-category-document-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-category-document-rule-card {
    grid-column: 1 / -1 !important;
  }

  .admin-category-document-type-grid,
  .admin-category-document-existing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobil */
@media (max-width: 720px) {
  .admin-category-document-aside,
  .admin-category-document-type-grid,
  .admin-category-document-input-grid,
  .admin-category-document-existing-grid,
  .admin-category-document-live-card .admin-preview-list {
    grid-template-columns: 1fr !important;
  }

  .admin-category-document-source-section {
    grid-template-columns: 1fr !important;
  }

  .admin-category-document-type-card {
    grid-template-columns: 2.45rem minmax(0, 1fr) !important;
    grid-template-areas:
      "icon text"
      "icon audience" !important;

    min-height: auto !important;
  }

  .admin-category-document-type-card em {
    justify-self: start !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   D7.2: Inspektionsseite volle Breite nutzen
   - 3-Spalten-Layout sauber ausnutzen
   - Ergebnis-Karten wieder zweispaltig
   - Live-Vorschau und Schrittführung bleiben sichtbar
   - Sticky-Speicherleiste ruhiger und breiter
   ========================================================= */

/* Seite insgesamt breiter nutzen */
.admin-inspection-back-row,
.admin-inspection-guided-hero,
.admin-inspection-guided-workflow {
  width: min(100%, 104rem) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Form darf nicht künstlich schmal werden */
.admin-inspection-guided-workflow {
  display: block !important;
  overflow: visible !important;
}

/* Das eigentliche 3-Spalten-Layout */
.admin-inspection-guided-layout,
.admin-inspection-layout.admin-inspection-guided-layout {
  display: grid !important;
  grid-template-columns:
    minmax(13.5rem, 15.5rem)
    minmax(0, 1fr)
    minmax(15rem, 18rem) !important;

  gap: 1.15rem !important;
  align-items: start !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Linke und rechte Spalte bleiben beim Scrollen sichtbar */
.admin-inspection-left-rail,
.admin-inspection-preview {
  position: sticky !important;
  top: 1.25rem !important;
  align-self: start !important;
  min-width: 0 !important;
}

/* Hauptbereich soll wirklich wachsen */
.admin-inspection-main {
  display: grid !important;
  gap: 1rem !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.admin-inspection-main > .admin-workflow-section,
.admin-inspection-tool-summary,
.admin-inspection-result-section {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Werkzeug-Zusammenfassung oben ruhiger und breiter */
.admin-inspection-tool-summary {
  padding: 1.15rem !important;
}

.admin-inspection-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.admin-inspection-summary-grid > div {
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.85rem !important;
}

.admin-inspection-summary-grid span {
  display: block !important;
  margin-bottom: 0.3rem !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
}

.admin-inspection-summary-grid strong {
  color: var(--admin-text) !important;
  font-size: 0.94rem !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

/* Schritt 1: Ergebnis-Karten zweispaltig und stabil */
.admin-inspection-result-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;

  width: 100% !important;
  min-width: 0 !important;
}

.admin-inspection-result-card {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) 1.35rem !important;
  grid-template-areas:
    "icon content radio"
    "status status status" !important;

  align-items: start !important;
  gap: 0.65rem 0.8rem !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 9.6rem !important;

  padding: 0.95rem !important;

  overflow: hidden !important;
  text-align: left !important;
}

.admin-inspection-result-card input[type="radio"] {
  grid-area: radio !important;

  position: static !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  margin: 0.1rem 0 0 !important;

  accent-color: var(--admin-primary) !important;
}

.admin-inspection-result-icon {
  grid-area: icon !important;

  width: 2.45rem !important;
  height: 2.45rem !important;

  border-radius: 999px !important;

  font-size: 1rem !important;
  font-weight: 950 !important;
}

.admin-inspection-result-content {
  grid-area: content !important;

  display: grid !important;
  gap: 0.18rem !important;

  min-width: 0 !important;
}

.admin-inspection-result-content strong {
  color: var(--admin-text) !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-inspection-result-content small {
  color: var(--admin-text-soft) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-inspection-result-content em {
  margin-top: 0.2rem !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.76rem !important;
  font-style: normal !important;
  font-weight: 760 !important;
  line-height: 1.28 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-inspection-result-status {
  grid-area: status !important;

  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;

  align-items: center !important;

  margin-top: 0.15rem !important;
  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;

  padding: 0.34rem 0.55rem !important;

  color: var(--admin-text-soft) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;

  white-space: normal !important;
}

/* Aktive Karte sichtbar, aber nicht zu laut */
.admin-inspection-result-card:has(input:checked) {
  border-color: #60a5fa !important;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(29, 78, 216, 0.16),
    0 12px 30px rgba(29, 78, 216, 0.12) !important;
}

/* Schritt 2: Prüfdaten breiter */
.admin-inspection-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
}

.admin-inspection-field-card {
  min-width: 0 !important;
}

/* Automatik-Box besser ausnutzen */
.admin-inspection-effect-list {
  display: grid !important;
  gap: 0.65rem !important;
}

.admin-inspection-effect-list div {
  display: grid !important;
  grid-template-columns: minmax(9rem, 0.7fr) minmax(0, 1fr) !important;
  gap: 0.8rem !important;
  align-items: center !important;
}

/* Schritt 3: Protokoll-Boxen nebeneinander */
.admin-inspection-document-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.9rem !important;
}

.admin-inspection-document-card {
  min-width: 0 !important;
}

/* Upload-Felder nicht zerquetschen */
.admin-inspection-upload-grid {
  grid-template-columns: 1fr !important;
}

/* Rechte Live-Vorschau kompakt und stabil */
.admin-inspection-preview-card,
.admin-inspection-preview-quality {
  width: 100% !important;
  min-width: 0 !important;
}

.admin-inspection-preview-card {
  padding: 1rem !important;
}

.admin-preview-list {
  display: grid !important;
  gap: 0.55rem !important;
}

.admin-preview-list div {
  display: grid !important;
  grid-template-columns: minmax(6.5rem, 0.9fr) minmax(0, 1fr) !important;
  gap: 0.55rem !important;
  align-items: center !important;

  min-width: 0 !important;
}

/* Qualitätskarten links/rechts dürfen nicht brechen */
.admin-inspection-side-card,
.admin-inspection-preview-quality {
  padding: 0.95rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-inspection-side-card ul,
.admin-inspection-preview-quality ul {
  display: grid !important;
  gap: 0.5rem !important;

  margin: 0.75rem 0 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.admin-inspection-side-card li,
.admin-inspection-preview-quality li {
  position: relative !important;

  min-width: 0 !important;

  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 0.82rem !important;
  background: var(--admin-warning-soft) !important;
  color: #78350f !important;

  padding: 0.68rem 0.72rem 0.68rem 2rem !important;

  font-size: 0.78rem !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-inspection-side-card li::before,
.admin-inspection-preview-quality li::before {
  position: absolute !important;
  top: 0.7rem !important;
  left: 0.65rem !important;

  display: grid !important;
  width: 1rem !important;
  height: 1rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-warning) !important;
  color: #ffffff !important;

  content: "!" !important;

  font-size: 0.68rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-inspection-side-card li.admin-quality-ok,
.admin-inspection-preview-quality li.admin-quality-ok {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
  color: #14532d !important;
}

.admin-inspection-side-card li.admin-quality-ok::before,
.admin-inspection-preview-quality li.admin-quality-ok::before {
  background: var(--admin-success) !important;
  content: "✓" !important;
}

/* Speicherleiste breiter und ruhiger */
.admin-inspection-save-bar {
  width: min(100%, 104rem) !important;
  max-width: none !important;

  margin: 1rem auto 0 !important;

  position: sticky !important;
  bottom: 1rem !important;
  z-index: 35 !important;

  border-radius: 1.15rem !important;
}

/* Bei breiten Displays: etwas mehr Luft */
@media (min-width: 1500px) {
  .admin-inspection-guided-layout,
  .admin-inspection-layout.admin-inspection-guided-layout {
    grid-template-columns:
      minmax(14rem, 16.5rem)
      minmax(0, 1fr)
      minmax(16rem, 19rem) !important;

    gap: 1.35rem !important;
  }

  .admin-inspection-result-card {
    min-height: 9.2rem !important;
  }
}

/* Zwischenbreiten: Live-Vorschau unter Hauptbereich, damit nichts gequetscht wird */
@media (max-width: 1280px) {
  .admin-inspection-guided-layout,
  .admin-inspection-layout.admin-inspection-guided-layout {
    grid-template-columns:
      minmax(12.5rem, 14.5rem)
      minmax(0, 1fr) !important;
  }

  .admin-inspection-preview {
    grid-column: 1 / -1 !important;
    position: static !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }
}

/* Tablet */
@media (max-width: 980px) {
  .admin-inspection-guided-layout,
  .admin-inspection-layout.admin-inspection-guided-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-left-rail,
  .admin-inspection-preview {
    position: static !important;
  }

  .admin-inspection-left-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.9rem !important;
  }

  .admin-inspection-result-grid,
  .admin-inspection-document-grid,
  .admin-inspection-preview {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobil */
@media (max-width: 720px) {
  .admin-inspection-left-rail,
  .admin-inspection-summary-grid,
  .admin-inspection-field-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-result-card {
    grid-template-columns: 2.45rem minmax(0, 1fr) 1.2rem !important;
    min-height: auto !important;
  }

  .admin-inspection-effect-list div,
  .admin-preview-list div {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-save-bar {
    bottom: 0.65rem !important;
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .admin-inspection-save-bar .admin-sticky-save-actions {
    width: 100% !important;
  }

  .admin-inspection-save-bar .admin-secondary-link,
  .admin-inspection-save-bar .admin-primary-button {
    flex: 1 1 auto !important;
    width: 100% !important;
  }
}

/* =========================================================
   D7.3: Inspektionsseite Feinschliff
   - Kein Brechen bei "Sicher prüfen"
   - Schritt 3 stabil und lesbar
   - Plausibilität sauber
   - 3-Spalten nur, wenn wirklich genug Platz ist
   ========================================================= */

/* Grundsätzlich: Inspektionsseite darf breit sein */
.admin-inspection-back-row,
.admin-inspection-guided-hero,
.admin-inspection-guided-workflow {
  width: min(100%, 108rem) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Wichtige Korrektur:
   Bei normalen Desktop-Breiten nur 2 Spalten.
   Dadurch bekommt der Hauptbereich genug Breite. */
.admin-inspection-guided-layout,
.admin-inspection-layout.admin-inspection-guided-layout {
  display: grid !important;
  grid-template-columns: minmax(14.5rem, 16rem) minmax(0, 1fr) !important;
  gap: 1.15rem !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Rechte Live-Vorschau bei normalem Desktop unter den Hauptbereich,
   statt die Mitte kaputt zu drücken. */
.admin-inspection-preview {
  grid-column: 2 !important;
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Linke Führung bleibt sichtbar und stabil */
.admin-inspection-left-rail {
  position: sticky !important;
  top: 1.25rem !important;
  align-self: start !important;
  display: grid !important;
  gap: 0.9rem !important;
  min-width: 0 !important;
}

/* Hauptbereich darf wachsen */
.admin-inspection-main {
  display: grid !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.admin-inspection-main > .admin-workflow-section {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* ---------------------------------------------------------
   Sicher prüfen / Plausibilität: keine kaputten Wortumbrüche
   --------------------------------------------------------- */

.admin-inspection-side-card,
.admin-inspection-preview-quality {
  width: 100% !important;
  min-width: 0 !important;
  padding: 1rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  overflow: hidden !important;
}

.admin-inspection-side-card h3,
.admin-inspection-preview-quality h3 {
  margin: 0.25rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

.admin-inspection-side-card ul,
.admin-inspection-preview-quality ul {
  display: grid !important;
  gap: 0.55rem !important;
  margin: 0.8rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-inspection-side-card li,
.admin-inspection-preview-quality li {
  position: relative !important;
  display: block !important;

  min-width: 0 !important;
  width: 100% !important;

  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 0.85rem !important;
  background: var(--admin-warning-soft) !important;
  color: #78350f !important;

  padding: 0.72rem 0.78rem 0.72rem 2.15rem !important;

  font-size: 0.78rem !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-inspection-side-card li::before,
.admin-inspection-preview-quality li::before {
  position: absolute !important;
  top: 0.72rem !important;
  left: 0.72rem !important;

  display: grid !important;
  width: 1rem !important;
  height: 1rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-warning) !important;
  color: #ffffff !important;

  content: "!" !important;

  font-size: 0.68rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-inspection-side-card li.admin-quality-ok,
.admin-inspection-preview-quality li.admin-quality-ok {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
  color: #14532d !important;
}

.admin-inspection-side-card li.admin-quality-ok::before,
.admin-inspection-preview-quality li.admin-quality-ok::before {
  background: var(--admin-success) !important;
  content: "✓" !important;
}

/* ---------------------------------------------------------
   Schritt 3: Prüfprotokoll stabilisieren
   --------------------------------------------------------- */

/* Im aktuellen Layout ist Schritt 3 zweispaltig zu eng.
   Deshalb: innerhalb des Hauptbereichs untereinander. */
.admin-inspection-document-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.85rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

.admin-inspection-document-card {
  display: grid !important;
  gap: 0.85rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 1rem !important;
  overflow: hidden !important;
}

.admin-inspection-card-title-row {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  gap: 0.7rem !important;
  align-items: start !important;
  min-width: 0 !important;
}

.admin-inspection-card-title-row > span {
  display: grid !important;
  width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary) !important;

  font-size: 0.8rem !important;
  font-weight: 950 !important;
}

.admin-inspection-card-title-row h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-inspection-card-title-row p {
  margin: 0.22rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-inspection-upload-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.admin-inspection-field-card,
.admin-inspection-field-card-inner {
  min-width: 0 !important;
  overflow: hidden !important;
}

.admin-inspection-field-card select,
.admin-inspection-field-card input,
.admin-inspection-field-card textarea {
  min-width: 0 !important;
  width: 100% !important;
}

/* Datei-Feld ruhiger darstellen */
.admin-inspection-field-card input[type="file"] {
  padding: 0.68rem !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
}

/* Warnbox unter Upload sauber */
.admin-inspection-document-note,
.admin-document-risk-card[data-inspection-document-warning] {
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 0.95rem !important;
  padding: 0.8rem 0.9rem !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

/* ---------------------------------------------------------
   Live-Vorschau rechts/unten sauber
   --------------------------------------------------------- */

.admin-inspection-preview-card {
  width: 100% !important;
  min-width: 0 !important;
  padding: 1rem !important;
  overflow: hidden !important;
}

.admin-inspection-preview-result {
  border-radius: 1rem !important;
  padding: 0.85rem !important;
}

.admin-preview-list {
  display: grid !important;
  gap: 0.55rem !important;
}

.admin-preview-list div {
  display: grid !important;
  grid-template-columns: minmax(7.5rem, 0.9fr) minmax(0, 1fr) !important;
  gap: 0.65rem !important;
  align-items: center !important;
  min-width: 0 !important;
}

/* ---------------------------------------------------------
   Große Displays: erst dann echte 3-Spalten-Ansicht
   --------------------------------------------------------- */

@media (min-width: 1580px) {
  .admin-inspection-guided-layout,
  .admin-inspection-layout.admin-inspection-guided-layout {
    grid-template-columns:
      minmax(15rem, 17rem)
      minmax(0, 1fr)
      minmax(16rem, 19rem) !important;
  }

  .admin-inspection-preview {
    grid-column: auto !important;
    position: sticky !important;
    top: 1.25rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-document-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-inspection-upload-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ---------------------------------------------------------
   Tablet: alles untereinander, keine Brüche
   --------------------------------------------------------- */

@media (max-width: 980px) {
  .admin-inspection-guided-layout,
  .admin-inspection-layout.admin-inspection-guided-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-left-rail,
  .admin-inspection-preview {
    position: static !important;
    grid-column: auto !important;
  }

  .admin-inspection-preview {
    grid-template-columns: 1fr !important;
  }

  .admin-inspection-upload-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ---------------------------------------------------------
   Mobil
   --------------------------------------------------------- */

@media (max-width: 720px) {
  .admin-inspection-result-grid,
  .admin-inspection-field-grid,
  .admin-inspection-summary-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-preview-list div {
    grid-template-columns: 1fr !important;
    gap: 0.25rem !important;
  }

  .admin-inspection-card-title-row {
    grid-template-columns: 1.9rem minmax(0, 1fr) !important;
  }
}

/* =========================================================
   Tools-Seite: Fläche besser nutzen
   - voller Arbeitsbereich
   - stabilere 3-Spalten-Struktur
   - kompaktere Ergebnisliste
   - Sidecards bleiben sichtbar
   ========================================================= */

.admin-tools-page-header,
.admin-tools-workflow {
  width: min(100%, 112rem) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.admin-tools-workflow {
  margin-top: 1rem !important;
}

/* Desktop: volle Breite nach Sidebar nutzen */
.admin-tools-workflow-layout {
  display: grid !important;
  grid-template-columns:
    minmax(13.5rem, 15rem)
    minmax(0, 1fr)
    minmax(16rem, 18.5rem) !important;
  gap: 1rem !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Linke und rechte Hilfselemente bleiben beim Scrollen sichtbar */
.admin-tools-workflow-rail,
.admin-tools-workflow-preview {
  position: sticky !important;
  top: 1.25rem !important;
  align-self: start !important;
  min-width: 0 !important;
}

/* Mitte darf wirklich wachsen */
.admin-tools-workflow-main {
  display: grid !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.admin-tools-workflow-main > .admin-workflow-section,
.admin-tools-workflow-section,
.admin-tools-results-section {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Suchbereich nutzt die Breite angenehmer */
.admin-tools-search-guided {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 0.7rem !important;
  align-items: center !important;
}

.admin-tools-search-guided input[type="search"] {
  min-height: 3.1rem !important;
}

/* Schritt 2 bleibt ruhig und breit, aber nicht aufgebläht */
.admin-tools-decision-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.72rem !important;
}

.admin-tools-decision-card {
  display: grid !important;
  grid-template-columns: 3rem minmax(0, 1fr) 2.5rem !important;
  align-items: center !important;
  gap: 0.85rem !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 4.85rem !important;

  padding: 0.85rem 0.95rem !important;
}

.admin-tools-decision-text {
  display: grid !important;
  gap: 0.18rem !important;
  min-width: 0 !important;
}

.admin-tools-decision-text strong {
  font-size: 0.96rem !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

.admin-tools-decision-text small {
  max-width: 42rem !important;
  font-size: 0.78rem !important;
  line-height: 1.28 !important;
  white-space: normal !important;
}

/* Ergebnisliste: mehr Fläche, weniger Höhe je Werkzeug */
.admin-tools-guided-list {
  display: grid !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

.admin-tools-guided-card {
  display: grid !important;
  grid-template-columns: minmax(13rem, 1.1fr) minmax(18rem, 1.5fr) auto !important;
  grid-template-areas:
    "head next actions"
    "facts facts actions" !important;
  gap: 0.7rem 0.9rem !important;
  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;

  padding: 0.72rem 0.78rem !important;
  border-radius: 1rem !important;
}

.admin-tools-guided-card-header {
  grid-area: head !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.55rem !important;
  align-items: start !important;
  min-width: 0 !important;
}

.admin-tools-guided-card-header .admin-table-strong-link {
  font-size: 0.95rem !important;
  line-height: 1.1 !important;
}

.admin-tools-guided-card-header span:not(.admin-badge),
.admin-tools-guided-card-header small {
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
}

.admin-tools-guided-next-step {
  grid-area: next !important;
  min-width: 0 !important;
  padding: 0.62rem 0.75rem !important;
  border-radius: 0.85rem !important;
}

.admin-tools-guided-next-step strong {
  font-size: 0.88rem !important;
  line-height: 1.15 !important;
}

.admin-tools-guided-next-step p {
  margin-top: 0.12rem !important;
  font-size: 0.76rem !important;
  line-height: 1.25 !important;

  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
}

.admin-tools-guided-facts {
  grid-area: facts !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;

  min-width: 0 !important;
  margin: 0 !important;
}

.admin-tools-guided-facts div {
  min-width: 0 !important;
  padding: 0.52rem 0.62rem !important;
  border-radius: 0.78rem !important;
}

.admin-tools-guided-facts dt {
  font-size: 0.64rem !important;
  line-height: 1.05 !important;
}

.admin-tools-guided-facts dd {
  margin-top: 0.16rem !important;
}

.admin-tools-guided-facts dd strong,
.admin-tools-guided-facts dd small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-tools-guided-facts dd strong {
  display: block !important;
  font-size: 0.82rem !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

.admin-tools-guided-facts dd small {
  display: block !important;
  margin-top: 0.12rem !important;
  font-size: 0.7rem !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.admin-tools-guided-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.45rem !important;
  align-self: stretch !important;
  align-content: center !important;
  min-width: 7.8rem !important;
}

.admin-tools-guided-actions .admin-primary-link,
.admin-tools-guided-actions .admin-secondary-link,
.admin-tools-guided-actions .admin-action-menu summary {
  width: 100% !important;
  min-height: 2.35rem !important;
  padding: 0.55rem 0.75rem !important;
  font-size: 0.82rem !important;
  border-radius: 0.75rem !important;
}

/* Mehr-Menü immer über den Karten */
.admin-tools-guided-card,
.admin-tools-results-section {
  overflow: visible !important;
}

.admin-action-menu {
  position: relative !important;
  z-index: 20 !important;
}

.admin-action-menu[open] {
  z-index: 90 !important;
}

.admin-action-menu-panel {
  z-index: 100 !important;
}

/* Rechte Live-Ãœbersicht sauber nutzen */
.admin-tools-preview-card {
  width: 100% !important;
  min-width: 0 !important;
}

.admin-tools-preview-facts div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.65rem !important;
}

.admin-tools-preview-facts dt {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-tools-preview-facts dd {
  min-width: 2rem !important;
  text-align: center !important;
}

/* Große Displays: Ergebnisliste darf zweispaltig werden */
@media (min-width: 1560px) {
  .admin-tools-workflow-layout {
    grid-template-columns:
      minmax(14rem, 15.5rem)
      minmax(0, 1fr)
      minmax(17rem, 19rem) !important;
  }

  .admin-tools-guided-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-tools-guided-card {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "head actions"
      "next actions"
      "facts facts" !important;
  }

  .admin-tools-guided-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Mittlere Displays: rechte Ãœbersicht unter die Mitte legen */
@media (max-width: 1180px) {
  .admin-tools-workflow-layout {
    grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr) !important;
  }

  .admin-tools-workflow-preview {
    grid-column: 2 !important;
    position: static !important;
  }

  .admin-tools-guided-card {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "head actions"
      "next actions"
      "facts facts" !important;
  }
}

/* Tablet / Mobil */
@media (max-width: 900px) {
  .admin-tools-workflow-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-tools-workflow-rail,
  .admin-tools-workflow-preview {
    position: static !important;
    grid-column: auto !important;
  }

  .admin-tools-search-guided {
    grid-template-columns: 1fr !important;
  }

  .admin-tools-guided-card {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "next"
      "facts"
      "actions" !important;
  }

  .admin-tools-guided-facts {
    grid-template-columns: 1fr !important;
  }

  .admin-tools-guided-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   Tools-Seite: linke Hilfe-Karte stabilisieren
   - Unsicher?-Kachel bricht nicht mehr aus
   - Button darf umbrechen
   - Text bleibt innerhalb der Karte
   ========================================================= */

.admin-tools-workflow-rail {
  min-width: 0 !important;
}

.admin-tools-rail-card,
.admin-tools-rail-card-help {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.admin-tools-rail-card-help {
  display: grid !important;
  gap: 0.7rem !important;
  padding: 0.95rem !important;
  border-radius: 1.15rem !important;
}

.admin-tools-rail-card-help .admin-kicker {
  margin: 0 !important;
  font-size: 0.72rem !important;
  line-height: 1.05 !important;
  white-space: normal !important;
}

.admin-tools-rail-card-help h2 {
  margin: 0 !important;
  max-width: 100% !important;

  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;

  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.admin-tools-rail-card-help p {
  margin: 0 !important;
  max-width: 100% !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
  line-height: 1.35 !important;

  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.admin-tools-rail-card-help .admin-secondary-link {
  display: inline-flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 2.75rem !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 0.62rem 0.65rem !important;
  border-radius: 0.85rem !important;

  font-size: 0.84rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  text-align: center !important;

  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Etwas mehr Luft für die linke Spalte auf großen Ansichten */
@media (min-width: 1181px) {
  .admin-tools-workflow-layout {
    grid-template-columns:
      minmax(14.5rem, 16rem)
      minmax(0, 1fr)
      minmax(16rem, 18.5rem) !important;
  }
}

/* Sehr breite Ansichten behalten die ruhige Proportion */
@media (min-width: 1560px) {
  .admin-tools-workflow-layout {
    grid-template-columns:
      minmax(15rem, 16.5rem)
      minmax(0, 1fr)
      minmax(17rem, 19rem) !important;
  }
}

/* =========================================================
   Tools-Seite: Schritt 3 kompakte Werkzeug-Zeilen
   - keine brechenden Mini-Kacheln mehr
   - volle Breite je Werkzeug nutzen
   - ruhiger, scannbarer, weniger Höhe
   ========================================================= */

.admin-tools-results-section {
  overflow: visible !important;
}

.admin-tools-guided-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Wichtig: alte 2-Spalten-Regeln überschreiben */
@media (min-width: 1200px) {
  .admin-tools-guided-list {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1560px) {
  .admin-tools-guided-list {
    grid-template-columns: 1fr !important;
  }
}

.admin-tools-guided-card {
  position: relative !important;

  display: grid !important;
  grid-template-columns:
    minmax(10.5rem, 0.9fr)
    minmax(15rem, 1.3fr)
    minmax(16rem, 1.15fr)
    minmax(7.5rem, auto) !important;
  grid-template-areas: "head next facts actions" !important;

  align-items: center !important;
  gap: 0.7rem !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 6.25rem !important;

  padding: 0.72rem 0.78rem 0.72rem 0.95rem !important;
  border-radius: 1rem !important;
  overflow: visible !important;

  background: #ffffff !important;
}

/* farbiger Statusbalken bleibt, aber nimmt wenig Platz */
.admin-tools-guided-card::before {
  position: absolute !important;
  inset: 0.72rem auto 0.72rem 0 !important;
  width: 0.28rem !important;
  border-radius: 999px !important;
  content: "" !important;
}

.admin-tools-guided-card.admin-tools-guided-card-critical::before,
.admin-tools-guided-card:has(.admin-badge-red)::before,
.admin-tools-guided-card:has(.admin-badge-orange)::before {
  background: var(--admin-danger) !important;
}

.admin-tools-guided-card:has(.admin-badge-amber)::before {
  background: var(--admin-warning) !important;
}

.admin-tools-guided-card:has(.admin-badge-green)::before {
  background: var(--admin-success) !important;
}

/* Kopfbereich: Name, ID, Typ */
.admin-tools-guided-card-header {
  grid-area: head !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.38rem 0.5rem !important;
  align-items: start !important;

  min-width: 0 !important;
}

.admin-tools-guided-card-header .admin-table-strong-link {
  display: block !important;

  max-width: 100% !important;

  color: var(--admin-primary) !important;
  font-size: 0.94rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  text-decoration: none !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-tools-guided-card-header span:not(.admin-badge),
.admin-tools-guided-card-header small {
  display: block !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-tools-guided-card-header .admin-badge {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: start !important;

  padding: 0.22rem 0.55rem !important;
  font-size: 0.68rem !important;
}

/* Handlungshinweis kompakter */
.admin-tools-guided-next-step {
  grid-area: next !important;

  display: grid !important;
  gap: 0.14rem !important;

  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.55rem 0.68rem !important;

  border-radius: 0.78rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-tools-guided-next-step strong {
  display: block !important;

  color: var(--admin-text) !important;
  font-size: 0.84rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-tools-guided-next-step p {
  display: -webkit-box !important;
  margin: 0 !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;

  overflow: hidden !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
}

/* Fakten nebeneinander, aber kompakt */
.admin-tools-guided-facts {
  grid-area: facts !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;

  min-width: 0 !important;
  margin: 0 !important;
}

.admin-tools-guided-facts div {
  min-width: 0 !important;

  padding: 0.48rem 0.55rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 0.74rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-tools-guided-facts dt {
  margin: 0 !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.6rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-tools-guided-facts dd {
  margin: 0.16rem 0 0 !important;
  min-width: 0 !important;
}

.admin-tools-guided-facts dd strong,
.admin-tools-guided-facts dd small,
.admin-tools-guided-facts .admin-badge {
  max-width: 100% !important;
}

.admin-tools-guided-facts dd strong {
  display: block !important;

  color: var(--admin-text) !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-tools-guided-facts dd small {
  display: block !important;

  margin-top: 0.12rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-tools-guided-facts .admin-badge {
  padding: 0.18rem 0.46rem !important;
  font-size: 0.62rem !important;
  line-height: 1.05 !important;
}

/* Aktionen rechts sauber und einheitlich */
.admin-tools-guided-actions {
  grid-area: actions !important;

  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.42rem !important;

  min-width: 7.4rem !important;
  align-self: stretch !important;
  align-content: center !important;
}

.admin-tools-guided-actions .admin-primary-link,
.admin-tools-guided-actions .admin-secondary-link,
.admin-tools-guided-actions .admin-action-menu summary {
  width: 100% !important;
  min-height: 2.25rem !important;

  padding: 0.48rem 0.68rem !important;
  border-radius: 0.72rem !important;

  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

/* Mehr-Menü zuverlässig über den Karten */
.admin-tools-guided-card {
  z-index: 1 !important;
}

.admin-tools-guided-card:has(.admin-action-menu[open]) {
  z-index: 80 !important;
}

.admin-action-menu[open] {
  z-index: 100 !important;
}

.admin-action-menu-panel {
  z-index: 110 !important;
}

/* Bei weniger Breite: zweizeilig, aber weiterhin stabil */
@media (max-width: 1280px) {
  .admin-tools-guided-card {
    grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1fr) minmax(7.5rem, auto) !important;
    grid-template-areas:
      "head next actions"
      "facts facts actions" !important;
  }
}

/* Tablet: normale Karten untereinander */
@media (max-width: 900px) {
  .admin-tools-guided-card {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "next"
      "facts"
      "actions" !important;

    min-height: 0 !important;
    padding: 0.82rem !important;
  }

  .admin-tools-guided-card-header .admin-table-strong-link,
  .admin-tools-guided-next-step strong,
  .admin-tools-guided-facts dd strong,
  .admin-tools-guided-facts dd small {
    white-space: normal !important;
  }

  .admin-tools-guided-facts {
    grid-template-columns: 1fr !important;
  }

  .admin-tools-guided-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   Kategorie-Seite Feinschliff
   - volle Breite besser nutzen
   - ruhigere Struktur
   - kompaktere Kategorie-Karten
   - stabile Sidebars
   ========================================================= */

.admin-category-v2-hero,
.admin-category-v2-shell {
  width: min(100%, 92rem) !important;
  margin-inline: auto !important;
}

.admin-category-v2-hero {
  min-height: 8.4rem !important;
  margin-bottom: 1rem !important;
}

.admin-category-v2-hero .admin-header-actions {
  justify-content: flex-end !important;
}

.admin-category-v2-shell {
  display: grid !important;
  grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr) minmax(14rem, 16.5rem) !important;
  gap: 1.15rem !important;
  align-items: start !important;
}

.admin-category-v2-rail,
.admin-category-v2-live {
  position: sticky !important;
  top: 1rem !important;
  z-index: 20 !important;
  display: grid !important;
  gap: 0.8rem !important;
  max-height: calc(100vh - 2rem) !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
}

.admin-category-v2-main {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

.admin-category-v2-section {
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.35rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  overflow: visible !important;
  scroll-margin-top: 1.4rem !important;
}

.admin-category-v2-section:hover {
  border-color: var(--admin-border-soft) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

/* Linke Schritt-Navigation ruhiger */
.admin-category-v2-steps {
  gap: 0.38rem !important;
  padding: 0.65rem !important;
  border-radius: 1.15rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.admin-category-v2-steps a {
  min-height: 2.8rem !important;
  padding: 0.62rem 0.68rem !important;
  border-radius: 0.85rem !important;
}

.admin-category-v2-steps a span {
  width: 1.65rem !important;
  height: 1.65rem !important;
  font-size: 0.72rem !important;
}

.admin-category-v2-steps a strong {
  font-size: 0.82rem !important;
  line-height: 1.1 !important;
}

.admin-category-v2-help-card,
.admin-category-v2-live-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  padding: 0.95rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-category-v2-help-card {
  border-color: var(--admin-warning-border) !important;
  background: linear-gradient(180deg, #fffdf5 0%, #ffffff 100%) !important;
}

.admin-category-v2-help-card h2,
.admin-category-v2-live-card h2 {
  margin: 0.25rem 0 0.4rem !important;
  color: var(--admin-text) !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
}

.admin-category-v2-help-card p:not(.admin-kicker),
.admin-category-v2-live-card p {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.84rem !important;
  font-weight: 760 !important;
  line-height: 1.42 !important;
}

/* Schritt 1: Kennzahlen */
.admin-category-v2-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
}

.admin-category-v2-metric {
  display: grid !important;
  gap: 0.18rem !important;
  min-width: 0 !important;
  min-height: 5.2rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.82rem !important;
}

.admin-category-v2-metric-primary {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--admin-primary), var(--admin-primary-dark)) !important;
  color: #ffffff !important;
}

.admin-category-v2-metric-warning {
  border-color: var(--admin-warning-border) !important;
  background: var(--admin-warning-soft) !important;
}

.admin-category-v2-metric span {
  color: inherit !important;
  opacity: 0.72 !important;
  font-size: 0.64rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.admin-category-v2-metric strong {
  color: inherit !important;
  font-size: 1.85rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
}

.admin-category-v2-metric small {
  color: inherit !important;
  opacity: 0.78 !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
}

/* Bereichskarten kompakter */
.admin-category-v2-area-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
  margin-top: 0.8rem !important;
}

.admin-category-v2-area-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.25rem 0.65rem !important;
  align-items: start !important;
  min-height: 5.1rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  padding: 0.82rem !important;
  text-align: left !important;
  cursor: pointer !important;
}

.admin-category-v2-area-card:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  transform: translateY(-1px) !important;
}

.admin-category-v2-area-card span {
  color: var(--admin-primary) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.admin-category-v2-area-card strong {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text) !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
}

.admin-category-v2-area-card small {
  grid-column: 1 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
}

/* Schritt 2: Formular klarer und nicht überladen */
.admin-category-v2-form {
  display: grid !important;
  gap: 0.95rem !important;
}

.admin-category-v2-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.admin-category-v2-field-grid .admin-form-field-card {
  min-width: 0 !important;
}

.admin-category-v2-symbol-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.85rem !important;
  overflow: hidden !important;
}

/* METACOM-Auswahl auf Kategorie-Seite kompakter */
.admin-category-v2-symbol-card .admin-metacom-picker {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.admin-category-v2-symbol-card .admin-metacom-groups {
  max-height: 18rem !important;
  overflow: auto !important;
  padding-right: 0.25rem !important;
}

.admin-category-v2-symbol-card .admin-metacom-grid {
  grid-template-columns: repeat(auto-fill, minmax(5.8rem, 1fr)) !important;
  gap: 0.45rem !important;
}

.admin-category-v2-symbol-card .admin-metacom-option {
  min-height: 6.5rem !important;
  padding: 0.45rem !important;
  border-radius: 0.75rem !important;
}

.admin-category-v2-symbol-card .admin-metacom-option span {
  width: 3.25rem !important;
  height: 3.25rem !important;
}

.admin-category-v2-symbol-card .admin-metacom-option strong {
  font-size: 0.68rem !important;
  line-height: 1.08 !important;
}

/* Speicherleiste auf dieser Seite nicht schwebend */
.admin-category-v2-save-bar {
  position: static !important;
  margin-top: 0.25rem !important;
  padding: 0.78rem 0.88rem !important;
  border-radius: 1rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

/* Schritt 3: Toolbar */
.admin-category-v2-toolbar {
  display: grid !important;
  grid-template-columns: minmax(16rem, 1fr) auto !important;
  gap: 0.75rem !important;
  align-items: end !important;
  margin-bottom: 0.9rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.75rem !important;
}

.admin-category-v2-search {
  display: grid !important;
  gap: 0.35rem !important;
  min-width: 0 !important;
}

.admin-category-v2-search span {
  color: var(--admin-text-muted) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.admin-category-v2-search input {
  min-height: 2.7rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.85rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.65rem 0.85rem !important;
  font-weight: 850 !important;
}

.admin-category-v2-filter-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.42rem !important;
  justify-content: flex-end !important;
}

.admin-category-v2-filter-chips .admin-filter-chip {
  min-height: 2.25rem !important;
  padding: 0.44rem 0.72rem !important;
  font-size: 0.78rem !important;
}

/* Kategorie-Liste: mehr Fläche nutzen, Karten ruhiger */
.admin-category-v2-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.8rem !important;
}

.admin-category-v2-card {
  position: relative !important;
  display: grid !important;
  gap: 0.72rem !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background: #ffffff !important;
  padding: 0.78rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
  overflow: visible !important;
}

.admin-category-v2-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: var(--admin-shadow-sm) !important;
  transform: translateY(-1px) !important;
}

.admin-category-v2-card::before {
  position: absolute !important;
  inset: 0.75rem auto 0.75rem 0 !important;
  width: 0.28rem !important;
  border-radius: 999px !important;
  background: var(--admin-success) !important;
  content: "" !important;
}

.admin-category-v2-card.has-quality-issues::before {
  background: var(--admin-warning) !important;
}

.admin-category-v2-card.is-inactive::before {
  background: var(--admin-text-faint) !important;
}

.admin-category-v2-card-summary {
  display: grid !important;
  grid-template-columns: 6.5rem minmax(0, 1fr) !important;
  gap: 0.78rem !important;
  min-width: 0 !important;
}

.admin-category-v2-image-frame {
  display: grid !important;
  width: 6.5rem !important;
  height: 6.5rem !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.95rem !important;
  background: #ffffff !important;
}

.admin-category-v2-image-frame img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-category-v2-image-frame span {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  place-items: center !important;
  color: var(--admin-primary) !important;
  font-size: 1.8rem !important;
  font-weight: 950 !important;
}

.admin-category-v2-card-main {
  min-width: 0 !important;
}

.admin-category-v2-card-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.32rem !important;
  margin-bottom: 0.35rem !important;
}

.admin-category-v2-card-badges .admin-badge {
  padding: 0.18rem 0.48rem !important;
  font-size: 0.62rem !important;
}

.admin-category-v2-card h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.16rem !important;
  font-weight: 950 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
}

.admin-category-v2-card p {
  margin: 0.25rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 770 !important;
  line-height: 1.35 !important;
}

.admin-category-v2-mini-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;
  margin: 0.62rem 0 0 !important;
}

.admin-category-v2-mini-stats div {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 0.82rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.5rem 0.6rem !important;
}

.admin-category-v2-mini-stats dt {
  color: var(--admin-text-muted) !important;
  font-size: 0.58rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.admin-category-v2-mini-stats dd {
  margin: 0.12rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
}

.admin-category-v2-quality-list {
  display: grid !important;
  gap: 0.32rem !important;
  margin: 0.62rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-category-v2-quality-list li {
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 0.72rem !important;
  background: var(--admin-warning-soft) !important;
  color: #78350f !important;
  padding: 0.42rem 0.55rem !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.admin-category-v2-card-actions {
  display: flex !important;
  justify-content: space-between !important;
  gap: 0.55rem !important;
  align-items: center !important;
  border-top: 1px solid var(--admin-border-soft) !important;
  padding-top: 0.65rem !important;
}

.admin-category-v2-card-actions form {
  margin: 0 !important;
}

.admin-category-v2-edit-details {
  position: relative !important;
  flex: 1 1 auto !important;
}

.admin-category-v2-edit-details > summary {
  display: inline-flex !important;
  min-height: 2.3rem !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.78rem !important;
  background: #ffffff !important;
  color: var(--admin-text-soft) !important;
  padding: 0.52rem 0.8rem !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  list-style: none !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-category-v2-edit-details > summary::-webkit-details-marker {
  display: none !important;
}

.admin-category-v2-edit-details > summary:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
}

.admin-category-v2-card-actions .admin-secondary-button {
  min-height: 2.3rem !important;
  border-radius: 0.78rem !important;
  padding: 0.52rem 0.8rem !important;
  font-size: 0.82rem !important;
}

/* Wenn Bearbeiten geöffnet wird: volle Breite nutzen */
.admin-category-v2-card:has(.admin-category-v2-edit-details[open]) {
  grid-column: 1 / -1 !important;
  z-index: 50 !important;
}

.admin-category-v2-edit-details[open] {
  width: 100% !important;
}

.admin-category-v2-edit-details[open] > summary {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary-dark) !important;
  margin-bottom: 0.75rem !important;
}

.admin-category-v2-edit-details[open] form {
  display: grid !important;
  gap: 0.85rem !important;
  padding: 0.85rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
}

/* Rechte Live-Ãœbersicht */
.admin-category-v2-live-card dl {
  display: grid !important;
  gap: 0 !important;
  margin: 0.75rem 0 !important;
}

.admin-category-v2-live-card dl div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.5rem !important;
  align-items: center !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
  padding: 0.62rem 0 !important;
}

.admin-category-v2-live-card dl div:last-child {
  border-bottom: 0 !important;
}

.admin-category-v2-live-card dt {
  color: var(--admin-text-muted) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.admin-category-v2-live-card dd {
  display: grid !important;
  min-width: 1.9rem !important;
  height: 1.9rem !important;
  place-items: center !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text) !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
}

.admin-category-v2-next-step {
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 1rem !important;
  background: #fffdf5 !important;
  padding: 0.82rem !important;
}

.admin-category-v2-next-step strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-category-v2-next-step p {
  margin: 0.35rem 0 0.7rem !important;
  color: #7c2d12 !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.admin-category-v2-next-step .admin-secondary-button,
.admin-category-v2-next-step .admin-secondary-link {
  width: 100% !important;
}

/* Responsive */
@media (max-width: 1320px) {
  .admin-category-v2-shell {
    grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr) !important;
  }

  .admin-category-v2-live {
    grid-column: 1 / -1 !important;
    position: static !important;
    max-height: none !important;
  }

  .admin-category-v2-live-card {
    display: grid !important;
    grid-template-columns: minmax(12rem, 0.7fr) minmax(0, 1fr) !important;
    gap: 1rem !important;
    align-items: start !important;
  }

  .admin-category-v2-live-card dl {
    margin-top: 0 !important;
  }
}

@media (max-width: 980px) {
  .admin-category-v2-shell {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-rail,
  .admin-category-v2-live {
    position: static !important;
    max-height: none !important;
  }

  .admin-category-v2-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-category-v2-metrics,
  .admin-category-v2-area-grid,
  .admin-category-v2-card-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-toolbar {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-filter-chips {
    justify-content: flex-start !important;
  }
}

@media (max-width: 700px) {
  .admin-category-v2-field-grid,
  .admin-category-v2-card-summary,
  .admin-category-v2-live-card {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-image-frame {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    max-height: 12rem !important;
  }

  .admin-category-v2-card-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-edit-details > summary,
  .admin-category-v2-card-actions .admin-secondary-button {
    width: 100% !important;
  }
}

/* =========================================================
   Kategorie-Seite finaler Feinschliff
   - nutzt die ganze verfügbare Breite besser
   - Schritt 1 dashboard-artiger
   - Schritt 3 kompakter, klarer, hochwertiger
   ========================================================= */

/* Gesamtbreite deutlich erweitern */
.admin-category-v2-hero,
.admin-category-v2-shell {
  width: min(100%, 118rem) !important;
  margin-inline: auto !important;
}

.admin-category-v2-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 1.25rem !important;
  min-height: 8.25rem !important;
  margin-bottom: 1.15rem !important;
}

.admin-category-v2-hero h1 {
  max-width: 58rem !important;
}

.admin-category-v2-hero p {
  max-width: 62rem !important;
}

.admin-category-v2-shell {
  display: grid !important;
  grid-template-columns:
    minmax(13.5rem, 16rem)
    minmax(0, 1fr)
    minmax(15rem, 18rem) !important;
  gap: 1.15rem !important;
  align-items: start !important;
}

.admin-category-v2-main {
  display: grid !important;
  gap: 1.1rem !important;
  min-width: 0 !important;
}

/* Linke und rechte Spalte sauber sichtbar halten */
.admin-category-v2-rail,
.admin-category-v2-live {
  position: sticky !important;
  top: 1rem !important;
  z-index: 20 !important;
  display: grid !important;
  gap: 0.85rem !important;
  max-height: calc(100vh - 2rem) !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
}

.admin-category-v2-section {
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.45rem !important;
  background: rgba(255, 255, 255, 0.97) !important;
  padding: clamp(1.05rem, 1.6vw, 1.45rem) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  overflow: visible !important;
  scroll-margin-top: 1.25rem !important;
}

/* Schritt 1: besserer Dashboard-Look */
.admin-category-v2-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin-bottom: 0.9rem !important;
}

.admin-category-v2-metric {
  position: relative !important;
  display: grid !important;
  align-content: space-between !important;
  gap: 0.35rem !important;
  min-height: 6.6rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-surface-muted) 100%) !important;
  padding: 0.95rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
  overflow: hidden !important;
}

.admin-category-v2-metric::after {
  position: absolute !important;
  right: -1.6rem !important;
  bottom: -1.8rem !important;
  width: 5.6rem !important;
  height: 5.6rem !important;
  border-radius: 999px !important;
  background: rgba(37, 99, 235, 0.07) !important;
  content: "" !important;
}

.admin-category-v2-metric-primary {
  border-color: transparent !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 255, 255, 0.28), transparent 42%),
    linear-gradient(135deg, var(--admin-primary), var(--admin-primary-dark)) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 38px rgba(29, 78, 216, 0.22) !important;
}

.admin-category-v2-metric-warning {
  border-color: var(--admin-warning-border) !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 255, 255, 0.75), transparent 46%),
    linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
}

.admin-category-v2-metric span {
  position: relative !important;
  z-index: 1 !important;
  color: inherit !important;
  opacity: 0.72 !important;
  font-size: 0.65rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.admin-category-v2-metric strong {
  position: relative !important;
  z-index: 1 !important;
  color: inherit !important;
  font-size: clamp(2rem, 3vw, 2.8rem) !important;
  font-weight: 950 !important;
  line-height: 0.9 !important;
  letter-spacing: -0.07em !important;
}

.admin-category-v2-metric small {
  position: relative !important;
  z-index: 1 !important;
  color: inherit !important;
  opacity: 0.78 !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
}

/* Schritt 1 Bereichskarten: klarer, nicht wie kleine kaputte Tabellen */
.admin-category-v2-area-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin-top: 0.75rem !important;
}

.admin-category-v2-area-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  gap: 0.25rem 0.75rem !important;
  align-items: start !important;
  min-height: 6rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-surface-muted) 100%) !important;
  padding: 0.95rem !important;
  color: var(--admin-text) !important;
  text-align: left !important;
  box-shadow: var(--admin-shadow-xs) !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.admin-category-v2-area-card::before {
  position: absolute !important;
  inset: 0.85rem auto 0.85rem 0 !important;
  width: 0.25rem !important;
  border-radius: 999px !important;
  background: var(--admin-primary) !important;
  content: "" !important;
}

.admin-category-v2-area-card:hover {
  border-color: #93c5fd !important;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-primary-soft-2) 100%) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  transform: translateY(-1px) !important;
}

.admin-category-v2-area-card span {
  grid-column: 1 !important;
  color: var(--admin-primary) !important;
  font-size: 0.7rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.admin-category-v2-area-card strong {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 1px var(--admin-border-soft) !important;
}

.admin-category-v2-area-card small {
  grid-column: 1 !important;
  max-width: 16rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.76rem !important;
  font-weight: 780 !important;
  line-height: 1.32 !important;
}

/* Schritt 2 darf durch mehr Breite ruhiger wirken */
.admin-category-v2-field-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.admin-category-v2-symbol-card .admin-metacom-groups {
  max-height: 16.5rem !important;
}

.admin-category-v2-symbol-card .admin-metacom-grid {
  grid-template-columns: repeat(auto-fill, minmax(5.7rem, 1fr)) !important;
}

/* Schritt 3: Toolbar breiter und sauberer */
.admin-category-v2-toolbar {
  display: grid !important;
  grid-template-columns: minmax(18rem, 1fr) auto !important;
  gap: 0.8rem !important;
  align-items: end !important;
  margin-bottom: 1rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-surface-muted) 100%) !important;
  padding: 0.85rem !important;
}

.admin-category-v2-search input {
  width: 100% !important;
  min-height: 2.8rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.9rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: 0.68rem 0.9rem !important;
  font-weight: 850 !important;
}

.admin-category-v2-filter-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  justify-content: flex-end !important;
}

.admin-category-v2-filter-chips .admin-filter-chip {
  min-height: 2.35rem !important;
  padding: 0.45rem 0.75rem !important;
  font-size: 0.78rem !important;
}

/* Schritt 3: Karten nutzen die Fläche besser */
.admin-category-v2-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
}

.admin-category-v2-card {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 0.68rem !important;
  min-width: 0 !important;
  min-height: 15.4rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.15rem !important;
  background: #ffffff !important;
  padding: 0.75rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
  overflow: hidden !important;
}

.admin-category-v2-card:hover {
  border-color: #bfdbfe !important;
  box-shadow: var(--admin-shadow-sm) !important;
  transform: translateY(-1px) !important;
}

.admin-category-v2-card::before {
  position: absolute !important;
  inset: 0.75rem auto 0.75rem 0 !important;
  width: 0.28rem !important;
  border-radius: 999px !important;
  background: var(--admin-success) !important;
  content: "" !important;
}

.admin-category-v2-card.has-quality-issues::before {
  background: var(--admin-warning) !important;
}

.admin-category-v2-card.is-inactive::before {
  background: var(--admin-text-faint) !important;
}

/* Karteninhalt horizontal-kompakt */
.admin-category-v2-card-summary {
  display: grid !important;
  grid-template-columns: 5.4rem minmax(0, 1fr) !important;
  gap: 0.72rem !important;
  min-width: 0 !important;
  align-items: start !important;
}

.admin-category-v2-image-frame {
  display: grid !important;
  width: 5.4rem !important;
  height: 5.4rem !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.9rem !important;
  background: #ffffff !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-category-v2-image-frame img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-category-v2-card-main {
  min-width: 0 !important;
}

.admin-category-v2-card-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.28rem !important;
  margin-bottom: 0.34rem !important;
}

.admin-category-v2-card-badges .admin-badge {
  min-height: 1.2rem !important;
  padding: 0.16rem 0.43rem !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
}

.admin-category-v2-card h3 {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--admin-text) !important;
  font-size: 1.04rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.admin-category-v2-card p {
  display: -webkit-box !important;
  margin: 0.22rem 0 0 !important;
  overflow: hidden !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 780 !important;
  line-height: 1.28 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* Kleine Werteboxen ruhiger */
.admin-category-v2-mini-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
  margin: 0.62rem 0 0 !important;
}

.admin-category-v2-mini-stats div {
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 0.78rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 0.45rem 0.5rem !important;
}

.admin-category-v2-mini-stats dt {
  overflow: hidden !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.53rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.07em !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.admin-category-v2-mini-stats dd {
  margin: 0.08rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: 0.98rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* Hinweise in Schritt 3 nicht mehr riesig */
.admin-category-v2-quality-list {
  display: grid !important;
  gap: 0.3rem !important;
  margin: 0.55rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-category-v2-quality-list li {
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 0.7rem !important;
  background: var(--admin-warning-soft) !important;
  color: #78350f !important;
  padding: 0.38rem 0.5rem !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

/* Button-Zeile der Karten klarer */
.admin-category-v2-card-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.5rem !important;
  align-items: center !important;
  border-top: 1px solid var(--admin-border-soft) !important;
  padding-top: 0.62rem !important;
}

.admin-category-v2-card-actions form {
  margin: 0 !important;
}

.admin-category-v2-edit-details {
  position: relative !important;
  min-width: 0 !important;
}

.admin-category-v2-edit-details > summary,
.admin-category-v2-card-actions .admin-secondary-button {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 2.35rem !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.8rem !important;
  background: #ffffff !important;
  color: var(--admin-text-soft) !important;
  padding: 0.52rem 0.72rem !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-category-v2-edit-details > summary {
  list-style: none !important;
}

.admin-category-v2-edit-details > summary::-webkit-details-marker {
  display: none !important;
}

.admin-category-v2-edit-details > summary:hover,
.admin-category-v2-card-actions .admin-secondary-button:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
}

/* Geöffnete Bearbeitung: Karte nimmt volle Zeile ein */
.admin-category-v2-card:has(.admin-category-v2-edit-details[open]) {
  grid-column: 1 / -1 !important;
  min-height: auto !important;
  overflow: visible !important;
  z-index: 60 !important;
}

.admin-category-v2-edit-details[open] {
  grid-column: 1 / -1 !important;
}

.admin-category-v2-edit-details[open] > summary {
  width: auto !important;
  min-width: 10rem !important;
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary-dark) !important;
  margin-bottom: 0.75rem !important;
}

.admin-category-v2-edit-details[open] form {
  display: grid !important;
  gap: 0.9rem !important;
  padding: 0.9rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
}

/* Live-Ãœbersicht hochwertiger */
.admin-category-v2-live-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.2rem !important;
  background: rgba(255, 255, 255, 0.97) !important;
  padding: 1rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-category-v2-live-card dl {
  display: grid !important;
  gap: 0 !important;
  margin: 0.75rem 0 !important;
}

.admin-category-v2-live-card dl div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.6rem !important;
  align-items: center !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
  padding: 0.65rem 0 !important;
}

.admin-category-v2-live-card dl div:last-child {
  border-bottom: 0 !important;
}

.admin-category-v2-live-card dt {
  color: var(--admin-text-muted) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.admin-category-v2-live-card dd {
  display: grid !important;
  min-width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text) !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
}

.admin-category-v2-next-step {
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 1.05rem !important;
  background: linear-gradient(180deg, #fffdf5 0%, #ffffff 100%) !important;
  padding: 0.9rem !important;
}

.admin-category-v2-next-step strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 0.95rem !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
}

.admin-category-v2-next-step p {
  margin: 0.35rem 0 0.75rem !important;
  color: #7c2d12 !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.admin-category-v2-next-step .admin-secondary-button,
.admin-category-v2-next-step .admin-secondary-link {
  width: 100% !important;
}

/* Responsive */
@media (max-width: 1500px) {
  .admin-category-v2-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1280px) {
  .admin-category-v2-shell {
    grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr) !important;
  }

  .admin-category-v2-live {
    grid-column: 1 / -1 !important;
    position: static !important;
    max-height: none !important;
  }

  .admin-category-v2-live-card {
    display: grid !important;
    grid-template-columns: minmax(12rem, 0.65fr) minmax(0, 1fr) !important;
    gap: 1rem !important;
    align-items: start !important;
  }
}

@media (max-width: 980px) {
  .admin-category-v2-shell {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-rail,
  .admin-category-v2-live {
    position: static !important;
    max-height: none !important;
  }

  .admin-category-v2-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-category-v2-metrics,
  .admin-category-v2-area-grid,
  .admin-category-v2-field-grid,
  .admin-category-v2-card-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-toolbar {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-filter-chips {
    justify-content: flex-start !important;
  }
}

@media (max-width: 700px) {
  .admin-category-v2-hero {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-card-summary,
  .admin-category-v2-live-card {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-image-frame {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    max-height: 11rem !important;
  }

  .admin-category-v2-card-actions {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Kategorie bearbeiten als Modal
   - ersetzt aufgeklapptes Details-Formular
   - ruhiger, klarer, geführt
   ========================================================= */

.admin-category-v2-edit-open {
  width: 100% !important;
  min-height: 2.35rem !important;
  border-radius: 0.85rem !important;
  font-size: 0.8rem !important;
  font-weight: 950 !important;
}

.admin-category-edit-modal {
  width: min(78rem, calc(100vw - 2rem)) !important;
  max-width: calc(100vw - 2rem) !important;
  max-height: calc(100vh - 2rem) !important;
  margin: auto !important;
  border: 0 !important;
  border-radius: 1.55rem !important;
  background: transparent !important;
  color: var(--admin-text) !important;
  padding: 0 !important;
  overflow: visible !important;
}

.admin-category-edit-modal:not([open]) {
  display: none !important;
}

.admin-category-edit-modal::backdrop {
  background: rgba(15, 23, 42, 0.46) !important;
  backdrop-filter: blur(10px) !important;
}

.admin-category-edit-modal-form {
  display: grid !important;
  max-height: calc(100vh - 2rem) !important;
  overflow: hidden !important;
  border: 1px solid rgba(219, 227, 239, 0.95) !important;
  border-radius: 1.55rem !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(219, 234, 254, 0.9), transparent 20rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 32px 90px rgba(15, 23, 42, 0.28) !important;
}

.admin-category-edit-modal-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: start !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
}

.admin-category-edit-modal-header h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.6rem, 4vw, 2.55rem) !important;
  font-weight: 950 !important;
  line-height: 0.96 !important;
  letter-spacing: -0.055em !important;
}

.admin-category-edit-modal-header p:not(.admin-kicker) {
  max-width: 44rem !important;
  margin: 0.45rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.92rem !important;
  font-weight: 780 !important;
  line-height: 1.45 !important;
}

.admin-category-edit-modal-close {
  display: grid !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  place-items: center !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 0.95rem !important;
  background: #ffffff !important;
  color: var(--admin-text-soft) !important;
  font-size: 1.55rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-category-edit-modal-close:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
}

.admin-category-edit-modal-body {
  display: grid !important;
  grid-template-columns: minmax(17rem, 0.7fr) minmax(0, 1.3fr) !important;
  gap: 1rem !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: clamp(1rem, 2vw, 1.25rem) !important;
}

.admin-category-edit-preview,
.admin-category-edit-fields {
  min-width: 0 !important;
}

.admin-category-edit-preview {
  align-self: start !important;
  display: grid !important;
  gap: 0.85rem !important;
  position: sticky !important;
  top: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.2rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  padding: 0.9rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-category-edit-preview-image {
  display: grid !important;
  width: 100% !important;
  aspect-ratio: 1 / 0.72 !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
}

.admin-category-edit-preview-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-category-edit-preview-image span {
  display: grid !important;
  width: 4rem !important;
  height: 4rem !important;
  place-items: center !important;
  border-radius: 1rem !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary-dark) !important;
  font-size: 1.5rem !important;
  font-weight: 950 !important;
}

.admin-category-edit-preview dl {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
}

.admin-category-edit-preview dl div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.65rem !important;
  align-items: baseline !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
  padding: 0.62rem 0 !important;
}

.admin-category-edit-preview dl div:last-child {
  border-bottom: 0 !important;
}

.admin-category-edit-preview dt {
  color: var(--admin-text-muted) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.admin-category-edit-preview dd {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

.admin-category-edit-quality {
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 1rem !important;
  background: linear-gradient(180deg, #fff8db 0%, #ffffff 100%) !important;
  padding: 0.85rem !important;
}

.admin-category-edit-quality-ok {
  border-color: var(--admin-success-border) !important;
  background: linear-gradient(180deg, var(--admin-success-soft) 0%, #ffffff 100%) !important;
}

.admin-category-edit-quality strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
}

.admin-category-edit-quality p {
  margin: 0.35rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
  line-height: 1.35 !important;
}

.admin-category-edit-quality ul {
  display: grid !important;
  gap: 0.35rem !important;
  margin: 0.55rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-category-edit-quality li {
  border-radius: 0.75rem !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #78350f !important;
  padding: 0.5rem 0.6rem !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.admin-category-edit-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}

.admin-category-edit-symbol-card {
  margin-top: 0.9rem !important;
  border-radius: 1.2rem !important;
  background: #ffffff !important;
}

.admin-category-edit-symbol-card .admin-metacom-picker {
  max-height: none !important;
}

.admin-category-edit-symbol-card .admin-metacom-groups {
  max-height: 20rem !important;
}

.admin-category-edit-symbol-card .admin-metacom-grid {
  grid-template-columns: repeat(auto-fill, minmax(5.8rem, 1fr)) !important;
}

.admin-category-edit-modal-footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
  border-top: 1px solid var(--admin-border-soft) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  padding: 0.9rem 1rem !important;
  box-shadow: 0 -12px 28px rgba(15, 23, 42, 0.08) !important;
}

.admin-category-edit-modal-footer strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
}

.admin-category-edit-modal-footer span {
  display: block !important;
  margin-top: 0.15rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 780 !important;
}

.admin-category-edit-modal-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  justify-content: flex-end !important;
}

body.admin-category-modal-open {
  overflow: hidden !important;
}

@media (max-width: 980px) {
  .admin-category-edit-modal {
    width: min(100%, calc(100vw - 1rem)) !important;
    max-height: calc(100vh - 1rem) !important;
  }

  .admin-category-edit-modal-form {
    max-height: calc(100vh - 1rem) !important;
  }

  .admin-category-edit-modal-body {
    grid-template-columns: 1fr !important;
  }

  .admin-category-edit-preview {
    position: static !important;
  }
}

@media (max-width: 680px) {
  .admin-category-edit-modal-header,
  .admin-category-edit-modal-footer {
    grid-template-columns: 1fr !important;
  }

  .admin-category-edit-modal-close {
    position: absolute !important;
    top: 0.75rem !important;
    right: 0.75rem !important;
  }

  .admin-category-edit-field-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-category-edit-modal-actions,
  .admin-category-edit-modal-actions > * {
    width: 100% !important;
  }
}

/* =========================================================
   Kategorie-Seite Feinschliff
   - mehr Platz nutzen
   - Schritt 1 für mehr Bereiche vorbereiten
   - Schritt 3 Karten ruhiger und breiter darstellen
   ========================================================= */

body.admin-shell:has(.admin-category-v2-shell) .admin-main {
  width: 100% !important;
  max-width: none !important;
  padding-inline: clamp(1rem, 2vw, 2.25rem) !important;
}

body.admin-shell:has(.admin-category-v2-shell) .admin-page-header,
body.admin-shell:has(.admin-category-v2-shell) .admin-category-v2-shell {
  width: min(100%, 98rem) !important;
  max-width: 98rem !important;
  margin-inline: auto !important;
}

/* Grundlayout: linke Hilfe, Inhalt, rechte Live-Ãœbersicht */
.admin-category-v2-shell {
  display: grid !important;
  grid-template-columns:
    minmax(13rem, 16rem)
    minmax(0, 1fr)
    minmax(15rem, 18rem) !important;
  gap: 1.35rem !important;
  align-items: start !important;
}

.admin-category-v2-main {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 1.35rem !important;
}

.admin-category-v2-section {
  width: 100% !important;
  min-width: 0 !important;
  padding: clamp(1.15rem, 2vw, 1.6rem) !important;
  border-radius: 1.45rem !important;
}

/* Linke und rechte Spalte bleiben beim Scrollen hilfreich sichtbar */
.admin-category-v2-rail,
.admin-category-v2-live {
  position: sticky !important;
  top: 1.25rem !important;
  align-self: start !important;
}

/* ---------------------------------------------------------
   Schritt 1: Ãœberblick / Bereiche
   --------------------------------------------------------- */

.admin-category-v2-metrics {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
  gap: 0.8rem !important;
  margin-top: 1rem !important;
}

.admin-category-v2-metric {
  min-height: 7.1rem !important;
  padding: 1rem !important;
  overflow: hidden !important;
}

.admin-category-v2-metric strong {
  font-size: clamp(1.9rem, 3vw, 2.45rem) !important;
}

/* Wichtig: nicht mehr fest 3 Spalten.
   So können später 4, 5, 6 oder mehr Bereiche sauber umbrechen. */
.admin-category-v2-area-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)) !important;
  gap: 0.8rem !important;
  margin-top: 0.95rem !important;
}

.admin-category-v2-area-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 2.7rem !important;
  grid-template-areas:
    "title count"
    "text count" !important;
  gap: 0.35rem 0.8rem !important;
  align-items: center !important;

  min-width: 0 !important;
  min-height: 6.25rem !important;

  padding: 0.95rem 1rem !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.05rem !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;

  color: var(--admin-text) !important;
  text-align: left !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-category-v2-area-card:hover,
.admin-category-v2-area-card:focus-visible {
  border-color: #93c5fd !important;
  background:
    linear-gradient(135deg, #ffffff 0%, var(--admin-primary-soft-2) 100%) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  transform: translateY(-1px) !important;
}

.admin-category-v2-area-card span {
  grid-area: title !important;
  min-width: 0 !important;

  color: var(--admin-primary) !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.075em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-category-v2-area-card small {
  grid-area: text !important;
  min-width: 0 !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.84rem !important;
  font-weight: 780 !important;
  line-height: 1.32 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.admin-category-v2-area-card strong {
  grid-area: count !important;

  display: inline-grid !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;

  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* ---------------------------------------------------------
   Schritt 2: Formular etwas luftiger halten
   --------------------------------------------------------- */

.admin-category-v2-field-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)) !important;
  gap: 0.85rem !important;
}

.admin-category-v2-symbol-card {
  margin-top: 1rem !important;
}

/* ---------------------------------------------------------
   Schritt 3: Kategorien prüfen
   --------------------------------------------------------- */

.admin-category-v2-toolbar {
  display: grid !important;
  grid-template-columns: minmax(16rem, 1fr) auto !important;
  align-items: end !important;
  gap: 0.9rem !important;

  margin-bottom: 1rem !important;
  padding: 0.95rem !important;

  border-radius: 1.2rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-category-v2-filter-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
}

.admin-category-v2-filter-chips .admin-filter-chip {
  min-height: 2.3rem !important;
  padding: 0.48rem 0.78rem !important;
  font-size: 0.84rem !important;
}

/* Karten nicht mehr quetschen:
   Auf breiten Screens 2-3 Spalten, auf mittleren Screens 2,
   auf kleinen Screens 1 Spalte. */
.admin-category-v2-card-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

.admin-category-v2-card {
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  min-width: 0 !important;
  min-height: 15.5rem !important;

  overflow: hidden !important;

  border: 1px solid var(--admin-border-soft) !important;
  border-left: 0.35rem solid var(--admin-success) !important;
  border-radius: 1.2rem !important;
  background: #ffffff !important;

  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-category-v2-card:not(.is-active) {
  border-left-color: var(--admin-text-faint) !important;
  opacity: 0.9 !important;
}

.admin-category-v2-card:not(.is-complete) {
  border-left-color: var(--admin-warning) !important;
}

.admin-category-v2-card:hover {
  border-color: #bfdbfe !important;
  border-left-color: var(--admin-success) !important;
  box-shadow: var(--admin-shadow-md) !important;
  transform: translateY(-1px) !important;
}

.admin-category-v2-card-summary {
  display: grid !important;
  grid-template-columns: 6.8rem minmax(0, 1fr) !important;
  gap: 0.95rem !important;
  align-items: start !important;

  min-width: 0 !important;
  padding: 1rem !important;
}

.admin-category-v2-image-frame {
  width: 6.8rem !important;
  height: 6.8rem !important;

  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;

  overflow: hidden !important;
}

.admin-category-v2-image-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-category-v2-card-main {
  min-width: 0 !important;
}

.admin-category-v2-card-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  margin-bottom: 0.45rem !important;
}

.admin-category-v2-card-badges .admin-badge {
  max-width: 100% !important;
  font-size: 0.68rem !important;
  padding: 0.22rem 0.48rem !important;
}

.admin-category-v2-card h3 {
  margin: 0 !important;

  color: var(--admin-text) !important;
  font-size: clamp(1.08rem, 1.6vw, 1.32rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.08 !important;

  overflow-wrap: anywhere !important;
}

.admin-category-v2-card p {
  margin: 0.38rem 0 0 !important;

  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 780 !important;
  line-height: 1.35 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.admin-category-v2-mini-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
  margin-top: 0.75rem !important;
}

.admin-category-v2-mini-stats div {
  min-width: 0 !important;
  padding: 0.58rem 0.65rem !important;

  border-radius: 0.85rem !important;
  background: var(--admin-surface-muted) !important;
}

.admin-category-v2-mini-stats dt {
  font-size: 0.64rem !important;
  line-height: 1.1 !important;
}

.admin-category-v2-mini-stats dd {
  margin-top: 0.18rem !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

.admin-category-v2-quality-list {
  margin-top: 0.65rem !important;
}

.admin-category-v2-quality-list li {
  font-size: 0.78rem !important;
}

/* Button-Zeile immer sauber */
.admin-category-v2-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;

  padding: 0.8rem 1rem !important;
  border-top: 1px solid var(--admin-border-soft) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--admin-surface-muted) 100%) !important;
}

.admin-category-v2-card-actions form {
  display: grid !important;
  margin: 0 !important;
}

.admin-category-v2-card-actions .admin-secondary-button,
.admin-category-v2-card-actions button {
  width: 100% !important;
  min-height: 2.45rem !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

/* ---------------------------------------------------------
   Live-Ãœbersicht rechts
   --------------------------------------------------------- */

.admin-category-v2-live-card {
  border-radius: 1.25rem !important;
}

.admin-category-v2-live-card dl div {
  min-width: 0 !important;
}

.admin-category-v2-live-card dd {
  display: inline-grid !important;
  min-width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;

  border-radius: 999px !important;
  background: var(--admin-surface-muted) !important;

  font-size: 0.95rem !important;
  line-height: 1 !important;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (min-width: 1500px) {
  .admin-category-v2-shell {
    grid-template-columns:
      minmax(14rem, 17rem)
      minmax(0, 1fr)
      minmax(16rem, 19rem) !important;
  }

  .admin-category-v2-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)) !important;
  }
}

@media (max-width: 1320px) {
  .admin-category-v2-shell {
    grid-template-columns:
      minmax(12.5rem, 15rem)
      minmax(0, 1fr) !important;
  }

  .admin-category-v2-live {
    grid-column: 1 / -1 !important;
    position: static !important;
  }

  .admin-category-v2-live-card dl {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
    gap: 0.65rem !important;
  }

  .admin-category-v2-live-card dl div {
    border: 1px solid var(--admin-border-soft) !important;
    border-radius: 0.9rem !important;
    background: var(--admin-surface-muted) !important;
    padding: 0.65rem !important;
  }
}

@media (max-width: 980px) {
  .admin-category-v2-shell {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-rail,
  .admin-category-v2-live {
    position: static !important;
  }

  .admin-category-v2-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-category-v2-toolbar {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-filter-chips {
    justify-content: flex-start !important;
  }
}

@media (max-width: 720px) {
  .admin-category-v2-metrics,
  .admin-category-v2-area-grid,
  .admin-category-v2-field-grid,
  .admin-category-v2-card-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-category-v2-card-summary {
    grid-template-columns: 5.9rem minmax(0, 1fr) !important;
  }

  .admin-category-v2-image-frame {
    width: 5.9rem !important;
    height: 5.9rem !important;
  }

  .admin-category-v2-card-actions {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Kategorie-Bearbeiten-Modal: sichtbar, scrollfreundlich,
   Header/Footer bleiben erreichbar
   ========================================================= */

.admin-category-modal-open,
.admin-category-modal-open body,
body.admin-category-modal-open {
  overflow: hidden !important;
}

/* Dialog selbst: nie höher als Bildschirm */
.admin-category-edit-modal {
  position: fixed !important;
  inset: 50% auto auto 50% !important;
  width: min(78rem, calc(100vw - 2rem)) !important;
  max-width: calc(100vw - 2rem) !important;
  height: auto !important;
  max-height: calc(100dvh - 2rem) !important;
  margin: 0 !important;
  padding: 0 !important;

  transform: translate(-50%, -50%) !important;

  border: 0 !important;
  border-radius: 1.6rem !important;
  background: #ffffff !important;
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.32) !important;

  overflow: hidden !important;
}

/* Fallback für Browser ohne dvh */
@supports not (height: 100dvh) {
  .admin-category-edit-modal {
    max-height: calc(100vh - 2rem) !important;
  }
}

.admin-category-edit-modal::backdrop {
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(5px) !important;
}

/* Formular wird in 3 Zonen geteilt:
   Header oben, Body scrollbar, Footer unten */
.admin-category-edit-modal-form {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  width: 100% !important;
  max-height: calc(100dvh - 2rem) !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

@supports not (height: 100dvh) {
  .admin-category-edit-modal-form {
    max-height: calc(100vh - 2rem) !important;
  }
}

/* Header bleibt oben sichtbar */
.admin-category-edit-modal-header {
  position: relative !important;
  z-index: 3 !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: start !important;

  padding: 1.15rem 1.35rem !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
  background: #ffffff !important;
}

.admin-category-edit-modal-header h2 {
  margin: 0 !important;
  font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.065em !important;
}

.admin-category-edit-modal-header p:not(.admin-kicker) {
  max-width: 56rem !important;
  margin-top: 0.45rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.92rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-category-edit-modal-close {
  display: inline-grid !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  place-items: center !important;

  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;

  font-size: 1.25rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  box-shadow: var(--admin-shadow-xs) !important;
  cursor: pointer !important;
}

.admin-category-edit-modal-close:hover,
.admin-category-edit-modal-close:focus-visible {
  border-color: #93c5fd !important;
  box-shadow: var(--admin-focus) !important;
}

/* Nur dieser Bereich scrollt */
.admin-category-edit-modal-body {
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;

  display: grid !important;
  grid-template-columns: minmax(17rem, 22rem) minmax(0, 1fr) !important;
  gap: 1rem !important;
  align-items: start !important;

  padding: 1.1rem 1.35rem 1.25rem !important;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
}

/* Linke Vorschau bleibt innerhalb des scrollbaren Bereichs sichtbar */
.admin-category-edit-preview {
  position: sticky !important;
  top: 0 !important;

  display: grid !important;
  gap: 0.75rem !important;
  align-self: start !important;

  padding: 1rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.25rem !important;
  background: #ffffff !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-category-edit-preview-image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  max-height: 18rem !important;

  display: grid !important;
  place-items: center !important;

  border: 1px solid var(--admin-border-strong) !important;
  border-radius: 1.1rem !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.admin-category-edit-preview-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-category-edit-preview dl {
  display: grid !important;
  gap: 0.5rem !important;
  margin: 0 !important;
}

.admin-category-edit-preview dl div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.75rem !important;
  align-items: center !important;

  padding: 0.62rem 0 !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
}

.admin-category-edit-preview dt {
  color: var(--admin-text-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.admin-category-edit-preview dd {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  text-align: right !important;
}

.admin-category-edit-quality {
  padding: 0.85rem !important;
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 1rem !important;
  background: var(--admin-warning-soft) !important;
}

.admin-category-edit-quality-ok {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
}

.admin-category-edit-quality strong {
  display: block !important;
  margin-bottom: 0.2rem !important;
  color: var(--admin-text) !important;
  font-size: 0.88rem !important;
  font-weight: 950 !important;
}

.admin-category-edit-quality p,
.admin-category-edit-quality li {
  color: var(--admin-text-soft) !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-category-edit-quality ul {
  margin: 0.45rem 0 0 !important;
  padding-left: 1.1rem !important;
}

/* Rechte Formularseite */
.admin-category-edit-fields {
  min-width: 0 !important;
}

.admin-category-edit-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.8rem !important;
}

/* METACOM-Auswahl im Modal darf nicht das ganze Modal sprengen */
.admin-category-edit-symbol-card {
  margin-top: 1rem !important;
  padding: 1rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 1.25rem !important;
  background: #f8fbff !important;
}

.admin-category-edit-symbol-card .admin-metacom-picker {
  min-width: 0 !important;
}

.admin-category-edit-symbol-card .admin-metacom-groups {
  max-height: clamp(18rem, 36dvh, 28rem) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;

  padding-right: 0.35rem !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--admin-primary) #dbeafe !important;
}

.admin-category-edit-symbol-card .admin-metacom-groups::-webkit-scrollbar {
  width: 0.65rem !important;
}

.admin-category-edit-symbol-card .admin-metacom-groups::-webkit-scrollbar-track {
  background: #dbeafe !important;
  border-radius: 999px !important;
}

.admin-category-edit-symbol-card .admin-metacom-groups::-webkit-scrollbar-thumb {
  background: var(--admin-primary) !important;
  border-radius: 999px !important;
}

.admin-category-edit-symbol-card .admin-metacom-grid {
  grid-template-columns: repeat(auto-fill, minmax(6.4rem, 1fr)) !important;
  gap: 0.55rem !important;
}

.admin-category-edit-symbol-card .admin-metacom-option {
  min-height: 7.3rem !important;
  padding: 0.5rem !important;
}

.admin-category-edit-symbol-card .admin-metacom-option span {
  width: 4.2rem !important;
  height: 4.2rem !important;
}

.admin-category-edit-symbol-card .admin-metacom-option strong {
  font-size: 0.72rem !important;
  line-height: 1.12 !important;
}

/* Footer bleibt immer erreichbar */
.admin-category-edit-modal-footer {
  position: relative !important;
  z-index: 3 !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;

  padding: 0.95rem 1.35rem !important;
  border-top: 1px solid var(--admin-border-soft) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 -12px 30px rgba(15, 23, 42, 0.08) !important;
}

.admin-category-edit-modal-footer strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 0.95rem !important;
  font-weight: 950 !important;
}

.admin-category-edit-modal-footer span {
  display: block !important;
  margin-top: 0.12rem !important;
  color: var(--admin-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
}

.admin-category-edit-modal-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 0.65rem !important;
}

.admin-category-edit-modal-actions .admin-secondary-button,
.admin-category-edit-modal-actions .admin-primary-button {
  min-height: 2.75rem !important;
  padding-inline: 1.1rem !important;
  white-space: nowrap !important;
}

/* Tablet */
@media (max-width: 1100px) {
  .admin-category-edit-modal {
    width: min(58rem, calc(100vw - 1.25rem)) !important;
    max-height: calc(100dvh - 1.25rem) !important;
  }

  .admin-category-edit-modal-form {
    max-height: calc(100dvh - 1.25rem) !important;
  }

  .admin-category-edit-modal-body {
    grid-template-columns: 1fr !important;
  }

  .admin-category-edit-preview {
    position: static !important;
    grid-template-columns: 8rem minmax(0, 1fr) !important;
    align-items: start !important;
  }

  .admin-category-edit-preview-image {
    max-height: none !important;
  }

  .admin-category-edit-preview dl,
  .admin-category-edit-quality {
    grid-column: 1 / -1 !important;
  }
}

/* Smartphone */
@media (max-width: 720px) {
  .admin-category-edit-modal {
    inset: auto 0 0 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: calc(100dvh - 0.5rem) !important;

    border-radius: 1.35rem 1.35rem 0 0 !important;
    transform: none !important;
  }

  .admin-category-edit-modal-form {
    max-height: calc(100dvh - 0.5rem) !important;
  }

  .admin-category-edit-modal-header,
  .admin-category-edit-modal-body,
  .admin-category-edit-modal-footer {
    padding-inline: 1rem !important;
  }

  .admin-category-edit-field-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-category-edit-preview {
    grid-template-columns: 6.5rem minmax(0, 1fr) !important;
  }

  .admin-category-edit-modal-footer {
    grid-template-columns: 1fr !important;
  }

  .admin-category-edit-modal-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-category-edit-modal-actions .admin-secondary-button,
  .admin-category-edit-modal-actions .admin-primary-button {
    width: 100% !important;
  }
}

/* ==========================================================================
   D8 Feinschliff Defektzentrale
   Ziel: klare geführte Bearbeitung, kein springendes Formular, bessere
   Nutzung der Breite und ruhige Entscheidungsflächen.
   ========================================================================== */

.admin-defect-v2-header,
.admin-defect-v2-layout {
  width: min(100%, 98rem) !important;
  margin-inline: auto !important;
}

.admin-defect-v2-layout {
  display: grid !important;
  grid-template-columns: minmax(12rem, 14.5rem) minmax(0, 1fr) minmax(14rem, 17rem) !important;
  gap: 1.15rem !important;
  align-items: start !important;
}

.admin-defect-v2-layout *,
.admin-defect-v2-layout *::before,
.admin-defect-v2-layout *::after {
  box-sizing: border-box !important;
}

.admin-defect-v2-side,
.admin-defect-v2-live {
  position: sticky !important;
  top: 1rem !important;
  min-width: 0 !important;
  align-self: start !important;
}

.admin-defect-v2-main {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
  width: 100% !important;
}

.admin-defect-command-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)) !important;
  gap: .8rem !important;
  margin: 0 !important;
}

.admin-defect-command-card {
  position: relative !important;
  min-width: 0 !important;
  min-height: 7.4rem !important;
  overflow: hidden !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.1rem !important;
  background: linear-gradient(135deg, #ffffff 0%, var(--admin-surface-muted) 100%) !important;
  padding: .95rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-defect-command-card::after {
  position: absolute !important;
  right: -.95rem !important;
  bottom: -.95rem !important;
  width: 4.75rem !important;
  height: 4.75rem !important;
  border-radius: 999px !important;
  background: rgba(37, 99, 235, .08) !important;
  content: "" !important;
}

.admin-defect-command-card span,
.admin-defect-command-card strong,
.admin-defect-command-card p {
  position: relative !important;
  z-index: 1 !important;
}

.admin-defect-command-card span {
  display: block !important;
  color: var(--admin-text-muted) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

.admin-defect-command-card strong {
  display: block !important;
  margin: .5rem 0 .25rem !important;
  color: var(--admin-text) !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.07em !important;
  line-height: .88 !important;
}

.admin-defect-command-card p {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: .82rem !important;
  font-weight: 780 !important;
  line-height: 1.28 !important;
}

.admin-defect-command-card-danger {
  border-color: var(--admin-danger-border) !important;
  background: linear-gradient(135deg, #ffffff 0%, var(--admin-danger-soft-2) 100%) !important;
}

.admin-defect-command-card-danger::after {
  background: rgba(220, 38, 38, .1) !important;
}

.admin-defect-command-card-danger strong {
  color: var(--admin-danger) !important;
}

.admin-defect-filter-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
  margin: 0 !important;
}

.admin-defect-filter-bar .admin-filter-chip {
  gap: .5rem !important;
  min-height: 2.4rem !important;
  padding: .5rem .75rem !important;
}

.admin-defect-board {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

.admin-defect-lane {
  min-width: 0 !important;
  overflow: visible !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-defect-lane-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  border-bottom: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) var(--admin-radius-xl) 0 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--admin-surface-muted) 100%) !important;
  padding: .95rem 1.05rem !important;
}

.admin-defect-lane-header h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
}

.admin-defect-lane-header p {
  margin: .22rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: .86rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-defect-lane-header > span {
  display: grid !important;
  min-width: 2.6rem !important;
  height: 2.6rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary-dark) !important;
  font-weight: 950 !important;
}

.admin-defect-lane-immediate .admin-defect-lane-header > span {
  background: var(--admin-danger-soft) !important;
  color: var(--admin-danger) !important;
}

.admin-defect-lane-list {
  display: grid !important;
  gap: .9rem !important;
  padding: 1rem !important;
}

.admin-defect-work-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: .95rem !important;
  min-width: 0 !important;
  overflow: visible !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.12rem !important;
  background: #fff !important;
  padding: 1rem 1rem 1rem 1.25rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-defect-work-card::before {
  position: absolute !important;
  inset: 1rem auto 1rem .45rem !important;
  width: .28rem !important;
  border-radius: 999px !important;
  background: var(--admin-primary) !important;
  content: "" !important;
}

.admin-defect-work-card.is-critical {
  border-color: rgba(220, 38, 38, .24) !important;
  box-shadow: 0 14px 32px rgba(220, 38, 38, .08) !important;
}

.admin-defect-work-card.is-critical::before {
  background: var(--admin-danger) !important;
}

.admin-defect-work-main {
  display: grid !important;
  gap: .75rem !important;
  min-width: 0 !important;
}

.admin-defect-work-topline,
.admin-defect-work-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  min-width: 0 !important;
}

.admin-defect-work-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .75rem !important;
  align-items: start !important;
}

.admin-defect-work-title-row h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.18rem, 2vw, 1.45rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  line-height: 1.06 !important;
  overflow-wrap: anywhere !important;
}

.admin-defect-work-title-row p {
  margin: .24rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.admin-defect-critical-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  background: var(--admin-danger) !important;
  color: #fff !important;
  padding: .45rem .65rem !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.admin-defect-work-meta {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(8.2rem, 1fr)) !important;
  gap: .55rem !important;
  margin: 0 !important;
}

.admin-defect-work-meta div {
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: .8rem !important;
  background: var(--admin-surface-muted) !important;
  padding: .62rem !important;
}

.admin-defect-work-meta dt {
  color: var(--admin-text-muted) !important;
  font-size: .64rem !important;
  font-weight: 950 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

.admin-defect-work-meta dd {
  margin: .2rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

.admin-defect-work-description {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: .9rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-soft) !important;
  padding: .75rem .85rem !important;
  font-weight: 780 !important;
  line-height: 1.45 !important;
}

.admin-defect-guidance {
  display: grid !important;
  gap: .25rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: .95rem !important;
  background: linear-gradient(135deg, var(--admin-primary-soft-2) 0%, #ffffff 100%) !important;
  padding: .78rem .85rem !important;
}

.admin-defect-guidance span {
  color: var(--admin-primary) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

.admin-defect-guidance p {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.admin-defect-work-links .admin-inline-link {
  display: inline-flex !important;
  min-height: 2.3rem !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: .75rem !important;
  background: #fff !important;
  color: var(--admin-primary) !important;
  padding: .5rem .75rem !important;
  font-size: .84rem !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-defect-work-links .admin-inline-link:hover {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
}

.admin-defect-decision-form {
  display: grid !important;
  gap: .85rem !important;
  min-width: 0 !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 1rem !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--admin-primary-soft-2) 100%) !important;
  padding: .9rem !important;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .06) !important;
}

.admin-defect-decision-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: .8rem !important;
}

.admin-defect-decision-head .admin-kicker {
  margin-bottom: .28rem !important;
}

.admin-defect-decision-head h4 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
}

.admin-defect-decision-head small {
  display: block !important;
  margin-top: .22rem !important;
  color: var(--admin-text-muted) !important;
  font-weight: 780 !important;
  line-height: 1.32 !important;
}

.admin-defect-quick-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .5rem !important;
}

.admin-defect-quick-action {
  display: grid !important;
  gap: .14rem !important;
  min-width: 0 !important;
  min-height: 3.25rem !important;
  align-content: center !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: .85rem !important;
  background: #fff !important;
  color: var(--admin-text) !important;
  padding: .54rem .58rem !important;
  cursor: pointer !important;
  text-align: left !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-defect-quick-action span {
  display: block !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.admin-defect-quick-action small {
  display: block !important;
  color: var(--admin-text-muted) !important;
  font-size: .66rem !important;
  font-weight: 820 !important;
  line-height: 1.12 !important;
}

.admin-defect-quick-action:hover,
.admin-defect-quick-action:focus-visible {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  transform: translateY(-1px) !important;
}

.admin-defect-quick-action-repair:hover,
.admin-defect-quick-action-repair:focus-visible {
  border-color: var(--admin-warning-border) !important;
  background: var(--admin-warning-soft) !important;
}

.admin-defect-quick-action-block:hover,
.admin-defect-quick-action-block:focus-visible {
  border-color: var(--admin-danger-border) !important;
  background: var(--admin-danger-soft-2) !important;
}

.admin-defect-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem !important;
}

.admin-defect-decision-form label {
  display: grid !important;
  gap: .35rem !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.admin-defect-decision-form label > span {
  color: var(--admin-text) !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

.admin-defect-decision-form select,
.admin-defect-decision-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: .82rem !important;
  background: #fff !important;
  color: var(--admin-text) !important;
  padding: .66rem .78rem !important;
  font-weight: 850 !important;
}

.admin-defect-decision-form textarea {
  min-height: 6rem !important;
  resize: vertical !important;
}

.admin-defect-suggestion-note {
  color: var(--admin-primary) !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
}

.admin-defect-decision-preview {
  display: grid !important;
  gap: .22rem !important;
  border: 1px solid #bfdbfe !important;
  border-radius: .95rem !important;
  background: #fff !important;
  padding: .78rem .85rem !important;
}

.admin-defect-decision-preview span {
  color: var(--admin-text-muted) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

.admin-defect-decision-preview strong {
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
}

.admin-defect-decision-preview p {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.admin-defect-warning-list {
  display: grid !important;
  gap: .45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-defect-warning-list li {
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: .75rem !important;
  background: var(--admin-warning-soft) !important;
  color: #7c2d12 !important;
  padding: .58rem .68rem !important;
  font-size: .78rem !important;
  font-weight: 820 !important;
  line-height: 1.28 !important;
}

.admin-defect-warning-list .admin-quality-ok {
  border-color: var(--admin-success-border) !important;
  background: var(--admin-success-soft) !important;
  color: #166534 !important;
}

.admin-defect-form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  border-top: 1px solid var(--admin-border-soft) !important;
  padding-top: .75rem !important;
}

.admin-defect-form-actions small {
  color: var(--admin-text-muted) !important;
  font-size: .8rem !important;
  font-weight: 820 !important;
  line-height: 1.3 !important;
}

.admin-defect-form-actions .admin-primary-button {
  min-height: 2.65rem !important;
  white-space: nowrap !important;
}

.admin-defect-help-card,
.admin-defect-live {
  overflow: hidden !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, .96) !important;
  padding: 1rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-defect-help-card h2 {
  margin: .15rem 0 .45rem !important;
  color: var(--admin-text) !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  line-height: 1.08 !important;
}

.admin-defect-help-card p:not(.admin-kicker) {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 850 !important;
  line-height: 1.36 !important;
}

.admin-defect-live-title {
  display: flex !important;
  align-items: baseline !important;
  gap: .38rem !important;
  margin: .1rem 0 .75rem !important;
}

.admin-defect-live-title strong {
  color: var(--admin-text) !important;
  font-size: 1.8rem !important;
  font-weight: 950 !important;
  letter-spacing: -.06em !important;
  line-height: 1 !important;
}

.admin-defect-live-title span {
  color: var(--admin-text) !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
}

.admin-defect-live .admin-preview-list {
  display: grid !important;
  gap: .5rem !important;
  margin: 0 0 .8rem !important;
}

.admin-defect-live .admin-preview-list div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  border-radius: .85rem !important;
  background: var(--admin-surface-muted) !important;
  padding: .62rem .72rem !important;
}

.admin-defect-live .admin-preview-list dt {
  color: var(--admin-text-muted) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

.admin-defect-live .admin-preview-list dd {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
}

.admin-defect-live .admin-primary-link {
  width: 100% !important;
}

/* Genug Breite: Formular neben der Meldung. Weniger Breite: Formular darunter, damit nichts überlappt. */
@media (min-width: 1500px) {
  .admin-defect-work-card {
    grid-template-columns: minmax(0, 1.05fr) minmax(24rem, .85fr) !important;
  }

  .admin-defect-work-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1340px) {
  .admin-defect-v2-layout {
    grid-template-columns: minmax(11rem, 13.5rem) minmax(0, 1fr) !important;
  }

  .admin-defect-v2-live {
    grid-column: 1 / -1 !important;
    position: static !important;
  }

  .admin-defect-live {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem) !important;
    gap: 1rem !important;
    align-items: start !important;
  }

  .admin-defect-live .admin-kicker,
  .admin-defect-live .admin-defect-live-title {
    grid-column: 1 !important;
  }

  .admin-defect-live .admin-preview-list {
    grid-column: 1 !important;
  }

  .admin-defect-live .admin-primary-link {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    align-self: center !important;
  }
}

@media (max-width: 980px) {
  .admin-defect-v2-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-v2-side,
  .admin-defect-v2-live {
    position: static !important;
  }

  .admin-defect-side .admin-workflow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-defect-live {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-live .admin-primary-link,
  .admin-defect-live .admin-preview-list,
  .admin-defect-live .admin-kicker,
  .admin-defect-live .admin-defect-live-title {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

@media (max-width: 760px) {
  .admin-defect-command-grid,
  .admin-defect-field-grid,
  .admin-defect-work-title-row,
  .admin-defect-quick-actions,
  .admin-defect-work-meta {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-lane-header,
  .admin-defect-form-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .admin-defect-work-card {
    padding: .9rem .9rem .9rem 1.15rem !important;
  }

  .admin-defect-form-actions .admin-primary-button {
    width: 100% !important;
  }

  .admin-defect-side .admin-workflow-steps {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   D9 Feinschliff Defektzentrale: Bereich "In Prüfung"
   Ziel: moderne Prüfkarte, ruhigere Statusführung und klarere Entscheidung.
   Diesen Block ganz ans Ende der admin.css setzen.
   ========================================================================== */

.admin-defect-lane-review {
  overflow: hidden !important;
  border-color: rgba(37, 99, 235, .22) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .8), transparent 18rem),
    rgba(255, 255, 255, .96) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .08) !important;
}

.admin-defect-lane-review .admin-defect-lane-header {
  border-bottom-color: rgba(147, 197, 253, .58) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(191, 219, 254, .8), transparent 13rem),
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  padding: 1.05rem 1.15rem !important;
}

.admin-defect-lane-review .admin-defect-lane-header h2 {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  color: var(--admin-primary-dark) !important;
  font-size: 1.22rem !important;
}

.admin-defect-lane-review .admin-defect-lane-header h2::before {
  display: inline-grid !important;
  width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;
  border-radius: .75rem !important;
  background: linear-gradient(135deg, var(--admin-primary), var(--admin-primary-hover)) !important;
  color: #fff !important;
  content: "3" !important;
  font-size: .85rem !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 22px rgba(29, 78, 216, .22) !important;
}

.admin-defect-lane-review .admin-defect-lane-header p {
  max-width: 46rem !important;
  color: var(--admin-text-soft) !important;
  font-weight: 820 !important;
}

.admin-defect-lane-review .admin-defect-lane-header > span {
  min-width: 2.7rem !important;
  height: 2.7rem !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  background: #ffffff !important;
  color: var(--admin-primary-dark) !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-defect-lane-review .admin-defect-lane-list {
  gap: 1rem !important;
  padding: 1rem !important;
  background: linear-gradient(180deg, rgba(248, 251, 255, .92) 0%, rgba(255, 255, 255, .96) 100%) !important;
}

.admin-defect-lane-review .admin-defect-work-card {
  overflow: hidden !important;
  border-color: rgba(147, 197, 253, .58) !important;
  border-radius: 1.35rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .62), transparent 14rem),
    #ffffff !important;
  padding: 1.1rem 1.1rem 1.1rem 1.45rem !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, .08),
    inset 0 0 0 1px rgba(255, 255, 255, .78) !important;
}

.admin-defect-lane-review .admin-defect-work-card::before {
  inset: 1.05rem auto 1.05rem .52rem !important;
  width: .34rem !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--admin-primary), #60a5fa) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .07) !important;
}

.admin-defect-lane-review .admin-defect-work-main {
  gap: .85rem !important;
}

.admin-defect-lane-review .admin-defect-work-topline {
  gap: .5rem !important;
}

.admin-defect-lane-review .admin-defect-work-topline .admin-badge {
  min-height: 1.85rem !important;
  border-width: 1px !important;
  border-radius: 999px !important;
  padding: .38rem .72rem !important;
  font-size: .72rem !important;
  letter-spacing: .01em !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5) !important;
}

.admin-defect-lane-review .admin-defect-work-title-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .8rem !important;
  padding: .1rem 0 .15rem !important;
}

.admin-defect-lane-review .admin-defect-work-title-row h3 {
  font-size: clamp(1.35rem, 2vw, 1.65rem) !important;
  letter-spacing: -.045em !important;
}

.admin-defect-lane-review .admin-defect-work-title-row p {
  color: var(--admin-text-muted) !important;
  font-size: .9rem !important;
  font-weight: 850 !important;
}

.admin-defect-lane-review .admin-defect-work-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .65rem !important;
}

.admin-defect-lane-review .admin-defect-work-meta div {
  border-color: rgba(203, 213, 225, .82) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--admin-surface-muted) 100%) !important;
  padding: .72rem .78rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8) !important;
}

.admin-defect-lane-review .admin-defect-work-meta dd {
  font-size: .9rem !important;
  line-height: 1.18 !important;
}

.admin-defect-lane-review .admin-defect-guidance {
  position: relative !important;
  grid-template-columns: minmax(0, 1fr) !important;
  border-color: rgba(147, 197, 253, .85) !important;
  border-radius: 1.05rem !important;
  background:
    linear-gradient(135deg, #eff6ff 0%, #ffffff 76%) !important;
  padding: .9rem 1rem .9rem 1.1rem !important;
  box-shadow: inset .25rem 0 0 var(--admin-primary) !important;
}

.admin-defect-lane-review .admin-defect-guidance span {
  color: var(--admin-primary) !important;
  font-size: .7rem !important;
}

.admin-defect-lane-review .admin-defect-guidance p {
  font-size: .98rem !important;
  font-weight: 900 !important;
}

.admin-defect-lane-review .admin-defect-work-links {
  gap: .6rem !important;
}

.admin-defect-lane-review .admin-defect-work-links .admin-inline-link {
  flex: 0 1 auto !important;
  min-height: 2.55rem !important;
  border-radius: .9rem !important;
  padding: .62rem .9rem !important;
  background: #ffffff !important;
}

.admin-defect-lane-review .admin-defect-decision-form {
  gap: .95rem !important;
  border-color: rgba(37, 99, 235, .28) !important;
  border-radius: 1.2rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(191, 219, 254, .55), transparent 14rem),
    linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
  padding: 1rem !important;
  box-shadow:
    0 16px 36px rgba(29, 78, 216, .08),
    inset 0 0 0 1px rgba(255, 255, 255, .75) !important;
}

.admin-defect-lane-review .admin-defect-decision-head {
  display: grid !important;
  border: 1px solid rgba(191, 219, 254, .9) !important;
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, .86) !important;
  padding: .9rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-defect-lane-review .admin-defect-decision-head h4 {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  font-size: 1.16rem !important;
}

.admin-defect-lane-review .admin-defect-decision-head h4::before {
  display: inline-grid !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  place-items: center !important;
  border-radius: .7rem !important;
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary-dark) !important;
  content: "✓" !important;
  font-size: .9rem !important;
  font-weight: 950 !important;
}

.admin-defect-lane-review .admin-defect-quick-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .62rem !important;
}

.admin-defect-lane-review .admin-defect-quick-action {
  position: relative !important;
  min-height: 4.25rem !important;
  overflow: hidden !important;
  border-color: rgba(203, 213, 225, .94) !important;
  border-radius: 1rem !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--admin-surface-muted) 100%) !important;
  padding: .82rem .82rem .82rem 1rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-defect-lane-review .admin-defect-quick-action::before {
  position: absolute !important;
  inset: .75rem auto .75rem 0 !important;
  width: .22rem !important;
  border-radius: 999px !important;
  background: var(--admin-primary) !important;
  content: "" !important;
}

.admin-defect-lane-review .admin-defect-quick-action span {
  font-size: .9rem !important;
  line-height: 1.05 !important;
}

.admin-defect-lane-review .admin-defect-quick-action small {
  margin-top: .15rem !important;
  font-size: .7rem !important;
  line-height: 1.16 !important;
}

.admin-defect-lane-review .admin-defect-quick-action-repair::before {
  background: var(--admin-warning) !important;
}

.admin-defect-lane-review .admin-defect-quick-action-block::before {
  background: var(--admin-danger) !important;
}

.admin-defect-lane-review .admin-defect-quick-action-resolve::before {
  background: var(--admin-success) !important;
}

.admin-defect-lane-review .admin-defect-quick-action:hover,
.admin-defect-lane-review .admin-defect-quick-action:focus-visible {
  border-color: #93c5fd !important;
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow: 0 12px 26px rgba(29, 78, 216, .12) !important;
}

.admin-defect-lane-review .admin-defect-field-grid {
  gap: .75rem !important;
}

.admin-defect-lane-review .admin-defect-decision-form label {
  border: 1px solid rgba(203, 213, 225, .82) !important;
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, .82) !important;
  padding: .78rem !important;
}

.admin-defect-lane-review .admin-defect-decision-form label > span {
  color: var(--admin-text-soft) !important;
  font-size: .73rem !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.admin-defect-lane-review .admin-defect-decision-form select,
.admin-defect-lane-review .admin-defect-decision-form textarea {
  min-height: 2.95rem !important;
  border-color: rgba(203, 213, 225, .95) !important;
  border-radius: .85rem !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, .03) !important;
}

.admin-defect-lane-review .admin-defect-note-field {
  padding: .8rem !important;
}

.admin-defect-lane-review .admin-defect-note-field textarea {
  min-height: 7.4rem !important;
}

.admin-defect-lane-review .admin-defect-decision-preview {
  position: relative !important;
  overflow: hidden !important;
  border-color: rgba(147, 197, 253, .75) !important;
  border-radius: 1rem !important;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  padding: .9rem .95rem .9rem 1.1rem !important;
  box-shadow: inset .25rem 0 0 var(--admin-primary) !important;
}

.admin-defect-lane-review .admin-defect-decision-preview strong {
  font-size: 1.08rem !important;
}

.admin-defect-lane-review .admin-defect-warning-list li {
  border-radius: .85rem !important;
  padding: .68rem .78rem !important;
}

.admin-defect-lane-review .admin-defect-warning-list li.admin-quality-ok {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  border-color: rgba(22, 163, 74, .24) !important;
  background: linear-gradient(135deg, var(--admin-success-soft) 0%, #ffffff 100%) !important;
  font-weight: 900 !important;
}

.admin-defect-lane-review .admin-defect-warning-list li.admin-quality-ok::before {
  display: inline-grid !important;
  width: 1.55rem !important;
  height: 1.55rem !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-success) !important;
  color: #fff !important;
  content: "✓" !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

.admin-defect-lane-review .admin-defect-form-actions {
  border: 1px solid rgba(191, 219, 254, .9) !important;
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, .9) !important;
  padding: .82rem !important;
}

.admin-defect-lane-review .admin-defect-form-actions .admin-primary-button {
  min-height: 2.8rem !important;
  border-radius: .9rem !important;
  padding-inline: 1.15rem !important;
}

@media (min-width: 1500px) {
  .admin-defect-lane-review .admin-defect-work-card {
    grid-template-columns: minmax(0, .98fr) minmax(25rem, .9fr) !important;
    align-items: start !important;
  }

  .admin-defect-lane-review .admin-defect-work-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-defect-lane-review .admin-defect-decision-form {
    position: sticky !important;
    top: 1rem !important;
  }
}

@media (max-width: 760px) {
  .admin-defect-lane-review .admin-defect-work-meta,
  .admin-defect-lane-review .admin-defect-field-grid,
  .admin-defect-lane-review .admin-defect-quick-actions {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-lane-review .admin-defect-work-card {
    padding: 1rem 1rem 1rem 1.28rem !important;
  }

  .admin-defect-lane-review .admin-defect-work-title-row {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-lane-review .admin-defect-work-links .admin-inline-link {
    width: 100% !important;
  }
}

/* ==========================================================================
   D10 Defektzentrale: Entscheidung als Modal
   Ziel: Karten bleiben aufgeräumt; Entscheidung wird in einem ruhigen Dialog
   geführt. Diesen Block ganz ans Ende der admin.css setzen.
   ========================================================================== */

.admin-defect-decision-compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .85rem !important;
  align-items: center !important;
  border: 1px solid rgba(147, 197, 253, .75) !important;
  border-radius: 1rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .72), transparent 12rem),
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  padding: .85rem !important;
  box-shadow:
    inset .25rem 0 0 var(--admin-primary),
    var(--admin-shadow-xs) !important;
}

.admin-defect-decision-compact .admin-kicker {
  margin: 0 0 .25rem !important;
}

.admin-defect-decision-compact h4 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  line-height: 1.08 !important;
}

.admin-defect-decision-compact small {
  display: block !important;
  margin-top: .18rem !important;
  color: var(--admin-text-muted) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
}

.admin-defect-modal-open-button {
  min-height: 2.7rem !important;
  border-radius: .9rem !important;
  padding-inline: 1rem !important;
  white-space: nowrap !important;
}

.admin-defect-dialog {
  width: min(46rem, calc(100vw - 2rem)) !important;
  max-width: calc(100vw - 2rem) !important;
  max-height: calc(100dvh - 2rem) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 1.45rem !important;
  background: transparent !important;
  color: var(--admin-text) !important;
  padding: 0 !important;
  box-shadow: 0 28px 90px rgba(15, 23, 42, .32) !important;
}

.admin-defect-dialog::backdrop {
  background:
    radial-gradient(circle at 50% 20%, rgba(37, 99, 235, .18), transparent 28rem),
    rgba(15, 23, 42, .48) !important;
  backdrop-filter: blur(8px) !important;
}

.admin-defect-dialog[open] {
  animation: adminDefectDialogIn 160ms ease-out !important;
}

@keyframes adminDefectDialogIn {
  from {
    opacity: 0;
    transform: translateY(1rem) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.admin-defect-dialog-shell {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  max-height: calc(100dvh - 2rem) !important;
  overflow: hidden !important;
  border: 1px solid rgba(191, 219, 254, .9) !important;
  border-radius: 1.45rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .9), transparent 18rem),
    linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.admin-defect-dialog-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: start !important;
  border-bottom: 1px solid rgba(191, 219, 254, .85) !important;
  background: rgba(255, 255, 255, .88) !important;
  padding: 1.1rem 1.15rem !important;
}

.admin-defect-dialog-header .admin-kicker {
  margin: 0 0 .3rem !important;
}

.admin-defect-dialog-header h3 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.35rem, 4vw, 1.85rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.05em !important;
  line-height: .98 !important;
  overflow-wrap: anywhere !important;
}

.admin-defect-dialog-header p:not(.admin-kicker) {
  margin: .38rem 0 0 !important;
  max-width: 34rem !important;
  color: var(--admin-text-muted) !important;
  font-size: .9rem !important;
  font-weight: 820 !important;
  line-height: 1.35 !important;
}

.admin-defect-dialog-close {
  display: grid !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  place-items: center !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: .9rem !important;
  background: #fff !important;
  color: var(--admin-text-soft) !important;
  cursor: pointer !important;
  font-size: 1.55rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-defect-dialog-close:hover,
.admin-defect-dialog-close:focus-visible {
  border-color: #93c5fd !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
}

.admin-defect-dialog .admin-defect-decision-form {
  position: static !important;
  top: auto !important;
  max-height: none !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 1.15rem !important;
  box-shadow: none !important;
}

.admin-defect-dialog .admin-defect-decision-head {
  border-radius: 1.05rem !important;
  background: #fff !important;
}

.admin-defect-dialog .admin-defect-quick-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.admin-defect-dialog .admin-defect-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.admin-defect-dialog .admin-defect-form-actions {
  position: sticky !important;
  bottom: -1.15rem !important;
  z-index: 2 !important;
  margin: .2rem -1.15rem -1.15rem !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 0 1.45rem 1.45rem !important;
  background: rgba(255, 255, 255, .94) !important;
  padding: .95rem 1.15rem !important;
  box-shadow: 0 -18px 34px rgba(15, 23, 42, .08) !important;
  backdrop-filter: blur(14px) !important;
}

body.admin-defect-dialog-open {
  overflow: hidden !important;
}

@media (min-width: 1500px) {
  .admin-defect-lane-review .admin-defect-work-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .admin-defect-lane-review .admin-defect-decision-form {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 760px) {
  .admin-defect-decision-compact {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-modal-open-button {
    width: 100% !important;
  }

  .admin-defect-dialog {
    width: calc(100vw - 1rem) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: calc(100dvh - 1rem) !important;
    border-radius: 1.15rem !important;
  }

  .admin-defect-dialog-shell {
    max-height: calc(100dvh - 1rem) !important;
    border-radius: 1.15rem !important;
  }

  .admin-defect-dialog-header {
    padding: .95rem !important;
  }

  .admin-defect-dialog .admin-defect-decision-form {
    padding: .95rem !important;
  }

  .admin-defect-dialog .admin-defect-quick-actions,
  .admin-defect-dialog .admin-defect-field-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-dialog .admin-defect-form-actions {
    margin: .2rem -.95rem -.95rem !important;
    padding: .85rem .95rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-defect-dialog[open] {
    animation: none !important;
  }
}

/* ==========================================================================
   D11 Defektzentrale: Schritt 3 und Modal final aufraeumen
   Wichtig: Dieser Block nutzt keine Sonderzeichen in CSS-content.
   Dadurch entstehen keine sichtbaren kaputten Zeichen wie "aeoe" / "aew".
   ========================================================================== */

.admin-defect-lane-review .admin-defect-work-card {
  border-radius: 1.45rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .66), transparent 15rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

.admin-defect-lane-review .admin-defect-work-main {
  display: grid !important;
  gap: .9rem !important;
}

.admin-defect-lane-review .admin-defect-work-topline {
  padding: .15rem 0 .05rem !important;
}

.admin-defect-lane-review .admin-defect-work-title-row {
  padding: .15rem 0 .25rem !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
}

.admin-defect-lane-review .admin-defect-work-title-row h3 {
  font-size: clamp(1.32rem, 2vw, 1.72rem) !important;
  line-height: 1.02 !important;
}

.admin-defect-lane-review .admin-defect-work-title-row p {
  font-size: .92rem !important;
  color: var(--admin-text-muted) !important;
}

.admin-defect-lane-review .admin-defect-work-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .62rem !important;
}

.admin-defect-lane-review .admin-defect-work-meta div {
  min-height: 4.2rem !important;
  display: grid !important;
  align-content: center !important;
  border-color: rgba(203, 213, 225, .92) !important;
  border-radius: 1rem !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  padding: .72rem .78rem !important;
}

.admin-defect-lane-review .admin-defect-work-meta dt {
  font-size: .64rem !important;
}

.admin-defect-lane-review .admin-defect-work-meta dd {
  font-size: .92rem !important;
  font-weight: 950 !important;
}

.admin-defect-lane-review .admin-defect-guidance {
  border-radius: 1.1rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .7), transparent 9rem),
    #ffffff !important;
  box-shadow:
    inset .28rem 0 0 var(--admin-primary),
    var(--admin-shadow-xs) !important;
}

.admin-defect-lane-review .admin-defect-guidance p {
  max-width: 46rem !important;
  font-size: 1rem !important;
}

/* Schritt 3: Entscheidung in der Karte als klare Zusammenfassung */
.admin-defect-decision-compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(13rem, .9fr) !important;
  grid-template-areas:
    "main facts"
    "flow action" !important;
  gap: .8rem !important;
  align-items: stretch !important;
  border: 1px solid rgba(147, 197, 253, .78) !important;
  border-radius: 1.18rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(191, 219, 254, .7), transparent 12rem),
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  padding: .95rem !important;
  box-shadow:
    inset .3rem 0 0 var(--admin-primary),
    0 10px 28px rgba(29, 78, 216, .08) !important;
}

.admin-defect-decision-compact-main {
  grid-area: main !important;
  min-width: 0 !important;
}

.admin-defect-decision-compact-main .admin-kicker {
  margin: 0 0 .24rem !important;
}

.admin-defect-decision-compact-main h4 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.18rem !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  line-height: 1.06 !important;
}

.admin-defect-decision-compact-main small {
  display: block !important;
  margin-top: .32rem !important;
  color: var(--admin-text-muted) !important;
  font-size: .82rem !important;
  font-weight: 820 !important;
  line-height: 1.34 !important;
}

.admin-defect-decision-compact-facts {
  grid-area: facts !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  margin: 0 !important;
}

.admin-defect-decision-compact-facts div {
  min-width: 0 !important;
  border: 1px solid rgba(203, 213, 225, .88) !important;
  border-radius: .9rem !important;
  background: rgba(255, 255, 255, .86) !important;
  padding: .64rem .7rem !important;
}

.admin-defect-decision-compact-facts dt {
  color: var(--admin-text-muted) !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

.admin-defect-decision-compact-facts dd {
  margin: .2rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: .85rem !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}

.admin-defect-decision-compact-flow {
  grid-area: flow !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  align-self: end !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-defect-decision-compact-flow li {
  display: inline-flex !important;
  min-height: 1.95rem !important;
  align-items: center !important;
  border: 1px solid rgba(191, 219, 254, .95) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .9) !important;
  color: var(--admin-primary-dark) !important;
  padding: .35rem .62rem !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-defect-decision-compact .admin-defect-modal-open-button {
  grid-area: action !important;
  align-self: end !important;
  justify-self: stretch !important;
  min-height: 3rem !important;
  border-radius: .95rem !important;
  font-size: .92rem !important;
}

/* Modal: bessere Lesbarkeit und keine Pseudo-Sonderzeichen */
.admin-defect-dialog .admin-defect-decision-head h4::before,
.admin-defect-lane-review .admin-defect-decision-head h4::before,
.admin-defect-dialog .admin-defect-warning-list li.admin-quality-ok::before,
.admin-defect-lane-review .admin-defect-warning-list li.admin-quality-ok::before {
  content: none !important;
  display: none !important;
}

.admin-defect-dialog {
  width: min(49rem, calc(100vw - 2rem)) !important;
}

.admin-defect-dialog-shell {
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .82), transparent 18rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

.admin-defect-dialog .admin-defect-decision-form {
  max-height: calc(100dvh - 9rem) !important;
  overflow-y: auto !important;
  padding: 1.1rem 1.15rem 0 !important;
  scroll-padding-bottom: 6rem !important;
}

.admin-defect-dialog .admin-defect-decision-head {
  border: 1px solid rgba(147, 197, 253, .85) !important;
  border-radius: 1.08rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .68), transparent 10rem),
    #ffffff !important;
  padding: .95rem 1rem !important;
  box-shadow: inset .28rem 0 0 var(--admin-primary) !important;
}

.admin-defect-dialog .admin-defect-decision-head h4 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.2rem !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

.admin-defect-dialog .admin-defect-decision-head small {
  color: var(--admin-text-muted) !important;
  font-size: .86rem !important;
  font-weight: 820 !important;
  line-height: 1.35 !important;
}

.admin-defect-dialog .admin-defect-quick-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .62rem !important;
}

.admin-defect-dialog .admin-defect-quick-action {
  min-height: 4.35rem !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
}

.admin-defect-dialog .admin-defect-quick-action.is-selected,
.admin-defect-dialog .admin-defect-quick-action[aria-pressed="true"] {
  border-color: #60a5fa !important;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, .18),
    0 12px 28px rgba(29, 78, 216, .12) !important;
}

.admin-defect-dialog .admin-defect-quick-action.is-selected span,
.admin-defect-dialog .admin-defect-quick-action[aria-pressed="true"] span {
  color: var(--admin-primary-dark) !important;
}

.admin-defect-dialog .admin-defect-field-grid {
  gap: .75rem !important;
}

.admin-defect-dialog .admin-defect-decision-form label {
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, .9) !important;
}

.admin-defect-dialog .admin-defect-decision-preview {
  display: grid !important;
  gap: .3rem !important;
  min-height: auto !important;
  border-radius: 1.05rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .6), transparent 9rem),
    #ffffff !important;
  box-shadow: inset .28rem 0 0 var(--admin-primary) !important;
}

.admin-defect-dialog .admin-defect-decision-preview span,
.admin-defect-dialog .admin-defect-decision-preview strong,
.admin-defect-dialog .admin-defect-decision-preview p {
  display: block !important;
  overflow: visible !important;
}

.admin-defect-dialog .admin-defect-decision-preview p {
  margin: 0 !important;
  color: var(--admin-text-soft) !important;
  font-size: .9rem !important;
  font-weight: 820 !important;
  line-height: 1.35 !important;
}

.admin-defect-dialog .admin-defect-warning-list li.admin-quality-ok {
  display: block !important;
  border-color: rgba(22, 163, 74, .26) !important;
  border-radius: .9rem !important;
  background: linear-gradient(135deg, var(--admin-success-soft) 0%, #ffffff 100%) !important;
  color: #166534 !important;
  padding: .72rem .82rem !important;
  font-weight: 950 !important;
}

.admin-defect-dialog .admin-defect-form-actions {
  position: sticky !important;
  bottom: 0 !important;
  margin: .2rem -1.15rem 0 !important;
  border-top: 1px solid rgba(191, 219, 254, .95) !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .96) !important;
  padding: .95rem 1.15rem !important;
  box-shadow: 0 -16px 34px rgba(15, 23, 42, .08) !important;
}

.admin-defect-dialog-close {
  font-family: Arial, sans-serif !important;
  font-size: 1.35rem !important;
}

@media (min-width: 1500px) {
  .admin-defect-lane-review .admin-defect-work-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 980px) {
  .admin-defect-decision-compact {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "main"
      "facts"
      "flow"
      "action" !important;
  }
}

@media (max-width: 760px) {
  .admin-defect-lane-review .admin-defect-work-meta,
  .admin-defect-decision-compact-facts,
  .admin-defect-dialog .admin-defect-quick-actions,
  .admin-defect-dialog .admin-defect-field-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-dialog .admin-defect-decision-form {
    max-height: calc(100dvh - 7.25rem) !important;
    padding: .95rem .95rem 0 !important;
  }

  .admin-defect-dialog .admin-defect-form-actions {
    margin-right: -.95rem !important;
    margin-left: -.95rem !important;
    padding: .85rem .95rem !important;
  }
}

/* ==========================================================================
   D11 Defektzentrale: Schritt 3 und Modal final aufraeumen
   Wichtig: Dieser Block nutzt keine Sonderzeichen in CSS-content.
   Dadurch entstehen keine sichtbaren kaputten Zeichen wie "aeoe" / "aew".
   ========================================================================== */

.admin-defect-lane-review .admin-defect-work-card {
  border-radius: 1.45rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .66), transparent 15rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

.admin-defect-lane-review .admin-defect-work-main {
  display: grid !important;
  gap: .9rem !important;
}

.admin-defect-lane-review .admin-defect-work-topline {
  padding: .15rem 0 .05rem !important;
}

.admin-defect-lane-review .admin-defect-work-title-row {
  padding: .15rem 0 .25rem !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
}

.admin-defect-lane-review .admin-defect-work-title-row h3 {
  font-size: clamp(1.32rem, 2vw, 1.72rem) !important;
  line-height: 1.02 !important;
}

.admin-defect-lane-review .admin-defect-work-title-row p {
  font-size: .92rem !important;
  color: var(--admin-text-muted) !important;
}

.admin-defect-lane-review .admin-defect-work-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .62rem !important;
}

.admin-defect-lane-review .admin-defect-work-meta div {
  min-height: 4.2rem !important;
  display: grid !important;
  align-content: center !important;
  border-color: rgba(203, 213, 225, .92) !important;
  border-radius: 1rem !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  padding: .72rem .78rem !important;
}

.admin-defect-lane-review .admin-defect-work-meta dt {
  font-size: .64rem !important;
}

.admin-defect-lane-review .admin-defect-work-meta dd {
  font-size: .92rem !important;
  font-weight: 950 !important;
}

.admin-defect-lane-review .admin-defect-guidance {
  border-radius: 1.1rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .7), transparent 9rem),
    #ffffff !important;
  box-shadow:
    inset .28rem 0 0 var(--admin-primary),
    var(--admin-shadow-xs) !important;
}

.admin-defect-lane-review .admin-defect-guidance p {
  max-width: 46rem !important;
  font-size: 1rem !important;
}

/* Schritt 3: Entscheidung in der Karte als klare Zusammenfassung */
.admin-defect-decision-compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(13rem, .9fr) !important;
  grid-template-areas:
    "main facts"
    "flow action" !important;
  gap: .8rem !important;
  align-items: stretch !important;
  border: 1px solid rgba(147, 197, 253, .78) !important;
  border-radius: 1.18rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(191, 219, 254, .7), transparent 12rem),
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  padding: .95rem !important;
  box-shadow:
    inset .3rem 0 0 var(--admin-primary),
    0 10px 28px rgba(29, 78, 216, .08) !important;
}

.admin-defect-decision-compact-main {
  grid-area: main !important;
  min-width: 0 !important;
}

.admin-defect-decision-compact-main .admin-kicker {
  margin: 0 0 .24rem !important;
}

.admin-defect-decision-compact-main h4 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.18rem !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  line-height: 1.06 !important;
}

.admin-defect-decision-compact-main small {
  display: block !important;
  margin-top: .32rem !important;
  color: var(--admin-text-muted) !important;
  font-size: .82rem !important;
  font-weight: 820 !important;
  line-height: 1.34 !important;
}

.admin-defect-decision-compact-facts {
  grid-area: facts !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  margin: 0 !important;
}

.admin-defect-decision-compact-facts div {
  min-width: 0 !important;
  border: 1px solid rgba(203, 213, 225, .88) !important;
  border-radius: .9rem !important;
  background: rgba(255, 255, 255, .86) !important;
  padding: .64rem .7rem !important;
}

.admin-defect-decision-compact-facts dt {
  color: var(--admin-text-muted) !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

.admin-defect-decision-compact-facts dd {
  margin: .2rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: .85rem !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}

.admin-defect-decision-compact-flow {
  grid-area: flow !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  align-self: end !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-defect-decision-compact-flow li {
  display: inline-flex !important;
  min-height: 1.95rem !important;
  align-items: center !important;
  border: 1px solid rgba(191, 219, 254, .95) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .9) !important;
  color: var(--admin-primary-dark) !important;
  padding: .35rem .62rem !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-defect-decision-compact .admin-defect-modal-open-button {
  grid-area: action !important;
  align-self: end !important;
  justify-self: stretch !important;
  min-height: 3rem !important;
  border-radius: .95rem !important;
  font-size: .92rem !important;
}

/* Modal: bessere Lesbarkeit und keine Pseudo-Sonderzeichen */
.admin-defect-dialog .admin-defect-decision-head h4::before,
.admin-defect-lane-review .admin-defect-decision-head h4::before,
.admin-defect-dialog .admin-defect-warning-list li.admin-quality-ok::before,
.admin-defect-lane-review .admin-defect-warning-list li.admin-quality-ok::before {
  content: none !important;
  display: none !important;
}

.admin-defect-dialog {
  width: min(49rem, calc(100vw - 2rem)) !important;
}

.admin-defect-dialog-shell {
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .82), transparent 18rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

.admin-defect-dialog .admin-defect-decision-form {
  max-height: calc(100dvh - 9rem) !important;
  overflow-y: auto !important;
  padding: 1.1rem 1.15rem 0 !important;
  scroll-padding-bottom: 6rem !important;
}

.admin-defect-dialog .admin-defect-decision-head {
  border: 1px solid rgba(147, 197, 253, .85) !important;
  border-radius: 1.08rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .68), transparent 10rem),
    #ffffff !important;
  padding: .95rem 1rem !important;
  box-shadow: inset .28rem 0 0 var(--admin-primary) !important;
}

.admin-defect-dialog .admin-defect-decision-head h4 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.2rem !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

.admin-defect-dialog .admin-defect-decision-head small {
  color: var(--admin-text-muted) !important;
  font-size: .86rem !important;
  font-weight: 820 !important;
  line-height: 1.35 !important;
}

.admin-defect-dialog .admin-defect-quick-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .62rem !important;
}

.admin-defect-dialog .admin-defect-quick-action {
  min-height: 4.35rem !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
}

.admin-defect-dialog .admin-defect-quick-action.is-selected,
.admin-defect-dialog .admin-defect-quick-action[aria-pressed="true"] {
  border-color: #60a5fa !important;
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, .18),
    0 12px 28px rgba(29, 78, 216, .12) !important;
}

.admin-defect-dialog .admin-defect-quick-action.is-selected span,
.admin-defect-dialog .admin-defect-quick-action[aria-pressed="true"] span {
  color: var(--admin-primary-dark) !important;
}

.admin-defect-dialog .admin-defect-field-grid {
  gap: .75rem !important;
}

.admin-defect-dialog .admin-defect-decision-form label {
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, .9) !important;
}

.admin-defect-dialog .admin-defect-decision-preview {
  display: grid !important;
  gap: .3rem !important;
  min-height: auto !important;
  border-radius: 1.05rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .6), transparent 9rem),
    #ffffff !important;
  box-shadow: inset .28rem 0 0 var(--admin-primary) !important;
}

.admin-defect-dialog .admin-defect-decision-preview span,
.admin-defect-dialog .admin-defect-decision-preview strong,
.admin-defect-dialog .admin-defect-decision-preview p {
  display: block !important;
  overflow: visible !important;
}

.admin-defect-dialog .admin-defect-decision-preview p {
  margin: 0 !important;
  color: var(--admin-text-soft) !important;
  font-size: .9rem !important;
  font-weight: 820 !important;
  line-height: 1.35 !important;
}

.admin-defect-dialog .admin-defect-warning-list li.admin-quality-ok {
  display: block !important;
  border-color: rgba(22, 163, 74, .26) !important;
  border-radius: .9rem !important;
  background: linear-gradient(135deg, var(--admin-success-soft) 0%, #ffffff 100%) !important;
  color: #166534 !important;
  padding: .72rem .82rem !important;
  font-weight: 950 !important;
}

.admin-defect-dialog .admin-defect-form-actions {
  position: sticky !important;
  bottom: 0 !important;
  margin: .2rem -1.15rem 0 !important;
  border-top: 1px solid rgba(191, 219, 254, .95) !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .96) !important;
  padding: .95rem 1.15rem !important;
  box-shadow: 0 -16px 34px rgba(15, 23, 42, .08) !important;
}

.admin-defect-dialog-close {
  font-family: Arial, sans-serif !important;
  font-size: 1.35rem !important;
}

@media (min-width: 1500px) {
  .admin-defect-lane-review .admin-defect-work-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 980px) {
  .admin-defect-decision-compact {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "main"
      "facts"
      "flow"
      "action" !important;
  }
}

@media (max-width: 760px) {
  .admin-defect-lane-review .admin-defect-work-meta,
  .admin-defect-decision-compact-facts,
  .admin-defect-dialog .admin-defect-quick-actions,
  .admin-defect-dialog .admin-defect-field-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-defect-dialog .admin-defect-decision-form {
    max-height: calc(100dvh - 7.25rem) !important;
    padding: .95rem .95rem 0 !important;
  }

  .admin-defect-dialog .admin-defect-form-actions {
    margin-right: -.95rem !important;
    margin-left: -.95rem !important;
    padding: .85rem .95rem !important;
  }
}

/* ==========================================================================
   Etiketten & QR-Codes Variante 1:
   Kompakte Druckliste + rechte Live-Vorschau
   Diesen Block ganz ans Ende der admin.css setzen.
   ========================================================================== */

.admin-label-v2 {
  width: min(100%, 110rem) !important;
  margin: 0 auto !important;
}

.admin-label-v2-hero {
  width: 100% !important;
  margin-inline: auto !important;
  grid-template-columns: minmax(0, 1fr) minmax(28rem, .95fr) !important;
  align-items: center !important;
}

.admin-label-v2-hero-panel {
  display: grid !important;
  gap: .85rem !important;
}

.admin-label-v2-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .65rem !important;
}

.admin-label-v2-stats article {
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background:
    radial-gradient(circle at 100% 100%, rgba(219, 234, 254, .82), transparent 4.3rem),
    #ffffff !important;
  padding: .82rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-label-v2-stats span {
  display: block !important;
  color: var(--admin-text-muted) !important;
  font-size: .64rem !important;
  font-weight: 950 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

.admin-label-v2-stats strong {
  display: block !important;
  margin-top: .28rem !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

.admin-label-v2-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  justify-content: flex-end !important;
}

.admin-label-v2-hero-actions > * {
  min-height: 2.75rem !important;
  border-radius: .95rem !important;
}

.admin-label-v2-layout {
  display: grid !important;
  grid-template-columns: minmax(13.5rem, 16rem) minmax(0, 1fr) minmax(18rem, 24rem) !important;
  gap: 1rem !important;
  align-items: start !important;
}

.admin-label-v2-left,
.admin-label-v2-preview {
  position: sticky !important;
  top: 1rem !important;
  display: grid !important;
  gap: .9rem !important;
  align-self: start !important;
}

.admin-label-v2-steps,
.admin-label-v2-rule,
.admin-label-v2-card,
.admin-label-v2-preview-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-label-v2-steps {
  display: grid !important;
  gap: .35rem !important;
  padding: .78rem !important;
}

.admin-label-v2-steps a {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  gap: .14rem .62rem !important;
  align-items: center !important;
  min-height: 3.2rem !important;
  border-radius: .95rem !important;
  color: var(--admin-text-soft) !important;
  padding: .45rem .55rem !important;
  text-decoration: none !important;
}

.admin-label-v2-steps a:hover {
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
}

.admin-label-v2-steps span {
  grid-row: span 2 !important;
  display: grid !important;
  width: 1.72rem !important;
  height: 1.72rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

.admin-label-v2-steps strong {
  color: inherit !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
}

.admin-label-v2-steps small {
  color: var(--admin-text-muted) !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

.admin-label-v2-rule {
  border-color: var(--admin-warning-border) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(254, 243, 199, .86), transparent 9rem),
    #ffffff !important;
  padding: 1rem !important;
}

.admin-label-v2-rule h2 {
  margin: .2rem 0 .35rem !important;
  color: var(--admin-text) !important;
  font-size: 1.1rem !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
  line-height: 1.05 !important;
}

.admin-label-v2-rule p:not(.admin-kicker) {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: .86rem !important;
  font-weight: 820 !important;
  line-height: 1.42 !important;
}

.admin-label-v2-main {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

.admin-label-v2-card {
  display: grid !important;
  gap: .95rem !important;
  padding: 1rem !important;
}

.admin-label-v2-card-header {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: .85rem !important;
}

.admin-label-v2-card h2,
.admin-label-v2-preview-card h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.35rem, 2vw, 1.85rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
  line-height: 1.02 !important;
}

.admin-label-v2-card p:not(.admin-kicker),
.admin-label-v2-preview-card p:not(.admin-kicker) {
  margin: .25rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.38 !important;
}

.admin-label-v2-controls {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem) !important;
  gap: .75rem !important;
  align-items: end !important;
}

.admin-label-v2-search,
.admin-label-v2-format {
  display: grid !important;
  gap: .38rem !important;
}

.admin-label-v2-search span,
.admin-label-v2-format span {
  color: var(--admin-text-muted) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.admin-label-v2-search input,
.admin-label-v2-format select {
  width: 100% !important;
  min-height: 3rem !important;
  border: 1px solid var(--admin-border-strong) !important;
  border-radius: .95rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: .75rem .9rem !important;
  font-weight: 850 !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-label-v2-search input:focus,
.admin-label-v2-format select:focus {
  border-color: var(--admin-primary) !important;
  outline: none !important;
  box-shadow: var(--admin-focus) !important;
}

.admin-label-v2-filterbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}

.admin-label-v2-filterbar .admin-filter-chip {
  min-height: 2.25rem !important;
  padding: .45rem .78rem !important;
  border-radius: 999px !important;
}

.admin-label-v2-selection {
  display: grid !important;
  min-width: 12rem !important;
  gap: .18rem !important;
  border: 1px solid rgba(147, 197, 253, .78) !important;
  border-radius: 1rem !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary-dark) !important;
  padding: .7rem .85rem !important;
}

.admin-label-v2-selection strong {
  color: var(--admin-primary-dark) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
}

.admin-label-v2-selection span {
  color: var(--admin-text-muted) !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

.admin-label-v2-list {
  display: grid !important;
  gap: .72rem !important;
}

.admin-label-v2-row {
  display: grid !important;
  grid-template-columns: 7.5rem minmax(0, 1fr) auto !important;
  grid-template-areas:
    "check main actions"
    "facts facts actions"
    "note note actions" !important;
  gap: .65rem .8rem !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.1rem !important;
  background: #ffffff !important;
  padding: .78rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-label-v2-row:hover,
.admin-label-v2-row.is-active {
  border-color: #93c5fd !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .65), transparent 10rem),
    #ffffff !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-label-v2-row-warning {
  border-color: rgba(245, 158, 11, .38) !important;
  box-shadow: inset .25rem 0 0 var(--admin-warning), var(--admin-shadow-xs) !important;
}

.admin-label-v2-row-critical {
  border-color: rgba(220, 38, 38, .38) !important;
  box-shadow: inset .25rem 0 0 var(--admin-danger), var(--admin-shadow-xs) !important;
}

.admin-label-v2-row-ready {
  border-color: rgba(22, 163, 74, .3) !important;
  box-shadow: inset .25rem 0 0 var(--admin-success), var(--admin-shadow-xs) !important;
}

.admin-label-v2-row.is-selected {
  border-color: #60a5fa !important;
  box-shadow:
    inset .25rem 0 0 var(--admin-primary),
    0 0 0 4px rgba(59, 130, 246, .12),
    var(--admin-shadow-sm) !important;
}

.admin-label-v2-row.is-hidden-by-filter,
.admin-label-print-card.is-hidden-by-filter {
  display: none !important;
}

.admin-label-v2-row-check {
  grid-area: check !important;
}

.admin-label-v2-row-check label {
  display: inline-flex !important;
  min-height: 2.45rem !important;
  align-items: center !important;
  gap: .5rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: .9rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-soft) !important;
  padding: .55rem .65rem !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.admin-label-v2-row-check input {
  width: 1.05rem !important;
  height: 1.05rem !important;
  accent-color: var(--admin-primary) !important;
}

.admin-label-v2-row-main {
  grid-area: main !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem .85rem !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.admin-label-v2-row-title {
  display: grid !important;
  min-width: 0 !important;
  gap: .14rem !important;
}

.admin-label-v2-row-title strong {
  color: var(--admin-primary) !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
}

.admin-label-v2-row-title small {
  color: var(--admin-text-muted) !important;
  font-size: .8rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.admin-label-v2-row-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .4rem !important;
  justify-content: flex-end !important;
}

.admin-label-v2-row-facts {
  grid-area: facts !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .5rem !important;
  margin: 0 !important;
}

.admin-label-v2-row-facts div {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: .85rem !important;
  background: var(--admin-surface-muted) !important;
  padding: .58rem .65rem !important;
}

.admin-label-v2-row-facts dt {
  color: var(--admin-text-muted) !important;
  font-size: .6rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

.admin-label-v2-row-facts dd {
  margin: .18rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: .8rem !important;
  font-weight: 920 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}

.admin-label-v2-row-note {
  grid-area: note !important;
}

.admin-label-v2-row-note ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-label-v2-row-note li {
  display: inline-flex !important;
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: 999px !important;
  background: var(--admin-warning-soft) !important;
  color: var(--admin-warning) !important;
  padding: .3rem .55rem !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-label-v2-row-note p {
  display: inline-flex !important;
  margin: 0 !important;
  border: 1px solid var(--admin-success-border) !important;
  border-radius: 999px !important;
  background: var(--admin-success-soft) !important;
  color: #166534 !important;
  padding: .34rem .6rem !important;
  font-size: .74rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-label-v2-row-actions {
  grid-area: actions !important;
  display: grid !important;
  align-content: center !important;
  gap: .42rem !important;
  min-width: 6.8rem !important;
}

.admin-label-v2-row-actions .admin-secondary-link {
  min-height: 2.25rem !important;
  border-radius: .8rem !important;
  padding: .48rem .68rem !important;
  font-size: .8rem !important;
  white-space: nowrap !important;
}

.admin-label-v2-empty {
  border: 1px dashed var(--admin-border-strong) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  padding: 1.2rem !important;
  text-align: center !important;
}

.admin-label-v2-empty h3 {
  margin: .2rem 0 .3rem !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
}

.admin-label-v2-preview-card {
  display: grid !important;
  gap: .75rem !important;
  padding: 1rem !important;
}

.admin-label-v2-preview-card > p:not(.admin-kicker) {
  margin: -.3rem 0 .2rem !important;
}

.admin-label-v2-preview-frame {
  display: grid !important;
  place-items: center !important;
  border: 1px dashed rgba(147, 197, 253, .8) !important;
  border-radius: 1rem !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(219, 234, 254, .76), transparent 12rem),
    var(--admin-surface-muted) !important;
  padding: .75rem !important;
}

.admin-label-v2-preview-inner {
  display: grid !important;
  justify-items: center !important;
  width: 100% !important;
}

.admin-label-v2-preview-frame .admin-tool-label {
  width: min(100%, 21rem) !important;
  min-height: 14.5rem !important;
  border-width: 2px !important;
  border-radius: .95rem !important;
  padding: .68rem !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
}

.admin-label-v2-preview-frame .admin-tool-label-header strong {
  font-size: clamp(1.4rem, 4vw, 1.85rem) !important;
}

.admin-label-v2-preview-frame .admin-tool-label-body {
  grid-template-columns: 6.3rem minmax(0, 1fr) !important;
  gap: .58rem !important;
  padding: .55rem 0 !important;
}

.admin-label-v2-preview-frame .admin-tool-label-qr {
  width: 6.3rem !important;
  height: 6.3rem !important;
}

.admin-label-v2-preview-frame .admin-tool-label-info h2 {
  font-size: .98rem !important;
  line-height: 1.1 !important;
}

.admin-label-v2-preview-frame .admin-tool-label-info p {
  font-size: .76rem !important;
  line-height: 1.18 !important;
}

.admin-label-v2-preview-frame .admin-tool-label-footer span {
  font-size: .58rem !important;
}

.admin-label-v2-preview-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  margin: 0 !important;
}

.admin-label-v2-preview-meta div {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: .9rem !important;
  background: var(--admin-surface-muted) !important;
  padding: .62rem .7rem !important;
}

.admin-label-v2-preview-meta dt {
  color: var(--admin-text-muted) !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

.admin-label-v2-preview-meta dd {
  margin: .18rem 0 0 !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
}

.admin-label-v2-preview-card .admin-primary-button {
  width: 100% !important;
  min-height: 2.85rem !important;
  border-radius: .95rem !important;
}

.admin-label-print-deck {
  display: none !important;
}

.admin-label-print-card.is-selected {
  outline: none !important;
}

.admin-label-print-deck.admin-label-has-selection .admin-label-print-card:not(.is-selected) {
  display: none !important;
}

@media (min-width: 1500px) {
  .admin-label-v2-layout {
    grid-template-columns: minmax(14rem, 17rem) minmax(0, 1fr) minmax(20rem, 26rem) !important;
  }
}

@media (max-width: 1240px) {
  .admin-label-v2-hero,
  .admin-label-v2-layout {
    grid-template-columns: 1fr !important;
  }

  .admin-label-v2-left,
  .admin-label-v2-preview {
    position: static !important;
  }

  .admin-label-v2-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .admin-label-v2-preview {
    order: 3 !important;
  }
}

@media (max-width: 820px) {
  .admin-label-v2-stats,
  .admin-label-v2-controls,
  .admin-label-v2-steps,
  .admin-label-v2-row,
  .admin-label-v2-row-facts,
  .admin-label-v2-preview-meta {
    grid-template-columns: 1fr !important;
  }

  .admin-label-v2-row {
    grid-template-areas:
      "check"
      "main"
      "facts"
      "note"
      "actions" !important;
  }

  .admin-label-v2-hero-actions > *,
  .admin-label-v2-row-actions > *,
  .admin-label-v2-preview-card .admin-primary-button {
    width: 100% !important;
  }

  .admin-label-v2-row-main {
    display: grid !important;
  }

  .admin-label-v2-row-badges {
    justify-content: flex-start !important;
  }

  .admin-label-v2-preview-frame .admin-tool-label-body {
    grid-template-columns: 1fr !important;
  }

  .admin-label-v2-preview-frame .admin-tool-label-qr {
    width: 7rem !important;
    height: 7rem !important;
  }
}

@media print {
  body {
    background: #ffffff !important;
  }

  .admin-sidebar,
  .admin-label-v2 .no-print,
  .admin-label-v2-hero,
  .admin-label-v2-layout,
  .admin-alert,
  .no-print {
    display: none !important;
  }

  .admin-shell,
  .admin-main {
    display: block !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .admin-label-print-deck {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10mm !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
  }

  .admin-label-print-card {
    display: block !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .admin-label-print-card.is-hidden-by-filter,
  .admin-label-print-card.is-print-excluded,
  .admin-label-print-deck.admin-label-has-selection .admin-label-print-card:not(.is-selected) {
    display: none !important;
  }

  .admin-label-print-card .admin-tool-label {
    width: 22.5rem !important;
    min-height: 15.625rem !important;
    border: 2px solid #000000 !important;
    border-radius: 1.125rem !important;
    background: #ffffff !important;
    color: #0f172a !important;
    padding: .875rem !important;
    box-shadow: none !important;
  }

  .admin-label-print-card .admin-tool-label-body {
    grid-template-columns: 8.25rem minmax(0, 1fr) !important;
    gap: .75rem !important;
    padding: .75rem 0 !important;
  }

  .admin-label-print-card .admin-tool-label-qr {
    width: 8.25rem !important;
    height: 8.25rem !important;
  }

  .admin-label-print-card .admin-tool-label-info h2 {
    font-size: 1.25rem !important;
  }

  .admin-label-print-card .admin-tool-label-footer span {
    font-size: .68rem !important;
  }

  @page {
    margin: 12mm;
  }
}

/* ==========================================================================
   Etiketten & QR-Codes: QR-only Werkzeugaufkleber
   Kleine Variante fuer Werkzeuge, wenn nur der Code aufgeklebt werden soll.
   ========================================================================== */

.admin-qr-only-label {
  display: none !important;
  width: min(100%, 15.75rem) !important;
  min-height: 9.2rem !important;
  border: 2px solid #0f172a !important;
  border-radius: .9rem !important;
  background: #ffffff !important;
  color: #0f172a !important;
  padding: .56rem !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
}

.admin-qr-only-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .45rem !important;
  align-items: center !important;
  border-bottom: 2px solid #0f172a !important;
  padding-bottom: .38rem !important;
}

.admin-qr-only-header span {
  color: #334155 !important;
  font-size: .55rem !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.admin-qr-only-header strong {
  color: #0f172a !important;
  font-size: .95rem !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.admin-qr-only-body {
  display: grid !important;
  grid-template-columns: 5.1rem minmax(0, 1fr) !important;
  gap: .55rem !important;
  align-items: center !important;
  padding: .52rem 0 !important;
}

.admin-qr-only-code {
  display: grid !important;
  width: 5.1rem !important;
  height: 5.1rem !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: .35rem !important;
  background: #ffffff !important;
  color: #475569 !important;
  font-size: .58rem !important;
  font-weight: 950 !important;
  text-align: center !important;
}

.admin-qr-only-code canvas,
.admin-qr-only-code img,
.admin-qr-only-code svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-qr-only-info {
  display: grid !important;
  min-width: 0 !important;
  gap: .14rem !important;
}

.admin-qr-only-info strong {
  color: #0f172a !important;
  font-size: 1.16rem !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
  overflow-wrap: anywhere !important;
}

.admin-qr-only-info span {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.admin-qr-only-info small {
  width: fit-content !important;
  margin-top: .16rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  padding: .18rem .42rem !important;
  font-size: .56rem !important;
  font-weight: 950 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

.admin-qr-only-footer {
  overflow: hidden !important;
  border-top: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  padding-top: .35rem !important;
  font-size: .5rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-label-v2[data-label-print-format="qr_only"] .admin-label-v2-preview-frame .admin-tool-label {
  display: none !important;
}

.admin-label-v2[data-label-print-format="qr_only"] .admin-label-v2-preview-frame .admin-qr-only-label {
  display: grid !important;
}

.admin-label-v2[data-label-print-format="qr_only"] .admin-label-v2-preview-frame {
  background:
    radial-gradient(circle at 50% 0%, rgba(219, 234, 254, .76), transparent 12rem),
    #f8fafc !important;
}

.admin-label-v2[data-label-print-format="qr_only"] .admin-label-v2-preview-card::after {
  content: "QR-Code klein: fuer direkte Werkzeug-Kennzeichnung." !important;
  display: block !important;
  border: 1px solid var(--admin-info-border) !important;
  border-radius: .9rem !important;
  background: var(--admin-info-soft) !important;
  color: var(--admin-info) !important;
  padding: .62rem .72rem !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

@media print {
  .admin-label-print-deck[data-label-print-format="qr_only"] {
    grid-template-columns: repeat(4, 45mm) !important;
    gap: 6mm !important;
    align-items: start !important;
    justify-content: start !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-tool-label {
    display: none !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-label {
    display: grid !important;
    width: 45mm !important;
    min-height: 30mm !important;
    height: 30mm !important;
    border: 1.5px solid #000000 !important;
    border-radius: 3mm !important;
    background: #ffffff !important;
    color: #000000 !important;
    padding: 2mm !important;
    box-shadow: none !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-header {
    border-bottom: 1px solid #000000 !important;
    padding-bottom: 1mm !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-header span {
    font-size: 5pt !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-header strong {
    font-size: 8pt !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-body {
    grid-template-columns: 17mm minmax(0, 1fr) !important;
    gap: 2mm !important;
    padding: 1.4mm 0 !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-code {
    width: 17mm !important;
    height: 17mm !important;
    border: .5px solid #cccccc !important;
    border-radius: 1mm !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-info strong {
    font-size: 10pt !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-info span {
    font-size: 6pt !important;
    line-height: 1.05 !important;
    -webkit-line-clamp: 2 !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-info small {
    display: none !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-footer {
    font-size: 4.5pt !important;
    padding-top: 1mm !important;
  }
}

/* ==========================================================================
   QR-only FINAL: wirklich nur QR-Code + ID
   Ueberschreibt die vorherige kleine QR-Variante.
   Sichtbar sind nur der Code und darunter die Werkzeug-ID.
   ========================================================================== */

.admin-qr-only-label {
  display: none !important;
  width: min(100%, 13.5rem) !important;
  min-height: auto !important;
  border: 2px solid #0f172a !important;
  border-radius: .78rem !important;
  background: #ffffff !important;
  color: #0f172a !important;
  padding: .58rem !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
  grid-template-columns: 1fr !important;
  gap: .42rem !important;
  justify-items: center !important;
  align-items: center !important;
}

.admin-qr-only-header,
.admin-qr-only-body,
.admin-qr-only-info,
.admin-qr-only-footer {
  display: none !important;
}

.admin-qr-only-code {
  display: grid !important;
  width: 10.5rem !important;
  height: 10.5rem !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: .35rem !important;
  background: #ffffff !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.admin-qr-only-code canvas,
.admin-qr-only-code img,
.admin-qr-only-code svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.admin-qr-only-id {
  display: block !important;
  width: 100% !important;
  color: #0f172a !important;
  font-size: 1.28rem !important;
  font-weight: 950 !important;
  letter-spacing: .025em !important;
  line-height: 1.05 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

.admin-label-v2[data-label-print-format="qr_only"] .admin-label-v2-preview-frame .admin-tool-label {
  display: none !important;
}

.admin-label-v2[data-label-print-format="qr_only"] .admin-label-v2-preview-frame .admin-qr-only-label {
  display: grid !important;
}

.admin-label-v2[data-label-print-format="qr_only"] .admin-label-v2-preview-card::after {
  content: "Nur QR-Code + ID." !important;
}

@media print {
  .admin-label-print-deck[data-label-print-format="qr_only"] {
    grid-template-columns: repeat(5, 34mm) !important;
    gap: 5mm !important;
    align-items: start !important;
    justify-content: start !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-tool-label {
    display: none !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-label {
    display: grid !important;
    width: 34mm !important;
    height: 40mm !important;
    min-height: 40mm !important;
    border: 1.3px solid #000000 !important;
    border-radius: 3mm !important;
    background: #ffffff !important;
    color: #000000 !important;
    padding: 2mm !important;
    box-shadow: none !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    grid-template-columns: 1fr !important;
    gap: 1.5mm !important;
    justify-items: center !important;
    align-items: center !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-code {
    width: 27mm !important;
    height: 27mm !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
  }

  .admin-label-print-deck[data-label-print-format="qr_only"] .admin-qr-only-id {
    width: 100% !important;
    color: #000000 !important;
    font-size: 10pt !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }
}

/* ==========================================================================
   FIX: Etiketten-Hero sauber schließen
   Ursache: display: initial überschreibt die Hero-Karte.
   Diesen Block ganz ans Ende der admin.css setzen.
   ========================================================================== */

.admin-label-v2 > .admin-page-header.admin-label-v2-hero,
section.admin-page-header.admin-label-v2-hero.no-print {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(26rem, 0.9fr) !important;
    gap: clamp(1rem, 2.4vw, 1.5rem) !important;
    align-items: center !important;

    width: min(100%, 110rem) !important;
    max-width: 110rem !important;
    min-width: 0 !important;

    margin: 0 auto 1.15rem !important;
    padding: clamp(1.15rem, 3vw, 1.75rem) !important;

    border: 1px solid var(--admin-border-soft) !important;
    border-radius: var(--admin-radius-2xl) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: var(--admin-shadow-sm) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

.admin-label-v2 > .admin-label-v2-hero > *,
.admin-label-v2-hero > * {
    min-width: 0 !important;
}

.admin-label-v2-hero > div:first-child {
    display: grid !important;
    gap: 0.35rem !important;
    min-width: 0 !important;
}

.admin-label-v2-hero .admin-kicker {
    margin: 0 !important;
}

.admin-label-v2-hero h1 {
    margin: 0 !important;
    max-width: 100% !important;
    color: var(--admin-text) !important;
    font-size: clamp(2.25rem, 4.8vw, 4.2rem) !important;
    font-weight: 950 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.07em !important;
}

.admin-label-v2-hero p:not(.admin-kicker) {
    max-width: 58rem !important;
    margin: 0 !important;
    color: var(--admin-text-muted) !important;
    font-size: clamp(0.95rem, 1.25vw, 1.08rem) !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

.admin-label-v2-hero-panel {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0.85rem !important;
}

.admin-label-v2-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
    width: 100% !important;
    min-width: 0 !important;
}

.admin-label-v2-stats article {
    min-width: 0 !important;
    overflow: hidden !important;
}

.admin-label-v2-stats article span,
.admin-label-v2-stats article strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.admin-label-v2-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
}

.admin-label-v2-hero-actions > button,
.admin-label-v2-hero-actions > a {
    flex: 0 1 auto !important;
    min-width: 9rem !important;
    max-width: 100% !important;
}

/* Wenn weniger Platz da ist: rechte Statistik unter den Titel setzen */
@media (max-width: 1280px) {
    .admin-label-v2 > .admin-page-header.admin-label-v2-hero,
    section.admin-page-header.admin-label-v2-hero.no-print {
        grid-template-columns: 1fr !important;
    }

    .admin-label-v2-hero-actions {
        justify-content: flex-start !important;
    }
}

/* Tablet / kleine Breite */
@media (max-width: 820px) {
    .admin-label-v2-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-label-v2-hero-actions > button,
    .admin-label-v2-hero-actions > a {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}

/* Sehr schmal */
@media (max-width: 520px) {
    .admin-label-v2 > .admin-page-header.admin-label-v2-hero,
    section.admin-page-header.admin-label-v2-hero.no-print {
        border-radius: 1.25rem !important;
        padding: 1rem !important;
    }

    .admin-label-v2-stats {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   FIX: Unterkategorien – Merksatz als klare Karte darstellen
   ========================================================================== */

section.admin-category-v2-hint-card,
.admin-category-v2-hint-card {
    display: grid !important;
    gap: 0.45rem !important;

    width: 100% !important;
    min-width: 0 !important;

    border: 1px solid var(--admin-warning-border) !important;
    border-radius: var(--admin-radius-xl) !important;

    background:
        radial-gradient(circle at 100% 0%, rgba(254, 243, 199, 0.9), transparent 10rem),
        linear-gradient(135deg, #ffffff 0%, #fffbeb 100%) !important;

    color: var(--admin-text) !important;

    padding: 1rem !important;
    box-shadow: var(--admin-shadow-sm) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

.admin-category-v2-hint-card .admin-kicker {
    margin: 0 0 0.15rem !important;

    color: var(--admin-warning) !important;
    font-size: 0.72rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.admin-category-v2-hint-card h2 {
    margin: 0 !important;

    color: var(--admin-text) !important;
    font-size: 1.12rem !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
}

.admin-category-v2-hint-card p:not(.admin-kicker) {
    margin: 0 !important;

    color: var(--admin-text-muted) !important;
    font-size: 0.88rem !important;
    font-weight: 820 !important;
    line-height: 1.42 !important;
}

/* Falls die Karte in einer linken/rechten Spalte sitzt */
.admin-category-v2-left .admin-category-v2-hint-card,
.admin-subcategory-v2-left .admin-category-v2-hint-card,
.admin-category-v2-side .admin-category-v2-hint-card {
    align-self: start !important;
}

/* Kleine Geräte */
@media (max-width: 760px) {
    section.admin-category-v2-hint-card,
    .admin-category-v2-hint-card {
        border-radius: 1rem !important;
        padding: 0.9rem !important;
    }
}

/* ==========================================================================
   Kategorie + Unterkategorie: Hauptbereichsfilter
   Metall, Elektro und Garten sind die drei zentralen Arbeitsbereiche.
   Diesen Block ganz ans Ende der admin.css setzen.
   ========================================================================== */

.admin-area-focus-panel {
  display: grid !important;
  gap: .9rem !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid rgba(147, 197, 253, .72) !important;
  border-radius: var(--admin-radius-xl) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .78), transparent 14rem),
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  padding: 1rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.admin-area-focus-panel * {
  box-sizing: border-box !important;
}

.admin-area-focus-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(12.5rem, 16rem) !important;
  gap: .85rem !important;
  align-items: stretch !important;
}

.admin-area-focus-head h3 {
  margin: .12rem 0 .25rem !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.18rem, 2vw, 1.45rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
}

.admin-area-focus-head p:not(.admin-kicker) {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: .88rem !important;
  font-weight: 820 !important;
  line-height: 1.36 !important;
}

.admin-area-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .72rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

.admin-area-filter-card,
.admin-category-v2-area-card {
  appearance: none !important;
  display: grid !important;
  min-width: 0 !important;
  min-height: 7.2rem !important;
  align-content: start !important;
  gap: .32rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.05rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: .9rem !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: var(--admin-shadow-xs) !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease !important;
}

.admin-area-filter-card:hover,
.admin-area-filter-card:focus-visible,
.admin-area-filter-card.is-active,
.admin-category-v2-area-card:hover,
.admin-category-v2-area-card:focus-visible,
.admin-category-v2-area-card.is-active {
  transform: translateY(-1px) !important;
  border-color: #60a5fa !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .86), transparent 9rem),
    #ffffff !important;
  box-shadow:
    0 0 0 4px rgba(59, 130, 246, .12),
    var(--admin-shadow-sm) !important;
  outline: none !important;
}

.admin-area-filter-card span,
.admin-category-v2-area-card span {
  color: var(--admin-text-muted) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

.admin-area-filter-card strong,
.admin-category-v2-area-card strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: clamp(2rem, 4vw, 2.9rem) !important;
  font-weight: 950 !important;
  line-height: .92 !important;
  letter-spacing: -.065em !important;
}

.admin-area-filter-card small,
.admin-category-v2-area-card small {
  display: block !important;
  color: var(--admin-text-muted) !important;
  font-size: .78rem !important;
  font-weight: 820 !important;
  line-height: 1.25 !important;
}

.admin-area-filter-card-metal,
.admin-category-v2-area-card[data-category-area-filter="metal"] {
  border-color: rgba(71, 85, 105, .28) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(226, 232, 240, .96), transparent 9rem),
    #ffffff !important;
}

.admin-area-filter-card-metal.is-active,
.admin-area-filter-card-metal:hover,
.admin-category-v2-area-card[data-category-area-filter="metal"].is-active,
.admin-category-v2-area-card[data-category-area-filter="metal"]:hover {
  border-color: #475569 !important;
  box-shadow:
    0 0 0 4px rgba(71, 85, 105, .16),
    var(--admin-shadow-sm) !important;
}

.admin-area-filter-card-electrical,
.admin-category-v2-area-card[data-category-area-filter="electrical"] {
  border-color: rgba(37, 99, 235, .26) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .96), transparent 9rem),
    #ffffff !important;
}

.admin-area-filter-card-electrical.is-active,
.admin-area-filter-card-electrical:hover,
.admin-category-v2-area-card[data-category-area-filter="electrical"].is-active,
.admin-category-v2-area-card[data-category-area-filter="electrical"]:hover {
  border-color: #2563eb !important;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, .14),
    var(--admin-shadow-sm) !important;
}

.admin-area-filter-card-garden,
.admin-category-v2-area-card[data-category-area-filter="garden"] {
  border-color: rgba(22, 163, 74, .28) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(220, 252, 231, .96), transparent 9rem),
    #ffffff !important;
}

.admin-area-filter-card-garden.is-active,
.admin-area-filter-card-garden:hover,
.admin-category-v2-area-card[data-category-area-filter="garden"].is-active,
.admin-category-v2-area-card[data-category-area-filter="garden"]:hover {
  border-color: #16a34a !important;
  box-shadow:
    0 0 0 4px rgba(22, 163, 74, .14),
    var(--admin-shadow-sm) !important;
}

.admin-area-filter-card-all {
  min-height: auto !important;
  border-color: rgba(37, 99, 235, .3) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .95), transparent 8rem),
    #ffffff !important;
}

.admin-area-filter-card-all.is-active {
  border-color: var(--admin-primary) !important;
}

.admin-category-v2-area-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.admin-category-v2-area-grid .admin-category-v2-area-card {
  min-height: 7.4rem !important;
}

.admin-category-v2-toolbar,
.admin-subcategory-v2-toolbar {
  margin-top: 0 !important;
}

.admin-subcategory-v2-card[data-category-filters~="metal"] {
  border-left-color: #475569 !important;
}

.admin-subcategory-v2-card[data-category-filters~="electrical"] {
  border-left-color: var(--admin-primary) !important;
}

.admin-subcategory-v2-card[data-category-filters~="garden"] {
  border-left-color: var(--admin-success) !important;
}

section.admin-category-v2-hint-card,
.admin-category-v2-hint-card {
  display: grid !important;
  gap: .45rem !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-warning-border) !important;
  border-radius: var(--admin-radius-xl) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(254, 243, 199, .9), transparent 10rem),
    linear-gradient(135deg, #ffffff 0%, #fffbeb 100%) !important;
  color: var(--admin-text) !important;
  padding: 1rem !important;
  box-shadow: var(--admin-shadow-sm) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.admin-category-v2-hint-card .admin-kicker {
  margin: 0 0 .15rem !important;
  color: var(--admin-warning) !important;
}

.admin-category-v2-hint-card h2 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.12rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
}

.admin-category-v2-hint-card p:not(.admin-kicker) {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: .88rem !important;
  font-weight: 820 !important;
  line-height: 1.42 !important;
}

@media (max-width: 1180px) {
  .admin-area-focus-head {
    grid-template-columns: 1fr !important;
  }

  .admin-area-filter-card-all {
    min-height: 5.8rem !important;
  }
}

@media (max-width: 860px) {
  .admin-area-filter-grid,
  .admin-category-v2-area-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-area-filter-card,
  .admin-category-v2-area-card {
    min-height: 6rem !important;
  }
}

/* Hinweise & Sicherheit an Unterkategorien */
    .admin-subcategory-guidance-panel {
        display: grid !important;
        gap: .85rem !important;
        border: 1px solid var(--admin-info-border) !important;
        border-radius: 1.15rem !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(224, 242, 254, .88), transparent 10rem),
            linear-gradient(135deg, #ffffff 0%, var(--admin-info-soft) 100%) !important;
        padding: 1rem !important;
    }

    .admin-subcategory-guidance-panel-header h3 {
        margin: .1rem 0 .2rem !important;
        color: var(--admin-text) !important;
        font-size: 1.12rem !important;
        font-weight: 950 !important;
        letter-spacing: -.025em !important;
        line-height: 1.08 !important;
    }

    .admin-subcategory-guidance-panel-header p:not(.admin-kicker) {
        margin: 0 !important;
        color: var(--admin-text-muted) !important;
        font-weight: 780 !important;
        line-height: 1.42 !important;
    }

    .admin-subcategory-guidance-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .8rem !important;
    }

    .admin-subcategory-guidance-grid .admin-form-field-card textarea {
        min-height: 8.5rem !important;
    }

    .admin-subcategory-guidance-grid .admin-form-field-card-wide {
        grid-column: 1 / -1 !important;
    }

    .admin-subcategory-notes-preview {
        display: grid !important;
        gap: .45rem !important;
        margin-top: .1rem !important;
    }

    .admin-subcategory-notes-preview article {
        display: grid !important;
        gap: .22rem !important;
        border: 1px solid var(--admin-info-border) !important;
        border-radius: .85rem !important;
        background: var(--admin-info-soft) !important;
        color: var(--admin-info) !important;
        padding: .58rem .65rem !important;
    }

    .admin-subcategory-notes-preview article.admin-subcategory-safety-preview {
        border-color: var(--admin-warning-border) !important;
        background: var(--admin-warning-soft) !important;
        color: #7c2d12 !important;
    }

    .admin-subcategory-notes-preview strong {
        color: currentColor !important;
        font-size: .72rem !important;
        font-weight: 950 !important;
        letter-spacing: .07em !important;
        text-transform: uppercase !important;
    }

    .admin-subcategory-notes-preview p {
        display: -webkit-box !important;
        overflow: hidden !important;
        margin: 0 !important;
        color: currentColor !important;
        font-size: .78rem !important;
        font-weight: 830 !important;
        line-height: 1.28 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    .admin-subcategory-edit-preview .admin-subcategory-notes-preview {
        margin-top: .35rem !important;
    }

    @media (max-width: 980px) {
        .admin-subcategory-guidance-grid {
            grid-template-columns: 1fr !important;
        }
    }

    /* ==========================================================================
   Dashboard: geführtes Werkstatt-Cockpit
   Ziel: Pädagogen und Werkstattleitungen besser durch Prioritäten leiten.
   Diesen Block ans Ende der admin.css setzen oder die PHP-Datei mit Inline-Style nutzen.
   ========================================================================== */

.admin-dashboard-guided-shell,
.admin-dashboard-hero,
.admin-dashboard-guidance,
.admin-dashboard-metrics,
.admin-dashboard-grid {
  width: min(100%, 110rem) !important;
  margin-inline: auto !important;
}

.admin-dashboard-guided-shell {
  display: grid !important;
  gap: 1.15rem !important;
}

.admin-dashboard-wow-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(22rem, .85fr) !important;
  gap: 1rem !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-2xl) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .86), transparent 18rem),
    linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  padding: clamp(1.1rem, 3vw, 1.55rem) !important;
  box-shadow: var(--admin-shadow-sm) !important;
}

.admin-dashboard-hero-main {
  display: grid !important;
  align-content: center !important;
  gap: .75rem !important;
  min-width: 0 !important;
}

.admin-dashboard-hero-main h1 {
  margin: 0 !important;
  color: var(--admin-text) !important;
  font-size: clamp(2.25rem, 5vw, 4.45rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.075em !important;
  line-height: .93 !important;
}

.admin-dashboard-hero-main p:not(.admin-kicker) {
  max-width: 62rem !important;
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-size: clamp(.98rem, 1.35vw, 1.12rem) !important;
  font-weight: 800 !important;
  line-height: 1.42 !important;
}

.admin-dashboard-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  margin-top: .25rem !important;
}

.admin-dashboard-hero-actions > * {
  min-height: 2.75rem !important;
  border-radius: .95rem !important;
}

.admin-dashboard-system-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: .9rem !important;
  align-items: center !important;
  min-width: 0 !important;
  border: 1px solid rgba(147, 197, 253, .72) !important;
  border-radius: 1.35rem !important;
  background: rgba(255, 255, 255, .94) !important;
  padding: 1rem !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-system-card-header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: .65rem !important;
  align-items: start !important;
}

.admin-system-indicator {
  width: .9rem !important;
  height: .9rem !important;
  margin-top: .25rem !important;
  border-radius: 999px !important;
  background: var(--admin-success) !important;
  box-shadow: 0 0 0 5px rgba(22, 163, 74, .12) !important;
}

.admin-system-indicator-warning {
  background: var(--admin-warning) !important;
  box-shadow: 0 0 0 5px rgba(245, 158, 11, .18) !important;
}

.admin-system-card-header strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-size: 1.25rem !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  line-height: 1.05 !important;
}

.admin-system-card-header small {
  display: block !important;
  margin-top: .25rem !important;
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.admin-availability-ring {
  display: grid !important;
  width: 7.25rem !important;
  height: 7.25rem !important;
  place-items: center !important;
  align-content: center !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle, #ffffff 0 58%, transparent 59%),
    conic-gradient(var(--admin-primary) var(--value), #e2e8f0 0) !important;
  text-align: center !important;
}

.admin-availability-ring span {
  color: var(--admin-primary-dark) !important;
  font-size: 1.45rem !important;
  font-weight: 950 !important;
  line-height: .95 !important;
}

.admin-availability-ring small {
  color: var(--admin-text-muted) !important;
  font-size: .65rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.admin-system-stats {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  margin: 0 !important;
}

.admin-system-stats div {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: .85rem !important;
  background: var(--admin-surface-muted) !important;
  padding: .62rem .68rem !important;
}

.admin-system-stats dt {
  color: var(--admin-text-muted) !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

.admin-system-stats dd {
  margin: .15rem 0 0 !important;
  color: var(--admin-text) !important;
  font-size: 1.12rem !important;
  font-weight: 950 !important;
}

.admin-dashboard-guidance {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

.admin-dashboard-explainer,
.admin-dashboard-workflow-guide,
.admin-dashboard-legend,
.admin-dashboard-quick-actions,
.admin-dashboard-help-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  padding: 1rem !important;
  overflow: hidden !important;
}

.admin-dashboard-explainer {
  display: grid !important;
  gap: .8rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(220, 252, 231, .75), transparent 12rem),
    #ffffff !important;
}

.admin-dashboard-explainer h2,
.admin-dashboard-workflow-guide h2,
.admin-dashboard-legend h2,
.admin-dashboard-quick-actions h2 {
  margin: .1rem 0 .2rem !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  font-weight: 950 !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
}

.admin-dashboard-explainer p:not(.admin-kicker),
.admin-dashboard-workflow-guide p:not(.admin-kicker),
.admin-dashboard-legend p:not(.admin-kicker),
.admin-dashboard-quick-actions p:not(.admin-kicker) {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.42 !important;
}

.admin-dashboard-explainer-list {
  display: grid !important;
  gap: .55rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-dashboard-explainer-list li {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  gap: .65rem !important;
  align-items: start !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: .95rem !important;
  background: var(--admin-surface-muted) !important;
  padding: .72rem !important;
}

.admin-dashboard-explainer-list span {
  display: grid !important;
  width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;
  border-radius: .7rem !important;
  background: #ffffff !important;
  color: var(--admin-primary) !important;
  font-weight: 950 !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-dashboard-explainer-list strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.admin-dashboard-explainer-list small {
  display: block !important;
  margin-top: .15rem !important;
  color: var(--admin-text-muted) !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
}

.admin-dashboard-workflow-guide {
  display: grid !important;
  gap: .85rem !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(219, 234, 254, .78), transparent 14rem),
    #ffffff !important;
}

.admin-dashboard-guide-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .7rem !important;
}

.admin-dashboard-guide-step {
  display: grid !important;
  gap: .35rem !important;
  min-width: 0 !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  padding: .85rem !important;
  text-decoration: none !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-dashboard-guide-step:hover,
.admin-dashboard-guide-step:focus-visible {
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, .12), var(--admin-shadow-sm) !important;
  outline: none !important;
}

.admin-dashboard-guide-step em {
  display: grid !important;
  width: 2rem !important;
  height: 2rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

.admin-dashboard-guide-step strong {
  color: var(--admin-text) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

.admin-dashboard-guide-step small {
  color: var(--admin-text-muted) !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.admin-dashboard-metrics-workshop {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: .8rem !important;
}

.admin-dashboard-metric {
  display: grid !important;
  gap: .25rem !important;
  min-height: 8.3rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1.1rem !important;
  background: #ffffff !important;
  color: var(--admin-text) !important;
  padding: .9rem !important;
  text-decoration: none !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-dashboard-metric:hover,
.admin-dashboard-metric:focus-visible {
  transform: translateY(-1px) !important;
  border-color: #93c5fd !important;
  box-shadow: var(--admin-shadow-sm) !important;
  outline: none !important;
}

.admin-metric-icon {
  display: grid !important;
  width: 2.15rem !important;
  height: 2.15rem !important;
  place-items: center !important;
  border-radius: .75rem !important;
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;
  font-weight: 950 !important;
}

.admin-dashboard-metric-danger .admin-metric-icon {
  background: var(--admin-danger-soft) !important;
  color: var(--admin-danger) !important;
}

.admin-dashboard-metric-warning .admin-metric-icon {
  background: var(--admin-warning-soft) !important;
  color: var(--admin-warning) !important;
}

.admin-dashboard-metric strong {
  display: block !important;
  margin-top: .25rem !important;
  color: var(--admin-text) !important;
  font-size: clamp(2rem, 3.4vw, 2.85rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.065em !important;
  line-height: .9 !important;
}

.admin-dashboard-metric span:not(.admin-metric-icon) {
  color: var(--admin-text) !important;
  font-size: .95rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.admin-dashboard-metric small {
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
}

.admin-dashboard-card {
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: var(--admin-radius-xl) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: var(--admin-shadow-sm) !important;
  padding: 1rem !important;
  overflow: hidden !important;
}

.admin-dashboard-card-header {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .9rem !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin-bottom: .9rem !important;
}

.admin-dashboard-card-header h2 {
  margin: .1rem 0 .2rem !important;
  color: var(--admin-text) !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
  line-height: 1.04 !important;
}

.admin-dashboard-card-header p:not(.admin-kicker) {
  margin: 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.42 !important;
}

.admin-dashboard-grid {
  display: grid !important;
  gap: 1rem !important;
}

.admin-dashboard-grid-main {
  grid-template-columns: 1fr !important;
}

.admin-dashboard-grid-balanced {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
}

.admin-dashboard-card-wide {
  grid-column: 1 / -1 !important;
}

.admin-dashboard-section-guide {
  display: flex !important;
  gap: .65rem !important;
  align-items: flex-start !important;
  border: 1px solid var(--admin-info-border) !important;
  border-radius: 1rem !important;
  background: var(--admin-info-soft) !important;
  color: var(--admin-info) !important;
  padding: .75rem .85rem !important;
  margin-bottom: .85rem !important;
}

.admin-dashboard-section-guide span {
  display: grid !important;
  flex: 0 0 auto !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: currentColor !important;
  font-weight: 950 !important;
}

.admin-dashboard-section-guide strong {
  display: block !important;
  color: currentColor !important;
  font-weight: 950 !important;
}

.admin-dashboard-section-guide p {
  margin: .15rem 0 0 !important;
  color: currentColor !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.admin-dashboard-list,
.admin-dashboard-task-list,
.admin-dashboard-timeline {
  display: grid !important;
  gap: .65rem !important;
}

.admin-dashboard-list-item,
.admin-priority-card,
.admin-dashboard-timeline-item {
  display: grid !important;
  gap: .5rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text) !important;
  padding: .75rem !important;
  text-decoration: none !important;
}

.admin-dashboard-list-item-clickable,
.admin-priority-card,
.admin-dashboard-timeline-item {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.admin-priority-card {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.admin-priority-card:hover,
.admin-dashboard-list-item-clickable:hover,
.admin-dashboard-timeline-item:hover {
  border-color: #93c5fd !important;
  background: #ffffff !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-priority-card-high {
  border-color: rgba(220, 38, 38, .36) !important;
  background: var(--admin-danger-soft-2) !important;
}

.admin-priority-card-medium {
  border-color: rgba(245, 158, 11, .42) !important;
  background: #fffbeb !important;
}

.admin-priority-card-low {
  border-color: rgba(59, 130, 246, .25) !important;
  background: #eff6ff !important;
}

.admin-priority-icon {
  display: grid !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  place-items: center !important;
  border-radius: .85rem !important;
  background: #ffffff !important;
  color: var(--admin-primary) !important;
  font-weight: 950 !important;
  box-shadow: var(--admin-shadow-xs) !important;
}

.admin-priority-card-topline {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .4rem !important;
  margin-bottom: .28rem !important;
}

.admin-dashboard-task-main,
.admin-dashboard-list-main {
  min-width: 0 !important;
}

.admin-dashboard-task-main strong,
.admin-dashboard-list-main strong,
.admin-dashboard-timeline-item strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}

.admin-dashboard-task-main small,
.admin-dashboard-list-main small,
.admin-dashboard-timeline-item small,
.admin-dashboard-timeline-item p {
  display: block !important;
  margin-top: .18rem !important;
  color: var(--admin-text-muted) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
  overflow-wrap: anywhere !important;
}

.admin-dashboard-list-action {
  color: var(--admin-primary) !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-dashboard-priority {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  background: var(--admin-surface-strong) !important;
  color: var(--admin-text-soft) !important;
  padding: .24rem .52rem !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.admin-dashboard-priority-high {
  background: var(--admin-danger-soft) !important;
  color: var(--admin-danger) !important;
}

.admin-dashboard-priority-medium {
  background: var(--admin-warning-soft) !important;
  color: var(--admin-warning) !important;
}

.admin-dashboard-priority-low {
  background: var(--admin-primary-soft-2) !important;
  color: var(--admin-primary) !important;
}

.admin-dashboard-success-state {
  display: grid !important;
  grid-template-columns: 2.5rem minmax(0, 1fr) !important;
  gap: .75rem !important;
  align-items: start !important;
  border: 1px solid var(--admin-success-border) !important;
  border-radius: 1rem !important;
  background: var(--admin-success-soft) !important;
  color: #166534 !important;
  padding: .9rem !important;
}

.admin-dashboard-success-state > span {
  display: grid !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: currentColor !important;
  font-weight: 950 !important;
}

.admin-dashboard-success-state strong {
  display: block !important;
  color: currentColor !important;
  font-weight: 950 !important;
}

.admin-dashboard-success-state p,
.admin-dashboard-empty {
  margin: .18rem 0 0 !important;
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.admin-dashboard-bottom-guide {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 1rem !important;
}

.admin-dashboard-quick-actions {
  display: grid !important;
  gap: .8rem !important;
}

.admin-dashboard-quick-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .7rem !important;
}

.admin-dashboard-quick-action {
  display: grid !important;
  gap: .35rem !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: 1rem !important;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text) !important;
  padding: .8rem !important;
  text-decoration: none !important;
}

.admin-dashboard-quick-action:hover {
  border-color: #93c5fd !important;
  background: #ffffff !important;
}

.admin-dashboard-quick-action strong {
  color: var(--admin-text) !important;
  font-weight: 950 !important;
}

.admin-dashboard-quick-action small {
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
}

.admin-dashboard-legend {
  display: grid !important;
  gap: .8rem !important;
}

.admin-dashboard-legend-grid {
  display: grid !important;
  gap: .55rem !important;
}

.admin-dashboard-legend-item {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: .65rem !important;
  align-items: start !important;
  border: 1px solid var(--admin-border-soft) !important;
  border-radius: .95rem !important;
  background: var(--admin-surface-muted) !important;
  padding: .7rem !important;
}

.admin-dashboard-legend-dot {
  width: .95rem !important;
  height: .95rem !important;
  margin-top: .25rem !important;
  border-radius: 999px !important;
  background: var(--admin-success) !important;
}

.admin-dashboard-legend-dot-red {
  background: var(--admin-danger) !important;
}

.admin-dashboard-legend-dot-yellow {
  background: var(--admin-warning) !important;
}

.admin-dashboard-legend-dot-blue {
  background: var(--admin-primary) !important;
}

.admin-dashboard-legend-item strong {
  display: block !important;
  color: var(--admin-text) !important;
  font-weight: 950 !important;
}

.admin-dashboard-legend-item small {
  display: block !important;
  margin-top: .12rem !important;
  color: var(--admin-text-muted) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

@media (max-width: 1280px) {
  .admin-dashboard-wow-hero,
  .admin-dashboard-guidance,
  .admin-dashboard-bottom-guide {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-system-card {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .admin-dashboard-metrics-workshop {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .admin-dashboard-guide-steps,
  .admin-dashboard-grid-balanced,
  .admin-dashboard-quick-grid,
  .admin-system-stats {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-metrics-workshop {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .admin-dashboard-system-card,
  .admin-priority-card,
  .admin-dashboard-list-item-clickable {
    grid-template-columns: 1fr !important;
  }

  .admin-availability-ring {
    width: 6.5rem !important;
    height: 6.5rem !important;
  }

  .admin-dashboard-metrics-workshop {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-hero-actions > *,
  .admin-dashboard-list-action {
    width: 100% !important;
  }
}