/* Compact customer requests. All components share the existing Emerald palette. */
.rl-client .em-request{display:grid;gap:16px;min-width:0}
.rl-client .em-request-panel{padding:22px;background:var(--em-surface);border-radius:10px;min-width:0}
.rl-client .em-request-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.rl-client .em-request-status{min-width:0;max-width:740px}
.rl-client .em-request-status h3{font-size:21px;line-height:1.3;margin:10px 0 7px}
.rl-client .em-request-status p{color:var(--em-muted);font-size:14px;line-height:1.6;max-width:680px;white-space:pre-line;overflow-wrap:anywhere}
.rl-client .em-request-status>small{display:block;color:var(--em-warning);font-size:13px;margin-top:8px}
.rl-client .em-request-money{display:flex;align-items:flex-end;flex-direction:column;flex:0 0 auto;gap:6px;min-width:225px;max-width:340px;text-align:right}
.rl-client .em-request-money>span{font-size:12px;color:var(--em-muted)}
.rl-client .em-request-money>strong{font:700 30px/1.2 'Roboto Condensed',Roboto,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.rl-client .em-request-money>small{font-size:12px;color:var(--em-dim)}
.rl-client .em-request-money>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px}
.rl-client .em-request .rl-btn{min-height:38px;padding:9px 13px;font-size:13px;gap:7px}
.rl-client .em-request .rl-btn>.rl-icon{width:17px;height:17px}
.rl-client .em-request [data-cancel-order],.rl-client .em-request .em-request-cancel{margin-top:8px;min-height:36px;width:auto;max-width:100%;padding:8px 12px;background:var(--em-danger-soft);color:var(--em-danger);border:0}
.rl-client .em-request .em-request-money>div [data-cancel-order]{margin:0}
.rl-client .em-order-composition{padding:20px;background:var(--em-surface);border-radius:10px;min-width:0}
.rl-client .em-order-composition>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.rl-client .em-order-composition>header h3{font-size:17px;line-height:1.3}
.rl-client .em-order-composition>header>span{font-size:12px;color:var(--em-muted);white-space:nowrap}
.rl-client .em-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px;align-items:stretch;min-width:0}
.rl-client .em-item-card{position:relative;isolation:isolate;min-width:0;max-width:220px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,var(--em-inset) 5%,color-mix(in srgb,var(--item-rarity) 19%,var(--em-inset)) 100%);display:flex;flex-direction:column;text-align:left}
.rl-client .em-item-art{position:relative;isolation:isolate;height:110px;min-width:0;display:grid;place-items:center;padding:12px 9px 0}
.rl-client .em-item-art::before{content:'';position:absolute;width:82px;height:82px;top:23px;left:calc(50% - 41px);background:url('/media/emerald/item-mark-white.svg?v=20261029-gem1') center/contain no-repeat;opacity:.075;z-index:-1}
.rl-client .em-item-art>img{width:100%;height:95px;object-fit:contain;min-width:0;filter:drop-shadow(0 6px 7px #0004)}
.rl-client .em-item-quantity{position:absolute;top:8px;left:8px;padding:3px 6px;border-radius:5px;background:#07191eaa;color:var(--em-text);font-size:11px;line-height:1.3;font-weight:600}
.rl-client .em-item-copy{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:#07191eaa;color:var(--em-muted);z-index:2;cursor:pointer}
.rl-client .em-item-copy:hover{background:var(--em-raised);color:#fff}
.rl-client .em-item-copy>.rl-icon{width:15px;height:15px}
.rl-client .em-item-info{padding:8px 12px 12px;display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}
.rl-client .em-item-quality{font-size:10px;color:var(--em-dim);line-height:1.4}
.rl-client .em-item-info>small{font-size:11px;color:var(--em-muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-client .em-item-info>strong{font-size:14px;line-height:1.4;color:var(--em-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-client .em-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px;min-width:0}
.rl-client .em-item-bottom>b{font-size:14px;color:var(--em-text);white-space:nowrap;font-variant-numeric:tabular-nums}
.rl-client .em-item-no-price{font-size:10px;color:var(--em-dim)}
.rl-client .em-item-receipt{display:inline-flex;align-items:center;gap:3px;color:var(--em-muted);font-size:10px;white-space:nowrap}
.rl-client .em-item-receipt>.rl-icon{width:12px;height:12px}
.rl-client .em-item-receipt.is-received{color:var(--em-success)}
.rl-client .em-item-missing>.rl-icon{width:35px;height:35px;color:var(--em-dim)}
.rl-client .em-exchange{display:grid;grid-template-columns:minmax(120px,160px) 32px minmax(0,1fr);align-items:start;gap:14px;min-width:0}
.rl-client .em-exchange+.em-exchange{margin-top:18px}
.rl-client .em-section-label{display:block;margin-bottom:9px;font-size:11px;color:var(--em-dim)}
.rl-client .em-exchange-result,.rl-client .em-exchange-source{min-width:0}
.rl-client .em-exchange-arrow{display:grid;place-items:center;align-self:center;color:var(--em-link)}
.rl-client .em-exchange-arrow>.rl-icon{width:23px;height:23px}
.rl-client .em-delivery{border-radius:10px;background:var(--em-surface);overflow:hidden;min-width:0}
.rl-client .em-delivery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;background:var(--em-inset)}
.rl-client .em-delivery-tabs>button{display:flex;align-items:center;gap:9px;padding:12px;border:0;border-radius:7px;text-align:left;background:none;color:var(--em-muted);font-size:13px;font-weight:500;line-height:1.4;min-width:0}
.rl-client .em-delivery-tabs>button>span,.rl-client .em-request-progress>li>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:6px;background:var(--em-raised);font-size:12px;font-weight:600}
.rl-client .em-delivery-tabs>button[aria-selected=true]{color:var(--em-link);background:var(--em-selected)}
.rl-client .em-delivery-tabs>button:hover{background:var(--em-raised)}
.rl-client .em-delivery-tabs>button[aria-selected=true]>span{color:var(--em-on-accent);background:var(--em-accent)}
.rl-client .em-delivery-panel{padding:18px 20px;display:flex;align-items:flex-start;flex-direction:column;gap:12px;min-width:0}
.rl-client .em-delivery-panel>p{font-size:14px;line-height:1.65;color:var(--em-muted);max-width:900px}
.rl-client .em-delivery-panel p strong{color:var(--em-text);font-weight:500}
.rl-client .em-request-deadline{color:var(--em-warning);font-size:12px}
.rl-client .em-recipient{width:100%;display:grid;gap:10px}
.rl-client .em-recipient>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.rl-client .em-recipient small{font-size:11px;color:var(--em-dim)}
.rl-client .em-recipient>div,.rl-client .em-inline-form{display:flex;align-items:stretch;gap:8px;min-width:0}
.rl-client .em-recipient input,.rl-client .em-inline-form input{flex:1;min-width:0;font-size:13px}
.rl-client .em-recipient .rl-btn,.rl-client .em-inline-form .rl-btn{flex:0 0 auto}
.rl-client .em-request-warning{color:var(--em-warning)!important}
.rl-client .em-order-history,.rl-client .em-order-help{padding:0 18px;border-radius:9px;background:var(--em-surface);font-size:13px;min-width:0}
.rl-client :is(.em-order-history,.em-order-help)>summary{display:flex;align-items:center;gap:8px;min-height:48px;list-style:none;cursor:pointer;color:var(--em-muted)}
.rl-client :is(.em-order-history,.em-order-help)>summary::-webkit-details-marker{display:none}
.rl-client :is(.em-order-history,.em-order-help)>summary>.rl-icon{width:17px;height:17px}
.rl-client .em-order-history>summary>span{margin-left:auto;font-size:11px}
.rl-client .em-order-history>summary>.rl-icon:last-child{margin-left:3px;transition:transform .15s}
.rl-client .em-order-history[open]>summary>.rl-icon:last-child{transform:rotate(180deg)}
.rl-client .em-order-history>ol{display:grid;gap:6px;list-style:none;margin:0;padding:0 0 14px}
.rl-client .em-order-history li{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 12px;border-radius:6px;background:var(--em-inset);font-size:12px;min-width:0}
.rl-client .em-order-history li strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}
.rl-client .em-order-history li time,.rl-client .em-order-history li>span{font-size:11px;color:var(--em-dim);white-space:nowrap}
.rl-client .em-order-history li p{font-size:12px;color:var(--em-muted);margin-top:5px;white-space:pre-line;overflow-wrap:anywhere}
.rl-client .em-order-history li a{display:inline-flex;align-items:center;gap:6px}
.rl-client .em-order-history li a>.rl-icon{width:13px;height:13px}
.rl-client .em-order-help>p{font-size:13px;color:var(--em-muted);margin-bottom:12px}
.rl-client .em-order-help>form{padding-bottom:16px}
.rl-client .em-order-help [data-link-message]{font-size:12px;color:var(--em-link);margin-top:6px}
.rl-client .em-request-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:12px 18px;background:var(--em-surface);border-radius:9px}
.rl-client .em-request-progress>li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--em-dim);min-width:0}
.rl-client .em-request-progress>li.is-current{color:var(--em-link)}
.rl-client .em-request-progress>li.is-current>span{background:var(--em-selected);color:var(--em-link)}
.rl-client .em-request-progress>li.is-past{color:var(--em-muted)}
.rl-client .em-request-progress>li>span>.rl-icon{width:14px;height:14px}
.rl-client .em-request-conversation form>.rl-btn,.rl-client .em-request-conversation>textarea+.rl-btn{margin-top:12px}
.rl-client .em-request-conversation textarea{min-height:85px;resize:vertical;font-size:14px}
.rl-client .em-request-conversation .rs-label{margin-top:0}
.rl-client .em-manager-message{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:7px;background:var(--em-inset);margin-bottom:14px;font-size:14px;line-height:1.6;white-space:pre-line}
.rl-client .em-manager-message>.rl-icon{width:18px;height:18px;color:var(--em-link);margin-top:2px}
.rl-client [data-rs-request-detail]>.rs-case-heading{margin-bottom:16px}
.rl-client [data-rs-request-detail]>.rs-case-heading h2{font-size:19px}
.rl-client [data-rs-request-detail]>.rs-case-heading .rs-provider-avatar{width:42px;height:42px;flex-basis:42px;border-radius:9px}
.rl-client [data-rs-request-detail]>.rs-case-heading .rs-case-provider p{font-size:11px;margin-top:3px}
.rl-client #reload-sale .rs-exchanges{display:grid;gap:12px}
.rl-client #reload-sale .rs-confirm-skins:has(.em-item-card){grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.rl-client .em-request-modal .em-request-overview{display:grid;gap:14px;padding:16px 0;background:none}
.rl-client .em-request-modal .em-request-money{align-items:flex-start;text-align:left;min-width:0;max-width:none}
.rl-client .em-request-modal .em-request-status h3{font-size:19px}
.rl-client .em-request-modal .em-request-progress{gap:4px;padding:10px 8px}
.rl-client .em-request-modal .em-request-progress>li{gap:4px;font-size:10px;flex-direction:column;text-align:center}
.rl-client .em-request-modal .em-request-panel{padding:16px 0;background:none}
.rl-client .em-modal-provider{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:4px}
.rl-client .em-modal-provider img{width:30px;height:30px;object-fit:cover;border-radius:7px}
.rl-client .em-modal-provider time{font-size:11px;color:var(--em-dim);margin-left:auto}
@media(min-width:1200px){.rl-client .em-order-composition>.em-item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,190px))}.rl-client .em-exchange-result>.em-item-grid{grid-template-columns:repeat(auto-fill,minmax(142px,175px))}}
@media(max-width:760px){
 .rl-client .em-request-overview{gap:18px;flex-direction:column;padding:18px}
 .rl-client .em-request-money{align-items:flex-start;max-width:none;min-width:0;text-align:left;gap:5px}
 .rl-client .em-request-money>strong{font-size:27px}
 .rl-client .em-request-money>div{justify-content:flex-start}
 .rl-client .em-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .rl-client .em-item-card{max-width:none}
 .rl-client .em-order-composition{padding:16px}
 .rl-client .em-order-composition>header{align-items:flex-start}
 .rl-client .em-order-composition>header h3{font-size:16px}
 .rl-client .em-order-composition>header>span{font-size:11px}
 .rl-client .em-exchange{grid-template-columns:1fr;gap:10px}
 .rl-client .em-exchange-source{max-width:calc(50% - 5px)}
 .rl-client .em-exchange-arrow{justify-self:start;transform:rotate(90deg);margin:0 0 0 30px}
 .rl-client .em-delivery-tabs{gap:3px;padding:4px}
 .rl-client .em-delivery-tabs>button{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 8px;font-size:11px}
 .rl-client .em-delivery-panel{padding:16px}
 .rl-client .em-recipient>div,.rl-client .em-inline-form{flex-wrap:wrap}
 .rl-client .em-recipient input,.rl-client .em-inline-form input{flex-basis:100%}
 .rl-client .em-request-progress{gap:4px;padding:12px 10px}
 .rl-client .em-request-progress>li{flex-direction:column;text-align:center;gap:6px;font-size:10px}
 .rl-client .em-order-history li{flex-wrap:wrap;gap:5px}
 .rl-client .em-order-history li time{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.rl-client .em-order-history>summary>.rl-icon:last-child{transition:none}}

.rl-client .em-exchange-payout{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;color:var(--em-muted)}
.rl-client .em-exchange-payout strong{color:var(--em-text)}

/* Independent exchanges share a row on wide screens; phones keep the source beside its result. */
.rl-client .em-exchange-grid{display:grid;gap:16px}
.rl-client .em-exchange-grid>.em-exchange{margin:0}
@media(min-width:1200px){.rl-client .em-exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-client .em-exchange-grid>.em-exchange{grid-template-columns:130px 24px minmax(0,1fr);gap:10px}.rl-client .em-exchange-grid .em-item-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
@media(max-width:760px){
 .rl-client .em-exchange{grid-template-columns:92px 18px minmax(0,1fr);gap:8px}
 .rl-client .em-exchange-source{max-width:none}
 .rl-client .em-exchange-arrow{justify-self:center;transform:none;margin:0}
 .rl-client .em-exchange-arrow>.rl-icon{width:18px;height:18px}
 .rl-client .em-exchange .em-item-grid{gap:6px}
 .rl-client .em-exchange .em-item-art{height:80px;padding:10px 4px 0}
 .rl-client .em-exchange .em-item-art>img{height:72px}
 .rl-client .em-exchange .em-item-art::before{width:60px;height:60px;left:calc(50% - 30px);top:18px}
 .rl-client .em-exchange .em-item-info{padding:6px 7px 9px}
 .rl-client .em-exchange .em-item-info>strong{font-size:12px}
 .rl-client .em-exchange .em-item-info>small{font-size:10px}
 .rl-client .em-exchange .em-item-quality{font-size:9px}
 .rl-client .em-exchange .em-item-bottom{flex-wrap:wrap;gap:3px}
 .rl-client .em-exchange .em-item-bottom>b{font-size:12px}
 .rl-client .em-exchange .em-item-copy{width:23px;height:23px;right:4px;top:5px}
 .rl-client .em-exchange .em-item-copy>.rl-icon{width:13px;height:13px}
 .rl-client .em-exchange .em-item-quantity{font-size:9px;left:5px;top:7px;padding:2px 4px}
 .rl-client .em-exchange .em-section-label{font-size:10px}
}
@media(max-width:374px){.rl-client .em-exchange{grid-template-columns:82px 16px minmax(0,1fr)}.rl-client .em-exchange .em-item-grid{grid-template-columns:1fr}}

/* Request pages use the rental panel system: one surface, radius and spacing scale. */
.rl-client .em-request-shell{display:grid;gap:22px;min-width:0;padding:0;background:none;border-radius:0}
.rl-client .em-request-shell>.rs-case-heading{margin:0;min-height:48px;gap:20px}
.rl-client .em-request-shell .rs-case-heading h2{font-size:20px;line-height:1.3}
.rl-client .em-request-shell .rs-case-provider .rs-provider-avatar{width:44px;height:44px;flex-basis:44px;border-radius:9px;background:var(--em-raised)}
.rl-client .em-request-shell .rs-case-provider p{font-size:12px;color:var(--em-dim);margin-top:4px}
.rl-client .em-request-shell .rs-date-chip{background:var(--em-surface);color:var(--em-muted);padding:6px 9px;border-radius:6px}
.rl-client .em-request-shell .em-case-card,.rl-client .em-request-shell .em-request-panel,.rl-client .em-request-shell .em-order-composition{padding:22px;background:var(--em-surface);border:0;border-radius:12px;box-shadow:none;min-width:0}
.rl-client .em-request-shell .em-case-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.rl-client .em-request-shell .em-case-panel-heading h3{font-size:17px;font-weight:600;line-height:1.35;margin:0}
.rl-client .em-case-panel-heading>.rl-icon{width:20px;height:20px;color:var(--em-text)}
.rl-client .em-request-shell .em-live-plan>.em-order-composition{padding:0;margin-top:22px;border-radius:0;background:none}
.rl-client .em-request-shell .em-live-plan>.em-order-composition>header{margin-bottom:14px}
.rl-client .em-request-shell .em-live-plan>.em-order-composition>header h3{font-size:15px;font-weight:600;color:var(--em-text)}
.rl-client .em-request-shell .em-live-plan>.em-instruction{margin:16px 0 0;background:var(--em-inset);padding:14px;border-radius:8px}
.rl-client .em-request-shell .em-live-plan>.em-closed-note{margin-top:12px}
.rl-client .em-request-shell .em-item-card{background:var(--em-raised);border:0;border-radius:8px}
.rl-client .em-request-shell .em-exchange{border:0;border-radius:9px;background:var(--em-inset)}
.rl-client .em-request-shell .em-live-plan .em-exchange .em-section-label{min-height:26px;margin-bottom:10px;font-weight:500}
.rl-client .em-request-shell .em-item-info{gap:4px}
.rl-client .em-request-shell .em-item-copy{background:var(--em-inset)}
.rl-client .em-request-shell .em-case-actions{display:grid;gap:9px;margin-top:18px}
.rl-client .em-request-shell .em-case-actions:empty{display:none}
.rl-client .em-request-shell .em-case-actions .rl-btn{margin:0;width:100%;min-height:42px;font-size:13px;border-radius:7px}
.rl-client .em-request-shell .em-live-finances dl{gap:8px}
.rl-client .em-request-shell .em-live-finances dl>div{padding:10px 12px;border-radius:7px;background:var(--em-inset);font-size:13px}
.rl-client .em-request-shell .em-live-finances dd{font-size:14px}
.rl-client .em-request-shell .em-live-finances>p{margin-top:12px;line-height:1.65}
.rl-client .em-request-shell .em-live-transfer ul{gap:8px}
.rl-client .em-request-shell .em-live-transfer li{padding:12px;background:var(--em-inset);border-radius:8px}
.rl-client .em-request-shell .em-live-recipient>p{margin-top:0;font-size:13px;line-height:1.65}
.rl-client .em-request-shell .em-live-recipient>.rl-btn{min-height:42px;margin-top:10px;font-size:13px;border-radius:7px}
.rl-client .em-request-shell .em-request-money{padding:16px;border-radius:8px;background:var(--em-inset)}
.rl-client .em-request-shell .em-request-money>strong{font-size:32px}
.rl-client .em-request-shell .em-delivery{background:var(--em-surface);border-radius:12px}
.rl-client .em-request-shell .em-delivery-panel{padding:22px;gap:14px}
.rl-client .em-request-shell .em-request-progress{padding:0;background:none;gap:10px}
.rl-client .em-request-shell .em-request-progress>li{padding:12px;background:var(--em-inset);border-radius:8px}
.rl-client .em-request-shell .em-order-history{grid-column:1/-1;padding:0 22px;background:var(--em-surface);border-radius:12px}
.rl-client .em-request-shell .em-order-history>summary{min-height:64px;color:var(--em-text);justify-content:space-between;gap:16px}
.rl-client .em-request-shell .em-order-history>summary>strong{font-size:17px;font-weight:600}
.rl-client .em-request-shell .em-order-history>summary>.em-case-history-icons{display:flex;align-items:center;gap:12px;color:var(--em-text)}
.rl-client .em-case-history-icons .rl-icon{width:19px;height:19px}
.rl-client .em-case-history-icons .rl-icon:last-child{width:16px;height:16px;transition:transform .18s ease}
.rl-client .em-order-history[open] .em-case-history-icons .rl-icon:last-child{transform:rotate(180deg)}
.rl-client .em-request-shell .em-order-history>ol{gap:8px;padding-bottom:22px}
.rl-client .em-request-shell .em-order-history li{padding:13px 14px;border-radius:8px;background:var(--em-inset)}
.rl-client .em-request-shell .em-order-history li:nth-child(even){background:rgb(0 0 0 / 11%)}
.rl-client .em-request-shell .em-order-history li :is(strong,a){font-size:13px;line-height:1.6}
.rl-client .em-request-shell .em-order-history li time{font-size:12px;line-height:1.7;font-variant-numeric:tabular-nums}
.rl-client .em-request-shell .em-order-help{padding:0 22px;background:var(--em-surface);border-radius:12px}
@media(max-width:760px){.rl-client .em-request-shell{padding:0;gap:18px}.rl-client .em-request-shell>.rs-case-heading{gap:12px;align-items:flex-start}.rl-client .em-request-shell .em-case-card,.rl-client .em-request-shell .em-request-panel,.rl-client .em-request-shell .em-order-composition{padding:18px}.rl-client .em-request-shell .em-live-plan>.em-order-composition{padding:0}.rl-client .em-request-shell .em-request-overview{padding:18px}.rl-client .em-request-shell .em-order-history{padding:0 18px}.rl-client .em-request-shell .em-order-history>summary{min-height:60px}.rl-client .em-request-shell .em-order-history li{flex-direction:column;gap:6px}.rl-client .em-request-shell .em-request-money{width:100%;max-width:none;align-items:flex-start;text-align:left;min-width:0}.rl-client .em-request-shell .em-request-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-client .em-request-shell .rs-case-heading>.rs-request-meta{justify-content:flex-start}}

/* A live request is a workspace, rather than a sequence of hidden steps. */
.rl-client .em-live-order{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px}
.rl-client .em-live-plan{min-width:0}
.rl-client .em-live-plan>h3{font-size:20px;line-height:1.35;margin-bottom:9px}
.rl-client .em-live-intro{font-size:14px;line-height:1.65;color:var(--em-muted);max-width:820px;margin-bottom:18px;white-space:normal}
.rl-client .em-live-plan .em-order-composition>header{margin-bottom:12px}
.rl-client .em-live-plan .em-order-composition>header h3{font-size:15px;color:var(--em-muted);font-weight:500}
.rl-client .em-live-plan .em-exchange{padding:14px;border-radius:9px;background:var(--em-inset);grid-template-columns:130px 24px minmax(0,1fr);gap:10px}
.rl-client .em-live-plan .em-exchange-grid{grid-template-columns:1fr;gap:12px}
.rl-client .em-live-plan .em-section-label{display:inline-flex;align-items:center;min-height:25px;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:500;color:#fff;line-height:1.3;margin-bottom:10px}
.rl-client .em-source-label{background:#304145}
.rl-client .em-target-label{background:#087c59}
.rl-client .em-item-art{height:90px}
.rl-client .em-item-art>img{height:80px}
.rl-client .em-item-art::before{width:70px;height:70px;left:calc(50% - 35px);top:18px}
.rl-client .em-item-info{padding-top:5px}
.rl-client .em-item-receipt{gap:3px;font-size:10px}
.rl-client .em-live-sidebar{display:grid;gap:16px;min-width:0;padding:0;background:none;border-radius:0}
.rl-client .em-live-sidebar h3{font-size:15px;margin-bottom:10px;line-height:1.4}
.rl-client .em-live-offer{display:block;font:700 30px/1.2 'Roboto Condensed',Roboto,sans-serif;font-variant-numeric:tabular-nums;margin-bottom:15px}
.rl-client .em-live-finances dl{display:grid;gap:10px;margin:0}
.rl-client .em-live-finances dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px}
.rl-client .em-live-finances dt{color:var(--em-muted)}
.rl-client .em-live-finances dd{margin:0;white-space:nowrap;font-weight:600}
.rl-client .em-live-sidebar .is-received{color:var(--em-success)}
.rl-client .em-live-sidebar p{font-size:12px;line-height:1.6;color:var(--em-muted);margin-top:9px}
.rl-client .em-live-transfer ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.rl-client .em-live-transfer li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.rl-client .em-live-transfer li>span:first-child{min-width:0}
.rl-client .em-live-transfer strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.rl-client .em-live-transfer small{display:block;font-size:10px;color:var(--em-dim);margin-top:2px}
.rl-client .em-transfer-state{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--em-muted);white-space:nowrap}
.rl-client .em-transfer-state>.rl-icon{width:12px;height:12px}
.rl-client .em-live-recipient input{width:100%;font-size:12px;margin-top:12px;min-width:0}
.rl-client .em-live-sidebar .rl-btn{width:100%;margin-top:8px;font-size:12px}
.rl-client .em-live-sidebar .em-request-cancel{margin:0;width:100%}
.rl-client .em-request-shell .em-live-order>.em-order-history{grid-column:1/-1;background:var(--em-surface);border-radius:12px;padding:0 22px}
.rl-client .em-order-history>summary>.rl-icon:last-child{margin-left:auto}
.rl-client .em-site-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rl-client .rs-case-heading>.rs-request-meta>.rs-state{font-size:11px;line-height:1.3;padding:4px 7px}
.rl-client .em-request-sync{font-size:11px;color:var(--em-warning);max-width:270px;line-height:1.4}
.rl-client .em-request-shell .em-request-overview .em-request-status>.rr-status-badge{display:none}
@media(max-width:1000px){.rl-client .em-live-order{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.rl-client .em-live-plan .em-exchange{grid-template-columns:105px 18px minmax(0,1fr);padding:10px;gap:8px}.rl-client .em-live-plan .em-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.rl-client .em-live-order{grid-template-columns:1fr}.rl-client .em-live-sidebar{grid-row:2}.rl-client .em-live-plan .em-exchange{grid-template-columns:92px 18px minmax(0,1fr);padding:10px;gap:6px}.rl-client .em-live-plan .em-section-label{font-size:9px;padding:4px 6px;min-height:24px}.rl-client .em-exchange .em-item-art{height:70px}.rl-client .em-exchange .em-item-art>img{height:62px}.rl-client .em-live-plan>h3{font-size:18px}.rl-client .em-live-intro{font-size:13px}.rl-client .em-live-sidebar p{font-size:13px}.rl-client .em-live-plan .em-item-receipt{font-size:8px}.rl-client .em-live-plan .em-item-receipt>.rl-icon{display:none}}
@media(max-width:374px){.rl-client .em-live-plan .em-exchange{grid-template-columns:82px 16px minmax(0,1fr)}.rl-client .em-live-plan .em-item-grid{grid-template-columns:1fr}}

/* Partial closure confirms receipt credit and the exact canceled remainder. */
.em-close-dialog{max-width:540px;width:calc(100% - 32px)}
.em-close-dialog p{line-height:1.6;margin:14px 0;color:var(--em-muted)}
.em-close-dialog ul{padding-left:20px;line-height:1.6;font-size:13px}
.em-close-dialog [data-error]{color:var(--em-danger)}
.em-close-dialog .rl-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}

/* Clear waiting state and a single, readable transfer instruction. */
.rl-client .rs-case-heading>.rs-request-meta>.rs-state{background:var(--em-warning-soft);border-radius:5px;padding:6px 8px;font-size:12px}
.rl-client .rs-case-heading>.rs-request-meta>.rs-state:is([data-state=credited],[data-state=ready_to_sell],[data-state=settled_partial],[data-state=completed]){background:var(--em-success-soft)}
.rl-client .rs-case-heading>.rs-request-meta>.rs-state:is([data-state=cancelled],[data-state=expired],[data-state=reversed]){background:var(--em-danger-soft)}
.rl-client .em-instruction{display:flex;align-items:flex-start;gap:11px;background:var(--em-raised);padding:14px 15px;border-radius:8px;margin:14px 0 20px;min-width:0}
.rl-client .em-instruction>.rl-icon{width:20px;height:20px;flex:0 0 20px;margin-top:2px;color:var(--em-link)}
.rl-client .em-instruction .em-live-intro{margin:0;max-width:none;white-space:normal;line-height:1.65;min-width:0}
.rl-client .em-wait-dots{display:inline-block;min-width:1.15em;white-space:nowrap;text-align:left}
.rl-client .em-wait-dots::after{content:'.';animation:em-wait-dots 1.8s steps(1,end) infinite;animation-delay:var(--em-wait-delay,0ms)}
@keyframes em-wait-dots{0%,32%{content:'.'}33%,65%{content:'..'}66%,100%{content:'...'}}
.rl-client .em-wait-clock{display:inline-block;width:17px;height:17px;flex:0 0 17px;vertical-align:middle;color:inherit}
.rl-client .em-clock-hand{transform-origin:12px 12px;animation:em-clock-tick 3.6s linear infinite;animation-delay:var(--em-clock-delay,0ms)}
@keyframes em-clock-tick{to{transform:rotate(360deg)}}
.rl-client .em-item-receipt .em-wait-clock{width:12px;height:12px;flex-basis:12px}
.rl-client .em-item-receipt>span{display:inline-flex;align-items:baseline}
/* Both ends of an exchange use the same fixed-size item cards. */
.rl-client .em-live-plan{--em-exchange-card:160px}
.rl-client .em-live-plan .em-exchange{grid-template-columns:var(--em-exchange-card) 24px minmax(0,1fr);gap:12px;align-items:start}
.rl-client .em-live-plan .em-exchange-source{max-width:none;width:var(--em-exchange-card)}
.rl-client .em-live-plan .em-exchange-result>.em-item-grid{grid-template-columns:repeat(auto-fill,var(--em-exchange-card));gap:10px}
.rl-client .em-live-plan .em-exchange .em-item-card{width:var(--em-exchange-card);height:220px;min-height:220px;max-width:none}
.rl-client .em-live-plan .em-exchange .em-section-label{width:var(--em-exchange-card);min-height:29px;justify-content:center;text-align:center;padding:5px 6px}
.rl-client .em-live-plan .em-exchange .em-item-art{height:102px;flex:0 0 102px}
.rl-client .em-live-plan .em-exchange .em-item-art>img{height:94px}
.rl-client .em-live-plan .em-exchange .em-item-bottom{flex-wrap:wrap;row-gap:3px}
/* The delivery list keeps finish, wear and special variants together. */
.rl-client .em-live-transfer h3{font-size:16px}
.rl-client .em-live-transfer ul{gap:16px}
.rl-client .em-live-transfer li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px 11px;align-items:center}
.rl-client .em-transfer-thumb{grid-row:1/3;display:grid;place-items:center;width:60px;height:52px;border-radius:7px;background:var(--em-raised);overflow:hidden}
.rl-client .em-transfer-thumb>img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}
.rl-client .em-transfer-thumb>.rl-icon{width:24px;height:24px;color:var(--em-dim)}
.rl-client .em-transfer-identity{grid-column:2;min-width:0}
.rl-client .em-live-transfer .em-transfer-identity strong{font-size:15px;line-height:1.35;font-weight:600}
.rl-client .em-live-transfer .em-transfer-identity small{font-size:12px;line-height:1.45;white-space:normal;color:var(--em-muted)}
.rl-client .em-transfer-state{grid-column:2;font-size:14px;line-height:1.5;gap:6px;color:var(--em-muted)}
.rl-client .em-transfer-state>span{display:inline-flex;align-items:baseline}
.rl-client .em-transfer-state>.rl-icon{width:17px;height:17px}
.rl-client .em-live-recipient input.em-trade-url{background:var(--em-raised)!important;color:var(--em-text);font-size:13px;min-height:44px;padding:12px;text-align:right;direction:ltr;border:0!important;border-radius:7px}
.rl-client .em-live-recipient .em-open-site{justify-content:space-between;padding-right:9px}
.rl-client .em-open-site>img{display:block;width:26px;height:26px;object-fit:cover;border-radius:5px;flex:0 0 26px}
@media(max-width:1199px){.rl-client .em-live-plan{--em-exchange-card:130px}}
@media(max-width:760px){.rl-client .em-live-plan{--em-exchange-card:clamp(95px,calc((100vw - 132px)/2),160px)}.rl-client .em-live-plan .em-exchange{grid-template-columns:var(--em-exchange-card) 18px minmax(0,1fr);gap:6px;padding:10px}.rl-client .em-live-plan .em-exchange .em-section-label{font-size:10px}.rl-client .em-live-plan .em-exchange .em-item-card{height:210px;min-height:210px}.rl-client .em-live-plan .em-exchange .em-item-art{height:90px;flex-basis:90px}.rl-client .em-live-plan .em-exchange .em-item-art>img{height:82px}.rl-client .em-instruction{padding:12px;gap:9px}}
@media(prefers-reduced-motion:reduce){.rl-client .em-wait-dots::after{animation:none;content:'...'}.rl-client .em-clock-hand{animation:none}}

/* Closed orders retain the same grid without active transfer instructions. */
.rl-client .em-closed-order .em-live-plan>h3{margin:14px 0 12px}
.rl-client .em-closed-copy{color:var(--em-muted);font-size:14px;line-height:1.7}
.rl-client .em-closed-pause{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;background:var(--em-inset);border-radius:8px;color:var(--em-muted);font-size:13px;line-height:1.6}
.rl-client .em-closed-pause>.rl-icon{width:18px;height:18px;margin-top:2px;color:var(--em-warning)}
.rl-client .em-closed-pause strong{color:var(--em-text);font-weight:500}
.rl-client .em-closed-note{margin-top:10px;color:var(--em-dim);font-size:12px;line-height:1.6}
.rl-client .em-closed-composition{margin-top:22px}
.rl-client .em-closed-composition>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:14px;font-weight:600}
.rl-client .em-closed-composition>summary::-webkit-details-marker{display:none}
.rl-client .em-closed-composition>summary .rl-icon{width:17px;height:17px}
.rl-client .em-closed-composition[open]>summary .rl-icon{transform:rotate(180deg)}
.rl-client .em-closed-composition>.em-item-grid{margin-top:16px}
.rl-client .em-closed-totals{display:grid;gap:14px;margin:18px 0 22px}
.rl-client .em-closed-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px}
.rl-client .em-closed-totals dt{color:var(--em-muted)}
.rl-client .em-closed-totals dd{margin:0;color:var(--em-text);font-size:16px;font-weight:600;white-space:nowrap}
.rl-client .em-cancel-dialog p{font-size:14px;color:var(--em-muted);line-height:1.7;margin:12px 0}
.rl-client .em-cancel-dialog strong{color:var(--em-text)}

