/* Buyer storefront: white surfaces, black type and a single bright cyan accent. */
:root{--accent:#00cfc8;--ink:#111;--muted:#808080;--line:#e9e9e9;--bg:#fff;color-scheme:light}
html,body{background:#fff;color:var(--ink)}body{overflow-x:clip}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}
header{background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none}header>div{max-width:1120px;padding:18px 24px}.brand{gap:10px;color:#111;letter-spacing:-1.2px}.brand b{background:#111;color:#fff;border-radius:4px;padding:0 11px;font-size:30px}.brand span strong{font-weight:800}.brand span em{font-weight:450}.brand small{color:#808080;letter-spacing:2px;margin-top:0}
main{max-width:1120px;padding:28px 24px 130px}h1{font-weight:800;letter-spacing:-.8px}h2{font-weight:700}label,.registration-field{color:#666}.small,.intro p,.eyebrow,.empty,footer,.home-disclosure{color:#808080}
input,select,textarea{background:#fff;color:#111;border:1px solid #dedede;border-radius:5px;min-height:46px;padding:11px 13px;max-width:100%}input::placeholder,textarea::placeholder{color:#aaa}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #00cfc8;outline-offset:3px}
button{border-radius:5px;background:#f4f4f4;color:#111}.primary,button.primary,.product button{background:#00cfc8;color:#111;border:1px solid #00cfc8;font-weight:700;box-shadow:none}.quiet{background:#fff;color:#666}
.panel{background:#fff;border:1px solid #e9e9e9;border-radius:8px;box-shadow:none;padding:25px}.auth{max-width:420px;margin:7vh auto 0;padding:30px}.tabs{gap:0;margin-bottom:28px;border-bottom:1px solid #eee;border-radius:0}.tabs button{border-radius:0;color:#808080;background:#fff;padding:13px 10px}.tabs button.active{background:#fff;color:#111;border-bottom:3px solid #00cfc8;font-weight:750}.auth .full{min-height:48px;margin-top:5px}
.nav{background:#fff;border-radius:0;padding:0;gap:25px;border-bottom:1px solid #eee;align-self:stretch}.nav button{padding:13px 2px;border-radius:0;background:#fff;color:#808080;font-weight:600;font-size:14px}.nav button.active{background:#fff;color:#111;border-bottom:3px solid #00cfc8;box-shadow:none}.intro{margin-top:18px}.intro h1{font-size:28px}
.search{gap:10px}.search input{background:#f7f7f7;border-color:#ededed}.search>.primary{min-width:82px}.merchant-input{min-width:0}.shophead{border-radius:6px;border-color:#e9e9e9;background:#fff}.shophead h2{font-size:21px}.badge{background:#00cfc8;color:#111;border-radius:3px;font-weight:650}.badge.closed{background:#f1f1f1;color:#808080}
.filter{gap:8px;margin-bottom:14px}.filter input{background:#f7f7f7;border-color:#eee}.filter button{border:1px solid #ddd;background:#fff}
.store-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:18px 0 22px}.store-tools>.small{margin-inline-end:auto}.category-control{display:flex;align-items:center;gap:8px;margin:0;color:#666;font-size:12px}.category-control select{min-width:136px;min-height:40px;padding:8px 30px 8px 10px;font-size:13px}.price-sort{display:flex;gap:6px;flex-wrap:wrap}.price-sort button{min-height:40px;padding:8px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:12px;color:#666}.price-sort button.active{background:#00cfc8;border-color:#00cfc8;color:#111;font-weight:700}
.grid{gap:22px 18px}.product{border:1px solid #ededed;border-radius:5px;box-shadow:none;background:#fff;overflow:hidden}.product img{height:220px;background:#f7f7f7;padding:16px}.product section{padding:14px}.product h3{font-size:13px;color:#111;line-height:1.5;font-weight:500}.price{color:#111;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.price small{color:#808080;font-weight:400}.product button{border-radius:4px;padding:10px;font-size:12px}
.pager button{background:#fff;border:1px solid #e5e5e5}.cartbar{background:#fff;border-color:#e9e9e9;backdrop-filter:none}.cartbar small{color:#808080}.cartbar b{font-weight:800}.summary{background:#f6f6f6;border-radius:5px;color:#111}.progress,.success{color:#111}.error{color:#111}#toast{background:#111;color:#fff;border-radius:5px}
dialog:not(.smchat *){color:#111;border-color:#e5e5e5;border-radius:8px}dialog::backdrop{background:#0006;backdrop-filter:none}#buyer-menu-trigger{background:#fff;border-color:#e5e5e5;color:#111;border-radius:5px}#buyer-menu{border-color:#e9e9e9;color:#111;border-radius:8px;box-shadow:0 15px 45px #0002}.buyer-menu-heading button,.buyer-menu-sound,.buyer-menu-row{color:#666}.buyer-profile{color:#111;background:#f5f5f5}
.badge-upload{background:#f7f7f7;border-color:#ccc;color:#666;border-radius:5px}.badge-upload .badge-plus{background:#eee;color:#111}.badge-preview,.registration-review,.registration-success{background:#f7f7f7;color:#111;border-color:#e5e5e5}
.purchase-card{border-radius:6px;border-color:#e9e9e9;box-shadow:none}.purchase-top{background:#fafafa;border-color:#eee}.purchase-store{color:#111}.purchase-top small{color:#808080}.purchase-status,.purchase-status[data-status]{background:#f0f0f0;color:#111;border-radius:3px}.purchase-bottom,.purchase-summary{background:#fff;border-color:#eee}.purchase-total,.purchase-total strong{color:#111}
.buyer-kyc-dialog,.buyer-kyc-heading,.buyer-kyc-form{color:#111;border-color:#e9e9e9;background:#fff}.buyer-kyc-form label{color:#666}.buyer-kyc-form input,.buyer-kyc-form select,.buyer-kyc-form textarea{border-color:#dedede;color:#111;border-radius:5px}
@media(max-width:700px){header>div{padding:15px 16px}main{padding:20px 16px 125px}.auth{margin:4vh auto 0;padding:22px}.nav{gap:24px}.store-tools{gap:12px}.store-tools>.small{flex:1}.category-control{margin-inline-start:auto}.price-sort{width:100%;gap:7px}.price-sort button{flex:1;padding:9px 7px}.grid{gap:17px 12px}.product img{height:180px;padding:12px}.product section{padding:11px}.product h3{font-size:12px}.product .price{font-size:19px}.panel{padding:20px}.shophead h2{font-size:19px}}
@media(max-width:360px){.category-control select{min-width:120px}.product img{height:150px}.nav{gap:17px}}

/* Cover the account, order and messaging surfaces that retain older mint styles. */
.orders-panel{border-color:var(--line);border-radius:8px;box-shadow:none}
.orders-panel .orders-heading{border-color:var(--line)}
#orderslist{background:#f7f7f7}.empty-card-icon{background:#f4f4f4;color:var(--muted);border-radius:12px}
.purchase-card{border-radius:6px;border-color:var(--line);box-shadow:none}
.purchase-top,.purchase-item,.purchase-total{border-color:var(--line)}
.purchase-item img{background:#f7f7f7;border-radius:4px}.purchase-id{color:var(--muted)}
.purchase-status[data-status="待处理"]{background:var(--accent);color:var(--ink)}
.shophead.panel{border-radius:6px}.shophead #contactmerchant{border-radius:4px}
.shophead>div:first-child{min-width:0;flex:1}.shophead>div:last-child{flex-shrink:0}
.shophead h2{overflow-wrap:anywhere}.shophead .badge,.shophead #contactmerchant{white-space:nowrap;flex-shrink:0}
.intro h1{font-size:24px}.error:empty{display:none}
.filter{align-items:center}.filter input{flex:1;width:auto;min-width:0;height:44px}
.filter button{flex-shrink:0;white-space:nowrap;min-width:56px;min-height:44px;padding:10px 13px}
.merchant-input #clearmerchant{background:#bdbdbd}
.cartitem{border-color:var(--line);grid-template-columns:64px minmax(0,1fr) 82px;gap:12px}
.cartitem img{width:64px;height:64px;background:#f7f7f7;border-radius:4px;padding:4px}
.cartitem p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}
.cartitem .small{display:inline-block;margin-top:4px;color:var(--ink);font-variant-numeric:tabular-nums}
.cartitem button{color:var(--muted)}
.profile-photo>span{background:#f4f4f4}.buyer-profile{width:auto;height:38px;display:flex;gap:8px;background:transparent;border-radius:5px;max-width:170px;text-align:left}
.buyer-profile .buyer-profile-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#f4f4f4}
.buyer-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.buyer-profile .buyer-profile-copy{display:flex;flex-direction:column;min-width:0;line-height:1.45}
.buyer-profile-copy strong{font-size:11px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.buyer-profile .buyer-profile-copy .buyer-public-id{position:static;transform:none;max-width:none;font-size:9px;line-height:1.45;color:var(--muted);font-variant-numeric:tabular-nums}
.buyer-chat-count{background:#ee4545}
.buyer-menu-sound,.buyer-menu-row{border-color:var(--line)}
.buyer-kyc-form button[type=submit]{background:var(--accent);color:var(--ink);border-radius:5px;font-weight:700}
.buyer-kyc-heading button,.buyer-kyc-error{color:var(--ink)}
.badge-upload:focus-within{outline-color:var(--accent)}
.sm-message-controls .sm-message-link{background:#f4f4f4;border-color:var(--line);color:var(--ink);border-radius:5px;box-shadow:none}
.sm-message-controls .sm-message-link[data-sound=true]{background:var(--accent);border-color:var(--accent);color:var(--ink);box-shadow:none}
.sm-message-controls .sm-message-link[data-sound=false]{background:#f4f4f4;border-color:var(--line);color:var(--muted)}
.sm-message-controls .sm-message-sound{background:#f4f4f4!important;border-color:var(--line)!important;color:var(--ink)!important;border-radius:5px!important}
.sm-sound-tip{background:var(--ink);color:#fff;border-radius:5px;box-shadow:none}
.sm-account-restriction,.sm-announcement{color:var(--ink);border-color:var(--line);border-radius:8px}
.sm-account-restriction p,.sm-announcement p,.sm-announcement>small:first-child{color:var(--muted)}
.sm-account-restriction button,.sm-announcement>button,.login-note a,.login-note button{background:var(--accent);color:var(--ink);border-radius:5px}
header a,.login-note h1{color:var(--ink)}header small,.login-note{color:var(--muted)}
@media(max-width:700px){.orders-panel{border-radius:8px}.buyer-profile{max-width:145px}.intro h1{font-size:22px}.shophead.panel{padding:13px 15px}.store-tools>.small{flex-basis:100%}.category-control{width:100%;margin-inline-start:0}.category-control select{flex:1}}
@media(max-width:360px){.buyer-profile-copy strong{max-width:72px}header .brand{font-size:18px}.brand b{font-size:26px}.shophead h2{font-size:16px}.shophead>div:last-child{gap:6px!important}}