/* Base + DIAS branding (graue Kacheln, Copy-Button) */
.dias-dtc-wrap { max-width: 980px; margin: 0 auto; font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#111; line-height:1.6; font-size:16px; user-select:text; }
.dias-theme-dias { --dias-accent:#0d6efd; --dias-border:#d1d5db; --dias-muted:#374151; --dias-bg:#ffffff; --dias-chip-bg:#f8fafc; }

.dias-dtc-control { position: sticky; top: 0; background: var(--dias-bg); padding: 8px 0; z-index: 1; }
.dias-dtc-input { width: 100%; padding: 12px 14px; font-size: 16px; border: 1px solid var(--dias-border); border-radius: 10px; outline: none; background:#fff; color:#111; }
.dias-dtc-input:focus { border-color: var(--dias-accent); box-shadow: 0 0 0 3px rgba(13,110,253,.15); }
.dias-dtc-input::placeholder { color:#6b7280; }

.dias-dtc-filters { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 6px; }
.dias-filter-chip { padding: 6px 12px; border: 1px solid #94a3b8; background: var(--dias-chip-bg); color:#111; border-radius:999px; cursor:pointer; font-size:14px; }
.dias-filter-chip.active { background: var(--dias-accent); color:#fff; border-color: var(--dias-accent); }

.dias-dtc-summary { margin: 10px 2px 14px; color: var(--dias-muted); font-size:14px; }

.dias-dtc-results { display: grid; gap: 12px; }

/* Graue Kacheln */
.dtc-card { background:#f9fafb; border:1px solid var(--dias-border); border-radius:12px; padding:16px 18px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.dtc-head { display:flex; align-items:center; gap:10px; }
.dtc-head .dtc-title { flex:1 1 auto; }
.dtc-title { margin:0 0 6px; font-size:20px; font-weight:600; color:#111; }
.dtc-code { color:#4b5563; font-weight:500; }

/* Copy-Button */
.copy-btn { margin-left:auto; background:none; border:1px solid transparent; border-radius:8px; cursor:pointer; font-size:16px; padding:4px 8px; }
.copy-btn:hover { border-color:#cbd5e1; background:#eef2f7; }

.dtc-field { margin:10px 0; }
.dtc-field strong { color:#111; min-width:120px; display:inline-block; }
.dtc-field span, .dtc-anmerkungen em { color:#111; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }

/* Mobile */
@media (max-width:640px){
  .dtc-title { font-size:18px; }
  .dtc-field strong { min-width:100px; }
}

/* Auto dark-mode */
@media (prefers-color-scheme: dark){
  .dias-theme-dias { --dias-bg:#0b0f14; --dias-border:#1f2937; --dias-muted:#94a3b8; --dias-chip-bg:#0f172a; }
  .dias-dtc-wrap { color:#e5e7eb; }
  .dias-dtc-control { background: var(--dias-bg); }
  .dias-dtc-input { background:#0b0f14; color:#e5e7eb; border-color:#334155; }
  .dias-dtc-input::placeholder { color:#94a3b8; }
  .dias-dtc-summary { color: var(--dias-muted) !important; }
  .dtc-card { background:#0b0f14; border-color:#1f2937; box-shadow:none; }
  .dtc-title, .dtc-field strong, .dtc-field span, .dtc-anmerkungen em { color:#e5e7eb; }
  .dias-filter-chip { background: var(--dias-chip-bg); color:#e5e7eb; border-color:#334155; }
  .dias-filter-chip.active { background:#2563eb; border-color:#2563eb; color:#fff; }
  .copy-btn:hover { border-color:#334155; background:#111827; }
}