:root{
  --app-max: 1100px;
}

.width100{min-width: 100% !important;}

#appShell { min-height: 100vh; }
.app-container { max-width: var(--app-max); }

.app-card { border-radius: 1rem; }
.app-card .card-body { padding: 1rem; }

.app-title { letter-spacing: .2px; }
.app-muted { opacity: .8; }

.inventory-row,
.loan-row{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 1rem;
  padding: .85rem;
  background: #fff;
}

.inventory-row:hover,
.loan-row:hover{
  border-color: rgba(0,0,0,.18);
}

.me-3{
	width:40%;
}
.kv {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: .25rem .75rem;
  margin-left:20px;
}
.kv .k { font-size: .85rem; opacity: .75; min-width: 80px; margin-left: -15px; }
.kv .v { font-weight: 600; }

.btn-sm {margin-top:30px;}

@media (max-width: 576px) {
  .kv { grid-template-columns: 1fr; }
  .kv .v { font-weight: 600; }
}

.form-hint { font-size: .85rem; opacity: .75; }

// Kennzeichnung verliehene Items
.loan-row {
  border-radius: 12px;
  padding: 12px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
}

.loan-row-active {
  border-right: 5px solid #198754; /* Bootstrap success */
}

.loan-row-closed {
  border-right: 5px solid #adb5bd; /* Bootstrap secondary/gray */
}

.top-10{margin-top:-5px !important;}