:root {
    --wd-bg-1: #f1f5f9;
    --wd-bg-2: #e2e8f0;
    --wd-ink: #0f172a;
    --wd-muted: #64748b;
    --wd-panel: #ffffff;
    --wd-line: #dbe3ef;
    --wd-accent: #be185d;
    --wd-green: #0e9f6e;
    --wd-amber: #d97706;
}

body.wd-body {
    background: linear-gradient(155deg, var(--wd-bg-1), var(--wd-bg-2));
    color: var(--wd-ink);
    min-width: 0;
    font-size: 16px;
    line-height: 1.45;
}

.wd-shell {
    width: 100%;
    max-width: 1400px;
    padding: 12px;
    margin: 0 auto;
}

.wd-card {
    background: var(--wd-panel);
    border: 1px solid var(--wd-line);
    border-radius: 12px;
    padding: 13px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .07);
    min-width: 0;
}

.wd-muted { color: var(--wd-muted); font-size: 14px; }
.wd-card img { max-width: 100%; height: auto; }

.wd-card h3 { font-size: 1.35rem; overflow-wrap: anywhere; }
.wd-page-head, .wd-actions { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.wd-section-head { display: flex; flex-direction: column; gap: 8px; }
.wd-section-head .btn { width: 100%; }
.wd-actions .btn, .wd-page-head > .btn, .wd-card > .btn, .wd-card > a.btn { width: 100%; }
.wd-body .btn,
.wd-body button,
.wd-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.wd-body select { min-height: 44px; }
.wd-body textarea { min-height: 88px; }
.wd-body label, .wd-body summary { font-weight: 600; }
.wd-body summary { cursor: pointer; min-height: 44px; padding: 10px 0; }
.wd-body a, .wd-body button, .wd-body input, .wd-body select, .wd-body textarea, .wd-region-zone { outline-offset: 3px; }
.wd-body :focus-visible { outline: 3px solid rgba(190, 24, 93, .35); }
.wd-body .form-row > [class*="col-"] { margin-bottom: 12px; }
.wd-card form > .btn { width: 100%; }

.wd-inline-form,
.wd-supply-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: end;
}
.wd-inline-form label { margin: 0; }
.wd-inline-form .form-control,
.wd-supply-fields .form-control,
.wd-inline-form .btn,
.wd-supply-fields .btn { width: 100%; min-width: 0; }
.wd-supply-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
.wd-supply-sidebar { min-width: 0; }
.wd-supply-wound-picker, .wd-supply-history, .wd-supply-suggestions, .wd-supply-position-list, .wd-supply-template-list { display: grid; gap: 8px; }
.wd-supply-wound { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 9px; align-items: start; margin: 0; padding: 10px; border: 1px solid var(--wd-line); border-radius: 10px; background: #fff; }
.wd-supply-wound input { width: 20px; height: 20px; margin-top: 2px; }
.wd-supply-wound span, .wd-supply-history-item span { display: grid; min-width: 0; }
.wd-supply-wound small, .wd-supply-history-item small, .wd-supply-position small, .wd-supply-suggestion small, .wd-supply-total small { color: var(--wd-muted); overflow-wrap: anywhere; }
.wd-supply-wound em { width: fit-content; margin-top: 4px; padding: 3px 7px; border-radius: 999px; background: #ffedd5; color: #9a3412; font-size: 11px; font-style: normal; font-weight: 750; }.wd-supply-overlap-confirm { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 8px; margin: 9px 0; padding: 10px; border: 1px solid #fdba74; border-radius: 9px; background: #fff7ed; color: #9a3412; font-size: .82rem; }.wd-supply-overlap-confirm input { width: 19px; height: 19px; margin-top: 1px; }
.wd-supply-wound.is-disabled { opacity: .55; background: #f8fafc; }
.wd-supply-history-item { display: block; padding: 10px; border: 1px solid var(--wd-line); border-radius: 10px; color: inherit; text-decoration: none; }
.wd-supply-history-item:hover { color: inherit; border-color: #94a3b8; text-decoration: none; }
.wd-supply-history-item.is-active { border-color: var(--wd-accent); background: #fff1f7; }
.wd-supply-template { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--wd-line); border-radius: 12px; background: #fff; }
.wd-supply-template > div, .wd-supply-template form { display: grid; gap: 6px; min-width: 0; }
.wd-supply-template small { color: var(--wd-muted); }
.wd-supply-template-wounds { display: flex; flex-wrap: wrap; gap: 5px; }
.wd-supply-template-wounds span { padding: 4px 7px; border-radius: 999px; background: #eef7f2; color: #17653a; font-size: .78rem; line-height: 1.25; }
.wd-supply-template-wounds span.is-unavailable { background: #f1f5f9; color: #64748b; text-decoration: line-through; }
.wd-supply-template .wd-supply-overlap-confirm { margin: 0; }
.wd-supply-template.is-blocked { background: #fffaf0; border-color: #f6c453; }
.wd-supply-template-warning { margin: 2px 0 0; color: #8a4b08; font-size: .82rem; line-height: 1.4; }
.wd-supply-template-review { display: grid; gap: 9px; margin-top: 10px; padding: 11px; border: 1px solid; border-radius: 12px; }
.wd-supply-template-review > div { display: grid; gap: 2px; }
.wd-supply-template-review small { color: inherit; opacity: .86; }
.wd-supply-template-review.is-open { color: #7a4300; border-color: #f6c453; background: #fff8e8; }
.wd-supply-template-review.is-reviewed { color: #17653a; border-color: #8fd1ae; background: #edf9f2; }
.wd-supply-template-review form { display: grid; gap: 8px; }
.wd-supply-template-review form label { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: .85rem; }
.wd-supply-template-review form input[type="checkbox"] { margin-top: 3px; flex: 0 0 auto; }
.wd-supply-diff-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 12px 0; }
.wd-supply-diff-summary span { display: grid; gap: 1px; padding: 9px 10px; border: 1px solid var(--wd-line); border-radius: 10px; background: #f8fafc; color: var(--wd-muted); font-size: 12px; }
.wd-supply-diff-summary strong { color: var(--wd-ink); font-size: 18px; line-height: 1; }
.wd-supply-diff-period { margin-bottom: 10px; padding: 10px 12px; border: 1px solid #f6c453; border-radius: 10px; background: #fff8e8; color: #70420a; font-size: 13px; }
.wd-supply-diff-list { display: grid; gap: 8px; }
.wd-supply-diff-item { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px 10px; align-items: start; padding: 11px; border: 1px solid var(--wd-line); border-left: 5px solid #64748b; border-radius: 11px; background: #fff; }
.wd-supply-diff-item.is-added { border-left-color: #2563eb; }.wd-supply-diff-item.is-removed { border-left-color: #dc2626; background: #fff7f7; }.wd-supply-diff-item.is-increased { border-left-color: #d97706; }.wd-supply-diff-item.is-decreased { border-left-color: #7c3aed; }
.wd-supply-diff-state { min-width: 64px; padding: 3px 7px; border-radius: 999px; background: #eef2f7; text-align: center; font-size: 11px; font-weight: 800; }
.wd-supply-diff-item > div:nth-child(2) { display: grid; gap: 2px; min-width: 0; }.wd-supply-diff-item > div:nth-child(2) small { color: var(--wd-muted); overflow-wrap: anywhere; }
.wd-supply-diff-values { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.wd-supply-diff-values span { display: grid; gap: 1px; padding: 7px 8px; border-radius: 8px; background: #f8fafc; }.wd-supply-diff-values small { color: var(--wd-muted); font-size: 11px; }.wd-supply-diff-values strong { font-size: 14px; }
.wd-supply-tags, .wd-supply-origin { display: flex; flex-wrap: wrap; gap: 6px; }
.wd-supply-tags span, .wd-supply-origin span { display: inline-flex; padding: 4px 8px; border-radius: 999px; background: #eef2ff; color: #3730a3; font-size: 12px; font-weight: 650; }
.wd-supply-suggestion, .wd-supply-position { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding: 12px; border: 1px solid var(--wd-line); border-radius: 11px; background: #fff; }
.wd-supply-suggestion.is-included { border-color: #86efac; background: #f0fdf4; }.wd-supply-suggestion.is-included .wd-supply-origin span { background: #dcfce7; color: #166534; }
.wd-supply-suggestion > div:first-child, .wd-supply-position > div:first-child { display: grid; gap: 4px; min-width: 0; }
.wd-supply-suggestion form, .wd-supply-position form { margin: 0; }
.wd-supply-suggestion-form, .wd-supply-proposals { display: grid; gap: 8px; }
.wd-supply-proposal { display: grid; grid-template-columns: minmax(0,1fr) minmax(92px,110px); gap: 10px; align-items: center; padding: 9px; margin: 0; border: 1px solid var(--wd-line); border-radius: 9px; background: #f8fafc; }
.wd-supply-proposal > span:first-child { display: grid; gap: 2px; min-width: 0; }
.wd-supply-proposal-qty { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px; align-items: center; }
.wd-supply-proposal-qty small { white-space: nowrap; }
.wd-supply-proposal.is-included { background: #ecfdf5; border-color: #86efac; }
.wd-supply-origin span small { display: block; width: 100%; color: inherit; font-weight: 500; }
.wd-supply-pzn-source { display: inline-flex; width: fit-content; max-width: 100%; padding: 4px 8px; border: 1px solid #86efac; border-radius: 999px; background: #f0fdf4; color: #166534 !important; font-weight: 700; }
.wd-live-badge { display: inline-flex; align-items: center; width: fit-content; padding: 5px 9px; border-radius: 999px; background: #e0f2fe; color: #075985; font-size: 12px; font-weight: 750; white-space: nowrap; }
.wd-procurement-grid { display: grid; gap: 9px; margin-top: 12px; }
.wd-procurement-item { display: grid; gap: 9px; padding: 12px; border: 1px solid var(--wd-line); border-left: 5px solid #94a3b8; border-radius: 11px; background: #fff; }
.wd-procurement-item > div:first-child { display: grid; gap: 2px; }
.wd-procurement-item > div:first-child small, .wd-procurement-supplier { color: var(--wd-muted); }
.wd-procurement-item > p { margin: 0; font-size: 13px; }
.wd-procurement-item.is-gedeckt { border-left-color: #16a34a; background: #f0fdf4; }
.wd-procurement-item.is-teilweise { border-left-color: #d97706; background: #fffbeb; }
.wd-procurement-item.is-luecke { border-left-color: #dc2626; background: #fef2f2; }
.wd-procurement-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.wd-procurement-metrics span { display: grid; gap: 1px; padding: 7px 8px; border-radius: 8px; background: rgba(255,255,255,.8); }
.wd-procurement-metrics small { color: var(--wd-muted); font-size: 11px; }
.wd-procurement-metrics strong { font-size: 16px; }
.wd-wv-coverage { display: grid; gap: 4px; margin-top: 10px; padding: 9px; border: 1px solid #bae6fd; border-left: 4px solid #0284c7; border-radius: 9px; background: #f0f9ff; }
.wd-wv-coverage span, .wd-wv-coverage small { color: #475569; }
.wd-wv-coverage.is-due { border-color: #fbbf24; background: #fffbeb; }
.wd-wv-coverage.is-overdue { border-color: #fb7185; background: #fff1f2; }
.wd-wv-coverage .btn { width: 100%; margin-top: 3px; }
.wd-supply-total { display: grid; align-content: center; }
.wd-supply-total strong { font-size: 1.3rem; }
.wd-supply-add { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; align-items: end; }
.wd-supply-add label { margin: 0; }
.wd-empty-state { padding: 18px; border: 1px dashed #94a3b8; border-radius: 10px; text-align: center; color: var(--wd-muted); }
.wd-plan-options { display: grid; gap: 7px; margin: 0 0 14px; padding: 0; border: 0; }
.wd-plan-options legend { font-size: 1rem; font-weight: 700; margin-bottom: 7px; }
.wd-plan-options label { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 8px; align-items: start; margin: 0; padding: 9px; border: 1px solid var(--wd-line); border-radius: 9px; background: #fff; }
.wd-plan-options input { width: 20px; height: 20px; margin-top: 1px; }
.wd-supply-proof { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; align-items: center; }
.wd-supply-proof > div { display: grid; }
.wd-demand-calculator { grid-column: 1/-1; border: 1px solid var(--wd-line); border-radius: 10px; padding: 0 10px 10px; background: #f8fafc; }
.wd-demand-calculator summary { min-height: 44px; }
.wd-demand-toggle { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 8px; align-items: start; padding: 8px; border-radius: 8px; background: #fff; }
.wd-demand-toggle input { width: 20px; height: 20px; margin-top: 1px; }
.wd-demand-fields { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; margin-top: 8px; }
.wd-demand-calculator small { display: block; color: var(--wd-muted); margin-top: 8px; }
.wd-demand-calculator.is-active { border-color: var(--wd-green); background: #ecfdf5; }
[data-wd-signature] > .d-flex { flex-direction: column; align-items: stretch !important; }
[data-wd-signature] > .d-flex .form-control { width: 100% !important; }
.wd-analysis-photo { display: block; width: 100%; max-height: 420px; object-fit: contain; border-radius: 8px; background: #f8fafc; }
.wd-photo-replace, .wd-photo-remove { margin-top: 14px; border-top: 1px solid #e2e8f0; padding-top: 10px; }
.wd-photo-replace > summary,
.wd-photo-remove > summary { min-height: 44px; display: flex; align-items: center; color: #9f1239; font-weight: 650; cursor: pointer; }
.wd-photo-replace > summary { color: #1d4ed8; }
.wd-photo-replace form,
.wd-photo-remove form { display: grid; gap: 10px; padding: 10px; border: 1px solid #fecdd3; border-radius: 10px; background: #fff7f8; }
.wd-photo-replace form { border-color: #bfdbfe; background: #eff6ff; }
.wd-photo-replace label,
.wd-photo-remove label { margin: 0; }
.wd-photo-replace .wd-photo-remove-keep, .wd-photo-replace .wd-photo-remove-confirm,
.wd-photo-remove-keep, .wd-photo-remove-confirm { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 8px; align-items: start; line-height: 1.35; }
.wd-photo-replace input[type="checkbox"],
.wd-photo-remove input[type="checkbox"] { width: 20px; height: 20px; margin-top: 1px; }
.wd-photo-replace small,
.wd-photo-remove small { color: #64748b; }
.wd-photo-replace .btn,
.wd-photo-remove .btn { min-height: 44px; white-space: normal; }
.wd-ocr-review { display: grid; gap: 9px; }
.wd-photo-review-target { scroll-margin-top: 12px; }
.wd-photo-review-target:target { outline: 3px solid #93c5fd; outline-offset: 2px; }
.wd-role-aware-review { scroll-margin-top: 12px; }
.wd-role-aware-review:target { outline: 3px solid #93c5fd; outline-offset: 2px; }
.wd-ocr-review-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; margin-top: 8px; }
.wd-ocr-review-actions .btn { min-height: 48px; white-space: normal; }
.wd-ocr-suggestions { display: grid; gap: 8px; margin-top: 5px; }
.wd-ocr-suggestions > small { color: var(--wd-muted); }
.wd-ocr-suggestion { display: grid; gap: 8px; min-width: 0; padding: 10px; border: 1px solid var(--wd-line); border-radius: 10px; background: #f8fafc; }
.wd-ocr-suggestion.is-applied { border-color: #86efac; background: #f0fdf4; }
.wd-ocr-suggestion.is-conflict { border-color: #f59e0b; background: #fffbeb; }
.wd-ocr-conflict { display: grid; gap: 5px; padding: 10px 12px; border: 1px solid #f59e0b; border-radius: 10px; background: #fffbeb; color: #78350f; }
.wd-ocr-conflict span, .wd-ocr-conflict-note { color: #92400e; }
.wd-ocr-conflict ul { margin: 0; padding-left: 20px; }
.wd-ocr-conflict-note { grid-column: 1 / -1; }
.wd-ocr-suggestion > label:first-child { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: start; margin: 0; }
.wd-ocr-suggestion > label:first-child input { margin-top: 4px; }
.wd-ocr-suggestion > label:first-child span { min-width: 0; overflow-wrap: anywhere; }
.wd-ocr-target { display: grid; gap: 5px; margin: 0; color: #334155; font-size: .85rem; }
.wd-ocr-target select { min-width: 0; width: 100%; }
.wd-ocr-applied { padding: 7px 9px; border-radius: 7px; background: #dcfce7; color: #166534; font-size: .8rem; font-weight: 700; overflow-wrap: anywhere; }
.wd-ocr-material-link { display: grid; gap: 5px; grid-column: 1 / -1; }
.wd-ocr-material-link .btn { width: 100%; min-height: 44px; white-space: normal; }
.wd-ocr-material-link small { color: var(--wd-muted); }
.wd-ocr-overwrite { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: start; margin: 8px 0 0; padding: 10px; border-radius: 9px; background: #fffbeb; color: #92400e; font-size: .86rem; }
.wd-ocr-overwrite input { margin-top: 4px; }
.wd-ocr-history { padding: 8px 10px; border: 1px solid #bbf7d0; border-radius: 9px; background: #f0fdf4; color: #166534; }
.wd-ocr-history summary { padding: 4px 0; font-size: .86rem; }
.wd-ocr-history > div { display: grid; gap: 6px; margin-top: 6px; }
.wd-ocr-history p { margin: 0; padding: 7px 8px; border-radius: 7px; background: #fff; font-size: .8rem; overflow-wrap: anywhere; }
.wd-ocr-history small { color: #4b5563; }

/* Fachlich bestätigte Fotoplanimetrie ----------------------------------- */
.wd-measure-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
.wd-photo-provenance { display: grid; gap: 2px; margin: 0 0 12px; padding: 10px 12px; border: 1px solid #99f6e4; border-radius: 10px; background: #f0fdfa; color: #115e59; }
.wd-photo-provenance span { color: #334155; overflow-wrap: anywhere; }
.wd-photo-provenance.is-legacy { border-color: #fcd34d; background: #fffbeb; color: #92400e; }
.wd-measure-stage-card { padding: 8px; min-width: 0; }
.wd-measure-coach{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:center;margin-bottom:.65rem;padding:.75rem;border:1px solid #bfdbfe;border-radius:.85rem;background:linear-gradient(135deg,#eff6ff,#fff)}
.wd-measure-coach>span{align-self:start;padding:.25rem .5rem;border-radius:999px;background:#1d4ed8;color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.wd-measure-coach>div{display:flex;min-width:0;flex-direction:column}.wd-measure-coach>div strong{color:#0f172a}.wd-measure-coach>div small{color:#475569;line-height:1.4}
.wd-measure-coach .btn{grid-column:1/-1;min-height:46px;font-weight:800;white-space:normal}
.wd-measure-coach[data-phase="ready"]{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}.wd-measure-coach[data-phase="ready"]>span{background:#15803d}
.wd-measure-coach[data-phase="review"],.wd-measure-coach[data-phase="correct"]{border-color:#fcd34d;background:linear-gradient(135deg,#fffbeb,#fff)}.wd-measure-coach[data-phase="review"]>span,.wd-measure-coach[data-phase="correct"]>span{background:#b45309}
.wd-measure-stage { width: 100%; overflow: auto; border-radius: 10px; background: #111827; -webkit-overflow-scrolling: touch; }
.wd-measure-stage.is-zoomed { max-height: 72vh; }
.wd-measure-stage canvas { display: block; width: 100%; max-width: none; height: auto; cursor: crosshair; touch-action: none; }
.wd-measure-stage.is-panning canvas { cursor: grab; }
.wd-measure-stage.is-panning canvas:active { cursor: grabbing; }
.wd-measure-zoom { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; margin-top: 10px; }
.wd-measure-zoom label { margin: 0; }
.wd-measure-zoom input { min-height: 44px !important; }
.wd-measure-view-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 6px; }
.wd-measure-view-tools .btn { min-height: 44px; white-space: normal; }
.wd-measure-view-tools .btn.is-active { border-color: #2563eb; background: #dbeafe; color: #1e3a8a; font-weight: 700; }
.wd-measure-panel { position: static; }
.wd-measure-steps { margin: 0; padding-left: 1.4rem; }
.wd-measure-steps li { margin-bottom: 12px; padding-left: 4px; }
.wd-measure-steps li > span { display: block; margin-top: 5px; color: var(--wd-muted); font-size: 13px; font-weight: 400; }
.wd-measure-steps .btn { width: 100%; }
.wd-measure-steps .btn.is-active { box-shadow: 0 0 0 3px rgba(190, 24, 93, .2); border-color: var(--wd-accent); }
.wd-measure-tools { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; }
.wd-contour-assist { display: grid; gap: 8px; padding: 10px; margin: 10px 0 12px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; }
.wd-contour-assist label { display: grid; grid-template-columns: minmax(0, 1fr) minmax(100px, 42%); gap: 8px; align-items: center; margin: 0; font-size: .85rem; }
.wd-contour-assist input[type="range"] { width: 100%; }
.wd-contour-brushes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.wd-contour-assist .btn { white-space: normal; }
.wd-contour-assist .btn.is-active { box-shadow: 0 0 0 3px rgba(37, 99, 235, .18); font-weight: 700; }
.wd-contour-assist small { color: var(--wd-muted); }
.wd-contour-quality { padding: 7px 9px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #475569; font-size: .82rem; font-weight: 650; line-height: 1.35; }
.wd-contour-quality.is-good { border-color: #86efac; background: #f0fdf4; color: #166534; }
.wd-contour-quality.is-check { border-color: #fcd34d; background: #fffbeb; color: #92400e; }
.wd-contour-quality.is-adjusted::before { content: '✓ '; }
.wd-measure-status { margin: 14px 0; padding: 10px 12px; border-radius: 9px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e3a8a; font-weight: 600; }
.wd-measure-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 14px; }
.wd-measure-results div { padding: 9px; border: 1px solid var(--wd-line); border-radius: 9px; background: #f8fafc; }
.wd-measure-results dt { color: var(--wd-muted); font-size: 12px; }
.wd-measure-results dd { margin: 2px 0 0; font-size: 1.12rem; font-weight: 700; overflow-wrap: anywhere; }
.wd-measure-previous { display: grid; grid-template-columns: minmax(0, 1fr) 76px; gap: 8px; align-items: center; padding: 10px; margin: 10px 0; border: 1px solid var(--wd-line); border-radius: 10px; background: #f8fafc; }
.wd-measure-previous img { width: 76px; height: 66px; object-fit: cover; border-radius: 7px; grid-row: 1 / span 2; grid-column: 2; }
.wd-measure-change { grid-column: 1; font-weight: 800; color: var(--wd-muted); }
.wd-review-score { display: grid; place-items: center; min-width: 76px; min-height: 76px; border-radius: 50%; background: #dcfce7; color: #166534; font-size: 1.2rem; font-weight: 800; }
.wd-review-score.has-blocker { background: #fee2e2; color: #991b1b; }
.wd-review-list { display: grid; gap: 8px; }
.wd-review-item { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 9px; align-items: start; padding: 10px; border: 1px solid var(--wd-line); border-radius: 10px; background: #f8fafc; }
.wd-review-icon { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-weight: 900; }
.wd-review-item.is-ok .wd-review-icon { background: #dcfce7; color: #166534; }
.wd-review-item.is-warn .wd-review-icon { background: #fef3c7; color: #92400e; }
.wd-review-item.is-block .wd-review-icon { background: #fee2e2; color: #991b1b; }
.wd-cockpit-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 10px 0; }
.wd-cockpit-metrics a { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px; align-items: center; min-height: 52px; padding: 9px 11px; border: 1px solid var(--wd-line); border-radius: 10px; color: var(--wd-ink); text-decoration: none; background: #f8fafc; }
.wd-cockpit-metrics a:last-child { grid-column: auto; }
.wd-cockpit-metrics a.is-active { border-color: var(--wd-accent); box-shadow: 0 0 0 2px rgba(190,24,93,.12); background: #fff1f2; }
.wd-cockpit-metrics strong { font-size: 1.35rem; }
.wd-cockpit-metrics span { min-width: 0; overflow-wrap: anywhere; }
.wd-cockpit-filter { display: flex; justify-content: flex-end; margin-bottom: 9px; }
.wd-cockpit-filter a { display: inline-flex; align-items: center; min-height: 44px; padding: 5px 9px; border-radius: 8px; }
.wd-cockpit-filter a.is-active { background: #e2e8f0; font-weight: 700; }
.wd-cockpit-list { display: grid; gap: 10px; }
.wd-cockpit-empty { padding: 16px; border: 1px dashed #94a3b8; border-radius: 10px; color: var(--wd-muted); text-align: center; }
.wd-cockpit-item { border: 1px solid var(--wd-line); border-left-width: 5px; border-radius: 12px; padding: 11px; background: #fff; }
.wd-cockpit-item.is-sofort { border-left-color: #991b1b; }
.wd-cockpit-item.is-hoch { border-left-color: #dc2626; }
.wd-cockpit-item.is-mittel { border-left-color: #d97706; }
.wd-cockpit-item.is-hinweis { border-left-color: #2563eb; }
.wd-cockpit-item.is-routine { border-left-color: #64748b; }
.wd-cockpit-head { display: grid; gap: 9px; }
.wd-cockpit-head > div { display: grid; gap: 3px; min-width: 0; }
.wd-cockpit-head .btn { width: 100%; align-self: center; }
.wd-priority { width: max-content; padding: 3px 7px; border-radius: 999px; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.wd-priority-sofort,.wd-priority-hoch { background: #fee2e2; color: #991b1b; }
.wd-priority-mittel { background: #fef3c7; color: #92400e; }
.wd-priority-hinweis { background: #dbeafe; color: #1e40af; }
.wd-priority-routine { background: #e2e8f0; color: #334155; }
.wd-cockpit-reasons { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.wd-cockpit-reasons span { padding: 4px 7px; border-radius: 7px; background: #f1f5f9; font-size: .78rem; color: #334155; }
.wd-cockpit-reasons .is-ueberfaellig,.wd-cockpit-reasons .is-verlauf,.wd-cockpit-reasons .is-analyse { background: #fff1f2; color: #9f1239; }
.wd-work-claim { display: grid; gap: 8px; margin-top: 9px; padding: 9px; border: 1px dashed #cbd5e1; border-radius: 9px; background: #f8fafc; }
.wd-work-claim.is-active { border-style: solid; border-color: #99f6e4; background: #f0fdfa; }
.wd-work-claim > div:first-child { display: grid; gap: 2px; min-width: 0; }
.wd-work-claim span { color: var(--wd-muted); font-size: .8rem; overflow-wrap: anywhere; }
.wd-work-claim-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.wd-work-claim-actions form:only-child { grid-column: 1 / -1; }
.wd-work-claim-actions .btn { width: 100%; min-height: 44px; white-space: normal; }
.wd-cockpit-meta { display: flex; flex-wrap: wrap; gap: 5px 12px; margin-top: 9px; padding-top: 8px; border-top: 1px solid var(--wd-line); color: var(--wd-muted); font-size: .78rem; }
.wd-cockpit-meta a { display: inline-flex; align-items: center; min-height: 44px; }
.wd-cockpit-pages { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 12px; }
.wd-pipeline-status { display: grid; gap: 9px; align-items: center; margin: 0 0 12px; padding: 10px 12px; border: 1px solid #bfdbfe; border-radius: 11px; background: #eff6ff; color: #1e3a8a; }
.wd-pipeline-status > div { display: grid; min-width: 0; gap: 2px; }
.wd-pipeline-status strong, .wd-pipeline-status span { overflow-wrap: anywhere; }
.wd-pipeline-status span { font-size: .82rem; }
.wd-pipeline-status .btn { width: 100%; }
.wd-pipeline-status.is-bereit { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }
.wd-pipeline-status.is-wartend,.wd-pipeline-status.is-aktiv { border-color: #bfdbfe; background: #eff6ff; color: #1e3a8a; }
.wd-pipeline-status.is-verzoegert { border-color: #fcd34d; background: #fffbeb; color: #92400e; }
.wd-pipeline-status.is-stoerung { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
.wd-measure-confirm { display: flex; align-items: flex-start; gap: 9px; min-height: 44px; margin-bottom: 12px; padding-block: 10px; font-weight: 600; }
.wd-measure-confirm input { width: 20px; height: 20px; flex: 0 0 auto; margin-top: 2px; }
.wd-measure-panel > .btn { width: 100%; }

.wd-body-diagram { display: flex; gap: 8px; justify-content: center; flex-wrap: nowrap; }
.wd-body-diagram-col { text-align: center; }
.wd-body-svg-wrap { position: relative; width: min(40vw, 145px); margin: 0 auto; cursor: crosshair; touch-action: manipulation; }
.wd-body-svg { width: 100%; height: auto; display: block; }
.wd-body-shape { fill: #eef2f7; stroke: #94a3b8; stroke-width: 2; }
.wd-body-line { stroke: #94a3b8; stroke-width: 1; stroke-dasharray: 4 3; }
.wd-rl-label { font-size: 14px; fill: #64748b; font-weight: 600; }
.wd-body-svg-wrap.wd-readonly { cursor: default; }
.wd-marker {
    position: absolute;
    width: 18px; height: 18px;
    margin-left: -9px; margin-top: -9px;
    background: var(--wd-accent);
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--wd-accent);
    pointer-events: none;
}
.wd-marker--ghost { background: #94a3b8; box-shadow: 0 0 0 1px #94a3b8; }
.wd-body a.wd-marker { width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; border: 0; background: transparent; box-shadow: none; }
.wd-body a.wd-marker::after { content: ""; position: absolute; left: 13px; top: 13px; width: 18px; height: 18px; border: 2px solid #fff; border-radius: 50%; background: var(--wd-accent); box-shadow: 0 0 0 1px var(--wd-accent); }
.wd-body a.wd-marker--ghost::after { background: #94a3b8; box-shadow: 0 0 0 1px #94a3b8; }

/* Smarte anatomische Positionsauswahl ------------------------------------ */
.wd-detail-picker {
    max-width: 760px;
    margin: 18px auto 0;
    padding-top: 16px;
    border-top: 1px solid var(--wd-line);
}
.wd-detail-picker-title { font-weight: 600; text-align: center; margin-bottom: 8px; }
.wd-detail-tabs { display: flex; justify-content: flex-start; gap: 8px; margin-bottom: 12px; overflow-x: auto; padding: 2px; scroll-snap-type: x proximity; }
.wd-detail-tab {
    border: 1px solid var(--wd-line);
    border-radius: 999px;
    background: #fff;
    color: var(--wd-ink);
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 600;
    flex: 0 0 auto;
    min-height: 44px;
    scroll-snap-align: start;
}
.wd-detail-tab:hover, .wd-detail-tab.is-active {
    border-color: var(--wd-accent);
    background: #fdf2f8;
    color: var(--wd-accent);
}
.wd-detail-panel { max-width: 700px; margin: 0 auto; }
.wd-detail-svg-wrap { position: relative; cursor: crosshair; }
.wd-detail-svg { display: block; width: 100%; max-height: 390px; }
.wd-detail-base { fill: #eef2f7; stroke: #94a3b8; stroke-width: 2; }
.wd-detail-line { fill: none; stroke: #94a3b8; stroke-width: 2; }
.wd-detail-feature { fill: #64748b; }
.wd-detail-caption { text-anchor: middle; font-size: 15px; font-weight: 700; fill: var(--wd-ink); }
.wd-detail-side { text-anchor: middle; font-size: 12px; font-weight: 600; fill: #64748b; }
.wd-region-zone {
    fill: rgba(190, 24, 93, .13);
    stroke: rgba(190, 24, 93, .42);
    stroke-width: 1.5;
    cursor: pointer;
    transition: fill .12s ease, stroke .12s ease;
}
.wd-region-zone:hover, .wd-region-zone:focus, .wd-region-zone.is-selected {
    fill: rgba(190, 24, 93, .38);
    stroke: var(--wd-accent);
    stroke-width: 2.5;
}
.wd-detail-help { text-align: center; margin-top: 8px; }
.wd-detail-position-view { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--wd-line); }
.wd-detail-position-view .wd-region-zone { pointer-events: none; fill: rgba(190, 24, 93, .08); stroke: rgba(190, 24, 93, .22); }
.wd-position-result {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid var(--wd-line);
    border-radius: 10px;
    background: #f8fafc;
}
.wd-position-result.is-set { border-color: #86efac; background: #f0fdf4; }
.wd-position-result-label { font-weight: 700; }
.wd-position-auto-note { margin: 0 0 8px; }
.wd-region-correction { border: 1px solid var(--wd-line); border-radius: 10px; background: #f8fafc; margin-bottom: 12px; }
.wd-region-correction > summary { padding: 10px 12px; color: #475569; }
.wd-region-correction[open] > summary { border-bottom: 1px solid var(--wd-line); }
.wd-region-correction-body { padding: 12px; }
.wd-region-correction-body small { display: block; margin-top: 6px; color: var(--wd-muted); }

.wd-status-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.wd-status-aktiv { background: #fee2e2; color: #991b1b; }
.wd-status-abgeschlossen { background: #dcfce7; color: #166534; }

.wd-wound-list { display: grid; gap: 10px; }
.wd-wound-item {
    display: grid; gap: 8px;
    border: 1px solid var(--wd-line); border-radius: 12px; padding: 12px 16px;
    text-decoration: none; color: inherit; background: #fff;
}
.wd-wound-item:hover { background: #f8fafc; text-decoration: none; color: inherit; }

.wd-consent-warning {
    background: #fff7ed; border: 1px solid #fdba74; color: #9a3412;
    border-radius: 10px; padding: 10px 14px; font-size: 14px; margin-bottom: 14px;
}

/* Druckansicht */
.wd-print-page { max-width: 900px; margin: 0 auto; background: #fff; }
.wd-print-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wd-print-table th, .wd-print-table td { border-top: 1px solid var(--wd-line); padding: 4px 6px; text-align: left; vertical-align: top; }
.wd-print-table th { width: 40%; color: var(--wd-muted); font-weight: 600; }
.wd-print-header-table { width: 100%; border-collapse: collapse; margin-bottom: 12px; }
.wd-print-header-table td { padding: 3px 6px; font-size: 13px; }
.wd-print-photo { max-width: 100%; border: 1px solid var(--wd-line); border-radius: 6px; }
.wd-signature-line { border-top: 1px solid #333; margin-top: 50px; padding-top: 4px; font-size: 12px; }

/* --- Katalog-Ankreuzgruppen (Welle 1) ------------------------------------ */
/* Ankreuzraster statt Freitext, angelehnt an den ATS-Wunddokumentationsbogen. */

.wd-katalog-group {
    border: 1px solid var(--wd-line);
    border-radius: 8px;
    padding: 8px 10px 10px;
    margin: 0 0 12px;
    min-width: 0;
}

.wd-katalog-legend {
    float: none;
    width: auto;
    font-size: 13px;
    font-weight: 600;
    color: var(--wd-ink);
    padding: 0 4px;
    margin-bottom: 4px;
}

.wd-katalog-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
}

.wd-katalog-item {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 14px;
    line-height: 1.35;
}

.wd-katalog-item label {
    margin: 0;
    cursor: pointer;
    font-weight: 400;
}

.wd-katalog-check {
    margin-top: 1px;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.wd-katalog-item input:checked + label {
    font-weight: 600;
    color: var(--wd-accent);
}

.wd-factor-picker { margin-top: 12px; }
.wd-factor-picker-status { margin: 8px 0 10px; color: var(--wd-muted); font-size: 13px; }
.wd-katalog-compact { padding: 0; overflow: hidden; }
.wd-katalog-compact > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; list-style-position: inside; }
.wd-katalog-compact > summary::marker { color: var(--wd-accent); }
.wd-katalog-compact > summary span:first-child { flex: 1 1 auto; }
.wd-factor-count { flex: 0 0 auto; color: var(--wd-muted); font-size: 12px; font-weight: 600; }
.wd-katalog-compact[open] > summary { border-bottom: 1px solid var(--wd-line); }
.wd-katalog-compact fieldset { border: 0; margin: 0; padding: 10px 12px 12px; min-width: 0; }
.wd-katalog-item[hidden], .wd-katalog-compact[hidden] { display: none !important; }

/* --- Automatisch berechnete Felder --------------------------------------- */

.wd-autocalc-hinweis {
    display: block;
    font-size: 11px;
    color: var(--wd-muted);
    margin-top: 2px;
}

/* Berechneter Wert bleibt sichtbar als solcher erkennbar, aber editierbar. */
input.wd-autocalc-aktiv {
    background: #f8fafc;
    font-style: italic;
}

.wd-anteile-ok {
    font-size: 12px;
    font-weight: 600;
    color: var(--wd-green);
}

.wd-anteile-warnung {
    font-size: 12px;
    font-weight: 600;
    color: var(--wd-amber);
}

.wd-photo-existing { display: flex; flex-wrap: wrap; gap: 8px; }
.wd-photo-upload-row { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 9px; margin-top: 9px; padding: 9px; border: 1px solid var(--wd-line); border-radius: 9px; background: #f8fafc; overflow-wrap: anywhere; }
.wd-photo-upload-preview { width: 72px; height: 72px; border-radius: 8px; object-fit: cover; background: #e2e8f0; }
.wd-photo-upload-content { display: grid; gap: 5px; min-width: 0; }
.wd-photo-upload-quality { display: block; }
.wd-photo-upload-quality.is-warning { color: #9a3412; font-weight: 700; }
.wd-photo-upload-quality.is-ready { color: #166534; font-weight: 700; }
.wd-photo-exception { display: grid; gap: 4px; padding: 10px; border: 1px solid #cbd5e1; border-radius: 10px; background: #f8fafc; }
.wd-photo-exception label { margin: 0; font-weight: 750; }
.wd-photo-exception.is-disabled { opacity: .72; background: #f1f5f9; }
.wd-photo-role-field { display: grid; gap: 3px; }
.wd-photo-role-field label,.wd-photo-upload-content > label { margin: 0; color: #334155; font-size: .78rem; font-weight: 700; }
.wd-photo-existing figure { margin: 0; display: grid; gap: 3px; justify-items: center; }
.wd-photo-existing figcaption { max-width: 100px; font-size: .72rem; color: var(--wd-muted); text-align: center; }
.wd-photo-role-badge { display: inline-flex; margin-top: 8px; padding: 3px 9px; border-radius: 999px; background: #e2e8f0; color: #334155; font-size: .78rem; font-weight: 700; }
.wd-photo-role-badge.is-required { background: #dbeafe; color: #1d4ed8; }
.wd-photo-role-edit { display: grid; gap: 6px; margin-top: 10px; padding: 10px; border: 1px solid var(--wd-line); border-radius: 9px; background: #f8fafc; }
.wd-photo-role-edit label { margin: 0; }
.wd-photo-role-edit .btn { justify-self: start; min-height: 42px; }
.wd-photo-protocol { display: grid; gap: 9px; margin: 4px 0 10px; padding: 11px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; overflow-wrap: anywhere; }
.wd-photo-protocol > div:first-child { display: grid; gap: 2px; }
.wd-photo-protocol > div:first-child small,.wd-photo-protocol > small { color: #64748b; }
.wd-photo-protocol ol { display: grid; grid-template-columns: 1fr; gap: 6px; margin: 0; padding: 0; list-style: none; }
.wd-photo-protocol li { display: grid; grid-template-columns: 30px minmax(0,1fr); column-gap: 7px; align-items: center; padding: 7px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; }
.wd-photo-protocol li > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #e2e8f0; color: #334155; font-weight: 800; }
.wd-photo-protocol li strong,.wd-photo-protocol li small { min-width: 0; }
.wd-photo-protocol li.is-covered { border-color: #86efac; background: #f0fdf4; }
.wd-photo-protocol li.is-covered > span { background: #16a34a; color: #fff; }
.wd-photo-protocol.is-complete { border-color: #86efac; background: #f0fdf4; }
.wd-photo-protocol-next { color: #1d4ed8; }
.wd-photo-protocol.is-complete .wd-photo-protocol-next { color: #166534; }
.wd-photo-protocol-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
.wd-photo-protocol-actions .btn { min-height: 44px; }
@media (min-width: 768px) { .wd-photo-protocol ol { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.wd-tissue-map { margin-top: 12px; padding: 11px; border: 1px solid var(--wd-line); border-radius: 10px; background: #fff; }
.wd-tissue-map summary { display: flex; justify-content: space-between; gap: 8px; cursor: pointer; }
.wd-tissue-map summary span { color: var(--wd-muted); font-size: .78rem; }
.wd-tissue-map > p { margin: 10px 0; color: var(--wd-muted); font-size: .86rem; }
.wd-tissue-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.wd-tissue-tools .btn { display: flex; align-items: center; justify-content: flex-start; gap: 7px; min-height: 46px; border: 1px solid var(--wd-line); background: #f8fafc; color: #1e293b; }
.wd-tissue-tools .btn.is-active { outline: 3px solid rgba(37,99,235,.22); border-color: #2563eb; }
.wd-tissue-tools i { width: 16px; height: 16px; flex: 0 0 16px; border-radius: 50%; border: 1px solid rgba(15,23,42,.25); }
.wd-tissue-tools i.is-granulation { background: #dc2626; }.wd-tissue-tools i.is-fibrin { background: #facc15; }.wd-tissue-tools i.is-nekrose { background: #111827; }.wd-tissue-tools i.is-epithel { background: #f9a8d4; }
.wd-tissue-map > label { display: grid; gap: 4px; margin-top: 10px; }
.wd-tissue-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin-top: 10px; }
.wd-tissue-results span { display: flex; justify-content: space-between; gap: 5px; padding: 7px; border-radius: 7px; background: #f1f5f9; font-size: .79rem; }
.wd-tissue-results .is-ready { color: #047857; }.wd-tissue-results .is-open { color: #b45309; }
.wd-tissue-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.wd-tissue-confirm { grid-template-columns: auto minmax(0,1fr) !important; align-items: start; min-height: 42px; padding: 8px; border-radius: 7px; background: #f8fafc; }
@media (min-width: 680px) { .wd-tissue-tools { grid-template-columns: repeat(3,minmax(0,1fr)); }.wd-tissue-results { grid-template-columns: repeat(5,minmax(0,1fr)); } }
.wd-analysis-tissue { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; padding: 10px; border-radius: 9px; background: #f8fafc; }
.wd-analysis-tissue strong,.wd-analysis-tissue small { flex-basis: 100%; }.wd-analysis-tissue span { padding: 4px 7px; border-radius: 6px; background: #fff; border: 1px solid var(--wd-line); font-size: .8rem; }
.wd-analysis-gray-reference { display: grid; gap: 3px; margin: 8px 0 10px; padding: 10px; border: 1px solid #86efac; border-radius: 9px; background: #f0fdf4; overflow-wrap: anywhere; }
.wd-analysis-gray-reference.is-review { border-color: #f59e0b; background: #fffbeb; color: #78350f; }
.wd-analysis-gray-reference small { color: #64748b; }
.wd-addendum-info { border-left: 4px solid #f59e0b; }.wd-addendum-info p { margin: 5px 0 0; color: var(--wd-muted); }
.wd-addendum-form { display: grid; gap: 12px; }.wd-addendum-form label { display: grid; gap: 5px; font-weight: 700; }.wd-addendum-form textarea { min-height: 170px; }
.wd-addendum-confirm { grid-template-columns: auto minmax(0,1fr) !important; align-items: start; padding: 10px; border-radius: 9px; background: #fff7ed; font-weight: 600 !important; }
.wd-addendum-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }.wd-addendum-list li { padding: 12px; border: 1px solid var(--wd-line); border-radius: 10px; background: #f8fafc; }
.wd-addendum-list li > div { display: flex; flex-direction: column; gap: 2px; }.wd-addendum-list span,.wd-addendum-list small { color: var(--wd-muted); font-size: .78rem; }.wd-addendum-list p { margin: 9px 0; white-space: normal; overflow-wrap: anywhere; }
.wd-camera { display: grid; gap: 10px; margin: 0 0 12px; padding: 10px; border-radius: 12px; background: #0f172a; color: #f8fafc; }
.wd-camera[hidden] { display: none; }
.wd-camera-assignment { display: grid; gap: 9px; padding: 10px; border: 1px solid #475569; border-radius: 10px; background: #1e293b; }
.wd-camera-assignment > div:first-child { display: grid; gap: 2px; }
.wd-camera-assignment label { display: grid; gap: 5px; margin: 0; }
.wd-camera-assignment label > span { font-weight: 700; }
.wd-camera-assignment small { color: #cbd5e1; }
.wd-camera-assignment .form-control { min-height: 44px; }
.wd-camera-reference { padding: 9px; border: 1px solid #64748b; border-radius: 9px; background: #334155; }
.wd-camera-reference[hidden] { display: none; }
.wd-reference-check { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 9px; align-items: start; padding: 10px; border: 1px solid #cbd5e1; border-radius: 10px; background: #f8fafc; color: #334155; }
.wd-reference-check > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 999px; background: #64748b; color: #fff; font-weight: 800; }
.wd-reference-check strong,.wd-reference-check small { display: block; overflow-wrap: anywhere; }
.wd-reference-check small { margin-top: 2px; color: #64748b; }
.wd-reference-check.is-ready { border-color: #86efac; background: #f0fdf4; color: #166534; }
.wd-reference-check.is-ready > span { background: #15803d; }
.wd-reference-check.is-review { border-color: #f59e0b; background: #fffbeb; color: #78350f; }
.wd-reference-check.is-review > span { background: #d97706; }
.wd-reference-check.is-pending,.wd-reference-check.is-manual { border-color: #93c5fd; background: #eff6ff; color: #1e40af; }
.wd-reference-check.is-pending > span,.wd-reference-check.is-manual > span { background: #2563eb; }
.wd-camera-position-suggestion { display: grid; gap: 7px; padding: 8px; border-radius: 8px; background: #334155; }
.wd-camera-position-suggestion[hidden] { display: none; }
.wd-camera-position-suggestion .btn { min-height: 44px; white-space: normal; }
.wd-camera-device-confirm { display: grid; gap: 7px; padding: 8px; border-radius: 8px; background: #334155; }
.wd-camera-device-confirm .btn { min-height: 44px; white-space: normal; }
.wd-camera-frame { position: relative; overflow: hidden; width: 100%; aspect-ratio: 4 / 3; border-radius: 10px; background: #020617; }
.wd-camera-frame video, .wd-camera-frame canvas, .wd-camera-frame img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.wd-camera-frame img { z-index: 1; filter: saturate(.7) contrast(1.08); pointer-events: none; transition: transform .16s linear; will-change: transform; }
.wd-camera-frame img[hidden] { display: none; }
.wd-camera-frame canvas { z-index: 2; pointer-events: none; }
.wd-camera-target { position: absolute; z-index: 3; inset: 12%; border: 1px dashed rgba(255,255,255,.62); border-radius: 50%; pointer-events: none; }
.wd-camera-status { display: grid; gap: 7px; }
.wd-camera-badge { display: block; padding: 7px 9px; border-radius: 8px; font-size: .84rem; line-height: 1.3; }
.wd-camera-badge.is-ok { background: #14532d; color: #dcfce7; }
.wd-camera-badge.is-warn { background: #78350f; color: #fef3c7; }
.wd-camera-badge.is-neutral { background: #1e293b; color: #e2e8f0; }
.wd-camera-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.wd-camera-actions .btn { min-height: 48px; white-space: normal; }
.wd-camera-ghost-control { display: grid; gap: 7px; padding: 9px; border: 1px solid #475569; border-radius: 9px; background: #1e293b; }
.wd-camera-ghost-control label { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; margin: 0; }
.wd-camera-ghost-control input[type="range"] { width: 100%; }
.wd-camera-ghost-control small { color: #cbd5e1; }
.wd-capture-pass { display: grid; gap: 8px; }
.wd-capture-pass article { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 9px; align-items: start; padding: 10px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.wd-capture-pass article > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; color: #fff; background: #d97706; font-weight: 800; }
.wd-capture-pass article.is-ok > span { background: #15803d; }
.wd-capture-pass article strong,.wd-capture-pass article small { display: block; }
.wd-capture-pass article small { margin-top: 2px; color: #64748b; }
.wd-capture-pass-badge { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; background: #fef3c7; color: #92400e; font-size: .82rem; font-weight: 700; }
.wd-capture-pass-badge.is-well_documented { background: #dcfce7; color: #166534; }
.wd-capture-pass-badge.is-not_documented { background: #e2e8f0; color: #475569; }
.wd-capture-pass-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 10px 0 0; }
.wd-capture-pass-metrics div { padding: 8px; border-radius: 8px; background: #f8fafc; }
.wd-capture-pass-metrics dt { color: #64748b; font-size: .75rem; }
.wd-capture-pass-metrics dd { margin: 1px 0 0; font-weight: 700; }
.wd-marker-geometry-compare { display: grid; gap: 9px; margin-top: 12px; padding: 11px; border: 1px solid #fbbf24; border-radius: 10px; background: #fffbeb; }
.wd-marker-geometry-compare.is-consistent { border-color: #86efac; background: #f0fdf4; }
.wd-marker-geometry-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: flex-start; }
.wd-marker-geometry-head strong,.wd-marker-geometry-head small { display: block; }
.wd-marker-geometry-head small,.wd-marker-geometry-compare > p { color: #64748b; }
.wd-marker-geometry-head > span { padding: 4px 8px; border-radius: 999px; background: #fef3c7; color: #92400e; font-size: .78rem; font-weight: 750; }
.wd-marker-geometry-compare.is-consistent .wd-marker-geometry-head > span { background: #dcfce7; color: #166534; }
.wd-marker-geometry-values { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }
.wd-marker-geometry-values article { display: grid; gap: 1px; padding: 8px; border-radius: 8px; background: #fff; }
.wd-marker-geometry-values article > span,.wd-marker-geometry-values small { color: #64748b; font-size: .78rem; }
.wd-marker-geometry-checks { display: grid; gap: 6px; }
.wd-marker-geometry-checks > div { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 7px; align-items: start; }
.wd-marker-geometry-checks > div > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; background: #d97706; color: #fff; font-weight: 800; }
.wd-marker-geometry-checks > div.is-ok > span { background: #15803d; }
.wd-marker-geometry-checks p,.wd-marker-geometry-compare > p { margin: 0; }
.wd-marker-geometry-checks strong,.wd-marker-geometry-checks small { display: block; }
.wd-marker-geometry-checks small { color: #64748b; }
@media (min-width: 576px) { .wd-marker-geometry-values { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 768px) { .wd-capture-pass { grid-template-columns: repeat(2,minmax(0,1fr)); } .wd-capture-pass-metrics { grid-template-columns: repeat(5,minmax(0,1fr)); } }
.wd-note-assistant > summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; cursor: pointer; list-style: none; }
.wd-note-assistant > summary::-webkit-details-marker { display: none; }
.wd-note-assistant > summary span:first-child,.wd-note-assistant > summary strong,.wd-note-assistant > summary small { display: block; }
.wd-note-assistant > summary small { margin-top: 2px; color: #64748b; }
.wd-note-assistant > summary span:last-child { flex: 0 0 auto; padding: 4px 8px; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: .78rem; font-weight: 700; }
.wd-note-assistant-body { padding-top: 12px; }
.wd-note-results { display: grid; gap: 8px; margin-top: 10px; }
.wd-note-results article { display: grid; gap: 8px; padding: 10px; border: 1px solid #dbeafe; border-radius: 10px; background: #eff6ff; }
.wd-note-results article.is-applied { border-color: #bbf7d0; background: #f0fdf4; }
.wd-note-results article strong,.wd-note-results article small { display: block; }
.wd-note-results article small { margin-top: 2px; color: #64748b; }
.wd-note-warning { padding: 8px 10px; border-radius: 8px; background: #fffbeb; color: #92400e; font-size: .86rem; }
.wd-note-empty { padding: 10px; border-radius: 8px; background: #f8fafc; color: #64748b; }
.wd-note-applied-field { border-color: #16a34a !important; box-shadow: 0 0 0 2px rgba(22,163,74,.14) !important; }
@media (min-width: 576px) { .wd-note-results article { grid-template-columns: minmax(0,1fr) auto; align-items: center; } }
.wd-camera > small { color: #cbd5e1; }
.wd-offline-draft { border-color: #99f6e4; background: linear-gradient(145deg, #f0fdfa, #ffffff 72%); }
.wd-offline-controls { display: grid; gap: 9px; margin-top: 10px; }
.wd-offline-controls > label:first-child { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; margin: 0; }
.wd-offline-consent { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: start; margin: 0; font-size: .88rem; }
.wd-offline-consent input { margin-top: 3px; }
.wd-offline-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; }
.wd-offline-actions .btn { min-height: 44px; white-space: normal; }
.wd-offline-status { margin: 9px 0 6px; padding: 8px 10px; border-radius: 8px; background: #f1f5f9; color: #475569; font-size: .84rem; font-weight: 650; }
.wd-offline-status.is-ok { background: #dcfce7; color: #166534; }
.wd-offline-status.is-warn { background: #fef3c7; color: #92400e; }
.wd-online-indicator { width: 10px; height: 10px; border-radius: 50%; background: #0d9488; box-shadow: 0 0 0 4px #ccfbf1; }
.wd-offline-draft.is-offline .wd-online-indicator { background: #d97706; box-shadow: 0 0 0 4px #fef3c7; }
.wd-offline-record { display: block; margin: 0 0 7px; padding: 10px; border: 1px solid var(--wd-line); border-radius: 8px; background: #f8fafc; }
.wd-visit-nav { position: sticky; z-index: 20; top: 6px; display: grid; gap: 8px; margin: 0 0 12px; padding: 10px; border: 1px solid #cbd5e1; border-radius: 12px; background: rgba(255,255,255,.97); box-shadow: 0 10px 26px rgba(15,23,42,.13); backdrop-filter: blur(8px); }
.wd-visit-nav-head { display: grid; grid-template-columns: minmax(0, 1fr) 84px; gap: 10px; align-items: center; }
.wd-visit-nav-head > div:first-child { display: grid; min-width: 0; }
.wd-visit-nav-head span { color: var(--wd-muted); font-size: .78rem; overflow-wrap: anywhere; }
.wd-visit-progress { height: 9px; overflow: hidden; border-radius: 999px; background: #e2e8f0; }
.wd-visit-progress > span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--wd-green); transition: width .2s ease; }
.wd-visit-nav-scroll { display: flex; gap: 7px; overflow-x: auto; padding: 1px 1px 7px; scrollbar-width: thin; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: 1px; -webkit-overflow-scrolling: touch; }
.wd-visit-nav-scroll button { flex: 0 0 auto; display: grid; grid-template-columns: auto auto; column-gap: 5px; align-items: center; min-height: 44px; padding: 5px 10px; border: 1px solid #cbd5e1; border-radius: 999px; background: #f8fafc; color: #334155; font-size: .82rem; font-weight: 750; }
.wd-visit-nav-scroll button { scroll-snap-align: start; }
.wd-visit-nav-scroll button small { grid-column: 2; color: #64748b; font-size: .66rem; font-weight: 650; line-height: 1; text-align: left; }
.wd-visit-nav-scroll button > span { grid-row: 1 / span 2; color: #64748b; font-size: 1rem; }
.wd-visit-nav-scroll button.is-done { border-color: #86efac; background: #f0fdf4; color: #166534; }
.wd-visit-nav-scroll button.is-done > span { color: #16a34a; }
.wd-visit-nav-scroll button.is-warning { border-color: #fcd34d; background: #fffbeb; color: #92400e; }
.wd-visit-nav-scroll button.is-block { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
.wd-visit-nav-scroll button.is-block > span { color: #dc2626; }
.wd-visit-nav-scroll button.is-optional { color: #64748b; }
.wd-visit-nav-foot { display: grid; gap: 7px; align-items: center; }
.wd-visit-nav-foot > span { color: #475569; font-size: .78rem; font-weight: 650; overflow-wrap: anywhere; }
.wd-visit-nav-foot .btn { width: 100%; min-height: 44px; white-space: normal; }
.wd-visit-nav-swipe { margin-top: -5px; color: #64748b; font-size: .72rem; text-align: right; }
.wd-visit-section { scroll-margin-top: 190px; }
.wd-visit-section:focus { outline: 3px solid rgba(13,148,136,.3); outline-offset: 3px; }
.wd-visit-section.is-block { border-left-color: #ef4444; }
.wd-visit-section.is-warning { border-left-color: #f59e0b; }
.wd-revision-conflict { border: 2px solid #f59e0b; background: linear-gradient(145deg, #fffbeb, #fff 72%); }
.wd-photo-workflow { margin: 0 0 12px; padding: 10px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.wd-photo-workflow ol { display: grid; grid-template-columns: repeat(4,minmax(108px,1fr)); gap: 7px; margin: 0; padding: 0 0 4px; overflow-x: auto; list-style: none; scrollbar-width: thin; }
.wd-photo-workflow li { min-width: 108px; }
.wd-photo-workflow a { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 1px 7px; align-items: center; min-height: 54px; padding: 7px; border: 1px solid #cbd5e1; border-radius: 9px; background: #f8fafc; color: #334155; text-decoration: none; }
.wd-photo-workflow a > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #e2e8f0; font-weight: 800; }
.wd-photo-workflow strong,.wd-photo-workflow small { min-width: 0; overflow-wrap: anywhere; }
.wd-photo-workflow strong { font-size: .78rem; }
.wd-photo-workflow small { color: #64748b; font-size: .7rem; }
.wd-photo-workflow .is-done a { border-color: #86efac; background: #f0fdf4; color: #166534; }
.wd-photo-workflow .is-done a > span,.wd-photo-workflow .is-ready a > span { background: #16a34a; color: #fff; }
.wd-photo-workflow .is-open a { border-color: #fcd34d; background: #fffbeb; }
.wd-photo-workflow .is-error a { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
.wd-photo-workflow .is-active a { outline: 3px solid rgba(13,148,136,.24); border-color: #0d9488; }
.wd-photo-workflow .is-locked a { pointer-events: none; opacity: .58; }
.wd-photo-workflow > p { margin: 5px 1px 0; color: var(--wd-muted); font-size: .72rem; }
.wd-photo-next { display: grid; gap: 10px; margin-bottom: 14px; border-color: #5eead4; background: linear-gradient(145deg,#f0fdfa,#fff 72%); }
.wd-photo-next .wd-kicker { display: block; margin-bottom: 3px; color: #0f766e; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wd-photo-next p { margin: 3px 0 0; color: #475569; overflow-wrap: anywhere; }
.wd-photo-next .btn { width: 100%; white-space: normal; }
.wd-measure-save-actions { display: grid; gap: 7px; }
.wd-measure-save-actions .btn { width: 100%; white-space: normal; }
.wd-measure-change.needs-review { padding: 8px; border: 1px solid #f59e0b; border-radius: 7px; background: #fffbeb; color: #92400e; }
.wd-measure-jump-confirm { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 9px; align-items: start; margin: 9px 0 0; padding: 10px; border: 1px solid #f59e0b; border-radius: 8px; background: #fffbeb; color: #78350f; font-weight: 700; }
.wd-measure-jump-confirm[hidden] { display: none !important; }
.wd-measure-jump-confirm input { margin-top: 4px; }
.wd-measure-method { grid-column: 1 / -1; padding: 8px 9px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #475569; font-size: .84rem; font-weight: 700; }
.wd-measure-method.is-ready { border-color: #86efac; background: #f0fdf4; color: #166534; }
.wd-measure-method.is-review { border-color: #f59e0b; background: #fffbeb; color: #92400e; }
.wd-measure-method-confirm { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 9px; align-items: start; margin: 0; padding: 10px; border: 1px solid #f59e0b; border-radius: 8px; background: #fffbeb; color: #78350f; font-weight: 700; }
.wd-measure-method-confirm[hidden] { display: none !important; }
.wd-measure-method-confirm input { margin-top: 4px; }
.wd-calibration-crosscheck{display:grid;gap:.7rem;margin-top:.9rem;padding:.8rem;border:1px solid #cbd5e1;border-left:5px solid #64748b;border-radius:.75rem;background:#f8fafc}.wd-calibration-crosscheck.is-agree{border-color:#86efac;border-left-color:#16a34a;background:#f0fdf4}.wd-calibration-crosscheck.is-review{border-color:#fcd34d;border-left-color:#d97706;background:#fffbeb}.wd-calibration-crosscheck-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.wd-calibration-crosscheck-head>div{display:grid;gap:.15rem}.wd-calibration-crosscheck-head small,.wd-calibration-crosscheck>small,.wd-calibration-crosscheck-result small,.wd-calibration-options small{color:#475569;line-height:1.4}.wd-calibration-crosscheck-head>span{display:inline-flex;align-items:center;min-height:30px;padding:.2rem .55rem;border-radius:999px;background:#fff;color:#166534;font-size:.78rem;font-weight:800}.wd-calibration-crosscheck.is-review .wd-calibration-crosscheck-head>span{color:#92400e}.wd-calibration-crosscheck-result{display:grid;gap:.15rem;padding:.65rem;border-radius:.6rem;background:rgba(255,255,255,.72)}.wd-calibration-options{display:grid;gap:.4rem}.wd-calibration-options .btn{min-height:46px;white-space:normal;font-weight:800}.wd-calibration-options small{margin-bottom:.25rem}.wd-calibration-crosscheck-confirm{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;margin:0;padding:.75rem;border:1px solid #f59e0b;border-radius:.65rem;background:#fff;color:#78350f;font-weight:700}.wd-calibration-crosscheck-confirm input{width:24px;height:24px;margin:0}
.wd-analysis-priority{display:grid;gap:.75rem;padding:.9rem;border:1px solid #93c5fd;border-left:5px solid #2563eb;border-radius:.8rem;background:linear-gradient(145deg,#eff6ff,#fff)}.wd-analysis-priority>div{display:grid;gap:.15rem}.wd-analysis-priority strong{font-size:1.02rem}.wd-analysis-priority p{margin:0;color:#334155}.wd-analysis-priority small{color:#475569;line-height:1.45}.wd-analysis-priority form{margin:0}.wd-analysis-priority .btn{width:100%;min-height:48px;white-space:normal;font-weight:800}.wd-analysis-priority[data-state=laeuft]{border-color:#86efac;border-left-color:#16a34a;background:linear-gradient(145deg,#f0fdf4,#fff)}.wd-analysis-priority[data-state=failed],.wd-analysis-priority[data-state=fehler]{border-color:#fcd34d;border-left-color:#d97706;background:#fffbeb}
.wd-measure-previous .wd-measure-jump-confirm { grid-column: 1 / -1; }
.wd-measure-quality { margin: 10px 0; padding: 10px; border: 1px solid #cbd5e1; border-radius: 10px; background: #f8fafc; }
.wd-measure-sensitivity { display: grid; gap: 5px; margin: 10px 0; padding: 11px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; }
.wd-measure-sensitivity > div { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.wd-measure-sensitivity span { padding: 3px 7px; border-radius: 999px; background: #dbeafe; color: #1e40af; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.wd-measure-sensitivity output { color: #0f172a; font-size: 1.04rem; font-weight: 800; }
.wd-measure-sensitivity small { color: #475569; line-height: 1.35; }
.wd-measure-sensitivity.is-live { border-style: dashed; }
.wd-measure-source { display: block; margin-top: 5px; color: #166534; font-weight: 700; line-height: 1.3; }
.wd-measure-source.is-changed { color: #92400e; }
.wd-measure-quality.is-ready { border-color: #86efac; background: #f0fdf4; }
.wd-measure-quality.is-review { border-color: #f59e0b; background: #fffbeb; }
.wd-measure-quality-head { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.wd-measure-quality-head > span { padding: 4px 7px; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.wd-measure-quality.is-ready .wd-measure-quality-head > span { background: #dcfce7; color: #166534; }
.wd-measure-quality.is-review .wd-measure-quality-head > span { background: #fef3c7; color: #92400e; }
.wd-measure-quality ul { display: grid; gap: 6px; margin: 9px 0; padding: 0; list-style: none; }
.wd-measure-quality li { display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 7px; align-items: start; }
.wd-measure-quality li > span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #e2e8f0; color: #475569; font-weight: 900; }
.wd-measure-quality li.is-ok > span { background: #dcfce7; color: #166534; }
.wd-measure-quality li.is-review > span { background: #fef3c7; color: #92400e; }
.wd-measure-quality li div { display: grid; min-width: 0; }
.wd-measure-quality li small,.wd-measure-quality > small { color: #64748b; overflow-wrap: anywhere; }
.wd-measure-quality-confirm { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px; margin: 9px 0 0; padding: 9px; border-radius: 8px; background: rgba(255,255,255,.78); color: #78350f; font-weight: 700; }
.wd-measure-quality-confirm input { margin-top: 4px; }
.wd-analysis-measure-pass { margin: 8px 0 10px; padding: 9px; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; }
.wd-analysis-measure-pass.is-ready { border-color: #86efac; background: #f0fdf4; }
.wd-analysis-measure-pass.is-review { border-color: #f59e0b; background: #fffbeb; }
.wd-analysis-measure-pass summary { cursor: pointer; overflow-wrap: anywhere; }
.wd-analysis-measure-pass ul { display: grid; gap: 4px; margin: 8px 0; padding-left: 20px; }
.wd-analysis-measure-pass li.is-review { color: #92400e; }
.wd-analysis-measure-pass small { color: #64748b; }
.wd-followup-template { border-color: #5eead4; background: linear-gradient(145deg, #f0fdfa, #fff 72%); }
.wd-followup-template p { overflow-wrap: anywhere; }
.wd-followup-safety { padding: 10px 11px; border-left: 4px solid #0d9488; border-radius: 7px; background: #ecfeff; color: #164e63; overflow-wrap: anywhere; }
.wd-visit-compare { border-color: #bfdbfe; background: linear-gradient(145deg, #eff6ff, #fff 72%); }
.wd-delta-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.wd-delta-metrics article { display: grid; gap: 3px; min-width: 0; padding: 10px; border: 1px solid #dbeafe; border-radius: 9px; background: rgba(255,255,255,.9); }
.wd-delta-metrics article.needs-review { border-color: #f59e0b; background: #fffbeb; }
.wd-delta-metrics span { color: var(--wd-muted); font-size: .76rem; font-weight: 750; text-transform: uppercase; letter-spacing: .03em; }
.wd-delta-metrics strong { font-size: 1.2rem; overflow-wrap: anywhere; }
.wd-delta-metrics small { color: #475569; overflow-wrap: anywhere; }
.wd-delta-note { margin: 9px 0; padding: 10px 11px; border-left: 4px solid #f59e0b; border-radius: 7px; background: #fffbeb; color: #92400e; font-weight: 700; }
.wd-delta-details { margin-top: 12px; }
.wd-delta-details summary { cursor: pointer; color: #1e3a8a; font-weight: 750; }
.wd-delta-changes { display: grid; gap: 9px; margin-top: 9px; }
.wd-delta-changes article { display: grid; gap: 7px; padding: 10px; border: 1px solid #dbeafe; border-radius: 9px; background: #fff; min-width: 0; }
.wd-delta-changes article > div { min-width: 0; padding: 8px; border-radius: 7px; background: #f8fafc; }
.wd-delta-changes article > div:last-child { background: #eff6ff; }
.wd-delta-changes span { display: block; margin-bottom: 3px; color: var(--wd-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.wd-delta-changes p { margin: 0; overflow-wrap: anywhere; }
.wd-revision-conflict > p { overflow-wrap: anywhere; }
.wd-revision-conflict details { margin: 12px 0; }
.wd-revision-conflict summary { cursor: pointer; font-weight: 750; color: #92400e; }
.wd-conflict-list { display: grid; gap: 9px; margin-top: 10px; }
.wd-conflict-list article { display: grid; gap: 7px; padding: 10px; border: 1px solid #fde68a; border-radius: 9px; background: rgba(255,255,255,.84); min-width: 0; }
.wd-conflict-list article > strong { overflow-wrap: anywhere; }
.wd-conflict-list article > div { min-width: 0; padding: 8px; border-radius: 7px; background: #f8fafc; }
.wd-conflict-list article > div:last-child { background: #eff6ff; }
.wd-conflict-list span { display: block; margin-bottom: 3px; color: var(--wd-muted); font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.wd-conflict-list p { margin: 0; white-space: normal; overflow-wrap: anywhere; }
.wd-conflict-confirm { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: start; margin: 12px 0 8px; padding: 11px; border-radius: 9px; background: #fef3c7; font-weight: 700; }
.wd-conflict-confirm input { margin-top: 4px; }
.wd-offline-editor-fields { display: grid; gap: 2px; }
.wd-offline-editor-field legend { font-size: 1rem; font-weight: 700; }
.wd-offline-editor-field fieldset, .wd-offline-editor-field label { overflow-wrap: anywhere; }
.wd-offline-editor-field > label:not(:first-child), .wd-offline-editor-field fieldset label { display: block; font-weight: 400; }
.wd-capture-guide { border: 1px solid var(--wd-line); border-radius: 9px; padding: 9px 11px; background: #f8fafc; }
.wd-capture-guide summary { cursor: pointer; font-weight: 700; }
.wd-capture-guide ul { margin: 9px 0 0; padding-left: 20px; }
.wd-photo-thumb { width: calc(50% - 4px); height: 104px; object-fit: cover; border: 1px solid var(--wd-line); border-radius: 8px; }
.wd-photo-measure { margin-top: 12px; padding: 10px; border: 1px solid var(--wd-line); border-radius: 10px; background: #f8fafc; }
.wd-photo-measure canvas { display: block; width: 100%; max-width: 520px; background: #e2e8f0; border-radius: 8px; touch-action: none; }
.wd-photo-tools { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 7px; margin-top: 8px; }
.wd-photo-tools .btn { grid-column: 1 / -1; width: 100%; }
.wd-photo-tools input { width: 78px; min-width: 0; }
.wd-photo-area { margin-top: 6px; color: var(--wd-accent); font-weight: 600; }
.wd-signature-canvas { display: block; width: 100%; max-width: 400px; height: 140px; border: 1px dashed #94a3b8; border-radius: 8px; background: #fff; touch-action: none; }
.wd-chart { width: 100%; min-height: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.wd-chart svg { display: block; width: 100%; min-width: 640px; height: auto; }
.wd-chart-legend { display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--wd-muted); }
.wd-chart-key::before { content: ''; display: inline-block; width: 12px; height: 3px; margin-right: 4px; vertical-align: middle; background: var(--key-color); }
.wd-trend-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 10px; }.wd-trend-summary > div { display: grid; gap: 1px; min-width: 0; padding: 9px; border: 1px solid #dbe3ec; border-radius: 9px; background: #f8fafc; }.wd-trend-summary small,.wd-trend-summary span { color: #64748b; font-size: .75rem; }.wd-trend-summary strong { overflow-wrap: anywhere; font-size: 1rem; }.wd-trend-details { margin-top: 10px; }.wd-trend-details summary { cursor: pointer; font-weight: 750; }.wd-trend-table { display: grid; gap: 7px; margin-top: 8px; }.wd-trend-table > div { display: grid; gap: 7px; padding: 9px; border: 1px solid #e2e8f0; border-radius: 8px; }.wd-trend-table span { display: grid; gap: 1px; }.wd-trend-table small { color: #64748b; }.wd-trend-scope { margin: 9px 0 0; font-size: .78rem; }
.wd-trend-rate { display: grid; gap: 5px; margin: 8px 0 12px; padding: 10px; border: 1px solid #99f6e4; border-radius: 10px; background: #f0fdfa; }
.wd-trend-rate > div { display: grid; gap: 2px; }
.wd-trend-rate strong { font-size: 1rem; }
.wd-trend-rate small,.wd-trend-rate span { color: #475569; font-size: .78rem; }
.wd-trend-rate.is-limited { border-color: #fcd34d; background: #fffbeb; }
.wd-profile { display: grid; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #dbe3ec; }
.wd-profile-source { color: #475569; font-size: .8rem; font-weight: 700; }
.wd-profile-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; }
.wd-profile-card { display: grid; gap: 7px; min-width: 0; padding: 10px; border: 1px solid #dbe3ec; border-radius: 10px; background: #f8fafc; }
.wd-profile-card > div:first-child { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 8px; }
.wd-profile-card > div:first-child small { color: #64748b; }
.wd-profile-spark { display: block; width: 100%; height: auto; }
.wd-profile-card dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin: 0; }
.wd-profile-card dl > div { min-width: 0; padding: 6px; border-radius: 7px; background: #fff; }
.wd-profile-card dt { color: #64748b; font-size: .68rem; }
.wd-profile-card dd { margin: 0; overflow-wrap: anywhere; font-size: .78rem; font-weight: 750; }
.wd-profile-points summary { cursor: pointer; font-size: .78rem; font-weight: 750; }
.wd-profile-points ul { display: grid; gap: 5px; margin: 7px 0 0; padding: 0; list-style: none; }
.wd-profile-points li { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 1px 7px; padding: 6px; border-radius: 7px; background: #fff; }
.wd-profile-points li strong { text-align: right; }
.wd-profile-points li small { grid-column: 1 / -1; color: #64748b; }
.wd-tissue-profile { display: grid; gap: 8px; }
.wd-tissue-bars { display: grid; gap: 8px; }
.wd-tissue-bars article { display: grid; gap: 6px; padding: 9px; border: 1px solid #e2e8f0; border-radius: 9px; }
.wd-tissue-bars article > div:first-child { display: flex; justify-content: space-between; gap: 8px; }
.wd-tissue-bar { display: flex; width: 100%; height: 18px; overflow: hidden; border-radius: 999px; background: #e2e8f0; }
.wd-tissue-bar > span { display: block; flex: 0 0 var(--wd-tissue-width); width: var(--wd-tissue-width); background: var(--wd-tissue-color); }
.wd-tissue-values { display: flex; flex-wrap: wrap; gap: 4px 10px; color: #475569; font-size: .72rem; }
.wd-tissue-values span { display: inline-flex; align-items: center; gap: 4px; }
.wd-tissue-values i { width: 9px; height: 9px; border-radius: 50%; background: var(--wd-tissue-color); }

/* Neutrale, mobile Verlaufstimeline -------------------------------------- */
.wd-visit-timeline { display: grid; gap: 11px; margin: 12px 0 0; padding: 0; list-style: none; }
.wd-wound-briefing { display: grid; gap: 12px; border-color: #99f6e4; background: linear-gradient(145deg,#f0fdfa,#fff 68%); }
.wd-briefing-due { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 5px 10px; border-radius: 999px; background: #e2e8f0; color: #334155; font-size: .8rem; font-weight: 800; text-align: center; }
.wd-briefing-due.is-overdue { background: #fee2e2; color: #991b1b; }.wd-briefing-due.is-today,.wd-briefing-due.is-upcoming { background: #fef3c7; color: #92400e; }.wd-briefing-due.is-planned { background: #dcfce7; color: #166534; }
.wd-briefing-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; }
.wd-briefing-grid > article { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 11px; border: 1px solid #cbd5e1; border-radius: 10px; background: rgba(255,255,255,.9); overflow-wrap: anywhere; }
.wd-briefing-grid h5 { margin: 0; font-size: .96rem; }.wd-briefing-grid article > small,.wd-briefing-grid article > span { color: #64748b; }.wd-briefing-grid p { margin: 0; }
.wd-briefing-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.wd-briefing-metrics > span { display: grid; padding: 7px; border-radius: 8px; background: #f8fafc; }.wd-briefing-metrics small { color: #64748b; }.wd-briefing-metrics strong { font-size: 1rem; }
.wd-briefing-grid details summary,.wd-briefing-refresh summary { cursor: pointer; font-weight: 750; }.wd-briefing-grid dl { display: grid; gap: 5px; margin: 8px 0 0; }.wd-briefing-grid dl > div { display: grid; grid-template-columns: minmax(100px,.7fr) minmax(0,1.3fr); gap: 7px; }.wd-briefing-grid dt { color: #475569; font-size: .78rem; }.wd-briefing-grid dd { margin: 0; }
.wd-briefing-plan { display: grid; gap: 2px; }.wd-briefing-photo-roles { display: flex; flex-wrap: wrap; gap: 5px; }.wd-briefing-photo-roles span { padding: 4px 8px; border-radius: 999px; background: #dbeafe; color: #1e40af; font-size: .76rem; font-weight: 700; }
.wd-briefing-refresh { padding: 9px 10px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; }.wd-briefing-refresh ul { display: grid; gap: 3px; margin: 8px 0 0; padding-left: 19px; }
.wd-briefing-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px; }.wd-briefing-actions .btn { min-height: 46px; white-space: normal; }.wd-briefing-scope { color: #64748b; }
.wd-round-summary { display: grid; gap: 10px; border-color: #99f6e4; background: linear-gradient(145deg,#f0fdfa,#fff 70%); }.wd-round-summary > div:first-child { display: grid; gap: 2px; }.wd-round-summary > div:first-child span,.wd-round-summary > small { color: #64748b; }.wd-round-summary > .btn { width: 100%; min-height: 48px; white-space: normal; }
.wd-round-progress { height: 12px; overflow: hidden; border-radius: 999px; background: #dbe3ec; }.wd-round-progress span { display: block; height: 100%; border-radius: inherit; background: #16a34a; transition: width .2s ease; }.wd-round-complete { color: #166534; }
.wd-round-date { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; align-items: end; }.wd-round-date label { display: grid; gap: 4px; margin: 0; }.wd-round-date .btn { min-height: 44px; }
.wd-round-list { display: grid; gap: 10px; }.wd-round-item { display: grid; gap: 10px; border-left: 5px solid #94a3b8; }.wd-round-item.is-in_progress { border-left-color: #2563eb; background: linear-gradient(145deg,#eff6ff,#fff 72%); }.wd-round-item.is-done { border-left-color: #16a34a; background: linear-gradient(145deg,#f0fdf4,#fff 72%); }
.wd-round-item-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: start; }.wd-round-item-head > div { display: grid; gap: 2px; min-width: 0; }.wd-round-item-head h4 { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }.wd-round-item-head > div span { color: #64748b; font-size: .8rem; }.wd-round-state { padding: 4px 8px; border-radius: 999px; background: #e2e8f0; color: #334155; font-size: .74rem; font-weight: 800; }.is-in_progress .wd-round-state { background: #dbeafe; color: #1e40af; }.is-done .wd-round-state { background: #dcfce7; color: #166534; }
.wd-round-source { display: grid; gap: 2px; padding: 9px; border-radius: 8px; background: rgba(248,250,252,.9); }.wd-round-source span { color: #64748b; font-size: .8rem; overflow-wrap: anywhere; }.wd-round-source .wd-round-warning { margin-top: 5px; padding: 7px 8px; border-radius: 7px; background: #fff7ed; color: #9a3412; font-weight: 700; }.wd-round-item-actions { display: grid; gap: 7px; }.wd-round-item-actions .btn { min-height: 44px; white-space: normal; }
.wd-round-day-source{display:grid;gap:3px;padding:10px;border:1px solid #99d5c8;border-radius:9px;background:#effaf7}.wd-round-day-source span,.wd-round-day-source small{color:#526c66;overflow-wrap:anywhere}.wd-round-day-source span{font-size:.84rem}.wd-round-day-source small{font-size:.76rem}
.wd-round-report { max-width: 980px; }.wd-round-report-toolbar { display: grid; gap: 8px; }.wd-round-report-brand { color: #64748b; font-weight: 750; }.wd-round-report h1 { margin: 3px 0; font-size: 1.55rem; }.wd-round-report h2 { margin: 0; font-size: 1.15rem; }.wd-round-report h3 { margin: 0 0 7px; font-size: 1rem; }.wd-round-report-meta { display: grid; gap: 6px; margin: 12px 0; }.wd-round-report-meta > div,.wd-round-report-grid dl > div { display: grid; gap: 2px; }.wd-round-report-meta dt,.wd-round-report-grid dt { color: #64748b; font-size: .76rem; }.wd-round-report-meta dd,.wd-round-report-grid dd { margin: 0; overflow-wrap: anywhere; }.wd-round-report-scope,.wd-round-report-source { color: #64748b; font-size: .8rem; }.wd-round-report-wound > header { display: grid; gap: 8px; margin-bottom: 10px; }.wd-round-report-wound > header p { margin: 2px 0 0; color: #64748b; }.wd-round-report-proof { min-height: 44px; }.wd-round-report-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }.wd-round-report-metrics > div { display: grid; padding: 8px; border-radius: 8px; background: #f8fafc; }.wd-round-report-metrics small { color: #64748b; }.wd-round-report-grid { display: grid; gap: 12px; margin-top: 12px; }.wd-round-report-grid > section { min-width: 0; padding-top: 10px; border-top: 1px solid #e2e8f0; }.wd-round-report-grid dl { display: grid; gap: 6px; margin: 0; }.wd-round-report-note { margin-top: 9px; padding: 9px; border-left: 3px solid #0f766e; background: #f0fdfa; }.wd-round-report-note p,.wd-round-report-footer p { margin: 4px 0 0; white-space: pre-wrap; }.wd-round-report-wound > footer { margin-top: 12px; padding-top: 9px; border-top: 1px solid #e2e8f0; font-size: .82rem; font-weight: 700; }.wd-round-report-footer small { color: #64748b; }
.wd-visit-entry { position: relative; display: grid; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--wd-line); border-left: 4px solid #94a3b8; border-radius: 11px; background: #fff; }
.wd-visit-entry.is-draft { border-left-color: var(--wd-green); background: linear-gradient(145deg, #f0fdf4, #fff 72%); }
.wd-visit-entry-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: start; }
.wd-visit-entry-head > div { display: grid; min-width: 0; gap: 2px; }
.wd-visit-entry-head time { font-size: 1.05rem; font-weight: 800; }
.wd-visit-entry-head > div > span { color: var(--wd-muted); font-size: .84rem; overflow-wrap: anywhere; }
.wd-visit-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.wd-visit-metrics > div { display: grid; min-width: 0; gap: 2px; padding: 8px 9px; border: 1px solid #dbeafe; border-radius: 8px; background: #f8fafc; }
.wd-visit-metrics > div.needs-review { border-color: #f59e0b; background: #fffbeb; }
.wd-visit-metrics span { color: var(--wd-muted); font-size: .7rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.wd-visit-metrics strong { font-size: 1rem; overflow-wrap: anywhere; }
.wd-visit-metrics small { color: #475569; font-size: .73rem; overflow-wrap: anywhere; }
.wd-visit-tech { display: flex; flex-wrap: wrap; gap: 6px; }
.wd-visit-tech span { padding: 5px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: .74rem; font-weight: 750; }
.wd-visit-tech span.is-ready { background: #dcfce7; color: #166534; }
.wd-visit-tech span.is-open { background: #fef3c7; color: #92400e; }
.wd-visit-tech span.is-error { background: #fee2e2; color: #991b1b; }
.wd-visit-neutral-note { padding: 8px 9px; border-left: 4px solid #f59e0b; border-radius: 7px; background: #fffbeb; color: #92400e; font-size: .82rem; font-weight: 700; overflow-wrap: anywhere; }
.wd-visit-entry-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; }
.wd-visit-entry-actions .btn { width: 100%; white-space: normal; }

/* Read-only Vorher/Heute-Fotovergleich ---------------------------------- */
.wd-photo-compare-select { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; align-items: end; }
.wd-photo-compare-select label { display: grid; gap: 5px; margin: 0; min-width: 0; }
.wd-photo-compare-select select { width: 100%; min-width: 0; }
.wd-photo-compare-card output { padding: 5px 8px; border-radius: 999px; background: #eff6ff; color: #1e3a8a; font-size: .78rem; font-weight: 750; }
.wd-photo-compare { display: grid; gap: 10px; margin-top: 12px; min-width: 0; }
.wd-photo-compare-stage { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 11px; background: #111827; isolation: isolate; }
.wd-photo-compare-stage > img,.wd-photo-compare-later,.wd-photo-compare-later img { position: absolute; inset: 0; width: 100%; height: 100%; }
.wd-photo-compare-stage img { display: block; object-fit: contain; background: #111827; }
.wd-photo-compare-later { z-index: 2; overflow: hidden; clip-path: inset(0 calc(100% - var(--wd-compare-position)) 0 0); }
.wd-photo-compare-divider { position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--wd-compare-position); width: 3px; transform: translateX(-1px); background: #fff; box-shadow: 0 0 0 1px rgba(15,23,42,.45); pointer-events: none; }
.wd-photo-compare-divider span { position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; transform: translate(-50%,-50%); border: 3px solid #fff; border-radius: 50%; background: rgba(15,23,42,.7); }
.wd-photo-label { position: absolute; z-index: 4; top: 8px; padding: 4px 7px; border-radius: 7px; background: rgba(15,23,42,.78); color: #fff; font-size: .72rem; font-weight: 800; pointer-events: none; }
.wd-photo-label.is-before { left: 8px; }
.wd-photo-label.is-after { right: 8px; }
.wd-photo-compare-range { display: grid; gap: 4px; margin: 0; font-size: .82rem; }
.wd-photo-compare-range input { width: 100%; min-height: 44px; accent-color: var(--wd-accent); }
.wd-photo-compare-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.wd-photo-compare-presets .btn { width: 100%; min-width: 0; padding-left: 5px; padding-right: 5px; white-space: normal; }
.wd-photo-compare-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.wd-photo-compare-metrics article { display: grid; min-width: 0; gap: 3px; padding: 10px; border: 1px solid #dbeafe; border-radius: 9px; background: #f8fafc; }
.wd-photo-compare-metrics span,.wd-photo-compare-methods span { color: var(--wd-muted); font-size: .72rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.wd-photo-compare-metrics strong { font-size: 1.06rem; overflow-wrap: anywhere; }
.wd-photo-compare-metrics small,.wd-photo-compare-methods small { color: #475569; overflow-wrap: anywhere; }
.wd-photo-compare-metrics .wd-photo-sensitivity-ranges { margin-top: 3px; padding-top: 5px; border-top: 1px dashed #bfdbfe; color: #1e3a8a; }
.wd-photo-compare-methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.wd-photo-compare-methods > div { display: grid; min-width: 0; gap: 2px; padding: 9px; border-radius: 8px; background: #f1f5f9; }

/* Tabellen werden auf kleinen Displays als lesbare Datensatzkarten gezeigt. */
.wd-responsive-table, .wd-responsive-table tbody, .wd-responsive-table tr, .wd-responsive-table td { display: block; width: 100%; }
.wd-responsive-table thead { display: none; }
.wd-responsive-table tbody tr { border: 1px solid var(--wd-line); border-radius: 10px; margin-bottom: 10px; padding: 7px 10px; background: #fff; }
.wd-responsive-table tbody td { display: grid; grid-template-columns: minmax(105px, 38%) minmax(0, 1fr); gap: 10px; align-items: start; padding: 7px 0; border: 0; overflow-wrap: anywhere; }
.wd-responsive-table tbody td::before { content: attr(data-label); color: var(--wd-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.wd-responsive-table tbody td[colspan]::before { display: none; }
.wd-responsive-table .wd-table-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.wd-responsive-table .wd-table-actions::before { width: 100%; }
.wd-responsive-table .wd-table-actions .btn, .wd-responsive-table .wd-table-actions form { flex: 1 1 130px; }
.wd-responsive-table .wd-table-actions .btn { width: 100%; }

.wd-consent-confirm { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 9px; align-items: start; margin: 10px 0 0; padding: 11px; border: 1px solid #99f6e4; border-radius: 10px; background: #f0fdfa; font-size: .9rem; }
.wd-consent-confirm input { width: 20px; height: 20px; margin-top: 1px; accent-color: var(--wd-accent); }
.wd-consent-history { display: grid; gap: 9px; margin: 10px 0 0; padding: 0; list-style: none; }
.wd-consent-history li { display: grid; gap: 2px; padding: 10px; border-left: 4px solid #94a3b8; border-radius: 8px; background: #f8fafc; overflow-wrap: anywhere; }
.wd-consent-history li strong { color: #0f172a; }
.wd-consent-history li span,.wd-consent-history li small { color: var(--wd-muted); }
.wd-consent-history li p { margin: 4px 0 0; white-space: pre-wrap; }
.wd-learning-consent { border-left: 4px solid #2563eb; }
.wd-learning-consent form { display: grid; gap: 4px; }
.wd-learning-consent .btn { min-height: 44px; white-space: normal; }

/* Zugriffsgefiltertes Wundqualitaetsboard ------------------------------- */
.wd-period-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; padding: 7px; }
.wd-period-tabs a { display: grid; place-items: center; min-height: 44px; padding: 7px; border-radius: 9px; color: var(--wd-ink); text-decoration: none; font-weight: 700; }
.wd-period-tabs a.is-active { background: var(--wd-accent); color: #fff; }
.wd-quality-notice { display: grid; gap: 3px; padding: 11px 13px; border: 1px solid #bfdbfe; border-radius: 11px; background: #eff6ff; color: #1e3a8a; }
.wd-quality-notice span { font-size: .87rem; }
.wd-quality-kpis { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.wd-quality-kpis article { display: grid; align-content: start; min-width: 0; padding: 13px; border: 1px solid var(--wd-line); border-radius: 12px; background: #fff; }
.wd-quality-kpis article > strong { font-size: clamp(1.55rem,6vw,2.25rem); line-height: 1; color: var(--wd-accent); }
.wd-quality-kpis article > span { margin-top: 6px; font-weight: 800; }
.wd-quality-kpis article > small { color: var(--wd-muted); overflow-wrap: anywhere; }
.wd-quality-layout { display: grid; gap: 12px; }
.wd-quality-layout h4 { margin: 0 0 3px; font-size: 1.05rem; }
.wd-quality-bars { display: grid; gap: 13px; }
.wd-quality-bar > div:first-child { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 5px; font-size: .88rem; }
.wd-quality-bar > div:first-child span { color: var(--wd-muted); white-space: nowrap; }
.wd-quality-track { height: 10px; overflow: hidden; border-radius: 999px; background: #e2e8f0; }
.wd-quality-track span { display: block; height: 100%; border-radius: inherit; background: var(--wd-accent); }
.wd-quality-photo-context { display: grid; gap: 3px; margin-top: 13px; padding: 10px; border: 1px solid #cbd5e1; border-radius: 10px; background: #f8fafc; }
.wd-quality-photo-context span,.wd-quality-photo-context small { color: var(--wd-muted); }
.wd-quality-months { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(175px,76%); gap: 8px; overflow-x: auto; padding-bottom: 5px; scroll-snap-type: x proximity; }
.wd-quality-months article { scroll-snap-align: start; padding: 10px; border: 1px solid var(--wd-line); border-radius: 10px; background: #f8fafc; }
.wd-quality-months article > span { display: block; color: var(--wd-muted); font-size: .82rem; }
.wd-quality-months dl { display: grid; gap: 4px; margin: 8px 0 0; }
.wd-quality-months dl div { display: flex; justify-content: space-between; gap: 8px; }
.wd-quality-months dt,.wd-quality-months dd { margin: 0; font-size: .82rem; }
.wd-closure-reasons { display: grid; gap: 6px; }
.wd-closure-reasons div { display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 8px; background: #f8fafc; }
.wd-quality-reason-chips { display: flex; gap: 6px; overflow-x: auto; margin: 7px 0 12px; padding-bottom: 3px; }
.wd-quality-reason-chips span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: .78rem; }
.wd-quality-worklist { display: grid; gap: 9px; }
.wd-quality-worklist article { display: grid; gap: 8px; min-width: 0; padding: 11px; border: 1px solid var(--wd-line); border-left: 4px solid #f59e0b; border-radius: 10px; background: #fff; }
.wd-quality-worklist article > div { display: grid; }
.wd-quality-worklist article span { color: var(--wd-muted); font-size: .82rem; overflow-wrap: anywhere; }
.wd-quality-worklist ul { margin: 0; padding-left: 1.2rem; color: #7c2d12; font-size: .84rem; }
.wd-quality-worklist .btn { min-height: 44px; }
.wd-assistance-pilot { display: grid; gap: 13px; }
.wd-pilot-kpis { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.wd-pilot-kpis article { display: grid; align-content: start; min-width: 0; padding: 11px; border: 1px solid #cbd5e1; border-radius: 10px; background: #f8fafc; }
.wd-pilot-kpis strong { color: var(--wd-accent); font-size: 1.35rem; line-height: 1.1; }
.wd-pilot-kpis span { margin-top: 4px; font-weight: 800; }
.wd-pilot-kpis small { color: var(--wd-muted); overflow-wrap: anywhere; }
.wd-pilot-throughput { display: grid; gap: 8px; }
.wd-pilot-throughput > div { display: grid; min-width: 0; padding: 11px; border: 1px solid #bae6fd; border-radius: 10px; background: #f0f9ff; }
.wd-pilot-throughput strong { color: #075985; font-size: 1.2rem; }
.wd-pilot-throughput span { font-weight: 800; }
.wd-pilot-throughput small { color: var(--wd-muted); overflow-wrap: anywhere; }
.wd-pilot-streams { display: grid; gap: 9px; }
.wd-pilot-streams article { display: grid; gap: 9px; min-width: 0; padding: 12px; border: 1px solid #cbd5e1; border-left: 4px solid #f59e0b; border-radius: 10px; background: #fff; }
.wd-pilot-streams article.is-sample-ready { border-left-color: #0f766e; }
.wd-pilot-streams article > div:first-child { display: grid; }
.wd-pilot-streams article > div:first-child span,.wd-pilot-streams article > small,.wd-pilot-streams article > p { color: var(--wd-muted); font-size: .8rem; }
.wd-pilot-streams dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin: 0; }
.wd-pilot-streams dl div { display: grid; padding: 7px; border-radius: 8px; background: #f1f5f9; }
.wd-pilot-streams dt,.wd-pilot-streams dd { margin: 0; }
.wd-pilot-streams dt { color: var(--wd-muted); font-size: .76rem; }
.wd-pilot-streams dd { font-weight: 800; }
.wd-pilot-streams ul { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
.wd-pilot-streams li { display: flex; justify-content: space-between; gap: 8px; font-size: .8rem; }
.wd-pilot-validation { display: grid; gap: 2px; padding: 8px; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; }
.wd-pilot-validation strong { color: #334155; font-size: .82rem; }
.wd-pilot-validation span,.wd-pilot-validation small { color: #64748b; font-size: .76rem; overflow-wrap: anywhere; }
.wd-pilot-engine { display: block; margin-top: 3px; padding-top: 5px; border-top: 1px solid currentColor; color: #64748b; font-size: .76rem; font-style: normal; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.wd-pilot-engine.is-matched { color: #166534; }
.wd-pilot-engine.is-mixed,.wd-pilot-engine.is-mismatch { color: #991b1b; }
.wd-pilot-engine.is-not_observed { color: #92400e; }
.wd-pilot-validation.is-passed { border-color: #86efac; background: #f0fdf4; }
.wd-pilot-validation.is-passed strong { color: #166534; }
.wd-pilot-validation.is-failed { border-color: #fca5a5; background: #fef2f2; }
.wd-pilot-validation.is-failed strong { color: #991b1b; }
.wd-pilot-validation.is-insufficient,.wd-pilot-validation.is-missing { border-color: #fcd34d; background: #fffbeb; }
.wd-pilot-validation.is-insufficient strong,.wd-pilot-validation.is-missing strong { color: #92400e; }
.wd-pilot-streams article > p { margin: 0; padding-top: 7px; border-top: 1px solid #e2e8f0; }
.wd-pilot-devices,.wd-pilot-next { display: grid; gap: 6px; padding: 11px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; }
.wd-pilot-devices > div { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; }
.wd-pilot-devices > div span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: #fff; font-size: .78rem; }
.wd-pilot-devices p,.wd-pilot-devices small,.wd-pilot-next span,.wd-pilot-next small { margin: 0; color: #475569; font-size: .82rem; }
.wd-pilot-next { border-color: #a7f3d0; background: #ecfdf5; }
.wd-fhir-check-shell { max-width: 1080px; }
.wd-fhir-check-shell > section { margin-bottom: 12px; }
.wd-fhir-status { display: grid; gap: 8px; margin-bottom: 12px; padding: 14px; border: 1px solid; border-radius: 11px; }
.wd-fhir-status > div { display: grid; }
.wd-fhir-status.is-ready { border-color: #6ee7b7; background: #ecfdf5; color: #065f46; }
.wd-fhir-status.is-invalid { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
.wd-fhir-status > span { justify-self: start; padding: 4px 8px; border-radius: 999px; background: rgba(255,255,255,.75); font-size: .78rem; font-weight: 800; }
.wd-fhir-kpis { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.wd-fhir-kpis article { display: grid; min-width: 0; padding: 10px; border: 1px solid #cbd5e1; border-radius: 9px; background: #f8fafc; }
.wd-fhir-kpis strong { color: var(--wd-accent); font-size: 1.3rem; }
.wd-fhir-kpis span { font-weight: 800; }
.wd-fhir-kpis small { color: var(--wd-muted); overflow-wrap: anywhere; }
.wd-fhir-resources { display: flex; flex-wrap: wrap; gap: 7px; }
.wd-fhir-resources span { padding: 7px 9px; border-radius: 999px; background: #e2e8f0; font-size: .82rem; }
.wd-fhir-findings ul { margin-bottom: 8px; padding-left: 1.2rem; }
.wd-fhir-findings p { margin: 0; color: var(--wd-muted); }
.wd-fhir-findings.is-error { border-color: #fca5a5; background: #fef2f2; }
.wd-fhir-privacy { display: grid; gap: 12px; border-color: #a7f3d0; background: #ecfdf5; }
.wd-fhir-privacy > div { display: grid; }
.wd-fhir-privacy form,.wd-fhir-privacy .btn { width: 100%; min-height: 48px; }

@media (min-width: 768px) {
    .wd-quality-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .wd-quality-months { grid-auto-columns: minmax(190px,25%); }
    .wd-quality-worklist article { grid-template-columns: minmax(220px,1fr) minmax(260px,1.4fr) auto; align-items: center; }
    .wd-quality-worklist .btn { min-height: 38px; }
    .wd-pilot-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .wd-pilot-throughput { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wd-pilot-streams { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .wd-fhir-status { grid-template-columns: 1fr auto; align-items: center; }
    .wd-fhir-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .wd-fhir-privacy { grid-template-columns: 1fr auto; align-items: center; }
    .wd-fhir-privacy form,.wd-fhir-privacy .btn { width: auto; }
}
@media (min-width: 1100px) {
    .wd-quality-layout { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
    .wd-quality-work,.wd-assistance-pilot { grid-column: 1 / -1; }
}

@media (max-width: 767.98px) {
    /* Verhindert den automatischen iOS-Zoom und hält die Erfassung bei Fokus stabil. */
    .wd-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
    .wd-body select,
    .wd-body textarea { font-size: 16px; }
    .wd-katalog-item { min-height: 44px; gap: 10px; align-items: center; padding: 4px 0; }
    .wd-katalog-item label { display: flex; flex: 1 1 auto; align-items: center; min-height: 44px; }
    .wd-katalog-check { width: 24px; height: 24px; margin-top: 0; }
    [data-wd-assessment] label.d-block { display: flex !important; gap: 10px; align-items: center; min-height: 44px; margin-top: 0 !important; padding: 5px 0; }
    [data-wd-assessment] label.d-block input { flex: 0 0 24px; width: 24px; height: 24px; }
    .wd-plan-options label { min-height: 44px; align-items: center; }
    .wd-plan-options input { width: 24px; height: 24px; margin-top: 0; }
    .form-check { display: flex; align-items: center; min-height: 44px; padding-left: 0; }
    .form-check .form-check-input { position: static; flex: 0 0 24px; width: 24px; height: 24px; margin: 0 10px 0 0; }
    .form-check .form-check-label { display: flex; align-items: center; min-height: 44px; }
    .wd-ocr-suggestion > label:first-child { min-height: 44px; align-items: center; }
    .wd-ocr-suggestion > label:first-child input { flex: 0 0 24px; width: 24px; height: 24px; margin-top: 0; }
    .wd-photo-role-edit .btn { min-height: 44px; }
    .wd-prior-items article .btn { min-height: 44px; }
    .wd-measure-method-confirm { align-items: center; min-height: 44px; }
    .wd-measure-method-confirm input { width: 24px; height: 24px; margin-top: 0; }
    .wd-calibration-options{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
    .wd-analysis-priority{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-analysis-priority>small{grid-column:1/-1}.wd-analysis-priority .btn{width:auto;min-width:220px}
    .wd-measure-panel .wd-muted a,
    .wd-profile-points a,
    .wd-tissue-bars article > div:first-child a,
    .wd-trend-table a[role="cell"] { display: inline-flex; align-items: center; min-height: 44px; }
    .wd-cockpit-filter a,
    .wd-cockpit-meta a,
    .wd-section-head > a:not(.btn),
    .wd-capture-guide a { display: inline-flex; align-items: center; min-height: 44px; }
}

@media (min-width: 576px) {
    .wd-shell { padding: 18px; }
    .wd-card { padding: 16px; }
    .wd-page-head { flex-direction: row; justify-content: space-between; align-items: flex-start; }
    .wd-actions { width: auto; flex-direction: row; flex-wrap: wrap; }
    .wd-section-head { flex-direction: row; justify-content: space-between; align-items: center; }
    .wd-section-head .btn { width: auto; }
    .wd-actions .btn, .wd-page-head > .btn, .wd-card > .btn, .wd-card > a.btn { width: auto; }
    .wd-wv-coverage .btn { width: fit-content; }
    .wd-card form > .btn { width: auto; }
    .wd-inline-form { grid-template-columns: auto minmax(180px, 1fr) auto; }
    .wd-supply-fields { grid-template-columns: minmax(100px, 1fr) minmax(120px, 1fr) auto; }
    .wd-inline-form .btn, .wd-supply-fields .btn { width: auto; }
    .wd-supply-suggestion { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
    .wd-supply-diff-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .wd-supply-diff-item { grid-template-columns: auto minmax(180px,1fr) minmax(300px,1.4fr); align-items: center; }
    .wd-supply-diff-values { grid-column: auto; grid-template-columns: repeat(3,minmax(0,1fr)); }
    .wd-supply-position { grid-template-columns: minmax(0,1fr) auto auto; align-items: center; }
    .wd-supply-proof { grid-template-columns: minmax(0,1fr) auto; }
    [data-wd-signature] > .d-flex { flex-direction: row; align-items: center !important; flex-wrap: wrap; }
    [data-wd-signature] > .d-flex .form-control { width: auto !important; flex: 1 1 180px; }
    .wd-photo-thumb { width: 112px; height: 86px; }
    .wd-camera-actions { grid-template-columns: minmax(0, 1fr) auto; }
    .wd-camera-assignment { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wd-camera-assignment > div:first-child,.wd-camera-assignment > small,.wd-camera-reference,.wd-camera-position-suggestion,.wd-camera-device-confirm { grid-column: 1 / -1; }
    .wd-profile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wd-offline-controls > label:first-child { grid-template-columns: 180px minmax(220px, 1fr); align-items: center; }
    .wd-offline-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .wd-conflict-list article { grid-template-columns: minmax(120px, .65fr) minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
    .wd-delta-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .wd-delta-changes article { grid-template-columns: minmax(120px, .65fr) minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
    .wd-cockpit-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .wd-cockpit-metrics a:last-child { grid-column: auto; }
    .wd-cockpit-head { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
    .wd-cockpit-head .btn { width: auto; }
    .wd-work-claim { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
    .wd-work-claim-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; }
    .wd-work-claim-actions .btn { width: auto; }
    .wd-briefing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wd-briefing-actions { grid-template-columns: repeat(3,minmax(0,auto)); justify-content: start; }
    .wd-briefing-actions .btn { width: auto; }
    .wd-round-summary { grid-template-columns: minmax(0,1fr) minmax(180px,.8fr) auto; align-items: center; }.wd-round-summary > small { grid-column: 1 / -1; }.wd-round-summary > .btn { width: auto; }
    .wd-round-date { grid-template-columns: minmax(180px,320px) auto; justify-content: start; }.wd-round-item-actions { grid-template-columns: repeat(2,minmax(0,auto)); justify-content: start; }.wd-round-item-actions .btn { width: auto; }
    .wd-round-report-toolbar { grid-template-columns: repeat(2,max-content); justify-content: end; }.wd-round-report-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }.wd-round-report-wound > header { grid-template-columns: minmax(0,1fr) auto; align-items: start; }.wd-round-report-metrics { grid-template-columns: repeat(5,minmax(0,1fr)); }.wd-round-report-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wd-trend-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }.wd-trend-table > div { grid-template-columns: minmax(110px,.7fr) minmax(120px,.7fr) minmax(220px,1.5fr) auto; align-items: center; }
    .wd-pipeline-status { grid-template-columns: minmax(0, 1fr) auto; }
    .wd-pipeline-status .btn { width: auto; }
    .wd-measure-tools { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .wd-ocr-suggestion { grid-template-columns: minmax(0, 1fr) minmax(180px, .75fr); align-items: center; }
    .wd-ocr-suggestion.is-applied .wd-ocr-applied { grid-column: 1 / -1; }
    .wd-visit-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .wd-visit-entry-actions { grid-template-columns: repeat(3, minmax(0, auto)); justify-content: start; }
    .wd-visit-entry-actions .btn { width: auto; }
    .wd-photo-compare-select { grid-template-columns: repeat(2,minmax(0,1fr)) auto; }
    .wd-photo-compare-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .wd-photo-next { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
    .wd-photo-next .btn { width: auto; }
    .wd-measure-save-actions { grid-template-columns: minmax(0,1fr) auto; }
}

@media print {
    .wd-round-report-body { background: #fff !important; }.wd-round-report { max-width: none; padding: 0; }.wd-round-report-toolbar { display: none !important; }.wd-round-report .wd-card { box-shadow: none; border-color: #cbd5e1; }.wd-round-report-wound { break-inside: avoid; page-break-inside: avoid; }.wd-round-report-proof { display: none; }.wd-round-report-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }.wd-round-report-metrics { grid-template-columns: repeat(5,minmax(0,1fr)); }.wd-round-report-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }@page { size: A4 portrait; margin: 12mm; }
}

@media (min-width: 768px) {
    .wd-shell { padding-top: 24px; padding-bottom: 40px; }
    .wd-card { border-radius: 16px; padding: 18px; box-shadow: 0 14px 32px rgba(15, 23, 42, .08); }
    .wd-card h3 { font-size: 1.75rem; }
    .wd-body .form-row > [class*="col-"] { margin-bottom: 0; }
    .wd-body-diagram { gap: 24px; }
    .wd-body-svg-wrap { width: 160px; }
    .wd-detail-tabs { justify-content: center; overflow: visible; }
    .wd-wound-item { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: 12px 16px; }
    .wd-katalog-items { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 4px 12px; }
    .wd-photo-tools { display: flex; flex-wrap: wrap; }
    .wd-visit-nav { position: static; }
    .wd-visit-nav-head { grid-template-columns: minmax(0, 1fr) 180px; }
    .wd-visit-nav-scroll { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; }
    .wd-visit-nav-scroll button { justify-content: center; min-width: 0; }
    .wd-visit-nav-foot { grid-template-columns: minmax(0, 1fr) auto; }
    .wd-visit-nav-foot .btn { width: auto; }
    .wd-visit-nav-swipe { display: none; }
    .wd-visit-section { scroll-margin-top: 24px; }
    .wd-photo-tools .btn { width: auto; }
    .wd-responsive-table { display: table; width: 100%; }
    .wd-responsive-table thead { display: table-header-group; }
    .wd-responsive-table tbody { display: table-row-group; }
    .wd-responsive-table tr { display: table-row; width: auto; }
    .wd-responsive-table tbody tr { border: 0; border-radius: 0; margin: 0; padding: 0; background: transparent; }
    .wd-responsive-table td, .wd-responsive-table tbody td { display: table-cell; width: auto; padding: .3rem; border-top: 1px solid #dee2e6; }
    .wd-responsive-table tbody td::before { display: none; }
    .wd-responsive-table .wd-table-actions { display: table-cell; white-space: nowrap; }
    .wd-responsive-table .wd-table-actions .btn, .wd-responsive-table .wd-table-actions form { width: auto; display: inline-block; }
    .wd-supply-add { grid-template-columns: minmax(220px,2fr) minmax(180px,1.4fr) minmax(90px,.6fr) minmax(100px,.7fr) auto; }
    .wd-plan-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wd-plan-options legend { grid-column: 1/-1; }
    .wd-demand-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wd-procurement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wd-procurement-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (min-width: 992px) {
    .wd-cockpit-metrics { grid-template-columns: repeat(7,minmax(0,1fr)); }
    .wd-photo-measure { padding: 14px; }
    .wd-measure-layout { grid-template-columns: minmax(0, 1fr) minmax(290px, 360px); gap: 18px; }
    .wd-measure-panel { position: sticky; top: 12px; }
}

@media (min-width: 1100px) {
    .wd-supply-layout { grid-template-columns: minmax(290px, 340px) minmax(0,1fr); gap: 16px; }
    .wd-supply-sidebar { position: sticky; top: 12px; }
}

@media print {
    .wd-no-print { display: none !important; }
    body.wd-body { background: #fff; }
    .wd-card { box-shadow: none; border: none; padding: 0; }
    @page { size: A4; margin: 14mm; }
}
.wd-activity-list{display:grid;gap:0}.wd-activity-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:.65rem;position:relative;padding:.15rem 0 1rem}.wd-activity-item:not(:last-child)::before{content:"";position:absolute;left:6px;top:16px;bottom:-2px;width:2px;background:#dbe7e4}.wd-activity-marker{width:14px;height:14px;margin-top:.3rem;border-radius:50%;background:#087f72;border:3px solid #d9f3ee;z-index:1}.wd-activity-content{min-width:0}.wd-activity-head{display:flex;flex-direction:column;gap:.15rem}.wd-activity-head time,.wd-activity-content>small{color:#687b78;font-size:.82rem}.wd-activity-content p{margin:.25rem 0;overflow-wrap:anywhere}.wd-activity-content details{margin-top:.55rem;border-radius:.55rem;background:#f4f8f7;padding:.55rem .7rem}.wd-activity-content summary{cursor:pointer;font-weight:600}.wd-activity-changes{display:grid;gap:.5rem;margin:.65rem 0 0}.wd-activity-changes>div{border-top:1px solid #dbe7e4;padding-top:.5rem}.wd-activity-changes dt{font-size:.82rem;color:#526965}.wd-activity-changes dd{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.4rem;margin:0;align-items:start}.wd-activity-changes dd span{text-decoration:line-through;color:#758783}.wd-activity-changes dd strong{color:#145f57;overflow-wrap:anywhere}.wd-activity-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;border-top:1px solid #e1ebe8;padding-top:1rem}.wd-activity-list.is-compact .wd-activity-item:nth-child(n+5){display:none}
.wd-photo-history-card{overflow:hidden}.wd-photo-history{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,82vw);gap:.8rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:.15rem .1rem .75rem}.wd-photo-history-item{display:grid;grid-template-rows:auto 1fr;min-width:0;border:1px solid #dbe7e4;border-radius:.8rem;background:#fff;overflow:hidden;scroll-snap-align:start}.wd-photo-history-image{position:relative;display:block;aspect-ratio:4/3;background:#111827;overflow:hidden}.wd-photo-history-image img{display:block;width:100%;height:100%;object-fit:contain}.wd-photo-history-image>span{position:absolute;left:.55rem;bottom:.55rem;padding:.25rem .5rem;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:.78rem;font-weight:700}.wd-photo-history-meta{display:grid;align-content:start;gap:.2rem;padding:.7rem}.wd-photo-history-meta>strong{font-size:1.08rem}.wd-photo-history-meta>small{color:#687b78}.wd-photo-history-meta .wd-actions{margin-top:.45rem}.wd-photo-history-meta .btn{white-space:normal}.wd-photo-history-card .wd-empty-state{display:grid;justify-items:start;gap:.4rem}
.wd-round-template{border-left:4px solid #82b8ad}.wd-round-template.is-applied{border-left-color:#14806f;background:linear-gradient(135deg,#f3fbf8,#fff 58%)}.wd-round-template-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.65rem 0}.wd-round-template-fields span{display:grid;gap:.1rem;padding:.55rem .65rem;border-radius:.55rem;background:#eaf6f2}.wd-round-template-fields small{color:#58736d}.wd-round-template-fields strong{overflow-wrap:anywhere}
@media(min-width:576px){.wd-activity-head{flex-direction:row;align-items:baseline;justify-content:space-between;gap:1rem}.wd-activity-list.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem}.wd-activity-list.is-compact .wd-activity-item:nth-child(n){display:grid}.wd-activity-list.is-compact .wd-activity-item::before{display:none}}
@media(min-width:768px){.wd-photo-history{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));overflow:visible;scroll-snap-type:none}.wd-photo-history-item{scroll-snap-align:none}}

/* Mobile Arbeitsfokus der Wundenakte: ein klarer naechster Schritt, danach
   progressive Nebenfunktionen und eine kompakte Langzeithistorie. */
.wd-back-link{display:inline-flex;align-items:center;min-height:44px;color:#315f58;font-weight:750;text-decoration:none}
.wd-wound-work-focus{display:grid;gap:.8rem;margin-top:1rem;padding:1rem;border:1px solid #b9ddd3;border-radius:1rem;background:linear-gradient(145deg,#ecfdf5,#f8fffd 68%);box-shadow:0 10px 24px rgba(21,94,78,.08)}
.wd-wound-work-focus>div{display:grid;gap:.2rem;min-width:0}.wd-wound-work-focus small{color:#416d66;font-size:.73rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.wd-wound-work-focus strong{font-size:1.16rem;line-height:1.2;color:#123f37}.wd-wound-work-focus span{color:#496a65;font-size:.88rem;line-height:1.4}.wd-wound-work-focus>.btn{display:flex;align-items:center;justify-content:center;min-height:48px;white-space:normal;font-weight:800}
.wd-wound-work-focus.is-closed{border-color:#d9e2e0;background:#f8faf9}.wd-wound-work-focus.is-closed>.btn{background:#526b67;border-color:#526b67}
.wd-wound-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.65rem}.wd-wound-quick-actions .btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem;white-space:normal}
.wd-wound-more-actions{margin-top:.65rem;border-top:1px solid #e3ece9}.wd-wound-more-actions>summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:.5rem .1rem;color:#315f58;font-weight:800;cursor:pointer;list-style:none}.wd-wound-more-actions>summary::-webkit-details-marker{display:none}.wd-wound-more-actions>summary::after{content:'+';display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#edf5f3;font-size:1.1rem}.wd-wound-more-actions[open]>summary::after{content:'−'}.wd-wound-more-actions .wd-actions{padding:.35rem 0 .2rem}
.wd-wound-jump{position:sticky;z-index:20;top:0;display:flex;gap:.35rem;margin:0 0 .8rem;padding:.45rem;border:1px solid #d9e7e3;border-radius:.8rem;background:rgba(248,252,251,.96);box-shadow:0 5px 14px rgba(15,52,46,.08);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.wd-wound-jump::-webkit-scrollbar{display:none}.wd-wound-jump a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:.4rem .72rem;border-radius:.62rem;color:#315f58;font-size:.84rem;font-weight:800;text-decoration:none}.wd-wound-jump a:focus-visible,.wd-wound-jump a:hover{background:#e6f3ef;color:#123f37}
#briefing,#bilder,#uebersicht,#visiten{scroll-margin-top:4.2rem}.wd-visit-entry[hidden]{display:none!important}.wd-history-toggle{width:100%;min-height:46px;margin-top:.75rem;font-weight:750;white-space:normal}
@media(min-width:768px){.wd-wound-work-focus{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-wound-work-focus>.btn{width:auto;min-width:230px}.wd-wound-quick-actions{display:flex;flex-wrap:wrap}.wd-wound-quick-actions .btn{width:auto}.wd-wound-more-actions .wd-actions{display:flex}.wd-wound-jump{position:relative;top:auto;width:max-content;max-width:100%}.wd-history-toggle{width:auto;min-width:260px}}

.wd-skip-link{position:fixed;z-index:10000;top:.5rem;left:.5rem;display:flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .9rem;border:3px solid #fff;border-radius:.55rem;background:#123f37;color:#fff;font-weight:850;box-shadow:0 0 0 3px #123f37,0 8px 22px rgba(15,23,42,.28);transform:translateY(calc(-100% - 1rem));transition:transform .12s ease;text-decoration:none}
.wd-skip-link:focus,.wd-skip-link:focus-visible{color:#fff;outline:3px solid #facc15;outline-offset:3px;transform:translateY(0);text-decoration:none}
@media(prefers-reduced-motion:reduce){.wd-skip-link{transition:none}}
@media(min-width:768px){.wd-round-template-fields{grid-template-columns:repeat(6,minmax(0,1fr))}}
.wd-cavity-map{margin:1rem 0;padding:1rem;border:1px solid #cfe1dd;border-radius:.85rem;background:#f8fbfa}.wd-cavity-map .wd-section-head{align-items:flex-start}.wd-cavity-map .wd-section-head .btn{width:100%;margin-top:.5rem}.wd-cavity-items{display:grid;gap:.75rem;margin-top:.75rem}.wd-cavity-empty{margin-top:.7rem;padding:.8rem;border:1px dashed #b8cfca;border-radius:.65rem;color:#607773;text-align:center}.wd-cavity-item{padding:.8rem;border:1px solid #bfd5d0;border-radius:.75rem;background:#fff}.wd-cavity-item-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.7rem}.wd-cavity-editor{display:grid;gap:.8rem}.wd-cavity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.wd-cavity-fields label{display:grid;align-content:start;gap:.25rem;margin:0;font-size:.84rem;font-weight:600}.wd-cavity-note{grid-column:1/-1}.wd-cavity-clock{position:relative;width:190px;height:190px;margin:.15rem auto .4rem;border:2px solid #b8cfca;border-radius:50%;background:radial-gradient(circle,#eaf5f2 0 24%,#fff 25% 100%)}.wd-cavity-clock>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.72rem;color:#607773}.wd-cavity-clock button{position:absolute;width:34px;height:34px;padding:0;border:1px solid #b9cec9;border-radius:50%;background:#fff;color:#254b45;font-weight:700;transform:translate(-50%,-50%)}.wd-cavity-clock button.is-from{background:#087f72;color:#fff;border-color:#087f72}.wd-cavity-clock button.is-to{box-shadow:0 0 0 4px #f0b84b}.wd-cavity-clock button:nth-of-type(1){left:72.5%;top:12%}.wd-cavity-clock button:nth-of-type(2){left:88%;top:28%}.wd-cavity-clock button:nth-of-type(3){left:94%;top:50%}.wd-cavity-clock button:nth-of-type(4){left:88%;top:72%}.wd-cavity-clock button:nth-of-type(5){left:72.5%;top:88%}.wd-cavity-clock button:nth-of-type(6){left:50%;top:94%}.wd-cavity-clock button:nth-of-type(7){left:27.5%;top:88%}.wd-cavity-clock button:nth-of-type(8){left:12%;top:72%}.wd-cavity-clock button:nth-of-type(9){left:6%;top:50%}.wd-cavity-clock button:nth-of-type(10){left:12%;top:28%}.wd-cavity-clock button:nth-of-type(11){left:27.5%;top:12%}.wd-cavity-clock button:nth-of-type(12){left:50%;top:6%}.wd-cavity-legacy{margin-top:.8rem;padding-top:.7rem;border-top:1px solid #d4e3e0}.wd-cavity-legacy summary{cursor:pointer;font-weight:600}.wd-cavity-legacy .row{margin-top:.5rem}
@media(min-width:576px){.wd-cavity-map .wd-section-head .btn{width:auto;margin-top:0}.wd-cavity-editor{grid-template-columns:minmax(0,1fr) 220px;align-items:center}}
@media(min-width:900px){.wd-cavity-items{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-cavity-editor{grid-template-columns:minmax(0,1fr) 205px}}
.wd-review-count,.wd-review-state{display:inline-flex;align-items:center;padding:.32rem .58rem;border-radius:999px;background:#e9f3f1;color:#315d56;font-size:.78rem;font-weight:700}.wd-review-queue{display:grid;gap:.65rem;margin-top:1rem}.wd-review-queue>article{display:grid;gap:.65rem;padding:.8rem;border:1px solid #d6e4e1;border-radius:.75rem;background:#fff}.wd-review-queue>article>div{display:grid;gap:.18rem;min-width:0}.wd-review-queue>article>div:last-child{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.wd-review-state.is-open{background:#fff3cd;color:#725600}.wd-review-state.is-decision{background:#e5efff;color:#254b7e}.wd-review-state.is-ready{background:#dff5e8;color:#17643b}.wd-review-state.is-review{background:#f4e8ff;color:#6b328d}.wd-review-state.is-waiting{background:#edf0f2;color:#58646b}.wd-review-context{display:grid;gap:.4rem}.wd-review-context>div{display:flex;flex-direction:column}.wd-review-layout{display:grid;gap:.8rem}.wd-review-stage{overflow:auto;border-radius:.65rem;background:#111827;max-height:75vh}.wd-review-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.wd-review-legend{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.65rem;font-size:.83rem}.wd-review-legend span::before{content:"";display:inline-block;width:.85rem;height:.85rem;margin-right:.35rem;border-radius:50%;vertical-align:-.1rem}.wd-review-legend .is-reference::before{background:#16a34a}.wd-review-legend .is-review::before{background:#db2777}.wd-review-panel{align-content:start}.wd-review-panel ol{padding-left:1.25rem}.wd-review-tools{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.75rem 0}.wd-review-tools .btn:first-child{grid-column:1/-1}.wd-review-status{padding:.65rem;margin:.6rem 0;border-radius:.55rem;background:#eef6f4;color:#315d56}.wd-review-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.8rem 0}.wd-review-metrics>div{display:grid;gap:.1rem;padding:.65rem;border-radius:.65rem;background:#edf7f4;text-align:center}.wd-review-metrics small{color:#5d746f}.wd-review-metrics strong{font-size:1.12rem}.wd-review-decision{display:grid;gap:.25rem;padding:.75rem;border-radius:.65rem;background:#eef3f2}.wd-review-decision.is-einschliessen{background:#e2f6e9}.wd-review-decision.is-adjudikation{background:#fff3d8}.wd-review-decision.is-ausschliessen{background:#f3e9e9}.wd-review-decision-form{display:grid;gap:.75rem}.wd-review-decision-form label{display:grid;gap:.3rem}.wd-review-panel .btn-lg{width:100%}
@media(min-width:650px){.wd-review-queue>article{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-review-context{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-review-context>small{text-align:right}}
@media(min-width:992px){.wd-review-layout{grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:start}.wd-review-panel{position:sticky;top:12px}}
.wd-numeric-stage{overflow:auto;border-radius:.65rem;background:#111827;max-height:75vh}.wd-numeric-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.wd-numeric-stage+.wd-muted{line-height:1.45}
.wd-pilot-reference-card{border-left:5px solid #2563eb}.wd-pilot-reference-grid{display:grid;gap:.55rem;margin:.7rem 0}.wd-pilot-reference-grid article{display:grid;gap:.08rem;padding:.7rem;border:1px solid #cbdde9;border-radius:.7rem;background:#f8fbff}.wd-pilot-reference-grid strong{font-size:1.35rem;color:#173e59}.wd-pilot-reference-grid small{color:#64748b}@media(min-width:650px){.wd-pilot-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Fachliche Klärungsakte: mobile-first und bewusst keine Diagnoseampel. */
.wd-escalation-safety,.wd-escalation-summary{display:grid;gap:10px;padding:14px;border:1px solid #f59e0b;border-radius:14px;background:#fffbeb;color:#78350f}.wd-escalation-safety span,.wd-escalation-summary span{display:block;margin-top:3px;line-height:1.45}.wd-escalation-summary{align-items:center}.wd-escalation-hints{display:grid;gap:8px;margin:12px 0;padding:12px;border-radius:12px;background:#eff6ff;color:#1e3a8a}.wd-escalation-hints>span{display:grid;gap:2px;padding-top:7px;border-top:1px solid #bfdbfe}.wd-escalation-form,.wd-escalation-list,.wd-escalation-actions details form{display:grid;gap:12px}.wd-escalation-form fieldset{min-width:0;margin:0;padding:0;border:0}.wd-escalation-form legend{font-size:1rem;font-weight:700}.wd-escalation-reasons{display:grid;gap:8px}.wd-escalation-reasons label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;min-height:46px;margin:0;padding:9px 11px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.wd-escalation-reasons input{width:22px;height:22px}.wd-escalation-fields{display:grid;gap:10px}.wd-escalation-case{border-left:5px solid #f59e0b}.wd-escalation-case.is-abgeschlossen{border-left-color:#16a34a;opacity:.92}.wd-escalation-case-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.wd-escalation-case-head>div{display:grid;gap:3px}.wd-escalation-priority{width:max-content;padding:3px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.76rem;font-weight:800;text-transform:uppercase}.wd-escalation-priority.is-dringend{background:#fee2e2;color:#991b1b}.wd-escalation-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.wd-escalation-tags span{padding:5px 8px;border-radius:8px;background:#f1f5f9;color:#334155;font-size:.82rem}.wd-escalation-question{padding:11px;border-radius:10px;background:#f8fafc}.wd-escalation-question small{color:#64748b;font-weight:700}.wd-escalation-question p{margin:4px 0 0}.wd-escalation-history{margin-top:10px}.wd-escalation-history summary,.wd-escalation-actions details>summary{min-height:44px;cursor:pointer;font-weight:700}.wd-escalation-history ol{display:grid;gap:8px;margin:8px 0 0;padding-left:22px}.wd-escalation-history li{padding:8px;border-left:2px solid #cbd5e1}.wd-escalation-history li span,.wd-escalation-history li small{display:block;color:#64748b}.wd-escalation-history li p{margin:5px 0 0;white-space:normal}.wd-escalation-actions{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.wd-escalation-actions form>.form-control{margin-bottom:8px}.wd-escalation-actions .btn{width:100%;min-height:46px;white-space:normal}
@media(min-width:768px){.wd-escalation-summary{grid-template-columns:minmax(0,1fr) auto}.wd-escalation-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.wd-escalation-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-escalation-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.wd-escalation-actions .btn{width:auto}}
.wd-escalation-case.is-in_bearbeitung .wd-escalation-actions>form:first-child{display:none}
.wd-escalation-response-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.wd-escalation-response-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;border:1px solid #dbe3ec;border-radius:14px;background:#fff}.wd-escalation-response-list span,.wd-escalation-response-list small{display:block;color:#64748b}.wd-escalation-response-list p{margin:8px 0;white-space:pre-wrap}
@media(max-width:640px){.wd-escalation-response-list li{display:block}.wd-escalation-response-list .btn{width:100%;margin-top:10px;min-height:44px}}
.wd-escalation-response-main{width:100%;min-width:0}.wd-escalation-followup{padding:14px!important;border:1px solid #bfdbfe!important;border-radius:12px!important;background:#eff6ff}.wd-escalation-followup legend{width:auto;padding:0 5px;color:#1e3a8a}.wd-escalation-implementation{display:grid;gap:10px;margin-top:14px;padding:13px;border:1px solid #f59e0b;border-radius:12px;background:#fffbeb}.wd-escalation-implementation.is-erledigt{border-color:#86efac;background:#f0fdf4}.wd-escalation-implementation>div{display:grid;gap:3px}.wd-implementation-state{width:max-content;padding:3px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:800;text-transform:uppercase}.wd-escalation-implementation.is-erledigt .wd-implementation-state{background:#dcfce7;color:#166534}.wd-escalation-implementation details summary{min-height:44px;padding-top:10px;cursor:pointer;font-weight:700}.wd-escalation-implementation-form{display:grid;gap:10px;margin-top:10px}.wd-escalation-implementation-form label{display:grid;gap:4px}.wd-implementation-proof{padding:10px;border-radius:9px;background:#fff}.wd-implementation-proof a{display:inline-block;margin-right:10px}.wd-implementation-proof small{margin-top:6px}
@media(min-width:768px){.wd-escalation-implementation{grid-template-columns:minmax(0,1fr) auto;align-items:start}.wd-escalation-implementation details,.wd-implementation-proof{grid-column:1/-1}}

/* Quellengebundene Teamaufgaben ---------------------------------------- */
.wd-teamtask-shell{max-width:1180px}.wd-teamtask-boundary{margin:.8rem 0 0;padding:.75rem;border-radius:.7rem;background:#eef6f4;color:#315d56}.wd-teamtask-kind{display:inline-flex;width:max-content;padding:.25rem .5rem;border-radius:999px;background:#e8f0ff;color:#284d7a;font-size:.76rem;font-weight:700}.wd-teamtask-state{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .6rem;border-radius:999px;background:#edf0f2;color:#53616a;font-size:.78rem;font-weight:800;text-transform:uppercase}.wd-teamtask-state.is-ueberfaellig{background:#fbe4e1;color:#8a3026}.wd-teamtask-state.is-heute{background:#fff1cf;color:#735800}.wd-teamtask-state.is-geplant{background:#e3f4ea;color:#226342}.wd-teamtask-detail{display:grid;gap:.8rem}.wd-teamtask-facts{display:grid;grid-template-columns:1fr;gap:.5rem;margin:0}.wd-teamtask-facts>div{padding:.65rem;border-radius:.65rem;background:#f3f7f6}.wd-teamtask-facts dt{font-size:.76rem;color:#62756f}.wd-teamtask-facts dd{margin:0;font-weight:700}.wd-teamtask-actions{display:grid;gap:.65rem}.wd-teamtask-actions>form,.wd-teamtask-actions>details,.wd-teamtask-reopen{padding:.7rem;border:1px solid #d6e4e1;border-radius:.7rem;background:#fff}.wd-teamtask-actions details>summary{cursor:pointer;font-weight:700}.wd-teamtask-actions form,.wd-teamtask-reopen{display:grid;gap:.6rem}.wd-teamtask-actions label,.wd-teamtask-reopen label{display:grid;gap:.28rem}.wd-teamtask-history{display:grid;gap:.65rem;padding:0;list-style:none}.wd-teamtask-history li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .65rem;padding:.7rem;border-left:4px solid #72a89d;border-radius:.35rem;background:#f5f8f7}.wd-teamtask-history li span{font-size:.78rem;color:#62756f;text-align:right}.wd-teamtask-history li p{grid-column:1/-1;margin:0}.wd-teamtask-suggestions{display:grid;gap:.75rem}.wd-teamtask-suggestions article{display:grid;gap:.7rem;padding:.8rem;border:1px solid #d6e4e1;border-radius:.75rem;background:#fff}.wd-teamtask-suggestions article>div,.wd-teamtask-suggestions form{display:grid;gap:.35rem}.wd-teamtask-suggestions form label{display:grid;gap:.25rem}.wd-teamtask-filters{display:flex;flex-wrap:wrap;gap:.35rem}.wd-teamtask-filters a{padding:.38rem .62rem;border-radius:999px;background:#edf2f1;color:#365f58;text-decoration:none}.wd-teamtask-filters a.is-active{background:#315d56;color:#fff}.wd-teamtask-list{display:grid;gap:.65rem}.wd-teamtask-list article{display:grid;gap:.65rem;padding:.8rem;border:1px solid #d6e4e1;border-left:5px solid #72a89d;border-radius:.75rem;background:#fff}.wd-teamtask-list article.is-ueberfaellig{border-left-color:#bc4b3f}.wd-teamtask-list article>div{display:grid;gap:.2rem;min-width:0}.wd-teamtask-list article>div:nth-child(2){align-content:start}.wd-teamtask-list article>.btn{min-height:44px}
@media (min-width:700px){.wd-teamtask-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-teamtask-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-teamtask-actions>form:first-child{grid-column:1/-1}.wd-teamtask-suggestions article{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start}.wd-teamtask-list article{grid-template-columns:minmax(0,1.5fr) minmax(180px,.65fr) auto;align-items:center}.wd-teamtask-list article>.btn{align-self:center}}
/* Revisionsgesicherte Wundstammkorrektur */
.wd-master-shell{max-width:1040px}.wd-master-form label{font-weight:600}.wd-master-grid{display:grid;grid-template-columns:1fr;gap:14px}.wd-master-confirm .btn{width:100%}.wd-master-history{list-style:none;padding:0;margin:0;display:grid;gap:10px}.wd-master-history li{border:1px solid #dbe4ee;border-left:4px solid #64748b;border-radius:10px;padding:12px;background:#fff}.wd-master-history li>div{display:flex;flex-direction:column;gap:2px}.wd-master-history p{margin:8px 0 4px;white-space:pre-wrap}.wd-master-history span,.wd-master-history small{color:#64748b}.wd-master-history details{margin-top:8px}.wd-master-diff{margin:8px 0 0;display:grid;gap:8px}.wd-master-diff>div{display:grid;grid-template-columns:1fr;gap:4px;border-top:1px solid #e2e8f0;padding-top:8px}.wd-master-diff dt{font-weight:700}.wd-master-diff dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.wd-master-diff dd span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
@media (min-width:700px){.wd-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-master-confirm .btn{width:auto}.wd-master-history li>div{flex-direction:row;justify-content:space-between;gap:12px}.wd-master-diff>div{grid-template-columns:minmax(130px,.7fr) 1fr 1fr}}

/* Lokale Material-Schnellerfassung und Mehrwunden-Zuordnung */
.wd-material-ocr-handoff{display:grid;gap:10px;margin-bottom:1rem;padding:12px 14px;border:1px solid #86efac;border-left:5px solid #16a34a;border-radius:12px;background:#f0fdf4;color:#14532d}.wd-material-ocr-handoff div{display:grid;gap:3px;min-width:0}.wd-material-ocr-handoff small{color:#166534}.wd-material-ocr-handoff>a,.wd-material-ocr-handoff>span{display:flex;align-items:center;min-height:44px;font-weight:700}.wd-material-ocr-handoff>a{color:#166534;text-decoration:underline}
.wd-supply-add{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.wd-material-scan,.wd-material-wounds{min-width:0;margin:0;padding:12px;border:1px solid var(--wd-line);border-radius:12px;background:#f8fafc}.wd-material-scan{display:grid;gap:10px}.wd-material-scan>div:first-child{display:grid;gap:3px}.wd-material-scan small,.wd-material-wounds p,.wd-material-wound small{color:var(--wd-muted)}.wd-material-scan-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.wd-material-scan-controls label{margin:0;font-size:.82rem;font-weight:700}.wd-material-scan-controls .btn{min-height:44px}.wd-material-scan video{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:10px;background:#111827}.wd-material-scan video[hidden]{display:none}.wd-material-scan-status{min-height:1.3em;font-size:.84rem;color:var(--wd-muted)}.wd-material-scan-status.is-success{color:#166534;font-weight:700}.wd-material-scan-status.is-warning{color:#92400e;font-weight:700}.wd-material-wounds{display:grid;gap:8px}.wd-material-wounds legend{width:auto;margin:0;padding:0 4px;font-size:1rem;font-weight:700}.wd-material-wounds p{margin:0 0 2px;font-size:.84rem}.wd-material-wound{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(90px,105px);gap:8px;align-items:center;margin:0;padding:9px;border:1px solid #d6e4e1;border-radius:10px;background:#fff}.wd-material-wound>input{width:21px;height:21px}.wd-material-wound>span{display:grid;min-width:0}.wd-material-wound>span:last-child{gap:2px;text-align:right}.wd-material-wound>span:last-child small{font-size:.72rem}.wd-material-unit,.wd-material-article{display:grid;gap:4px;margin:0}.wd-material-submit{width:100%;min-height:48px}.wd-supply-add .wd-demand-calculator{grid-column:auto}
@media(min-width:560px){.wd-ocr-material-link{grid-template-columns:auto minmax(0,1fr);align-items:center}.wd-ocr-material-link .btn{width:auto}.wd-material-ocr-handoff{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-material-scan-controls{grid-template-columns:minmax(0,1fr) auto auto}.wd-material-scan-controls label{grid-column:1/-1}.wd-material-submit{width:auto;justify-self:start}}
@media(min-width:800px){.wd-supply-add{grid-template-columns:minmax(0,2fr) minmax(150px,.65fr)!important}.wd-material-scan,.wd-material-wounds,.wd-demand-calculator,.wd-material-submit{grid-column:1/-1}.wd-material-article{grid-column:1}.wd-material-unit{grid-column:2}.wd-material-wounds{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-material-wounds legend,.wd-material-wounds p{grid-column:1/-1}}

/* Revisionsgesichertes Verwerfen von Visitenentwürfen */
.wd-discard-shell{max-width:920px}.wd-discard-boundary{border-left:5px solid #b45309;background:#fffaf0}.wd-discard-boundary p{margin:.4rem 0 0}.wd-discard-facts{display:grid;grid-template-columns:1fr;gap:8px;margin:0}.wd-discard-facts>div{padding:10px;border-radius:10px;background:#f4f7f6}.wd-discard-facts dt{font-size:.78rem;color:var(--wd-muted)}.wd-discard-facts dd{margin:0;font-weight:700}.wd-discard-form{display:grid;gap:12px}.wd-discard-form>label:first-of-type{font-weight:700}.wd-discard-form .btn{width:100%;min-height:48px}.wd-discard-history p{white-space:pre-wrap}.wd-discarded-visits{padding-top:12px;border-top:1px solid var(--wd-line)}.wd-discarded-visits>summary{min-height:44px;cursor:pointer;font-weight:700;color:#675247}.wd-discarded-visits>div{display:grid;gap:8px;margin:8px 0}.wd-discarded-visits article{display:grid;gap:8px;padding:10px;border:1px solid #dfd7d1;border-radius:10px;background:#faf8f6}.wd-discarded-visits article>div{display:grid}.wd-discarded-visits article small{color:var(--wd-muted)}.wd-discarded-visits article p{margin:0;white-space:pre-wrap}.wd-discarded-visits article .btn{width:100%}
@media(min-width:650px){.wd-discard-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.wd-discard-form .btn{width:auto;justify-self:start}.wd-discarded-visits article{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center}.wd-discarded-visits article .btn{width:auto}}

.wd-prior-assistant{border-left:5px solid #0f766e}.wd-prior-assistant>p{color:var(--wd-muted)}.wd-prior-assistant details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:#0f5f59}.wd-prior-summary{display:inline-flex;align-items:center;min-height:32px;padding:4px 9px;border-radius:999px;background:#e7f5f2;color:#0f5f59;font-size:.78rem;font-weight:700}.wd-prior-groups{display:grid;gap:12px;margin-top:10px}.wd-prior-groups>section>h5{margin:0 0 6px;font-size:.82rem;color:var(--wd-muted);text-transform:uppercase;letter-spacing:.03em}.wd-prior-items{display:grid;gap:7px}.wd-prior-items article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 9px;align-items:center;padding:9px;border:1px solid var(--wd-line);border-radius:10px;background:#fbfcfc}.wd-prior-items article>div{display:grid;min-width:0}.wd-prior-items article>div small{color:var(--wd-muted)}.wd-prior-items article>div strong{overflow-wrap:anywhere}.wd-prior-items article .btn{grid-column:1/-1;min-height:40px}.wd-prior-state{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:3px 7px;border-radius:999px;font-size:.72rem;font-weight:700;text-align:center}.wd-prior-state.is-open{background:#f1f5f9;color:#475569}.wd-prior-state.is-same{background:#dcfce7;color:#166534}.wd-prior-state.is-changed{background:#fef3c7;color:#92400e}.wd-prior-state.is-reference{background:#e0e7ff;color:#3730a3}.wd-prior-state.is-stale{background:#fee2e2;color:#991b1b}.wd-prior-assistant.is-stale{border-left-color:#b91c1c}.wd-prior-assistant.is-stale .wd-prior-summary{background:#fee2e2;color:#991b1b}
@media(min-width:700px){.wd-prior-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.wd-prior-items article{grid-template-columns:minmax(0,1fr) auto}.wd-prior-items article .btn{grid-column:1/-1;width:100%}}
.wd-prescription-handoff{border:1px solid #fed7aa;background:linear-gradient(135deg,#fff 0,#fff7ed 100%)}
.wd-prescription-badge{display:inline-flex;align-items:center;padding:.38rem .65rem;border-radius:999px;background:#ffedd5;color:#9a3412;font-size:.78rem;font-weight:800;white-space:nowrap}
.wd-prescription-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1rem 0}
.wd-prescription-summary span{display:flex;flex-direction:column;align-items:center;padding:.75rem .4rem;border:1px solid #fed7aa;border-radius:.8rem;background:#fff}
.wd-prescription-summary strong{font-size:1.25rem;color:#9a3412}.wd-prescription-summary small{color:#64748b}
.wd-prescription-form{display:grid;gap:.8rem}.wd-prescription-form label{display:flex;gap:.65rem;align-items:flex-start;margin:0;padding:.85rem;border-radius:.75rem;background:#fff;border:1px solid #fdba74}.wd-prescription-form input[type=checkbox]{margin-top:.2rem;min-width:1.1rem;min-height:1.1rem}.wd-prescription-form .btn{min-height:46px;font-weight:700}
.wd-supply-coverage{border-left:5px solid #94a3b8}.wd-supply-coverage.is-covered{border-left-color:#16a34a}.wd-supply-coverage.is-soon,.wd-supply-coverage.is-due{border-left-color:#f59e0b}.wd-supply-coverage.is-overdue{border-left-color:#dc2626}.wd-supply-coverage.is-in_process{border-left-color:#2563eb}.wd-coverage-date{display:flex;flex-direction:column;align-items:flex-end;padding:.5rem .7rem;border-radius:.7rem;background:#f8fafc;white-space:nowrap}.wd-coverage-date small{color:#64748b}.wd-supply-status-history summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;cursor:pointer;list-style:none}.wd-supply-status-history summary::-webkit-details-marker{display:none}.wd-supply-status-history summary span{font-size:.78rem;color:#64748b}.wd-supply-status-history ol{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.65rem}.wd-supply-status-history li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:.6rem;align-items:start}.wd-supply-status-history li div{display:flex;flex-direction:column}.wd-supply-status-history li small{color:#64748b}.wd-status-dot{width:10px;height:10px;margin-top:.32rem;border-radius:50%;background:#2563eb;box-shadow:0 0 0 3px #dbeafe}
@media(min-width:640px){.wd-prescription-form{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-prescription-form>small{grid-column:1/-1}.wd-prescription-summary{max-width:28rem}}

/* Zuletzt definierte Module behalten auf Smartphones vollwertige Touchziele. */
@media(max-width:768px){
    .wd-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),.wd-body select,.wd-body textarea{font-size:16px}
    .wd-body label:has(>input[type="checkbox"]),.wd-body label:has(>input[type="radio"]){min-height:44px}
    .wd-prior-items article .btn,.wd-photo-role-edit .btn,.wd-quality-worklist .btn{min-height:44px}
    .wd-tissue-bars article>div:first-child a{justify-content:center;min-width:44px;min-height:44px}
    .wd-teamtask-filters a{display:inline-flex;align-items:center;min-height:44px}
    .wd-value-filter a{display:inline-flex;align-items:center;min-height:44px}
    .wd-cockpit-filter a,.wd-cockpit-meta a{display:inline-flex;align-items:center;min-height:44px}
    .wd-section-head>a:not(.btn),.wd-profile-points a,.wd-tissue-bars article>div:first-child a,.wd-trend-table a[role="cell"],.wd-capture-guide a,.wd-measure-panel .wd-muted a{display:inline-flex;align-items:center;min-height:44px}
    .wd-katalog-item,.wd-katalog-item label{min-height:44px;align-items:center}
    .wd-katalog-item label{display:flex;flex:1 1 auto}
    .wd-katalog-check{width:24px;height:24px;margin-top:0}
    .form-check{display:flex;align-items:center;min-height:44px;padding-left:0}
    .form-check .form-check-input{position:static;flex:0 0 24px;width:24px;height:24px;margin:0 10px 0 0}
    .form-check .form-check-label{display:flex;align-items:center;min-height:44px}
}
.wd-photo-import-status{display:block;margin-top:.45rem;line-height:1.45}

/* Fernaufnahmen bleiben bis zur ausdruecklichen Fachpruefung visuell und
   technisch vom bestaetigten Bildverlauf getrennt. */
.wd-remote-share{display:grid;gap:.7rem;border-left:5px solid #2563eb;background:linear-gradient(135deg,#eff6ff,#fff 70%)}
.wd-remote-share p,.wd-remote-share small{margin:0}.wd-remote-share input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.wd-remote-count,.wd-remote-secure{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.3rem .7rem;border-radius:999px;background:#dbeafe;color:#1e40af;font-size:.8rem;font-weight:800;white-space:nowrap}
.wd-remote-invite-form,.wd-remote-public-form,.wd-remote-review-actions form{display:grid;gap:.8rem;margin-top:1rem}
.wd-remote-invite-form>label,.wd-remote-public-form>label:not(.wd-measure-confirm),.wd-remote-review-actions label:not(.wd-measure-confirm){display:grid;gap:.35rem;font-weight:700;margin:0}
.wd-remote-inbox{display:grid;gap:.8rem}.wd-remote-entry{display:grid;gap:1rem;border-left:5px solid #f59e0b}.wd-remote-entry.is-uebernommen{border-left-color:#16a34a}.wd-remote-entry.is-abgelehnt{border-left-color:#94a3b8}
.wd-remote-set-head{display:grid;gap:.75rem;margin-top:.5rem;padding:.65rem .8rem;border-radius:.75rem;background:#e2e8f0;color:#334155}.wd-remote-set-summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.wd-remote-set-summary>div{display:grid;gap:.1rem}.wd-remote-set-head small{color:#64748b}.wd-remote-set-summary>span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.25rem .6rem;border-radius:999px;background:#fff;font-size:.78rem;font-weight:800;white-space:nowrap}.wd-remote-set-form{display:grid;gap:.65rem;padding:.75rem;border-radius:.7rem;background:#fff}.wd-remote-set-form>div{display:grid}.wd-remote-set-form label{display:grid;gap:.3rem;margin:0}.wd-remote-set-form .wd-measure-confirm{padding:.65rem;border-radius:.6rem;background:#ecfdf5}.wd-remote-set-form .btn{min-height:46px;white-space:normal}.wd-remote-set-role{display:grid;gap:.35rem;margin:.75rem 0 0;padding:.75rem;border:1px solid #86efac;border-radius:.7rem;background:#f0fdf4}.wd-remote-set-role>span{font-weight:800}.wd-remote-set-role small{color:#475569}
.wd-remote-capture-step,.wd-remote-next-step{display:grid;gap:.55rem;padding:1rem;border:1px solid #93c5fd;border-radius:.85rem;background:#eff6ff;color:#1e3a8a}.wd-remote-capture-step>div,.wd-remote-next-step{align-items:start}.wd-remote-capture-step span,.wd-remote-next-step>span{display:inline-flex;width:max-content;padding:.22rem .5rem;border-radius:999px;background:#dbeafe;font-size:.76rem;font-weight:800}.wd-remote-capture-step strong,.wd-remote-next-step strong{display:block;font-size:1.05rem}.wd-remote-capture-step p{margin:0}.wd-remote-capture-step small,.wd-remote-next-step small{color:#475569}.wd-remote-next-step{margin-top:.75rem}.wd-remote-next-step .btn{width:100%;white-space:normal}
.wd-remote-entry-photo{display:grid;place-items:center;min-height:180px;border-radius:.8rem;overflow:hidden;background:#0f172a}.wd-remote-entry-photo img{display:block;width:100%;max-height:440px;object-fit:contain}.wd-remote-file-state{padding:2rem 1rem;color:#e2e8f0;text-align:center}
.wd-remote-entry-main{min-width:0}.wd-remote-entry-main dl{display:grid;gap:.5rem;margin:.8rem 0}.wd-remote-entry-main dl>div{display:grid;gap:.1rem;padding:.55rem .65rem;border-radius:.55rem;background:#f8fafc}.wd-remote-entry-main dt{font-size:.8rem;color:#64748b}.wd-remote-entry-main dd{margin:0;overflow-wrap:anywhere}
.wd-remote-precheck{display:grid;gap:.55rem;margin:.75rem 0;padding:.7rem;border:1px solid #fcd34d;border-left:5px solid #d97706;border-radius:.7rem;background:#fffbeb}.wd-remote-precheck.is-bereit{border-color:#86efac;border-left-color:#16a34a;background:#f0fdf4}.wd-remote-precheck>div:first-child{display:grid;gap:.1rem}.wd-remote-precheck small{color:#64748b}.wd-remote-precheck-metrics{display:flex;flex-wrap:wrap;gap:.35rem}.wd-remote-precheck-metrics span{padding:.25rem .5rem;border-radius:999px;background:#fff;border:1px solid #dbe7e4;font-size:.78rem;font-weight:700}.wd-remote-precheck ul{margin:0;padding-left:1.2rem}
.wd-remote-review-actions{display:grid;gap:.65rem}.wd-remote-review-actions details,.wd-remote-invites article{border:1px solid #dbe7e4;border-radius:.7rem;padding:.7rem;background:#fff}.wd-remote-review-actions summary{cursor:pointer;font-weight:800}.wd-remote-invites{display:grid;gap:.65rem;margin-top:1rem}.wd-remote-invites article{display:grid;gap:.7rem}.wd-remote-invites article>div{display:grid;gap:.2rem}.wd-remote-invites small{color:#64748b}
.wd-remote-public{min-height:100vh;background:linear-gradient(160deg,#e8f4f1,#f8fafc 48%,#eaf2ff)}.wd-remote-public-card{max-width:700px;margin:clamp(.5rem,5vh,3rem) auto}.wd-remote-public-card h1{margin-top:.8rem}.wd-remote-public-form ul{padding-left:1.25rem;margin:0;color:#475569}.wd-remote-public-form>.btn{min-height:52px;font-weight:800}.wd-remote-public-form>.wd-measure-confirm{padding:.85rem;border:1px solid #bfdbfe;border-radius:.7rem;background:#eff6ff}
.wd-remote-quality{display:grid;gap:.45rem;padding:.8rem;border:1px solid #bfdbfe;border-left:5px solid #2563eb;border-radius:.75rem;background:#eff6ff}.wd-remote-quality[hidden]{display:none}.wd-remote-quality[data-state=ready]{border-color:#86efac;border-left-color:#16a34a;background:#f0fdf4}.wd-remote-quality[data-state=review],.wd-remote-quality[data-state=error]{border-color:#fcd34d;border-left-color:#d97706;background:#fffbeb}.wd-remote-quality>span,.wd-remote-quality>small{color:#475569}.wd-remote-quality>.wd-measure-confirm{margin:.25rem 0 0;padding:.7rem;border-radius:.6rem;background:#fff;border:1px solid #fbbf24}
@media(min-width:576px){.wd-remote-share{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-remote-share>strong,.wd-remote-share>p,.wd-remote-share>small{grid-column:1/-1}.wd-remote-invite-form{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end}.wd-remote-invite-form>.wd-measure-confirm{grid-column:1/-1}.wd-remote-entry{grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr)}.wd-remote-review-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-remote-invites article{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
@media(min-width:768px){.wd-remote-set-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.wd-remote-set-form>div,.wd-remote-set-form>.wd-measure-confirm{grid-column:1/-1}.wd-remote-set-form>.btn{justify-self:start}}
@media(max-width:767.98px){.wd-remote-share .btn,.wd-remote-invite-form>.btn,.wd-remote-review-actions .btn,.wd-remote-invites .btn{width:100%;min-height:46px}.wd-remote-entry-photo{min-height:150px}.wd-remote-review-actions summary{display:flex;align-items:center;min-height:44px}.wd-remote-public-form input[type=checkbox],.wd-remote-invite-form input[type=checkbox],.wd-remote-review-actions input[type=checkbox]{flex:0 0 24px;width:24px;height:24px}}

/* Rollenbewusster Abschluss analysierter Nebenbilder. Die Karte steht bewusst
   erst hinter den sichtbaren Einzelbildern und ersetzt deren Detaildialog nicht. */
.wd-role-aware-review{display:grid;gap:1rem;border-left:5px solid #16a34a;background:linear-gradient(145deg,#f0fdf4,#fff 72%)}
.wd-role-aware-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.wd-role-aware-review-head>div{display:grid;gap:.25rem;min-width:0}.wd-role-aware-review-head h4,.wd-role-aware-review-head p{margin:0}.wd-role-aware-review-head p{color:#526c66;line-height:1.45}.wd-role-aware-count{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#dcfce7;color:#166534;font-size:1.05rem;font-weight:850}
.wd-role-aware-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.wd-role-aware-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 .55rem;align-items:center;padding:.65rem;border:1px solid #bbf7d0;border-radius:.7rem;background:#fff}.wd-role-aware-list li>span{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dcfce7;color:#166534;font-weight:900}.wd-role-aware-list strong,.wd-role-aware-list small{min-width:0}.wd-role-aware-list small{color:#64748b}
.wd-role-aware-review form{display:grid;gap:.8rem}.wd-role-aware-review .wd-measure-confirm{margin:0;padding:.8rem;border:1px solid #86efac;border-radius:.75rem;background:#fff}.wd-role-aware-review .wd-measure-confirm input{flex:0 0 24px;width:24px;height:24px}.wd-role-aware-actions{display:grid;gap:.65rem}.wd-role-aware-actions small{color:#64748b;line-height:1.45}.wd-role-aware-actions .btn{width:100%;min-height:48px;white-space:normal;font-weight:800}
.wd-duplicate-link{display:inline-flex;align-items:center;min-height:44px;padding:.15rem 0;font-weight:700}
@media(min-width:640px){.wd-role-aware-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-role-aware-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-role-aware-actions .btn{width:auto}}

/* Read-only Bildvergleich direkt vor der unveränderlichen Fachablage. */
.wd-draft-compare-boundary{display:grid;gap:.3rem;border-left:5px solid #2563eb;background:#eff6ff;color:#1e3a8a}.wd-draft-compare-boundary p{margin:0;line-height:1.45;color:#475569}
.wd-review-photo-compare{display:grid;gap:1rem;border-left:5px solid #2563eb;background:linear-gradient(145deg,#eff6ff,#fff 68%)}.wd-review-photo-compare .wd-section-head{align-items:flex-start}.wd-review-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.wd-review-photo-pair figure{min-width:0;margin:0;border:1px solid #cbdde9;border-radius:.8rem;overflow:hidden;background:#fff}.wd-review-photo-pair figure>div{display:grid;place-items:center;aspect-ratio:4/3;background:#0f172a}.wd-review-photo-pair img{display:block;width:100%;height:100%;object-fit:contain}.wd-review-photo-pair figcaption{display:grid;gap:.1rem;padding:.65rem}.wd-review-photo-pair figcaption strong{color:#173e59}.wd-review-photo-pair figcaption span{color:#64748b;font-size:.8rem;overflow-wrap:anywhere}.wd-review-photo-action{display:grid;gap:.65rem}.wd-review-photo-action p{margin:0;color:#526c66;line-height:1.45}.wd-review-photo-action .btn{width:100%;min-height:48px;white-space:normal;font-weight:800}
.wd-review-planimetry{display:grid;gap:.65rem;padding:.85rem;border:1px solid #bfdbfe;border-radius:.8rem;background:rgba(255,255,255,.82)}.wd-review-planimetry .wd-photo-compare-metrics{margin-top:0}.wd-review-planimetry .wd-visit-neutral-note{margin:0}
.wd-review-marker-geometry{display:grid;gap:.45rem;padding:.7rem;border:1px solid #fbbf24;border-radius:.7rem;background:#fffbeb}.wd-review-marker-geometry.is-consistent{border-color:#86efac;background:#f0fdf4}.wd-review-marker-geometry>div{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.45rem}.wd-review-marker-geometry>div>span{padding:.2rem .5rem;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:750}.wd-review-marker-geometry.is-consistent>div>span{background:#dcfce7;color:#166534}.wd-review-marker-geometry p,.wd-review-marker-geometry ul{margin:0}.wd-review-marker-geometry ul{padding-left:1.15rem}.wd-review-marker-geometry small{color:#64748b}
@media(min-width:700px){.wd-review-photo-pair{gap:1rem}.wd-review-photo-action{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wd-review-photo-action .btn{width:auto}}
/* Episodenweite Versorgungsziele */
.wd-goal-shell{max-width:1080px}.wd-goal-boundary{margin:.8rem 0 0;padding:.8rem 1rem;border-left:4px solid var(--wd-info,#337ab7);background:#f3f8fc;color:#29475c}.wd-goal-kind{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:.22rem .58rem;border-radius:999px;background:#eaf2fb;color:#24527a;font-size:.78rem;font-weight:700}.wd-goal-state{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.28rem .7rem;border-radius:999px;background:#eef1f4;color:#425466;font-size:.78rem;font-weight:700;white-space:nowrap}.wd-goal-state.is-aktiv{background:#e7f2ff;color:#15508a}.wd-goal-state.is-erreicht{background:#e4f6eb;color:#17693a}.wd-goal-state.is-neu_planen{background:#fff3cd;color:#765800}.wd-goal-state.is-beendet{background:#eef1f4;color:#4f5964}.wd-goal-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0}.wd-goal-facts div,.wd-goal-source{padding:.75rem;border:1px solid #dce4eb;border-radius:.7rem;background:#fafcfd}.wd-goal-facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:#657584}.wd-goal-facts dd{margin:0;font-weight:650}.wd-goal-history{position:relative;margin:0;padding:0;list-style:none}.wd-goal-history li{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(180px,.6fr) minmax(220px,1.5fr);gap:.65rem;padding:.85rem 0;border-bottom:1px solid #e3e8ed}.wd-goal-history li:last-child{border-bottom:0}.wd-goal-history p{margin:0}.wd-goal-create,.wd-goal-review{display:grid;gap:.9rem}.wd-goal-create label,.wd-goal-review label{margin:0}.wd-goal-source{display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center}.wd-goal-source span{flex:1 1 280px;color:#586a78}.wd-goal-review fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.8rem;border:1px solid #dce4eb;border-radius:.7rem}.wd-goal-review legend{width:auto;padding:0 .3rem;font-size:.95rem;font-weight:700}.wd-goal-review fieldset label,.wd-confirm{display:flex;gap:.55rem;align-items:flex-start;padding:.7rem;border-radius:.55rem;background:#f7f9fb}.wd-goal-review input[type=radio],.wd-confirm input{flex:0 0 auto;margin-top:.2rem}.wd-goal-list{display:grid;gap:.7rem}.wd-goal-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.8rem;align-items:center;padding:.85rem;border:1px solid #dce4eb;border-radius:.75rem;background:#fff}.wd-goal-list article>div{display:flex;min-width:0;flex-direction:column;gap:.25rem}.wd-goal-list small{color:#61717f}
@media(max-width:767.98px){.wd-goal-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-goal-history li{grid-template-columns:1fr;gap:.25rem}.wd-goal-review fieldset{grid-template-columns:1fr}.wd-goal-list article{grid-template-columns:1fr}.wd-goal-list article .btn{width:100%;min-height:44px}.wd-goal-state{justify-self:start}.wd-goal-create .btn,.wd-goal-review .btn{min-height:48px}}