.rfq{position:fixed;inset:0;margin:auto;width:min(100% - 40px,1050px);max-height:90dvh;padding:0;background:#111;color:#f4f2ee;border:1px solid #444;overscroll-behavior:contain}
.rfq::backdrop{background:#000b;backdrop-filter:blur(5px)}.rfq-inner{padding:clamp(20px,4vw,48px)}
.rfq-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.rfq h2{font-size:clamp(32px,5vw,58px);font-weight:400;letter-spacing:-.04em;margin:28px 0 16px}.rfq h3{font-weight:400}
.rfq button,.rfq input,.rfq textarea{font:inherit;color:inherit}.rfq button{min-height:44px;padding:10px 16px;background:transparent;border:1px solid #666;cursor:pointer}.rfq button:hover{border-color:#f47732}.rfq .primary{background:#f47732;color:#171716;border-color:#f47732}.rfq button:disabled{opacity:.5;cursor:wait}
.rfq-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.rfq-empty{text-align:center;padding:40px 16px;border-block:1px solid #444;margin-top:30px}.rfq-list{margin:25px 0}.rfq-item{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid #444}.rfq-item img{width:90px;height:90px;object-fit:contain;background:#eee}.rfq-item h3{margin:0 0 8px;overflow-wrap:anywhere}.rfq-item small{color:#f47732}.rfq label{display:grid;gap:8px;font-size:14px;margin:16px 0}.rfq input,.rfq textarea{box-sizing:border-box;width:100%;min-width:0;background:#1c1c1c;border:1px solid #666;padding:12px;font-size:16px;border-radius:0}.rfq textarea{resize:vertical}.rfq input[type=number]{max-width:100px}.rfq-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rfq p{color:#bcbcbc;line-height:1.5}.rfq-note{font-size:14px}.rfq-status{padding:12px 0}.rfq-fab{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));z-index:15;background:#171716;color:#f4f2ee;border:1px solid #777;border-radius:30px;padding:14px 20px;font:inherit;cursor:pointer;box-shadow:0 4px 25px #0004}.rfq-fab[hidden]{display:none}.rfq-toast{position:fixed;z-index:999;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#f4f2ee;color:#171716;padding:14px 22px;border-radius:3px;max-width:calc(100% - 36px);width:max-content;box-shadow:0 4px 25px #0004}.rfq-toast:empty{display:none}
@media(max-width:700px){.rfq{width:100%;height:100dvh;max-height:100dvh;border:0}.rfq-inner{padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.rfq-pair{grid-template-columns:1fr;gap:0}.rfq-item{grid-template-columns:60px minmax(0,1fr);gap:14px}.rfq-item img{width:60px;height:60px}.rfq-bar{position:sticky;top:0;background:#111;z-index:2}.rfq-fab{font-size:14px;padding:12px 18px}}
.account{inset:auto max(24px,var(--pad,24px)) auto auto;margin:0;top:132px;width:min(440px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 156px);overflow:auto;border:1px solid #ffffff24;border-radius:30px;background:#11110ff7;box-shadow:0 28px 80px #0008,0 2px 10px #0005;overscroll-behavior:contain;opacity:0;transform:translateY(-10px);animation:account-in .18s ease-out forwards}.account::backdrop{background:#00000018;backdrop-filter:blur(1.5px)}.account .rfq-inner{padding:28px}.account .rfq-bar{position:static;background:transparent}.account .rfq-bar>span{font-size:12px;letter-spacing:.1em;color:#aaa39a}.account .account-close{min-height:38px;padding:8px 13px;border-radius:15px;border-color:#ffffff2e;color:#e8e5df}.account .account-close:hover{background:#ffffff10;border-color:#ffffff62}.account h2{font-size:clamp(36px,4vw,48px);margin:30px 0 12px;line-height:.98}.account-body>p:first-of-type{margin:0 0 24px;max-width:34ch}.account-link{font:inherit;font-size:14px;background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0;min-height:44px}.account-providers{display:grid;gap:12px;margin:24px 0}.account .google-provider{display:flex;align-items:center;justify-content:center;gap:11px;border-radius:16px;border-color:#ffffff38;background:#f7f6f2;color:#171716;font-weight:500}.account .google-provider:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}.google-icon{display:block;flex:0 0 auto}.account form{display:grid;gap:15px}.account label{margin:0;gap:7px;color:#d2cec7}.account input{border-radius:15px;padding:13px 14px;background:#1b1b19;border-color:#ffffff2e;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.account input:hover{border-color:#ffffff58}.account input:focus{outline:0;border-color:#f47732;box-shadow:0 0 0 3px #f4773233;background:#20201d}.account .primary,.account .account-create{width:100%;border-radius:16px;font-weight:500;transition:background .15s ease,border-color .15s ease,transform .15s ease}.account .primary:hover{background:#ff8a4b;border-color:#ff8a4b;transform:translateY(-1px)}.account .account-create{margin-top:14px;border-color:#ffffff38}.account .account-create:hover{background:#ffffff0c;border-color:#f47732}.account button:focus-visible,.account a:focus-visible{outline:2px solid #f47732;outline-offset:3px}.account .rfq-note{margin:17px 0 0;color:#96918a}.account .rfq-note a{color:#d7d3cd;text-underline-offset:3px}.account [role=status]:empty{display:none}.account [role=status]{margin:14px 0 0;color:#f7a274}.account [data-resend]{margin-top:20px}.history-entry{padding:20px 0;border-bottom:1px solid #444}.history-entry summary{cursor:pointer;overflow-wrap:anywhere;line-height:1.5}.policy-links{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;padding:20px 0;position:relative;z-index:2}.policy-links a{min-height:44px;display:inline-flex;align-items:center}@keyframes account-in{to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.account{inset:auto auto max(16px,env(safe-area-inset-bottom)) 50%;margin:0;transform:translate(-50%,-8px);width:calc(100% - 32px);height:auto;max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));border:1px solid #ffffff24;border-radius:28px;animation-name:account-in-mobile}.account .rfq-inner{padding:22px}.account h2{font-size:38px;margin-top:24px}.account .rfq-bar{position:static}.account .rfq-pair{grid-template-columns:1fr}.account input,.account button{max-width:100%}}@keyframes account-in-mobile{to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.account{animation:none;opacity:1;transform:none}.account .google-provider,.account .primary{transition:none}.account .google-provider:hover,.account .primary:hover{transform:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.account{transform:translateX(-50%)}}
