#offer-fields[hidden]{display:none}
#offer-fields{display:grid;gap:7px;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px}
#offer-fields label,#create-form>label[for],#create-form>label:not(.upload){font-size:11px;font-weight:700;color:#d7d2e3}
#create-form select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#111318;color:#fff}
#create-form input:not([type=file]){width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#111318;color:#fff}
.offer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 12px;border-top:1px solid var(--line)}
.offer-actions>div{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;font-size:11px}
.offer-actions>div strong{color:#fff}
.offer-actions>div span{color:var(--lime);font-weight:800}
.message-link,.whatsapp-link{display:flex;align-items:center;justify-content:center;min-height:37px;padding:7px;border:0;border-radius:9px;text-decoration:none;text-align:center;font:700 10px 'DM Sans';cursor:pointer}
.message-link{background:var(--grad);color:#17131a}
.whatsapp-link{background:#1b8d62;color:white}
#contact-sheet{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:#000a}
.cs-box{width:100%;max-width:430px;display:grid;gap:8px;padding:16px;border-radius:18px 18px 0 0;background:#17131a;border-top:1px solid var(--line)}
.cs-box strong{color:#fff;font-size:13px;text-align:center;margin-bottom:4px}
.cs-box button{min-height:44px;border:0;border-radius:10px;background:#ffffff14;color:#fff;font:700 13px 'DM Sans';cursor:pointer}
.cs-box button:disabled{opacity:.45;cursor:default}
.cs-box .cs-close{background:transparent;color:var(--muted)}
.offer-actions{grid-template-columns:1fr}
.whatsapp-link.unavailable{grid-column:1/-1;background:#ffffff0d;color:var(--muted);cursor:default}
.conversation-list{padding:8px 12px}
.conversation{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;margin-bottom:8px;background:var(--card);color:#fff;text-align:left}
.conversation>span:nth-child(2){min-width:0;flex:1}
.conversation strong,.conversation small{display:block}
.conversation strong{font-size:12px}
.conversation small{overflow:hidden;margin-top:4px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.conversation>b{font-size:22px;color:var(--purple)}
.back-link{margin-bottom:12px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:#ded4ff}
.chat-thread{display:flex;flex-direction:column;gap:8px;padding:12px}
.chat-bubble{max-width:86%;padding:10px 12px;border-radius:14px;font-size:12px;line-height:1.5}
.chat-bubble.mine{align-self:flex-end;background:#a88df0;color:#17131a;border-bottom-right-radius:4px}
.chat-bubble.theirs{align-self:flex-start;background:var(--card);color:#fff;border-bottom-left-radius:4px}
.message-form{position:sticky;bottom:0;display:flex;gap:8px;padding:10px 12px;background:#111318}
.message-form input{min-width:0;flex:1;padding:10px;border:2px solid transparent;border-radius:11px;background:linear-gradient(var(--card),var(--card)) padding-box,var(--grad) border-box;color:#fff}
.message-form input:focus{outline:none;box-shadow:0 0 0 2px #a38bff45}
.message-form button{padding:0 14px;border:0;border-radius:10px;background:var(--grad);color:#17131a;font-weight:800}
.prototype-note{margin:8px 14px 16px;color:var(--muted);font-size:10px;line-height:1.5}
dialog{max-width:min(440px,calc(100% - 24px));border:1px solid var(--line);border-radius:18px;background:#1b1e26;color:#fff;padding:21px}
dialog::backdrop{background:#08090dcc;backdrop-filter:blur(4px)}
@media(max-width:360px){.offer-actions{grid-template-columns:1fr}.offer-actions>div{grid-column:auto}}

#preview video,#preview img{max-width:100%;max-height:200px;border-radius:12px;display:block;margin:8px auto}
#create-modal{max-height:92vh;overflow-y:auto}
#create-form .publish{position:sticky;bottom:-21px;z-index:2;width:100%;box-shadow:0 -10px 14px #1b1e26}
#toast{top:auto;right:auto;margin:0;border:0;overflow:visible;max-width:92vw;white-space:normal;text-align:center}