#recent-orders{max-width:none;max-height:70vh;overflow:auto;padding:0;scrollbar-gutter:auto;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.rental-layout>section:last-child{min-width:0}
.recent-table{width:100%;min-width:800px;border-collapse:collapse;table-layout:auto}
.recent-table th{position:sticky;top:0;z-index:1;background:var(--fill);font-size:12px;font-weight:600;color:var(--ink);text-align:left;padding:10px 9px;border-top:0;border-bottom:1px solid var(--line)}
.recent-table td{padding:9px;vertical-align:middle;text-align:left!important;font-size:12px;color:var(--ink)!important;border-top:0;border-bottom:1px solid var(--line);white-space:normal}
.recent-table tr:last-child td{border-bottom:0}.recent-table tr[hidden]{display:none}
.recent-table th:last-child{text-align:right}.recent-table th:nth-child(4){width:100%}
.recent-service{display:flex;align-items:center;gap:7px;width:max-content;max-width:260px}.recent-service>span:not(.mail-provider){white-space:normal;overflow-wrap:anywhere;font-weight:500;min-width:0}
.recent-service .brand-logo{width:16px;height:16px;background:transparent;border-radius:3px}
.recent-table .mail-provider{font-size:10px;font-weight:400;padding:1px 4px;border-radius:4px;white-space:nowrap;background:#f0fdf4;color:#4d7c0f;border:1px solid #bef264}
.recent-table .mail-provider.icloud{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}
.recent-table .email-copy-row{padding:0;min-height:24px;background:transparent;border:0;gap:6px;border-radius:0;width:max-content}
.recent-table .order-email{font-size:12px;font-weight:500;white-space:nowrap}
.recent-table .email-copy-row button{display:flex;align-items:center;padding:4px;background:transparent;color:var(--muted);border-radius:4px;min-height:26px}
.recent-table .email-copy-row button:hover{color:var(--primary);background:var(--pale)}
.recent-state{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;min-width:145px;max-width:180px}
.recent-state .status{font-size:11px;padding:1px 6px;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb}
.recent-state .status.completed{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}
#recent-orders .recent-state .order-countdown{width:100%;font-size:10px;padding:0;margin:0;background:transparent;color:var(--muted);white-space:nowrap;order:3}
#recent-orders .otp-progress{font-size:10px;color:var(--muted)}
.recent-codes{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:190px}
#recent-orders .recent-codes .inline-otp{display:inline-flex;align-items:center;gap:6px;min-height:25px;max-width:100%;padding:2px 6px;margin:0;background:var(--pale);color:var(--primary);border:1px solid #ddd6fe;border-radius:5px;text-align:left}
#recent-orders .recent-codes .inline-otp pre{display:inline;margin:0;font:500 12px/1.4 ui-monospace,monospace;letter-spacing:0;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-width:300px;max-height:90px;overflow:auto}
.recent-codes .inline-otp time{font-size:10px;border-left:1px solid var(--line);padding-left:6px;white-space:nowrap}
.recent-codes .inline-otp svg{flex-shrink:0;opacity:.7}
#recent-orders .recent-codes .otp-placeholder{display:inline-flex;flex-direction:row;align-items:center;gap:5px;min-height:24px;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px}
.recent-cancel{padding:3px 5px;background:transparent;color:#ef4444;font-weight:400;font-size:12px}
.recent-cost{white-space:nowrap!important;text-align:right!important;min-width:70px}.recent-cost strong{font-weight:600;display:block}.recent-cost .text-link{font-size:10px;margin-top:3px;color:var(--muted)}
#recent-filter{margin-left:auto;height:30px;padding:3px 26px 3px 9px;font-size:12px;background:var(--surface);border-color:var(--line)}
#recent-filter-empty{padding:20px;text-align:center;font-size:12px}
.dark .recent-table th{background:#24202d}.dark .recent-table .mail-provider{background:#172611;border-color:#365314;color:#a3e635}.dark .recent-table .mail-provider.icloud{background:#11243b;border-color:#1e3a5f;color:#93c5fd}.dark .recent-state .status{background:#122039;color:#60a5fa;border-color:#1e3a5f}.dark .recent-state .status.completed{background:#0f2a22;color:#34d399;border-color:#14532d}.dark #recent-orders .recent-codes .inline-otp{background:#211930;border-color:#40305a;color:#c4b5fd}
@media(max-width:767px){.recent-table{min-width:850px}.recent-table td{padding:8px}.recent-table .email-copy-row button{min-width:30px;min-height:32px}.recent-live-status{font-size:10px}}
.cancel-popover{position:fixed;inset:auto;margin:0;width:260px;max-width:calc(100vw - 16px);padding:13px 12px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 8px 28px #0003;font-size:13px;overflow:visible}.cancel-popover::backdrop{background:transparent;backdrop-filter:none}.cancel-popover-heading{display:flex;align-items:center;gap:8px}.cancel-popover-heading>span{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#facc15;color:#604900;font-weight:800;font-size:11px}.cancel-popover-heading strong{font-size:13px;font-weight:600}.cancel-popover>p{margin:6px 0 10px 22px;color:var(--body);font-size:13px}.cancel-popover-actions{display:flex;justify-content:flex-end;gap:8px}.cancel-popover-actions button{padding:2px 8px;min-height:25px;font-size:12px;line-height:20px;border-radius:5px}.cancel-popover-back{background:var(--surface);color:var(--body);border:1px solid var(--line)}.cancel-popover-confirm{background:#dc2626;color:white;border:1px solid #ef4444}.dark .cancel-popover{background:#231e2c;border-color:#231e2c}.dark .cancel-popover-back{background:#18141f;border-color:#403749}