.lh-acc { --lh-a: #2563eb; --lh-b: #dc2626; --lh-border: rgba(128,128,128,.35); display: grid; gap: 16px; margin: 1.5em 0; }
.lh-card { border: 1px solid var(--lh-border); border-radius: 10px; padding: 16px; }
.lh-card__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.lh-card__code { font-size: 1.1em; letter-spacing: .04em; }
.lh-card p { margin: 6px 0; }
.lh-card__meta { font-size: .9em; opacity: .8; }

.lh-badge { display: inline-block; padding: 2px 10px; border-radius: 12px; background: #e2e4e7; color: #1e1e1e; font-size: .85em; }
.lh-pending_deposit { background: #fcf0c8; } .lh-confirmed { background: #cfe6fb; }
.lh-assigned { background: #e1d4f5; } .lh-in_transit { background: #ffd9b3; } .lh-picked_up { background: #bfe9f2; }
.lh-delivered { background: #c8ecd0; } .lh-cancelled { background: #f5c6c6; }

.lh-dot { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; color: #fff; font-size: 11px; font-weight: 700; margin-right: 4px; }
.lh-dot--a { background: var(--lh-a); } .lh-dot--b { background: var(--lh-b); }

.lh-deposit { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--lh-border); }
.lh-deposit__ok { color: #15803d; font-weight: 600; }
.lh-deposit__wait { color: var(--lh-a); font-weight: 600; }
.lh-deposit__note { color: var(--lh-b); }
.lh-instr { white-space: pre-line; padding: 10px 12px; margin: 10px 0; border-left: 4px solid var(--lh-a); background: rgba(128,128,128,.1); }

.lh-proof { display: grid; gap: 10px; margin-top: 8px; max-width: 460px; }
.lh-proof label { display: block; font-size: .95em; }
.lh-proof input[type=text], .lh-proof select { width: 100%; padding: 8px 10px; border: 1px solid var(--lh-border); border-radius: 6px; font: inherit; box-sizing: border-box; margin-top: 4px; }
.lh-proof input[type=file] { margin-top: 4px; max-width: 100%; }
.lh-proof__msg { margin: 0; min-height: 1.3em; font-size: .92em; }
.lh-proof__msg.is-error { color: var(--lh-b); }
.lh-btn { padding: 10px 16px; border: 1px solid var(--lh-border); border-radius: 6px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.lh-btn--primary { background: var(--lh-a); border-color: var(--lh-a); color: #fff; font-weight: 600; }
.lh-btn[disabled] { opacity: .5; cursor: not-allowed; }
.lh-card details summary { cursor: pointer; margin: 6px 0; }