/* Hausverwaltung – Rock Familien KG – v2.1.2 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

/* ── Volle Breite – Theme-Container aufbrechen ── */
.hv-wrap { font-family:'DM Sans',-apple-system,sans-serif; color:#0f172a; width:100%; max-width:100%; }
.hv-wrap * { box-sizing:border-box; }

/* WordPress Theme Container überschreiben */
.entry-content .hv-wrap,
.post-content .hv-wrap,
.page-content .hv-wrap,
.wp-block-group .hv-wrap,
article .hv-wrap { max-width:100% !important; width:100% !important; }

/* Übergeordnete Container verbreitern */
body.page .entry-content,
body.page .post-content,
body.page article,
body.page .site-main,
body.page .wp-site-blocks > * { max-width:100% !important; }

/* Header – kompakte Navigationsleiste */
.hv-header { display:flex; align-items:center; justify-content:space-between; background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:8px 16px; margin-bottom:14px; box-shadow:0 1px 4px rgba(0,0,0,.05); gap:12px; min-height:54px; }
.hv-header-left { display:flex; align-items:center; gap:12px; }
.hv-logo { height:36px; width:auto; }
.hv-header-left strong { display:block; font-size:14px; font-weight:700; color:#0f172a; line-height:1.2; }
.hv-header-left span { display:block; font-size:10px; color:#64748b; }

/* Breadcrumb */
.hv-breadcrumb { font-size:13px; color:#64748b; margin-bottom:14px; }
.hv-breadcrumb a { color:#1a56a0; text-decoration:none; }
.hv-breadcrumb a:hover { text-decoration:underline; }

/* Toolbar */
.hv-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:10px 14px; margin-bottom:14px; }
.hv-search-wrap { display:flex; align-items:center; gap:8px; flex:1; min-width:200px; background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:8px; padding:7px 12px; }
.hv-search-wrap svg { width:14px; height:14px; color:#94a3b8; flex-shrink:0; }
.hv-search-wrap input { border:none; background:transparent; font-size:13px; width:100%; outline:none; color:#0f172a; font-family:inherit; }
/* Schmale Toolbar (Objekt-Detailansicht) */
.hv-toolbar-slim { padding:7px 10px; margin-bottom:12px; }
.hv-toolbar-slim .hv-search-wrap { flex:0 1 360px; min-width:160px; }
/* Aufklappbarer Foto-Sammelordner */
.hv-foto-collapse { background:#fff; border:1px solid #e2e8f0; border-radius:10px; margin-bottom:12px; overflow:hidden; }
.hv-foto-collapse > summary { list-style:none; cursor:pointer; padding:9px 14px; font-size:13px; font-weight:600; color:#334155; display:flex; align-items:center; gap:8px; user-select:none; }
.hv-foto-collapse > summary::-webkit-details-marker { display:none; }
.hv-foto-collapse > summary::after { content:"▸"; margin-left:auto; color:#94a3b8; transition:transform .15s; }
.hv-foto-collapse[open] > summary::after { transform:rotate(90deg); }
.hv-foto-collapse > summary:hover { background:#f8fafc; }
.hv-foto-collapse .hv-foto-galerie { padding:0 14px 14px; margin:0; }
.hv-cnt { display:inline-block; background:#eff6ff; color:#1a4a8a; font-size:11px; font-weight:600; padding:1px 7px; border-radius:9px; }

/* Buttons */
.hv-wrap .hv-btn { display:inline-flex !important; align-items:center !important; gap:5px !important; padding:7px 14px !important; border-radius:8px !important; font-size:13px !important; font-weight:500 !important; cursor:pointer !important; text-decoration:none !important; border:1.5px solid #e2e8f0 !important; background:#fff !important; color:#475569 !important; line-height:1.4 !important; text-transform:none !important; font-family:inherit !important; }
.hv-wrap .hv-btn-primary { background:#1a4a8a !important; color:#fff !important; border-color:#1a4a8a !important; font-weight:600 !important; }
.hv-wrap .hv-btn-primary:hover { background:#153c73 !important; color:#fff !important; }
.hv-wrap .hv-btn-sm { padding:5px 10px !important; font-size:12px !important; background:#dbeafe !important; color:#1a4a8a !important; border-color:#bfdbfe !important; }
.hv-wrap .hv-btn-del { background:#fff !important; color:#dc2626 !important; border-color:#fca5a5 !important; padding:5px 9px !important; }
.hv-wrap .hv-btn-del:hover { background:#fff1f2 !important; }

/* Notices */
.hv-notice { padding:10px 14px; border-radius:8px; margin-bottom:14px; font-size:13px; }
.hv-ok  { background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; }
.hv-err { background:#fee2e2; border:1px solid #fca5a5; color:#991b1b; }

/* Objekte Grid */
.hv-objekte-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; }
.hv-objekt-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; overflow:hidden; transition:all .15s; }
.hv-objekt-card:hover { box-shadow:0 4px 16px rgba(26,74,138,.12); transform:translateY(-2px); border-color:#93c5fd; }
.hv-card-foto { height:200px; overflow:hidden; }
.hv-card-foto img { width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.hv-card-foto-empty { background:#f1f5f9; display:flex; align-items:center; justify-content:center; font-size:48px; }
.hv-card-body { padding:14px; }
.hv-card-body h3 { margin:0 0 4px; font-size:15px; font-weight:700; color:#0f172a; }
.hv-adr { font-size:12px; color:#64748b; margin:0 0 10px; }
.hv-sub { font-size:12px; color:#94a3b8; margin:2px 0; }
.hv-card-stats { display:flex; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.hv-stat { font-size:12px; color:#475569; }
.hv-stat strong { font-weight:700; }
.hv-stat.hv-green strong { color:#166534; }
.hv-stat.hv-blue  strong { color:#1a4a8a; }
.hv-stat.hv-orange strong { color:#c2410c; }
.hv-stat.hv-yellow strong { color:#854d0e; }
.hv-card-actions { display:flex; gap:6px; flex-wrap:wrap; }

/* Objekt Detail */
.hv-objekt-header { display:flex; align-items:flex-start; gap:14px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:12px 14px; margin-bottom:12px; flex-wrap:wrap; }
.hv-objekt-foto { width:92px; height:70px; object-fit:cover; border-radius:8px; border:1px solid #e2e8f0; flex-shrink:0; }
.hv-objekt-info { flex:1; }
.hv-objekt-info h2 { margin:0 0 3px; font-size:17px; font-weight:700; }
.hv-objekt-header .hv-adr, .hv-objekt-header .hv-sub { margin:1px 0; font-size:12px; line-height:1.35; }
.hv-objekt-header .hv-card-stats { margin-top:6px !important; }
.hv-objekt-actions { display:flex; flex-direction:row; flex-wrap:wrap; gap:6px; align-content:flex-start; }
.hv-section-title { font-size:14px; font-weight:700; color:#0f172a; margin-bottom:10px; padding-bottom:8px; border-bottom:2px solid #1a4a8a; }

/* Tabelle */
.hv-table-wrap { background:#fff; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; }
.hv-table { width:100%; border-collapse:collapse; font-size:13px; }
.hv-table thead tr { background:#f1f5f9; border-bottom:2px solid #e2e8f0; }
.hv-table th { padding:10px 12px; font-weight:600; font-size:12px; color:#374151; text-align:left; }
.hv-table td { padding:10px 12px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.hv-table tr:last-child td { border-bottom:none; }
.hv-table tr:hover td { background:#f8faff; }
.hv-table strong { display:block; font-weight:600; color:#0f172a; }
.hv-table em { font-style:normal; display:block; font-size:11px; color:#64748b; }
.hv-col-a { white-space:nowrap; }
.hv-col-a .hv-btn { margin-right:4px; }
.hv-thumb { width:44px; height:44px; object-fit:cover; border-radius:6px; border:1px solid #e2e8f0; }

/* Badges */
.hv-badge { display:inline-block; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:600; }
.hv-green  { background:#dcfce7; color:#166534; }
.hv-blue   { background:#dbeafe; color:#1a4a8a; }
.hv-orange { background:#ffedd5; color:#c2410c; }
.hv-yellow { background:#fef9c3; color:#854d0e; }
.hv-grey   { background:#f1f5f9; color:#475569; }

/* Formular */
.hv-form-title { font-size:18px; font-weight:700; margin-bottom:16px; }
.hv-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
.hv-section { background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:14px; }
.hv-section h3 { font-size:13px; font-weight:700; color:#1a4a8a; margin:0 0 12px; padding-bottom:8px; border-bottom:1px solid #e2e8f0; }
.hv-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.hv-f { display:flex; flex-direction:column; gap:3px; }
.hv-f-full { grid-column:1/-1; }
.hv-f label { font-size:11px; font-weight:600; color:#374151; }
.hv-f input,.hv-f select,.hv-f textarea { padding:8px 10px; border:1.5px solid #e2e8f0; border-radius:7px; font-size:13px; width:100%; background:#fff; color:#0f172a; font-family:inherit; }
.hv-f input:focus,.hv-f select:focus,.hv-f textarea:focus { border-color:#1a4a8a; outline:none; box-shadow:0 0 0 3px rgba(26,74,138,.08); }
.hv-form-actions { display:flex; gap:10px; margin-top:4px; }

/* Leer-Zustand */
.hv-empty { text-align:center; padding:3rem; background:#f8fafc; border-radius:12px; border:1.5px dashed #e2e8f0; }
.hv-empty span { font-size:48px; display:block; margin-bottom:10px; }
.hv-empty p { font-size:14px; color:#94a3b8; margin-bottom:16px; }

@media(max-width:768px) {
    .hv-form-grid,.hv-grid { grid-template-columns:1fr; }
    .hv-objekte-grid { grid-template-columns:1fr; }
    .hv-table th:nth-child(3),.hv-table td:nth-child(3),
    .hv-table th:nth-child(4),.hv-table td:nth-child(4) { display:none; }
}

/* Navigation */
.hv-nav { display:flex; gap:6px; }
.hv-nav-link { display:inline-flex !important; align-items:center !important; gap:5px; padding:7px 14px !important; border-radius:8px; font-size:13px; font-weight:500; text-decoration:none !important; border:1.5px solid #e2e8f0 !important; background:#fff !important; color:#475569 !important; cursor:pointer !important; pointer-events:auto !important; opacity:1 !important; }
.hv-nav-link:hover { border-color:#bfdbfe !important; color:#1a4a8a !important; background:#eff6ff !important; }
.hv-nav-active { background:#1a4a8a !important; color:#fff !important; border-color:#1a4a8a !important; }

/* Mieter Header */
.hv-mieter-header { display:flex; align-items:flex-start; gap:16px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:16px; margin-bottom:14px; flex-wrap:wrap; }
.hv-mieter-avatar { font-size:48px; flex-shrink:0; }

/* Detail Rows */
.hv-detail-row { display:flex; justify-content:space-between; align-items:center; font-size:13px; padding:6px 0; border-bottom:1px solid #f1f5f9; }
.hv-detail-row:last-child { border-bottom:none; }
.hv-detail-row span:first-child { color:#64748b; flex-shrink:0; margin-right:12px; }
.hv-detail-row span:last-child { color:#0f172a; font-weight:500; text-align:right; }

/* Grey text */
.hv-grey-text { color:#94a3b8; }

/* Zähler-Grid (Hauszähler Übersicht) */
.hv-zaehler-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; }
.hv-zaehler-card { background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:10px 12px; display:flex; align-items:flex-start; gap:10px; flex-wrap:wrap; }
.hv-zaehler-icon { font-size:24px; flex-shrink:0; line-height:1.2; }
.hv-zaehler-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.hv-zaehler-info strong { font-size:13px; font-weight:700; color:#0f172a; }
.hv-zaehler-info span { font-size:11.5px; color:#64748b; word-break:break-word; }
.hv-zaehler-actions { display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; flex-basis:100%; }

/* Globale Suche */
.hv-search-hero { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:20px; margin-bottom:14px; }
.hv-search-hero-inner { display:flex; align-items:center; gap:10px; }
.hv-search-hero-inner svg { width:20px; height:20px; color:#94a3b8; flex-shrink:0; }
.hv-search-hero-inner input[type=text] { flex:1; border:none; font-size:16px; outline:none; color:#0f172a; font-family:inherit; background:transparent; }
.hv-search-hero-inner input[type=text]::placeholder { color:#94a3b8; }

.hv-search-hint { text-align:center; padding:2rem; color:#64748b; }
.hv-search-hint p { font-size:15px; margin-bottom:12px; }
.hv-search-beispiele { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; align-items:center; }
.hv-search-beispiele span { font-size:13px; color:#94a3b8; }
.hv-search-beispiele .hv-badge { cursor:pointer; text-decoration:none; }
.hv-search-beispiele .hv-badge:hover { opacity:.8; }

.hv-search-count { font-size:13px; color:#64748b; margin-bottom:10px; padding:0 4px; }

/* Nebenkosten Metriken */
.hv-nk-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:14px; }
.hv-nk-metric { background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:14px; }
.hv-nk-metric-ok  { background:#f0fdf4; border-color:#bbf7d0; }
.hv-nk-metric-warn { background:#fefce8; border-color:#fde68a; }
.hv-nk-metric-label { display:block; font-size:12px; color:#64748b; margin-bottom:4px; }
.hv-nk-metric-val { display:block; font-size:22px; font-weight:700; color:#0f172a; }
.hv-nk-metric-ok .hv-nk-metric-val { color:#166534; }
.hv-nk-metric-warn .hv-nk-metric-val { color:#854d0e; }

/* Badge rot */
.hv-red { background:#fee2e2 !important; color:#b91c1c !important; }

/* PDF Thumbnail in Tabelle */
.hv-pdf-thumb-link { display:inline-block; text-decoration:none; }
canvas.hv-pdf-canvas {
    display:block; border-radius:4px; border:1px solid #e2e8f0;
    box-shadow:0 1px 4px rgba(0,0,0,.08); background:#f8fafc;
}

@media(max-width:700px) { .hv-nk-metrics { grid-template-columns:1fr; } }

/* Bank-Import */
.hv-nk-metric-blue { background:#eff6ff; border-color:#bfdbfe; }
.hv-nk-metric-blue .hv-nk-metric-val { color:#1a4a8a; }
@media(max-width:700px) {
    .hv-nk-metrics[style*="grid-template-columns:repeat(4"] { grid-template-columns:1fr 1fr !important; }
}

/* Bank Auswertung */
.hv-check-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:14px; }
.hv-check-block-title { display:flex; align-items:center; justify-content:space-between; font-size:15px; font-weight:700; padding:10px 14px; border-radius:8px; margin-bottom:10px; }
.hv-check-ein  { background:#f0fdf4; color:#166534; border:1.5px solid #bbf7d0; }
.hv-check-aus  { background:#fef2f2; color:#991b1b; border:1.5px solid #fca5a5; }
.hv-check-total { font-size:18px; font-weight:800; }
.hv-check-row  { display:flex; align-items:center; gap:8px; padding:5px 0; border-bottom:1px solid #f1f5f9; }
.hv-check-row:last-child { border-bottom:none; }
.hv-check-bar-wrap { flex:1; background:#f1f5f9; border-radius:4px; height:8px; overflow:hidden; min-width:40px; }
.hv-check-bar  { height:8px; border-radius:4px; transition:width .3s; }
.hv-check-bar-ein { background:#22c55e; }
.hv-check-bar-aus { background:#f87171; }
.hv-check-cnt  { font-size:11px; color:#94a3b8; white-space:nowrap; }
.hv-check-sum  { font-size:13px; font-weight:700; white-space:nowrap; min-width:90px; text-align:right; }
.hv-check-sum.ein { color:#166534; }
.hv-check-sum.aus { color:#dc2626; }

@media(max-width:768px) { .hv-check-grid { grid-template-columns:1fr; } }

/* Mieten-Matrix */
.hv-matrix-table th, .hv-matrix-table td { padding:6px 6px !important; }
.hv-matrix-table { font-size:12px !important; }
@media(max-width:900px) { .hv-matrix-table th:nth-child(n+4),.hv-matrix-table td:nth-child(n+4) { display:none; } }

/* User-Bar im Header */
.hv-user-bar { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.hv-user-name { font-size:12px; color:#475569; display:flex; align-items:center; gap:6px; }
.hv-user-rolle { padding:2px 7px; border-radius:10px; font-size:10px; font-weight:700; }
.hv-header { flex-wrap:wrap; }
@media(max-width:900px) { .hv-nav { display:none; } }

/* Foto-Galerie */
.hv-foto-galerie { display:flex; flex-wrap:wrap; gap:8px; }
.hv-foto-item { position:relative; width:100px; height:100px; border-radius:8px; overflow:hidden; border:1px solid #e2e8f0; flex-shrink:0; }
.hv-foto-item img { width:100%; height:100%; object-fit:cover; display:block; }
.hv-foto-del { position:absolute; top:4px; right:4px; background:rgba(220,38,38,.85); color:#fff; border-radius:50%; width:20px; height:20px; display:flex; align-items:center; justify-content:center; font-size:11px; text-decoration:none; font-weight:700; line-height:1; }
.hv-foto-del:hover { background:#b91c1c; }

/* Erinnerungen */
.hv-erinnerung-row { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid rgba(0,0,0,.06); flex-wrap:wrap; }
.hv-erinnerung-row:last-child { border-bottom:none; padding-bottom:0; }
.hv-yellow { background:#fef9c3 !important; color:#854d0e !important; }

/* Aktionsleiste */
.hv-action-bar { display:flex; align-items:center; justify-content:space-between; background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:12px 16px; margin-bottom:12px; flex-wrap:wrap; gap:10px; box-shadow:0 1px 4px rgba(0,0,0,.05); }

/* Dokument-Galerie */
.hv-dok-galerie { display:flex; flex-wrap:wrap; gap:12px; margin-top:6px; }
.hv-dok-item { width:110px; display:flex; flex-direction:column; gap:4px; }
.hv-dok-preview { display:block; width:110px; height:140px; border-radius:8px; overflow:hidden; border:1px solid #e2e8f0; background:#f8fafc; position:relative; text-decoration:none; display:flex; align-items:center; justify-content:center; }
.hv-dok-preview img { width:100%; height:100%; object-fit:cover; }
.hv-dok-preview canvas { max-width:100%; max-height:100%; }
.hv-dok-pdf-badge { position:absolute; bottom:4px; left:4px; background:#1a4a8a; color:#fff; font-size:9px; font-weight:700; padding:2px 5px; border-radius:4px; letter-spacing:.05em; }
.hv-dok-info { display:flex; align-items:center; justify-content:space-between; gap:4px; }
.hv-dok-titel { font-size:11px; color:#374151; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
.hv-dok-del { font-size:12px; text-decoration:none; flex-shrink:0; opacity:.6; }
.hv-dok-del:hover { opacity:1; }

/* Wohnungs-Karten mit integrierten Zählern */
.hv-whg-card { background:#fff; border:1px solid #e2e8f0; border-radius:10px; margin-bottom:10px; overflow:hidden; }
.hv-whg-card:hover { border-color:#93c5fd; box-shadow:0 2px 8px rgba(26,74,138,.08); }

.hv-whg-header { display:flex; align-items:flex-start; gap:12px; padding:14px; flex-wrap:wrap; }
.hv-whg-foto { width:56px; height:56px; border-radius:8px; overflow:hidden; border:1px solid #e2e8f0; flex-shrink:0; background:#f8fafc; display:flex; align-items:center; justify-content:center; font-size:24px; }
.hv-whg-foto img { width:100%; height:100%; object-fit:cover; }
.hv-whg-meta { flex:1; min-width:0; }
.hv-whg-title { display:flex; align-items:center; gap:8px; margin-bottom:4px; flex-wrap:wrap; }
.hv-whg-title strong { font-size:15px; font-weight:700; color:#0f172a; }
.hv-whg-sub { display:flex; gap:10px; flex-wrap:wrap; font-size:12px; color:#64748b; margin-bottom:5px; }
.hv-whg-miete { display:flex; gap:10px; flex-wrap:wrap; font-size:12px; align-items:center; }
.hv-whg-mieter { font-weight:600; color:#1a4a8a; }
.hv-whg-actions { display:flex; gap:5px; flex-wrap:wrap; flex-shrink:0; align-items:flex-start; }

/* Zähler-Chips */
.hv-whg-zaehler { background:#f8fafc; border-top:1px solid #e2e8f0; padding:10px 14px; display:flex; flex-wrap:wrap; gap:8px; }
.hv-whg-zaehler-empty { padding:8px 14px; }

.hv-zaehler-chip { display:flex; align-items:center; gap:8px; background:#fff; border:1.5px solid #e2e8f0; border-radius:8px; padding:8px 12px; text-decoration:none; color:#0f172a; min-width:200px; flex:1; transition:all .15s; }
.hv-zaehler-chip:hover { border-color:#1a4a8a; background:#eff6ff; }
.hv-zaehler-chip-abschlag { border-color:#fed7aa; background:#fff7ed; }
.hv-zaehler-chip-abschlag:hover { border-color:#c2410c; background:#ffedd5; }
.hv-zaehler-chip-icon { font-size:20px; flex-shrink:0; }
.hv-zaehler-chip-info { display:flex; flex-direction:column; gap:1px; flex:1; min-width:0; }
.hv-zaehler-chip-info strong { font-size:12px; font-weight:700; color:#0f172a; }
.hv-zaehler-chip-info span { font-size:11px; color:#64748b; }
.hv-zaehler-chip-stand { color:#1a4a8a !important; font-weight:600; }
.hv-zaehler-chip-stand em { font-style:normal; color:#94a3b8; margin-left:4px; }
.hv-zaehler-chip-arrow { font-size:12px; color:#94a3b8; flex-shrink:0; }

/* ── Allgemeine Dokumente pro Datensatz ── */
.hv-dok-box{margin:16px 0;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.hv-dok-h{margin:0 0 10px;font-size:15px;color:#1a2b45}
.hv-dok-empty{color:#94a3b8;font-size:13px;margin:0 0 10px}
.hv-dok-list{list-style:none;margin:0 0 12px;padding:0}
.hv-dok-item{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border:1px solid #eef2f7;border-radius:8px;margin-bottom:6px}
.hv-dok-link{color:#1a4a8a;text-decoration:none;font-size:14px;word-break:break-all}
.hv-dok-link:hover{text-decoration:underline}
.hv-dok-del{color:#b91c1c;text-decoration:none;font-weight:700;padding:0 6px}
.hv-dok-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  border-top:1px dashed #e2e8f0;padding-top:12px}
.hv-dok-titel{flex:1 1 200px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}
.hv-dok-btn{white-space:nowrap}

/* ── Anhang-Klammer (📎) ───────────────────────────── */
.hv-klammer{
    display:inline-flex;align-items:center;gap:3px;
    font-size:11px;font-weight:600;line-height:1;
    color:#475569;background:#eef2f7;
    border:1px solid #dbe2ea;border-radius:9px;
    padding:2px 7px;margin-left:6px;
    vertical-align:middle;white-space:nowrap;
}
.hv-zaehler-chip .hv-klammer,
.hv-zaehler-info .hv-klammer{font-size:10px;padding:1px 6px;margin-left:4px;}