/* mein-fretus · Spesen erfassen */
.sp-card {
  background:#fff; border:1px solid #e6ebf0; border-radius:.7rem;
  padding:1rem; margin-bottom:1rem;
}
.sp-card h3 { margin:0 0 .4rem; font-size:1rem; }
.sp-hint { font-size:.82rem; color:#5b6b7a; margin:0 0 .7rem; }
.sp-l { display:flex; flex-direction:column; gap:.25rem; font-size:.8rem; color:#5b6b7a; margin-bottom:.6rem; }
.sp-in {
  padding:.5rem .55rem; border:1px solid #d2dae2; border-radius:.45rem;
  font-size:.95rem; background:#fff; width:100%; box-sizing:border-box; min-width:0;
}
.sp-in:focus { outline:none; border-color:#0099CC; box-shadow:0 0 0 2px #0099cc22; }
.sp-item { cursor:pointer; }
.sp-item:hover { background:#f7fafc; }
.sp-item:focus { outline:2px solid #0099cc55; outline-offset:2px; border-radius:.4rem; }
.sp-empty { font-size:.85rem; color:#8a98a6; padding:.3rem 0; }
.sp-item { padding:.55rem 0; border-top:1px solid #eef2f5; }
.sp-item:first-child { border-top:none; }
.sp-it-top { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.sp-it-sub { font-size:.8rem; color:#5b6b7a; margin-top:.15rem; }
.sp-badge { font-size:.7rem; padding:.1rem .45rem; border-radius:1rem; font-weight:600; white-space:nowrap; }
.sp-b { background:#eef2f5; color:#5b6b7a; }
.sp-w { background:#fff4e0; color:#a86b00; }
.sp-c { background:#e3f6ea; color:#1c7a43; }
.sp-x { background:#fde8e8; color:#b3261e; }