/* Clear everyday actions and a readable conversation layout, in both themes. */
body{font-size:16px}input,select,textarea{font-size:16px}.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}.button{min-height:46px}.header-messages{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 11px;border-radius:12px;font-size:14px;font-weight:700;position:relative;color:var(--green);background:var(--lilac)}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:20px;font-size:12px;font-weight:800;background:var(--lime);color:#281342;flex-shrink:0}.unread-badge[hidden]{display:none!important}.header-messages .unread-badge{position:absolute;right:-6px;top:-5px}.nav-actions{gap:10px}.desktop-nav{gap:18px}.mobile-bottom-nav a{position:relative;min-height:48px;font-size:11px}.mobile-bottom-nav .unread-badge{position:absolute;top:-4px;left:55%;font-size:11px;min-width:20px;height:20px}
.simple-account-nav{align-items:flex-start;gap:8px;padding:0 0 16px;margin-bottom:24px}.simple-account-nav>a,.account-more>summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600;border:1px solid var(--line);background:var(--white);cursor:pointer}.simple-account-nav span{margin:0;color:inherit}.simple-account-nav>a.selected{border:1px solid var(--green);background:var(--lilac);color:var(--green)}.simple-account-nav .unread-badge{color:#281342}.account-more{position:relative;margin-left:auto}.account-more>summary{list-style:none}.account-more>summary::-webkit-details-marker{display:none}.account-more>div{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;max-width:430px}.account-more a{padding:8px 12px!important;min-height:44px;border-radius:10px;border:1px solid var(--line);font-size:14px}.account-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 32px}.account-shortcuts>a{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--cream)}.account-shortcuts>a:first-child{background:var(--lilac);border-color:var(--green)}.shortcut-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--white);color:var(--green);flex-shrink:0}.account-shortcuts strong{display:block;font-size:18px}.account-shortcuts small{display:block;margin-top:4px;font-size:13px;color:var(--muted)}.account-shortcuts>a>.icon{margin-left:auto;width:18px}.password-toggle{min-height:44px;justify-content:flex-end}.admin-access{margin-inline:auto;max-width:600px;display:flex;flex-direction:column;gap:20px}.admin-access h1{font-size:32px}
.chat-section{padding-block:36px}.chat-section .page-heading{margin-bottom:24px}.chat-subtitle{margin-top:12px;font-size:16px}.chat-section .messages-layout{grid-template-columns:320px minmax(0,1fr);gap:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 50px #28134209;align-items:stretch;background:var(--white)}.chat-section .panel{border:0;box-shadow:none;border-radius:0;padding:0;margin:0;background:var(--white)}.chat-section .thread-list{display:block;overflow:visible;align-self:stretch;border-right:1px solid var(--line)}.inbox-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid var(--line)}.inbox-heading h2{font-size:19px}.inbox-heading>.icon{color:var(--green)}.chat-section .thread{display:flex;align-items:center;gap:12px;padding:18px 16px;min-height:94px;border-bottom:1px solid var(--line);border-radius:0;border-left:4px solid transparent}.chat-section .thread:hover{background:var(--cream)}.chat-section .thread.selected{background:var(--lilac);border-left-color:var(--green)}.chat-section .seller-avatar{width:44px;height:44px;display:grid;place-items:center;font-size:18px;background:var(--lilac);color:var(--green);flex-shrink:0}.thread.selected .seller-avatar{background:var(--green);color:#fff}.thread-copy{min-width:0;flex:1}.thread-top{display:flex;align-items:center;gap:8px;justify-content:space-between}.thread-top strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-top time{font-size:11px;color:var(--muted);flex-shrink:0}.thread-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--muted);margin-top:5px}.has-unread .thread-preview{font-weight:700;color:var(--ink)}.inbox-empty{display:flex;flex-direction:column;gap:16px;padding:28px 22px;align-items:flex-start}.inbox-empty>.icon{width:32px;height:32px;color:var(--green)}.inbox-empty p{font-size:15px}.inbox-empty .button{font-size:14px}.conversation{min-width:0;position:relative}.chat-section .conversation-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line);justify-content:flex-start}.conversation-name{min-width:0;flex:1}.conversation-name h2{font-size:20px;overflow-wrap:anywhere}.conversation-name>span{font-size:12px;color:var(--muted);line-height:1.4;display:block;margin-top:6px}.chat-section .chat-back{display:none}.chat-options{position:relative;margin-left:auto}.chat-options summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:44px;height:44px;border-radius:12px;background:var(--cream)}.chat-options summary::-webkit-details-marker{display:none}.chat-options form{position:absolute;right:0;top:50px;z-index:5;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);white-space:nowrap}.chat-listing{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--cream)}.chat-listing img{object-fit:cover;border-radius:10px;flex-shrink:0}.chat-listing>span:nth-child(2){min-width:0;flex:1}.chat-listing strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-listing small{font-size:11px;color:var(--muted)}.chat-listing>span>span{font-size:13px;color:var(--green);font-weight:700}.chat-listing-link{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--green);font-weight:600}.chat-listing-link .icon{width:18px}.chat-safety{display:flex;align-items:center;gap:8px;padding:10px 24px;color:var(--muted);font-size:12px;background:var(--white)}.chat-safety .icon{width:16px;height:16px}.chat-section .message-history{height:380px;min-height:240px;max-height:55dvh;padding:22px 24px;background:var(--cream);border:0;gap:14px;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin}.message-day{align-self:center;border:1px solid var(--line);border-radius:30px;padding:4px 12px;background:var(--white);color:var(--muted);font-size:11px}.chat-section .message-bubble{max-width:86%;border:1px solid var(--line);padding:12px 16px;border-radius:16px 16px 16px 4px;background:var(--white);flex-shrink:0}.chat-section .message-bubble.mine{background:var(--green);border-color:var(--green);color:#fff;border-radius:16px 16px 4px 16px}.chat-section .message-bubble p{font-size:16px;line-height:1.6;white-space:normal;color:var(--ink)}.chat-section .message-bubble.mine p{color:#fff}.message-bubble footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px}.chat-section .message-bubble time,.chat-section .message-bubble small{font-size:11px;color:var(--muted);margin:0}.message-bubble small{display:inline-flex;gap:4px;align-items:center}.message-bubble small .icon{width:13px;height:13px}.chat-section .message-bubble.mine time,.chat-section .message-bubble.mine small{color:#eee5ff}.message-bubble.mine .is-read{color:#ffe38a!important}.message-attachment{max-height:240px;border-radius:10px;margin-bottom:8px}.chat-start{align-self:center;text-align:center;margin:auto;max-width:350px;padding:25px 10px}.chat-start p{font-size:15px;margin-top:12px}.chat-start-icon,.chat-welcome-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:var(--lilac);color:var(--green);margin:0 auto 18px}.chat-start-icon .icon,.chat-welcome-icon .icon{width:34px;height:34px}.chat-welcome{min-height:560px;padding:60px 35px}.chat-welcome p{max-width:370px;margin:18px auto 24px}.chat-welcome h2{font-size:28px}.chat-section .message-compose{display:flex;flex-direction:column;gap:10px;margin:0;padding:16px 24px 20px;border-top:1px solid var(--line);background:var(--white)}.chat-section .message-compose>label{font-size:14px;font-weight:700}.chat-section .message-compose textarea{font-size:16px;min-height:78px;max-height:200px;line-height:1.5;resize:vertical}.chat-section .quick-replies{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 4px}.chat-section .quick-replies .button{font-size:12px;padding:9px 12px;min-height:40px;border:1px solid var(--line);color:var(--ink);background:var(--cream)}.compose-actions{display:flex;align-items:center;gap:12px;justify-content:space-between}.message-compose .attachment-label{display:flex;gap:7px;align-items:center;position:relative;overflow:hidden;flex-basis:auto;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;cursor:pointer;max-width:65%}.attachment-label input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.attachment-label:focus-within{outline:3px solid var(--green);outline-offset:3px}.chat-file-name{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.chat-file-name:empty{display:none}.chat-connection{font-size:13px;padding:10px 24px;color:var(--muted);overflow-wrap:anywhere}.chat-connection:empty{display:none}.chat-connection a{font-weight:700;text-decoration:underline;color:var(--green);margin-left:8px}.chat-new{margin:8px auto;display:flex}.chat-new[hidden]{display:none}.chat-section [hidden]{display:none!important}
@media(min-width:980px) and (max-width:1170px){.desktop-nav>a:last-child{display:none}.nav-inner{gap:18px}.nav-actions{gap:7px}.post-link{padding-inline:12px}}
@media(max-width:980px){.header-messages>span:not(.unread-badge){display:none}.header-messages{padding:10px}.chat-section .messages-layout{grid-template-columns:260px minmax(0,1fr)}.account-shortcuts{gap:10px}.account-shortcuts>a{padding:16px;gap:10px}.account-shortcuts strong{font-size:16px}.account-shortcuts small{font-size:12px}.shortcut-icon{width:40px;height:40px}}
@media(max-width:700px){.chat-section{padding-top:24px}.chat-section .messages-layout{display:block}.chat-section .thread-list{border:0}.chat-section .messages-layout.has-conversation>.thread-list{display:none}.chat-section .messages-layout:not(.has-conversation)>.conversation{display:none}.chat-section .messages-layout:not(.has-conversation) .thread{padding:18px}.chat-section .chat-back{display:flex;min-width:44px;width:44px;min-height:44px;padding:10px;flex-shrink:0}.chat-back>.icon{transform:rotate(180deg);width:20px}.chat-back>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.chat-section .conversation-actions{padding:14px 12px;gap:9px}.conversation-actions .seller-avatar{display:none}.conversation-name h2{font-size:18px}.conversation-name>span{font-size:11px}.chat-listing{padding:12px 16px;gap:10px}.chat-listing-link{font-size:0;gap:0}.chat-listing-link .icon{width:20px}.chat-safety{padding:9px 16px;font-size:11px}.chat-section .message-history{height:36dvh;min-height:240px;max-height:none;padding:16px}.chat-section .message-compose{padding:14px 16px 16px}.chat-section .message-bubble{max-width:90%}.chat-section .quick-replies{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 7px}.chat-section .quick-replies .button{white-space:nowrap;flex-shrink:0}.chat-section .chat-browse{display:none}.simple-account-nav{gap:7px}.simple-account-nav>a{flex:1 1 calc(50% - 7px);font-size:14px;padding:10px 12px;justify-content:center}.account-more{margin:0;width:100%}.account-more>summary{justify-content:center;border:0;background:var(--cream);font-size:14px}.account-more>div{max-width:none}.account-shortcuts{grid-template-columns:1fr}.account-shortcuts>a{padding:16px}.account-shortcuts strong{font-size:18px}.account-shortcuts small{font-size:14px}.chat-section:has(.has-conversation)>.page-heading,.chat-section:has(.has-conversation)>.simple-account-nav{display:none}.chat-section:has(.has-conversation){padding-top:16px}.chat-section .messages-layout{border-radius:16px}.password-toggle{font-size:14px}.admin-access h1{font-size:26px}}
@media(max-width:420px){.nav-actions .saved-link{display:none}.header-messages{padding:8px}.nav-inner{gap:10px}.brand{font-size:23px}.nav-actions{gap:6px}.compose-actions .button{padding-inline:16px}.message-compose .attachment-label{font-size:13px}.mobile-bottom-nav a{font-size:10px}}
/* Keep the current conversation and send button together in the viewport. */
.chat-section .page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.chat-section .page-heading h1{font-size:36px}.chat-section:has(.has-conversation)>.page-heading{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%)}.chat-section:has(.has-conversation)>.simple-account-nav{display:none}.chat-section:has(.has-conversation){padding-block:24px}.chat-section .has-conversation{height:calc(100dvh - 175px);min-height:550px}.chat-section .has-conversation>.conversation{display:flex;flex-direction:column;min-height:0}.chat-section .has-conversation>.thread-list{overflow-y:auto}.chat-section .conversation-actions{padding:12px 20px}.chat-section .chat-listing{padding:10px 20px}.chat-section .chat-safety{padding:8px 20px}.chat-section .message-history{flex:1;min-height:130px;max-height:none;height:auto}.chat-section .message-compose{padding:12px 20px;gap:8px;flex-shrink:0}.chat-section .message-compose textarea{min-height:64px}.chat-section .conversation-actions,.chat-listing,.chat-safety,.chat-connection{flex-shrink:0}.chat-section .chat-back{display:flex;min-height:44px;padding:10px;gap:8px}.chat-back>.icon{transform:rotate(180deg);width:18px}.chat-back>span{font-size:12px}.conversation-actions .seller-avatar{display:none}
@media(max-width:700px){.chat-section:has(.has-conversation){padding-block:12px}.chat-section .has-conversation{height:calc(100dvh - 208px);min-height:460px}.chat-section .conversation-actions{padding:10px 12px;gap:10px}.chat-section .chat-back{width:auto;max-width:100px;padding:8px;gap:4px}.chat-back>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:11px;line-height:1.3;max-width:50px}.conversation-name>span{display:none}.chat-section .chat-listing{padding:9px 14px}.chat-section .chat-listing img{width:44px;height:44px}.chat-section .chat-safety{padding:7px 14px}.chat-section .message-compose{padding:10px 14px;gap:7px}.message-compose>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.chat-section .message-compose textarea{min-height:56px;max-height:120px}.chat-section .quick-replies{margin:0;padding-bottom:2px}.chat-section .quick-replies .button{min-height:36px;padding:8px 10px}.chat-section .message-history{min-height:100px}.chat-section .page-heading{align-items:flex-start}.chat-section .has-conversation>.thread-list{display:none}}
.home-search-top{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:12px 16px;padding-top:24px;padding-bottom:18px}.home-search-top .hero-search{margin:0;max-width:none;width:100%;min-height:66px;border:2px solid var(--green);box-shadow:0 8px 24px #6d28d914}.home-search-top .hero-search .autocomplete-wrap input{font-size:17px}.home-search-top .hero-city{margin:0;min-width:0;max-width:none;width:100%}.home-search-top .hero-city .picker-trigger{min-height:66px;font-size:15px}.home-search-top .popular-searches{grid-column:1/-1;margin:0;font-size:13px}.hero-grid{padding-block:32px}.browse-page{padding-top:26px}.browse-page .browse-search{margin:0 0 20px;border:2px solid var(--green);min-height:64px;position:sticky;top:10px;z-index:12;background:var(--white);box-shadow:0 8px 20px #28134209}.browse-page .browse-search input{font-size:17px}.filter-apply-top{position:sticky;top:90px;z-index:3;background:var(--cream);padding:4px 0 12px}.filter-apply-top .button{font-size:15px}.service-fields{margin:0;padding:18px;border:1px solid var(--line);border-radius:14px;min-width:0}.service-fields legend{padding:0 6px;font-weight:700;font-size:15px}[data-service-fields][hidden],[data-product-fields][hidden],[data-range-fields][hidden]{display:none!important}.thread-top{align-items:flex-start}.thread-top time{font-size:10px;max-width:75px;text-align:right;white-space:normal}.thread-listing{display:flex;align-items:center;gap:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--green);margin-top:6px}.thread-listing>.icon{width:13px;height:13px}.thread-receipt{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px;margin-top:5px}.thread-receipt .icon{width:13px;height:13px}.thread-receipt.is-read{color:var(--green);font-weight:600}.message-listing-ref{display:flex;align-items:center;gap:7px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line);color:var(--green);font-size:12px;max-width:300px}.message-listing-ref>span{overflow-wrap:anywhere;min-width:0;flex:1}.message-listing-ref>.icon{width:14px;height:14px}.mine .message-listing-ref{color:#ffe38a;border-color:#ffffff38}.conversation-name>.chat-presence{display:block;font-size:12px;color:var(--muted)}.chat-presence:empty{display:none}.compose-actions .attachment-label{flex-direction:row;align-items:center;justify-content:center}.chat-section .quick-replies{flex-wrap:nowrap;overflow-x:auto}.chat-section .quick-replies .button{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){.home-search-top{padding-top:16px;grid-template-columns:1fr;gap:10px;padding-bottom:16px}.home-search-top .hero-search{min-height:60px;padding:6px 7px;gap:8px}.home-search-top .hero-search>.icon{width:18px}.home-search-top .hero-search .autocomplete-wrap input{font-size:16px;padding-left:0}.home-search-top .hero-search .button{font-size:14px;padding-inline:15px;min-height:44px}.home-search-top .hero-city{max-width:none}.home-search-top .hero-city .picker-trigger{min-height:46px}.home-search-top .popular-searches{gap:8px;flex-wrap:wrap;font-size:12px}.browse-page .browse-search{top:8px;padding:7px;gap:8px;min-height:60px}.browse-page .browse-search>.icon{width:18px}.browse-page .browse-search .autocomplete-wrap{min-width:0}.browse-page .browse-search input{font-size:16px;min-width:0}.browse-page .browse-search .button{font-size:14px;padding:10px 14px;min-height:44px;flex-shrink:0}.browse-page .browse-search .button .icon{display:none}.browse-page .filter-panel{margin-bottom:18px}.browse-page .filter-panel>summary{display:flex;min-height:48px;align-items:center;gap:8px;font-size:16px}.filter-apply-top{top:82px}.conversation-name>.chat-presence{font-size:10px;line-height:1.3}.chat-section .conversation-actions{min-height:62px}.chat-section .has-conversation{min-height:475px}.chat-section .message-listing-ref{font-size:11px}.chat-section .message-bubble p{font-size:15px}}
.chat-section .has-conversation>.conversation{height:100%;min-height:0}.chat-section .message-compose{flex-wrap:nowrap}
@media(min-width:701px) and (max-width:1170px){.desktop-nav>a:last-child{display:none}.header-messages>span:not(.unread-badge){display:inline}.header-messages{font-size:13px}.nav-actions{gap:7px}}
@media(min-width:701px) and (max-width:850px){.desktop-nav{display:none}}
@media(max-width:700px){.conversation-name>.chat-presence{font-size:12px}}
html[data-theme=dark] .chat-section .message-bubble.mine{background:#6d28d9;border-color:#6d28d9}html[data-theme=dark] .thread.selected .seller-avatar{background:#6d28d9;color:#fff}
.chat-section .has-conversation .message-history{min-height:0}
.chat-section .conversation-name h2{margin:0}.chat-listing>span:nth-child(2){display:flex;flex-direction:column;gap:2px;line-height:1.2}.chat-listing small,.chat-listing strong,.chat-listing>span>span{line-height:1.25}.chat-section .message-compose>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.chat-section .message-compose textarea{height:64px}.chat-section .chat-safety{padding-block:6px}