/* Steam mark masks the start of the URL; its full value remains selectable/copyable. */
.rl-client .em-trade-field{position:relative;margin-top:12px;min-width:0;overflow:hidden;border-radius:7px;background:var(--em-raised)}
.rl-client .em-live-recipient .em-trade-field input.em-trade-url{display:block;margin:0}
.rl-client .em-trade-steam{position:absolute;z-index:1;inset:0 auto 0 0;width:88px;display:flex;align-items:center;padding-left:12px;pointer-events:none;color:var(--em-text);background:linear-gradient(90deg,var(--em-raised) 0%,var(--em-raised) 40%,rgb(20 49 54 / 0) 100%)}
.rl-client .em-trade-steam>.rl-icon{width:22px;height:22px}

/* The request status follows the date/time and shares their exact badge height. */
.rl-client .em-request-shell .rs-case-heading>.rs-request-meta>:is(.rs-date-chip,.rs-state){display:inline-flex;align-items:center;box-sizing:border-box;height:28px;min-height:28px;padding:6px 9px;border-radius:6px;font-size:12px;line-height:16px;white-space:nowrap;flex-shrink:0}
/* Inventory and request items share one card renderer and rarity palette. */
.rl-client .rs-inventory-grid>.em-item-card.rs-inventory-card{max-width:none;width:100%;padding:0;border:0;box-shadow:none;color:var(--em-text);font:inherit;cursor:pointer;transition:filter .15s ease}
.rl-client .em-item-card.rs-inventory-card:hover:not(:disabled){filter:brightness(1.08)}
.rl-client .em-item-card.rs-inventory-card:focus-visible{outline:2px solid var(--item-rarity);outline-offset:3px}
.rl-client .em-item-card.rs-inventory-card.is-selected{box-shadow:none}
.rl-client .em-item-card.rs-inventory-card.is-selected::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 100%,color-mix(in srgb,var(--item-rarity) 30%,transparent),transparent 80%)}
.rl-client .em-item-card.rs-inventory-card.is-selected::after{content:'';position:absolute;bottom:0;left:35%;width:30%;height:2px;border-radius:1px;background:var(--item-rarity);pointer-events:none;z-index:2}
.rl-client .rs-inventory-card>.em-item-art,.rl-client .rs-inventory-card>.em-item-info{position:relative;z-index:1}
.rl-client .em-item-selection{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:24px;height:24px;color:var(--item-rarity);filter:drop-shadow(0 1px 2px #0009);pointer-events:none}
.rl-client .em-item-selection>.rl-icon{width:24px;height:24px;fill:currentColor;stroke:none}
.rl-client .em-item-card.rs-inventory-card:disabled{cursor:default;opacity:.6}
.rl-client .em-item-unavailable{font-size:11px;line-height:1.4;color:var(--em-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}