/* Veröffentlichte Links (#linksBox) - eigene Ansicht wie Übergebene Fälle. */
#linksBox { color: var(--vm-text); }

.lk-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; height:auto; min-height:112px; }
.lk-hero h2 { margin:0; }
.lk-hero p { position:relative; z-index:1; max-width:76ch; margin:7px 0 0; color:rgba(255,255,255,.86); font-size:13px; }
.lk-hero-aktionen { position:relative; z-index:1; display:flex; gap:10px; flex-wrap:wrap; }
.lk-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);
}
.lk-hero-btn:hover { background:rgba(5,45,54,.42); }
.lk-hero-btn-prim { color:#052f35; border-color:#8ef3ea; background:#79e4dc; }
.lk-hero-btn-prim:hover { background:#91eee7; }

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

/* Filter */
.lk-filter { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.lk-filter input, .lk-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);
}
.lk-filter input:focus, .lk-filter select:focus {
  border-color:var(--vm-primary); outline:3px solid color-mix(in srgb,var(--vm-primary) 23%,transparent);
}

/* Zwischenüberschrift bei Sortierung "Nach Berater" - volle Gitterbreite */
.lk-gruppe {
  grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin:10px 0 0; padding:8px 14px; border:1px solid var(--vm-border); border-radius:12px;
  background:var(--vm-surface-3); font-size:14px; font-weight:800; letter-spacing:-.01em;
}
.lk-gruppe:first-child { margin-top:0; }
.lk-gruppe span { color:var(--vm-muted); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }

/* Kacheln: so viele Spalten wie passen (breiter Monitor = drei). */
.lk-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(430px,1fr)); gap:12px; align-items:start; }

/* Linkkachel */
.lk-karte {
  display:flex; flex-direction:column; gap:7px; padding:12px 14px;
  border:1px solid var(--vm-border); border-radius:14px;
  background:var(--vm-surface); box-shadow:var(--vm-card-shadow);
}
.lk-karte-warn { border-color:var(--vm-danger); background:color-mix(in srgb,var(--vm-danger) 4%,var(--vm-surface)); }
.lk-zeile1 { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.lk-kunde { font-size:15px; font-weight:800; letter-spacing:-.02em; }

.lk-chip, .lk-lage, .lk-typ { padding:2px 8px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; border:1px solid var(--vm-border); white-space:nowrap; }
.lk-chip { background:var(--vm-surface-2); color:var(--vm-muted); }
.lk-topt    { background:#d9ecfb; border-color:#a8cdea; color:#14547f; }
.lk-ropt    { background:#e6e2fb; border-color:#c0b7ee; color:#463a91; }
.lk-eink    { background:#dff1e4; border-color:#aed9ba; color:#245f36; }
.lk-bav     { background:#fdeddb; border-color:#eac9a1; color:#7d4e14; }
.lk-aufgabe { background:var(--vm-surface-2); border-color:var(--vm-border); color:var(--vm-muted); }
html[data-theme="dark"] .lk-chip { background:var(--vm-surface-2); border-color:var(--vm-border); color:var(--vm-text); }

.lk-typ { background:var(--vm-primary-soft); border-color:var(--vm-primary); color:var(--vm-primary-strong); }
html[data-theme="dark"] .lk-typ { color:var(--vm-primary); }
.lk-l-ok   { background:#e0f0e5; border-color:#9fd0ae; color:#1f5c33; }
.lk-l-warn { background:#ffe2e2; border-color:#e59b9b; color:#8e1f1f; }
html[data-theme="dark"] .lk-l-ok   { background:#133d22; border-color:#2c7245; color:#b6ecc6; }
html[data-theme="dark"] .lk-l-warn { background:#4a1414; border-color:#8a2626; color:#ffc9c9; }

.lk-meta { color:var(--vm-muted); font-size:12px; }

/* Fusszeile: Adresse einzeilig (Rest wird abgeschnitten) + Knoepfe daneben */
.lk-fuss { display:flex; align-items:center; gap:8px; }
.lk-url {
  flex:1; min-width:0; padding:6px 10px; border-radius:9px; background:var(--vm-surface-3);
  font-size:11px; color:var(--vm-primary); text-decoration:none;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
a.lk-url:hover { text-decoration:underline; }
.lk-url-leer { color:var(--vm-muted); font-style:italic; }

.lk-rechts { display:flex; gap:6px; flex-shrink:0; }
.lk-btn {
  min-height:32px; padding:6px 10px; border:1px solid var(--vm-border); border-radius:9px; cursor:pointer;
  font:inherit; font-size:12px; font-weight:750; white-space:nowrap; color:var(--vm-text); background:var(--vm-surface-3);
}
.lk-btn:hover { border-color:var(--vm-primary); }
.lk-btn-warn { border-color:var(--vm-danger); background:var(--vm-surface); color:var(--vm-danger); }

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

@media (max-width:820px) {
  .lk-hero { flex-direction:column; align-items:flex-start; }
  .lk-grid { grid-template-columns:1fr; }
  .lk-fuss { flex-direction:column; align-items:stretch; }
  .lk-rechts .lk-btn { flex:1; }
}