/* Erfassung — Stundenrapport + Absenz je MA (Haptik wie mein-fretus) */
.view[data-view="erfassung"] .erf-layout { display:grid; grid-template-columns: 330px 1fr; gap:14px; align-items:start; }
.view[data-view="erfassung"] .erf-left { padding:10px; position:sticky; top:0; }
.view[data-view="erfassung"] .erf-search { display:flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid var(--border,#e5e9f0); border-radius:10px; margin-bottom:8px; color:var(--text-muted); }
.view[data-view="erfassung"] .erf-search input { border:0; outline:0; flex:1; font-size:13px; background:transparent; }
.view[data-view="erfassung"] .erf-mas { max-height:calc(100vh - 320px); overflow:auto; }
.view[data-view="erfassung"] .erf-li { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:10px; cursor:pointer; }
.view[data-view="erfassung"] .erf-li:hover { background:var(--brand-soft,#e6f6fc); }
.view[data-view="erfassung"] .erf-li.on { background:var(--brand-soft,#e6f6fc); outline:1px solid var(--brand,#0099cc); }
.view[data-view="erfassung"] .erf-av { width:34px; height:34px; border-radius:50%; background:#e6f6fc; color:#036; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px; flex:0 0 auto; }
.view[data-view="erfassung"] .erf-li-txt { min-width:0; }
.view[data-view="erfassung"] .erf-li-txt b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.view[data-view="erfassung"] .erf-li-txt small { color:var(--text-muted); }
.view[data-view="erfassung"] .erf-empty { display:flex; flex-direction:column; align-items:center; gap:12px; padding:48px 16px; color:var(--text-muted); font-size:15px; }
.view[data-view="erfassung"] .erf-dim { color:var(--text-muted); font-size:12px; margin-left:8px; }
.view[data-view="erfassung"] .erf-tabs { margin:0 0 12px; }
.view[data-view="erfassung"] .erf-list { padding:10px 14px 14px; }
.view[data-view="erfassung"] .erf-list-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }

/* entry-rows wie mein-fretus */
.view[data-view="erfassung"] .erf-row { display:grid; grid-template-columns: 76px 1fr 130px 100px; gap:12px; align-items:center;
  padding:9px 10px; border:1px solid var(--border,#e5e9f0); border-radius:10px; margin-bottom:6px; cursor:pointer; background:#fff; }
.view[data-view="erfassung"] .erf-row:hover { background:var(--brand-soft,#e6f6fc); }
.view[data-view="erfassung"] .erf-date { font-weight:600; }
.view[data-view="erfassung"] .erf-date small { display:block; font-weight:400; color:var(--text-muted); }
.view[data-view="erfassung"] .erf-proj { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.view[data-view="erfassung"] .erf-proj .erf-dim { margin-left:0; }
.view[data-view="erfassung"] .erf-times { font-variant-numeric:tabular-nums; }
.view[data-view="erfassung"] .erf-pill { display:inline-block; padding:2px 10px; border-radius:999px; font-size:11px; font-weight:600;
  background:#fee2e2; color:#b91c1c; }                                  /* erfasst = offen (rot wie mein-fretus offen) */
.view[data-view="erfassung"] .erf-pill.visiert  { background:var(--status-visiert,#dcfce7); color:#15803d; }
.view[data-view="erfassung"] .erf-pill.verbucht,
.view[data-view="erfassung"] .erf-pill.abgerechnet { background:#e0e7ff; color:#3730a3; }
.view[data-view="erfassung"] .erf-pill.abgelehnt{ background:#fef3c7; color:#92400e; }

/* Rapport-relevante Stammdaten (linke Spalte unter dem Picker) */
.view[data-view="erfassung"] .erf-info-card { border-top:1px solid var(--border,#e5e9f0); padding-top:12px; }
.view[data-view="erfassung"] .erf-info-title { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--text-dim,#94a3b8); margin-bottom:8px; }
.view[data-view="erfassung"] .erf-info-row { display:flex; gap:10px; padding:5px 0; border-bottom:1px solid #f4f7fa; font-size:13px; }
.view[data-view="erfassung"] .erf-info-k { flex:0 0 118px; color:var(--text-muted,#64748b); }
.view[data-view="erfassung"] .erf-info-v { flex:1; color:var(--text,#0f172a); font-weight:500; }
.view[data-view="erfassung"] .erf-info-v.erf-info-hl { color:#b45309; font-weight:600; }
.view[data-view="erfassung"] .erf-info-note { margin-top:8px; font-size:11px; color:var(--text-dim,#94a3b8); }

/* ---- Tab-Leiste (Rapporte&Absenzen | Spesen) ---- */
.erf-tabs { display:flex; gap:6px; margin-bottom:14px; }
.erf-tab {
  display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  border:1px solid var(--border, #e6ebf0); background:#fff; color:var(--text-muted, #5b6b7a);
  border-radius:.55rem; padding:.5rem .9rem; font-size:.9rem; font-weight:600;
}
.erf-tab .icon { width:16px; height:16px; }
.erf-tab:hover { border-color:var(--brand, #0099CC); color:var(--brand, #0099CC); }
.erf-tab.on { background:var(--brand, #0099CC); border-color:var(--brand, #0099CC); color:#fff; }

/* ---- Spesen-Tab (Card/Row-Look wie Rapporte, nur das Formular ist eigen) ---- */
.view[data-view="erfassung"] .sp-editor { border:1px solid var(--border,#e5e9f0); border-radius:10px; padding:12px 14px; margin-bottom:12px; background:#fafcfe; }
.view[data-view="erfassung"] .sp-editor-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.view[data-view="erfassung"] .sp-editor-head b { font-size:14px; }
.view[data-view="erfassung"] .sp-form { display:flex; flex-direction:column; gap:2px; }
.view[data-view="erfassung"] .sp-l { display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--text-muted,#5b6b7a); margin-bottom:8px; }
.view[data-view="erfassung"] .sp-hint { font-size:12px; color:var(--text-muted,#5b6b7a); margin:0 0 12px; }
.view[data-view="erfassung"] #erf-sp-list .erf-row { grid-template-columns: 76px 1fr 130px 100px; }
.view[data-view="erfassung"] #erf-sp-list .erf-times { text-align:left; }