/* Übergebene Fälle (#uebergabenBox) - eigene Ansicht wie Bibliothek/Leitfäden. */
#uebergabenBox { color: var(--vm-text); }

.ub-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; height:auto; min-height:112px; }
.ub-hero h2 { margin:0; }
.ub-hero p { position:relative; z-index:1; max-width:72ch; margin:7px 0 0; color:rgba(255,255,255,.86); font-size:13px; }
.ub-hero-aktionen { position:relative; z-index:1; display:flex; gap:10px; flex-wrap:wrap; }
.ub-hero-btn {
  min-height:44px; display:inline-flex; align-items:center; gap:8px; padding:10px 15px;
  border:1px solid rgba(222,255,251,.46); border-radius:12px; cursor:pointer;
  font:inherit; font-size:13px; font-weight:800; color:#fff; background:rgba(5,45,54,.26);
}
.ub-hero-btn:hover { background:rgba(5,45,54,.42); }
.ub-hero-btn-prim { color:#052f35; border-color:#8ef3ea; background:#79e4dc; }
.ub-hero-btn-prim:hover { background:#91eee7; }

/* Kennzahlen */
.ub-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; margin-bottom:18px; }
.ub-stat { padding:14px 16px; border:1px solid var(--vm-border); border-radius:16px; background:var(--vm-surface-3); }
.ub-stat b { display:block; font-size:28px; line-height:1.1; letter-spacing:-.03em; color:var(--vm-primary); }
.ub-stat span { color:var(--vm-muted); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }

/* Reiter und Filter */
.ub-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.ub-tabs button {
  min-height:42px; padding:10px 16px; border:1px solid var(--vm-border); border-radius:12px; cursor:pointer;
  font:inherit; font-weight:750; font-size:13px; color:var(--vm-text); background:var(--vm-surface);
}
.ub-tabs button:hover { border-color:var(--vm-primary); }
.ub-tabs button.an { border-color:var(--vm-primary); background:var(--vm-primary); color:#fff; }
.ub-zahl { margin-left:6px; padding:1px 7px; border-radius:999px; background:rgba(0,0,0,.08); font-size:11px; }
.ub-tabs button.an .ub-zahl { background:rgba(255,255,255,.25); }

.ub-filter { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.ub-filter input, .ub-filter select {
  flex:1; min-width:160px; padding:10px 12px; border:1px solid var(--vm-border); border-radius:10px;
  font:inherit; font-size:14px; color:var(--vm-text); background:var(--vm-surface);
}
.ub-filter input:focus, .ub-filter select:focus {
  border-color:var(--vm-primary); outline:3px solid color-mix(in srgb,var(--vm-primary) 23%,transparent);
}

/* Fallkarte */
.ub-karte { margin-bottom:12px; border:1px solid var(--vm-border); border-radius:18px; overflow:hidden; background:var(--vm-surface); box-shadow:var(--vm-card-shadow); }
.ub-kopf { display:flex; gap:14px; align-items:flex-start; padding:14px 16px; }
.ub-links { flex:1; min-width:0; }
.ub-zeile1 { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ub-kunde { font-size:17px; font-weight:800; letter-spacing:-.02em; }

.ub-chip, .ub-lage { padding:3px 9px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; border:1px solid var(--vm-border); }
.ub-chip { background:var(--vm-surface-2); color:var(--vm-muted); }
.ub-kfz  { background:#fdeddb; border-color:#eac9a1; color:#7d4e14; }
.ub-topt { background:#d9ecfb; border-color:#a8cdea; color:#14547f; }
.ub-ropt { background:#e6e2fb; border-color:#c0b7ee; color:#463a91; }
.ub-eink { background:#dff1e4; border-color:#aed9ba; color:#245f36; }
html[data-theme="dark"] .ub-chip { background:var(--vm-surface-2); border-color:var(--vm-border); color:var(--vm-text); }

.ub-l-offen   { background:#fff3d6; border-color:#e6cb85; color:#6b4a05; }
.ub-l-arbeit  { background:var(--vm-primary-soft); border-color:var(--vm-primary); color:var(--vm-primary-strong); }
.ub-l-fertig  { background:#e0f0e5; border-color:#9fd0ae; color:#1f5c33; }
.ub-l-zurueck { background:var(--vm-surface-2); border-color:var(--vm-border); color:var(--vm-muted); }
.ub-l-weg     { background:var(--vm-surface-2); border-color:var(--vm-danger); color:var(--vm-danger); }
html[data-theme="dark"] .ub-l-arbeit { color:var(--vm-primary); }
html[data-theme="dark"] .ub-l-offen  { background:#4a3a0d; border-color:#8a6f1c; color:#ffe9ac; }
html[data-theme="dark"] .ub-l-fertig { background:#133d22; border-color:#2c7245; color:#b6ecc6; }

.ub-transfer { display:flex; align-items:center; gap:8px; margin-top:8px; flex-wrap:wrap; color:var(--vm-muted); font-size:13px; }
.ub-person { display:inline-flex; align-items:center; gap:7px; padding:4px 10px 4px 4px; border:1px solid var(--vm-border); border-radius:999px; background:var(--vm-surface-3); font-weight:700; color:var(--vm-text); }
.ub-av { width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:10px; font-weight:900; color:#fff; }
.ub-pfeil { color:var(--vm-primary); font-size:16px; }
.ub-notiz { margin:10px 0 0; padding:9px 12px; border-left:3px solid var(--vm-primary); border-radius:0 10px 10px 0; background:var(--vm-surface-3); font-size:13px; color:var(--vm-text); }

.ub-rechts { display:flex; flex-direction:column; gap:8px; min-width:172px; }
.ub-btn {
  min-height:40px; padding:9px 14px; border:1px solid var(--vm-border); border-radius:11px; cursor:pointer;
  font:inherit; font-size:13px; font-weight:750; white-space:nowrap; color:var(--vm-text); background:var(--vm-surface-3);
}
.ub-btn:hover:not(:disabled) { border-color:var(--vm-primary); }
.ub-btn.ub-prim { border-color:var(--vm-primary); background:var(--vm-primary); color:#fff; }
.ub-btn.ub-warn { border-color:var(--vm-danger); background:var(--vm-surface); color:var(--vm-danger); }
.ub-btn:disabled { opacity:.45; cursor:not-allowed; }

/* Historie */
.ub-hist { border-top:1px solid var(--vm-border); background:var(--vm-surface-3); }
.ub-hist summary { padding:10px 16px; cursor:pointer; font-size:13px; font-weight:750; color:var(--vm-primary); list-style:none; }
.ub-hist summary::-webkit-details-marker { display:none; }
.ub-hist summary::before { content:"▸ "; }
.ub-hist[open] summary::before { content:"▾ "; }
.ub-tl { position:relative; margin:0; padding:2px 16px 16px 30px; list-style:none; }
.ub-tl::before { content:""; position:absolute; left:15px; top:4px; bottom:16px; width:2px; background:var(--vm-border); }
.ub-tl li { position:relative; padding:7px 0 7px 14px; font-size:13px; }
.ub-tl li::before { content:""; position:absolute; left:-19px; top:14px; width:9px; height:9px; border-radius:50%; background:var(--vm-primary); box-shadow:0 0 0 3px var(--vm-surface-3); }
.ub-tl li.ub-rueck::before { background:var(--vm-accent); }
.ub-zeit { display:block; color:var(--vm-muted); font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.ub-tl-notiz { display:block; margin-top:3px; color:var(--vm-muted); font-style:italic; }

.ub-leer { padding:30px; border:1px dashed var(--vm-border); border-radius:16px; color:var(--vm-muted); text-align:center; }

/* Dialog */
.ub-dialog { width:min(460px,92vw); padding:0; border:1px solid var(--vm-border); border-radius:20px; background:var(--vm-surface); color:var(--vm-text); box-shadow:var(--vm-shadow); }
.ub-dialog::backdrop { background:rgba(6,26,31,.55); }
.ub-dialog form { padding:22px; }
.ub-dialog h3 { margin:0 0 6px; font-size:20px; letter-spacing:-.02em; }
.ub-dialog p { margin:0 0 14px; color:var(--vm-muted); font-size:13px; }
.ub-dialog textarea { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid var(--vm-border); border-radius:10px; font:inherit; color:var(--vm-text); background:var(--vm-surface-3); resize:vertical; }
.ub-dialog-akt { display:flex; gap:10px; justify-content:flex-end; margin-top:14px; flex-wrap:wrap; }

@media (max-width:820px) {
  .ub-hero { flex-direction:column; align-items:flex-start; }
  .ub-kopf { flex-direction:column; }
  .ub-rechts { width:100%; min-width:0; flex-direction:row; flex-wrap:wrap; }
  .ub-rechts .ub-btn { flex:1; }
}