/* mein-fretus · Beleg-Upload-Widget (geteilt, siehe _lib/beleg-upload.js) */
.bu-card { display:flex; flex-direction:column; gap:.6rem; }
.bu-head { display:flex; align-items:center; gap:.5rem; font-size:.95rem; }
.bu-tag {
  font-size:.7rem; padding:.1rem .45rem; border-radius:1rem;
  background:#fde8e8; color:#b3261e; font-weight:600;
}
.bu-drop {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem;
  padding:1.1rem; border:1.5px dashed #b8c2cc; border-radius:.6rem;
  color:#5b6b7a; background:#f7fafc; cursor:pointer; text-align:center;
}
.bu-drop:hover { border-color:#0099CC; color:#0099CC; background:#f0f9fd; }
/* gesperrt: Voraussetzung fehlt (z.B. KTR nicht gewählt) — nicht klickbar */
.bu-drop-off { cursor:not-allowed; color:#94a3b8; background:#f1f5f9; border-color:#d5dde5; }
.bu-drop-off:hover { border-color:#d5dde5; color:#94a3b8; background:#f1f5f9; }
.bu-drop-ic { font-size:1.4rem; }
.bu-file-row {
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  padding:.5rem .65rem; background:#f0f9fd; border-radius:.5rem;
}
.bu-fn { font-size:.85rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
.bu-view {
  border:1px solid #b3e0f0; background:#fff; color:#0099CC; cursor:pointer;
  border-radius:.4rem; padding:.25rem .5rem; font-size:.78rem; white-space:nowrap;
}
.bu-view:hover { background:#f0f9fd; }
.bu-x { border:none; background:transparent; color:#8a98a6; cursor:pointer; font-size:1rem; line-height:1; }
.bu-x:hover { color:#b3261e; }
.bu-status { font-size:.85rem; color:#5b6b7a; display:flex; align-items:center; gap:.45rem; }
.bu-spin {
  width:.95rem; height:.95rem; border-radius:50%;
  border:2px solid #cfdbe5; border-top-color:#0099CC;
  display:inline-block; animation:bu-spin .7s linear infinite;
}
@keyframes bu-spin { to { transform:rotate(360deg); } }
.bu-err {
  font-size:.85rem; color:#b3261e; background:#fdecec; border:1px solid #f3c2c2;
  border-radius:.5rem; padding:.5rem .6rem; display:flex; flex-direction:column; gap:.4rem;
  word-break:break-word;
}
.bu-msg { font-size:.82rem; color:#0099CC; }
.bu-card { max-width:100%; overflow:hidden; }
.bu-felder { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
.bu-l { display:flex; flex-direction:column; gap:.2rem; font-size:.78rem; color:#5b6b7a; min-width:0; }
.bu-in {
  padding:.45rem .55rem; border:1px solid #d2dae2; border-radius:.45rem;
  font-size:.9rem; background:#fff; width:100%; min-width:0; box-sizing:border-box;
}
.bu-in:focus { outline:none; border-color:#0099CC; box-shadow:0 0 0 2px #0099cc22; }
.bu-meta { display:flex; flex-direction:column; gap:.5rem; margin-bottom:.5rem; }
.bu-full { width:100%; }
textarea.bu-in { resize:vertical; font-family:inherit; }
.bu-arr { display:flex; flex-direction:column; gap:.3rem; margin-top:.2rem; }
.bu-arr-lbl { font-size:.78rem; color:#5b6b7a; }
.bu-srow { display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:.4rem; align-items:center; min-width:0; }
.bu-srow > .bu-in { min-width:0; }
.bu-shead { font-size:.7rem; color:#8a98a6; }
.bu-shead span { padding-left:.1rem; }
.bu-add {
  align-self:flex-start; margin-top:.2rem; border:1px dashed #b8c2cc; background:#f7fafc;
  color:#0099CC; border-radius:.45rem; padding:.3rem .6rem; font-size:.8rem; cursor:pointer;
}
.bu-add:hover { border-color:#0099CC; background:#f0f9fd; }