.outstanding-card { width:100%; text-align:left; font:inherit; color:var(--ink); cursor:pointer; transition:border-color .15s,box-shadow .15s; }
.outstanding-card:hover { border-color:var(--teal); box-shadow:0 5px 20px #117c7312; }
.outstanding-card:focus-visible,.pending-deliveries a:focus-visible,.pending-deliveries button:focus-visible { outline:2px solid var(--teal); outline-offset:3px; }
.outstanding-link { display:flex; justify-content:space-between; gap:12px; margin-top:12px; color:var(--teal); font-size:12px; font-weight:650; }
.outstanding-link span { font-size:18px; line-height:1; }
.pending-deliveries { width:min(700px,calc(100% - 28px)); max-height:85vh; padding:0; border:1px solid var(--line); border-radius:22px; background:var(--card); color:var(--ink); box-shadow:0 24px 90px #09232140; }
.pending-deliveries::backdrop { background:#0d242466; backdrop-filter:blur(4px); }
.pending-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:26px 26px 20px; border-bottom:1px solid var(--line); }
.pending-eyebrow { color:var(--teal); font-size:10px; font-weight:750; letter-spacing:.13em; }
.pending-header h2 { margin:7px 0; font-size:25px; letter-spacing:-.025em; }
.pending-header p { margin:0; color:var(--muted); font-size:13px; }
.pending-close { flex-shrink:0; width:36px; height:36px; border:0; border-radius:50%; background:var(--soft); color:var(--ink); cursor:pointer; font-size:24px; }
.pending-body { padding:22px 26px 26px; }
.pending-overview { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:18px 20px; background:var(--soft); border-radius:13px; }
.pending-overview>div { display:grid; gap:7px; }
.pending-overview span { color:var(--muted); font-size:12px; }
.pending-overview strong { font-size:23px; font-variant-numeric:tabular-nums; }
.pending-hint { margin:16px 0 12px; color:var(--muted); font-size:11px; }
.pending-list { display:grid; gap:12px; }
.pending-order { display:grid; grid-template-columns:1fr auto; gap:16px; padding:18px; border:1px solid var(--line); border-radius:14px; }
.pending-person { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.pending-avatar { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border-radius:12px; background:var(--soft); color:var(--teal); font-weight:750; }
.pending-person h3 { margin:0 0 5px; font-size:15px; overflow-wrap:anywhere; }
.pending-person span:not(.pending-avatar) { font-size:13px; }
.pending-person small { display:block; margin-top:5px; color:var(--muted); font-size:11px; }
.pending-payment { display:grid; align-content:start; justify-items:end; gap:8px; font-variant-numeric:tabular-nums; }
.pending-payment>span { color:var(--muted); font-size:11px; }
.pending-payment b { color:var(--ink); font-weight:600; }
.pending-payment>strong { font-size:14px; }
.pending-due { color:#996010; }.pending-paid { color:var(--teal); }
.pending-order-actions { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-top:13px; border-top:1px solid var(--line); }
.pending-call { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:10px 14px; border-radius:9px; background:var(--teal); color:#fff; font-size:12px; font-weight:650; }
.pending-call:hover { background:var(--teal2); }
.pending-call svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; }
.pending-waiting,.pending-no-phone { color:var(--muted); font-size:11px; }
.pending-empty { padding:28px; text-align:center; background:var(--soft); border-radius:12px; }.pending-empty p { color:var(--muted); font-size:13px; }
@media(max-width:500px) { .pending-header { padding:20px; }.pending-body { padding:18px; }.pending-order { grid-template-columns:1fr; padding:14px; gap:12px; }.pending-payment { justify-items:start; padding-left:50px; }.pending-overview { padding:15px; }.pending-overview strong { font-size:20px; } }