.recent-live-status{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin:0 0 12px}.recent-live-status::before{content:'';height:6px;width:6px;border-radius:50%;background:#22c55e;flex-shrink:0}.recent-live-status.is-error{color:#b45309}.recent-live-status.is-error::before{background:#f59e0b}.order-countdown{display:inline-block;margin-top:12px;font-variant-numeric:tabular-nums;color:var(--primary);background:var(--pale);padding:5px 9px;border-radius:6px;font-size:13px}.order-countdown.urgent{color:#b45309;background:#fffbeb}.inline-otp{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;margin-top:12px}.inline-otp-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#15803d;margin-bottom:8px}.inline-otp pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#166534;font:600 22px/1.4 ui-monospace,monospace;margin:0;max-height:200px;overflow:auto}.inline-otp pre.long-code{font-size:13px;font-weight:400}.inline-otp button{padding:4px 9px;font-size:12px;background:white;color:#15803d;border:1px solid #bbf7d0}.recent-order-received{border-color:#86efac}.recent-hint{font-size:11px;color:var(--muted);margin:10px 0}.recent-actions{flex-wrap:wrap}.dark .inline-otp{background:#10291d;border-color:#235639}.dark .inline-otp pre,.dark .inline-otp-label{color:#86efac}.dark .inline-otp button{background:#173b28;color:#86efac;border-color:#235639}.dark .order-countdown.urgent{background:#382811;color:#fbbf24}
.recent-mail-card{padding:18px 20px}.recent-mail-card .order-card-top{align-items:center;gap:12px}.mail-heading{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.mail-provider{display:inline-flex;align-items:center;gap:7px;border-radius:7px;padding:5px 9px;font-size:13px;font-weight:600;flex-shrink:0}.mail-provider svg{height:18px;width:18px}.mail-provider.gmail{background:#fff1f2;color:#c4333c}.mail-provider.icloud{background:#eff6ff;color:#1872d3}.mail-provider.other{background:var(--pale);color:var(--primary)}.mail-service{font-weight:600;font-size:13px;color:var(--body)}.waiting-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:4px}.mail-otp-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,1fr);gap:16px;margin-top:20px}.field-caption{display:block;font-size:10px;font-weight:600;letter-spacing:1px;color:var(--muted);margin-bottom:9px}.email-field,.otp-field{min-width:0}.email-copy-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 8px 8px 12px;background:var(--fill);border:1px solid var(--line);border-radius:8px}.email-copy-row .order-email{font-size:14px;line-height:1.5;word-break:break-word;flex:1;min-width:0}.email-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);color:var(--primary);border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:11px;font-weight:500;flex-shrink:0;min-height:34px}.email-field-note{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:8px}.otp-placeholder{display:flex;flex-direction:column;justify-content:center;gap:8px;background:var(--fill);border:1px dashed #d1d5db;border-radius:8px;min-height:88px;padding:12px 14px;color:var(--muted);font-size:11px}.otp-placeholder-digits{font:600 22px/1.2 ui-monospace,monospace;color:#9ca3af;white-space:nowrap;letter-spacing:1px}.recent-mail-card .inline-otp{margin:0 0 8px;padding:10px 12px;min-height:88px}.recent-mail-card .inline-otp:last-child{margin-bottom:0}.otp-value-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.otp-value-row pre{flex:1;min-width:0;letter-spacing:2px;font-size:26px}.otp-value-row pre.long-code{letter-spacing:0}.otp-value-row button{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:32px}.otp-value-row svg{flex-shrink:0}.otp-received-time{display:block;font-size:10px;color:#15803d;margin-top:7px}.recent-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:13px;margin-top:16px;flex-wrap:wrap}.recent-card-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recent-price{font-size:11px;color:var(--muted)}.recent-mail-card .order-countdown{margin:0;font-size:12px;padding:4px 8px}.recent-mail-card .recent-actions{margin:0;gap:14px}.recent-mail-card .recent-actions button{padding:4px 0;font-size:11px}.otp-ready-note{font-size:12px;color:#15803d}.dark .mail-provider.gmail{background:#381b24;color:#fda4af}.dark .mail-provider.icloud{background:#112b45;color:#93c5fd}.dark .otp-received-time,.dark .otp-ready-note{color:#86efac}.dark .otp-placeholder{border-color:#51495e}@media(max-width:1200px){.mail-otp-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.recent-mail-card{padding:16px}.email-copy-button{min-height:40px}.mail-otp-layout{gap:16px;margin-top:16px}.otp-value-row button{min-height:38px}.recent-mail-card .order-card-top{gap:8px}.mail-heading{gap:8px}.recent-card-footer{gap:12px}.recent-card-summary{gap:8px}.recent-mail-card .status{font-size:10px}}
.recent-live-status{line-height:1.5}
/* Dense rows keep large rentals easy to scan while preserving inline OTP updates. */
#recent-orders{max-height:70vh;overflow:auto;scrollbar-gutter:stable;padding:1px}
#recent-orders .recent-mail-card{display:grid;grid-template-columns:82px minmax(0,1fr) 132px 114px;gap:10px;align-items:center;padding:10px 12px;margin-bottom:6px;border-radius:7px}
.recent-mail-card .order-card-top{display:block;min-width:0}
.recent-mail-card .mail-heading{gap:4px;align-items:flex-start;flex-direction:column}
.recent-mail-card .mail-provider{font-size:11px;padding:3px 6px;gap:4px;border-radius:4px}
.recent-mail-card .mail-provider svg{width:14px;height:14px}
.recent-mail-card .mail-service{font-size:11px;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-mail-card .order-card-top>.status,.recent-mail-card .field-caption,.recent-mail-card .email-field-note,.recent-mail-card .otp-received-time,.recent-mail-card .recent-price,.recent-mail-card .otp-ready-note{display:none}
.recent-mail-card .mail-otp-layout{display:contents}
.recent-mail-card .email-copy-row{min-height:34px;padding:0;border:0;background:transparent;gap:4px;justify-content:flex-start}
.recent-mail-card .email-copy-row .order-email{font-size:12px;flex:0 1 auto;line-height:1.4}
.recent-mail-card .email-copy-button{min-height:30px;width:30px;padding:6px;background:transparent;border-color:transparent}
.recent-mail-card .email-copy-button:hover{background:var(--pale);border-color:var(--line)}
.recent-mail-card .email-copy-button span,.recent-mail-card .otp-value-row button span{display:none}
.recent-mail-card .otp-placeholder{min-height:36px;padding:6px 8px;gap:0;font-size:11px;align-items:center}
.recent-mail-card .otp-placeholder-digits{display:none}
.recent-mail-card .inline-otp{min-height:36px;padding:3px 6px;margin:0 0 4px;border-radius:6px}
.recent-mail-card .otp-value-row{gap:4px}
.recent-mail-card .otp-value-row pre{font-size:18px;letter-spacing:1px;max-height:64px;line-height:1.4}
.recent-mail-card .otp-value-row pre.long-code{font-size:11px;letter-spacing:0}
.recent-mail-card .otp-value-row button{padding:4px;min-height:28px;border:0;background:transparent}
.recent-mail-card .recent-card-footer{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin:0;padding:0;border:0;min-width:0}
.recent-mail-card .recent-card-summary{gap:0}
.recent-mail-card .order-countdown{font-size:11px;padding:3px 5px;text-align:right;line-height:1.4}
.recent-mail-card .recent-actions{gap:8px;justify-content:flex-end}
.recent-mail-card .recent-actions button{font-size:10px;padding:3px 0;line-height:1.4}
@media(max-width:1250px){
 #recent-orders .recent-mail-card{grid-template-columns:minmax(0,1fr) 132px;gap:6px 10px}
 .recent-mail-card .order-card-top{grid-column:1;grid-row:1}
 .recent-mail-card .mail-heading{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px}
 .recent-mail-card .email-field{grid-column:1;grid-row:2}
 .recent-mail-card .otp-field{grid-column:2;grid-row:2}
 .recent-mail-card .recent-card-footer{grid-column:2;grid-row:1;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;gap:2px 6px}
 .recent-mail-card .recent-actions button[data-order]{font-size:0}
 .recent-mail-card .recent-actions button[data-order]::after{content:'↗';font-size:14px}
}
@media(max-width:767px){
 #recent-orders{max-height:70vh}
 #recent-orders .recent-mail-card{padding:9px 8px;grid-template-columns:minmax(0,1fr) 122px;gap:4px 6px}
 .recent-mail-card .email-copy-button{min-height:34px;width:28px;padding:4px}
 .recent-mail-card .otp-value-row button{min-height:32px}
 .recent-mail-card .email-copy-row .order-email{font-size:11px}
 .recent-mail-card .recent-actions button{min-width:24px;min-height:24px}
}
.history-compact{display:grid;grid-template-columns:100px minmax(0,1fr) 150px 125px;align-items:center;gap:12px;padding:10px 12px;margin-bottom:6px;border-radius:7px}
.history-provider,.history-state{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.history-provider .mail-provider{font-size:11px;padding:3px 6px;border-radius:4px}
.history-service{font-size:11px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-email,.history-otp{min-width:0}
.history-copy-row{display:flex;align-items:center;gap:5px}
.history-copy-row .order-email{font-size:12px;min-width:0}
.history-copy-row button{padding:4px 7px;min-height:30px;flex-shrink:0;border-color:transparent;color:var(--primary)}
.history-meta{font-size:10px;color:var(--muted);margin-top:3px}
.history-code{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;padding:6px 8px;border:1px solid #bbf7d0;border-radius:6px;background:#f0fdf4;color:#15803d;font:600 17px/1.4 ui-monospace,monospace;text-align:left}
.history-code+ .history-code{margin-top:4px}
.history-code span:first-child{min-width:0;overflow-wrap:anywhere;max-height:64px;overflow:auto}
.history-code.pending{font:400 11px/1.4 inherit;background:var(--fill);border:1px dashed var(--line);color:var(--muted);justify-content:center;font-size:11px}
.history-state{align-items:flex-end}
.history-state .text-link{font-size:10px;padding:3px 0}
.dark .history-code:not(.pending){background:#10291d;border-color:#235639;color:#86efac}
@media(max-width:1000px){.history-compact{grid-template-columns:80px minmax(0,1fr) 125px 100px;gap:8px}}
@media(max-width:767px){.history-compact{grid-template-columns:minmax(0,1fr) 122px;gap:5px 8px;padding:9px 8px}.history-provider{grid-column:1;grid-row:1;flex-direction:row;align-items:center}.history-state{grid-column:2;grid-row:1;flex-direction:row;justify-content:flex-end;align-items:center;gap:5px}.history-state .status{font-size:9px}.history-state .text-link{font-size:9px;white-space:nowrap}.history-email{grid-column:1;grid-row:2}.history-otp{grid-column:2;grid-row:2}.history-meta{font-size:9px}.history-copy-row .order-email{font-size:11px}.history-code{font-size:16px}}
.rentotp-brand{display:block;color:var(--ink);font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.8px}.rentotp-brand>span{color:var(--primary)}.rentotp-brand small{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:1px;margin-top:4px}
.brand-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0;border-radius:4px;background:#fff}.mail-provider .brand-logo{width:14px;height:14px}.history-service,.recent-mail-card .mail-service{display:flex;align-items:center;gap:4px}.history-service .brand-logo,.recent-mail-card .mail-service .brand-logo{width:16px;height:16px}.selected-service-brand{margin-top:8px;font-size:12px}.service-initial{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;background:var(--pale);color:var(--primary);border-radius:4px;font-size:12px}.mail-provider .service-initial{width:14px;height:14px;font-size:10px}
.service-picker{position:relative;margin:16px 0}.panel .service-picker label{margin:0 0 6px}.service-picker [hidden]{display:none!important}#service-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;text-align:left}.picker-value,.picker-option-name{display:flex;align-items:center;gap:9px;min-width:0}.picker-value>span,.picker-option-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-chevron{color:var(--muted);font-size:18px}#service-picker-toggle[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--pale)}#service-picker-toggle[aria-expanded=true] .picker-chevron{transform:rotate(180deg)}.picker-popup{position:absolute;top:100%;left:0;right:0;margin-top:6px;z-index:40;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 32px #0002;overflow:hidden}.picker-search{padding:10px;border-bottom:1px solid var(--line)}.panel .picker-search input{width:100%;height:36px;margin:0;background:var(--fill);font-size:12px}.picker-search input:focus{outline:2px solid var(--primary);outline-offset:0}#service-options{max-height:280px;max-height:min(280px,40vh);overflow-y:auto;overscroll-behavior:contain;padding:5px}.picker-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;min-height:42px;border-radius:6px;cursor:pointer;font-size:13px}.picker-option:hover,.picker-option.is-active{background:var(--fill)}.picker-option[aria-selected=true]{background:var(--pale);color:var(--primary);font-weight:600}.picker-check{color:var(--primary);width:14px;flex-shrink:0}.picker-empty{padding:22px 12px;text-align:center;font-size:12px}.service-picker .brand-logo{width:22px;height:22px}.service-picker .service-initial{margin:0}
#warehouse-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:58px;padding:8px 10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;text-align:left}#warehouse-picker-toggle[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--pale)}.warehouse-picker .picker-value{flex:1}.warehouse-description{display:block;width:100%}.warehouse-name{display:flex;justify-content:space-between;gap:12px}.warehouse-name strong{color:var(--primary);font-size:12px}.warehouse-description small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.warehouse-picker .picker-option{padding:10px;min-height:58px}.warehouse-picker .picker-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}#warehouse-options{max-height:300px;overflow:auto;padding:5px;outline:0}.recent-mail-card .recent-card-summary{gap:4px;justify-content:flex-end}.otp-progress{font-size:10px;color:var(--muted);white-space:nowrap}.recent-mail-card .otp-field{max-height:150px;overflow:auto}
#recent-orders{max-width:760px}
#recent-orders .recent-mail-card{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:6px 12px;padding:10px 12px;align-items:center}
#recent-orders .order-card-top{grid-column:1;grid-row:1}
#recent-orders .mail-heading{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}
#recent-orders .mail-service{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:100%;font-size:12px;flex:1;min-width:100px}
#recent-orders .mail-service .brand-logo{flex-shrink:0}
#recent-orders .email-field{grid-column:1;grid-row:2}
#recent-orders .otp-field{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:6px;max-height:none;overflow:visible;align-items:flex-start}
#recent-orders .inline-otp{margin:0;min-height:34px;max-width:100%;padding:2px 7px;flex:0 1 auto}
#recent-orders .inline-otp:last-child{border-color:#4ade80;background:#dcfce7}
.dark #recent-orders .inline-otp:last-child{background:#173b28}
#recent-orders .otp-value-row{gap:12px}
#recent-orders .otp-value-row pre{font-size:17px;max-height:100px}
#recent-orders .otp-value-row pre.long-code{font-size:11px}
#recent-orders .recent-card-footer{grid-column:2;grid-row:1;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}
#recent-orders .recent-card-summary{justify-content:flex-start;gap:8px}
#recent-orders .recent-actions button[data-order]{font-size:10px}
#recent-orders .recent-actions button[data-order]::after{content:none}
#recent-orders .order-countdown{padding:0;background:transparent;font-size:11px;text-align:left}
#recent-orders .otp-progress{font-size:11px}
#recent-orders .otp-placeholder{min-height:34px;padding:6px 10px}
@media(max-width:1100px){
 #recent-orders .recent-mail-card{grid-template-columns:minmax(0,1fr);gap:5px}
 #recent-orders .order-card-top{grid-column:1;grid-row:1}
 #recent-orders .email-field{grid-column:1;grid-row:2}
 #recent-orders .recent-card-footer{grid-column:1;grid-row:3}
 #recent-orders .otp-field{grid-column:1;grid-row:4}
 #recent-orders .mail-service{min-width:0}
}