dialog:has(.lending-modal){width:min(1020px,100%)}
dialog:has(.loan-detail-modal){width:min(620px,100%)}
.lending-modal{width:100%;color:var(--ink)}
.lending-head-actions{display:flex;align-items:center;gap:8px}
.lending-head-actions .outline-button{white-space:nowrap}
.lending-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-4px 0 18px;padding:5px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 72%,var(--paper))}
.lending-tabs button{border:0;border-radius:10px;padding:11px;background:transparent;color:var(--muted);font-weight:800}
.lending-tabs button.active{background:var(--ink);color:var(--surface);box-shadow:var(--shadow)}
.lending-form{display:grid;gap:15px}
.lending-form label{margin:0}
.lending-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px}
.lending-search .outline-button{min-height:44px;padding:0 16px}
.lending-product-results,.lending-selected-list,.lending-return-list{display:grid;gap:8px;max-height:290px;overflow:auto;padding:2px}
.lending-empty{margin:0;border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted)}
.lending-result-actions,.lending-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lending-result-actions{position:sticky;top:0;z-index:1;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.lending-result-actions label{display:flex;align-items:center;gap:7px;margin:0;font-size:13px}
.lending-result-actions input,.lending-product-result input,.lending-return-item>input{width:auto;margin:0;flex:none}
.lending-product-result{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer}
.lending-product-result span,.lending-product-result b,.lending-product-result small{display:block}
.lending-product-result small{margin-top:3px;color:var(--muted);font-weight:500}
.lending-section-head{margin-top:2px;padding-top:13px;border-top:1px solid var(--line)}
.lending-section-head span{color:var(--muted);font-size:13px}
.lending-selected-item{display:grid;grid-template-columns:minmax(0,1fr) 95px auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.lending-selected-item b,.lending-selected-item span{display:block}
.lending-selected-item span{margin-top:3px;color:var(--muted);font-size:12px}
.lending-selected-item label{font-size:12px}
.lending-selected-item input{margin-top:4px;padding:8px}
.lending-selected-item button{border:0;background:transparent;color:var(--rose-ink);font-weight:800}
.lending-submit{margin-top:2px}
.lending-return-item{display:grid;grid-template-columns:auto minmax(180px,1fr) 125px 170px;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.lending-return-item label{font-size:12px}
.lending-return-item input,.lending-return-item select{margin-top:5px;padding:9px}
.return-product b,.return-product span,.return-product small{display:block}
.return-product span,.return-product small{margin-top:3px;color:var(--muted);font-size:12px}
.return-note{grid-column:2/-1}
.loan-status{max-width:100%;border:0;text-align:left;line-height:1.2}
.loan-status small{display:block;margin-top:3px;font-size:10px;font-weight:600;opacity:.82}
.manual-sample-status{opacity:.86}
.loan-detail-total{padding:12px 14px;border-radius:12px;background:var(--rose);color:var(--rose-ink)}
.loan-detail-total b{font-size:20px}
.loan-detail-list{display:grid;gap:9px;max-height:55vh;overflow:auto}
.loan-detail-list article{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.loan-detail-list article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.loan-detail-list article span{color:var(--rose-ink);font-weight:800}
.loan-detail-list small{display:block;margin-top:5px;color:var(--muted)}
.loan-detail-list p{margin:7px 0 0;white-space:pre-wrap}
@media(max-width:759px){
  .lending-head-actions{align-items:flex-end;flex-direction:column-reverse}
  .lending-head-actions .outline-button{padding:8px 10px;font-size:12px}
  .lending-search{grid-template-columns:1fr}
  .lending-search .outline-button{padding:11px}
  .lending-product-results,.lending-selected-list,.lending-return-list{max-height:360px}
  .lending-selected-item{grid-template-columns:minmax(0,1fr) 78px}
  .lending-selected-item button{grid-column:1/-1;justify-self:end}
  .lending-return-item{grid-template-columns:auto minmax(0,1fr)}
  .lending-return-item>label{grid-column:2}
  .return-note{grid-column:2}
  .loan-status small{white-space:normal}
}