.message-nav{position:relative}.message-nav span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:999px;background:#d86b43;color:#fff;font-size:10px;font-weight:800}
.contact-settings-page,.messages-page,.thread-page{min-height:700px;padding:60px max(20px,7vw) 100px;background:var(--cream)}
.contact-settings-page>header,.messages-page>header,.thread-head,.contact-settings-form{max-width:1100px;margin-left:auto;margin-right:auto}.contact-settings-page h1,.messages-page h1,.thread-page h1{font:700 clamp(34px,5vw,58px)/1.15 Georgia,"Noto Serif Thai",serif;margin:0 0 12px}.contact-settings-page>header{margin-bottom:30px}.contact-settings-page>header p:last-child{max-width:720px}
.contact-errors{max-width:1100px;margin:0 auto 18px}.contact-settings-form{display:grid;gap:22px}.contact-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-setting-card{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:128px;padding:24px;background:#fff;border:1px solid #ded7ca}.contact-setting-card>div{flex:1}.contact-setting-card label:not(.toggle){display:grid;gap:8px;font-weight:700}.contact-setting-card small,.contact-setting-card p{display:block;margin:5px 0;color:#687069;font-weight:400}.contact-setting-card input[type=text],.contact-setting-card input[type=url],.contact-setting-card input[type=email],.contact-setting-card input:not([type]){width:100%;box-sizing:border-box;padding:12px;border:1px solid #cac5ba;background:#fbfaf7}.contact-setting-card input[type=file]{max-width:100%;font-weight:400}.qr-setting img{display:block;width:105px;height:105px;margin-top:12px;object-fit:cover;border:1px solid #d5d0c6}.remove-check{display:block!important;margin-top:8px;font-size:12px}.chat-setting{grid-column:1/-1;background:#e6f0ea}.toggle{display:flex!important;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;font-size:12px;font-weight:700}.toggle input{position:absolute;opacity:0}.toggle span{position:relative;width:42px;height:23px;border-radius:999px;background:#aaa;transition:.2s}.toggle span:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.toggle input:checked+span{background:#2e6654}.toggle input:checked+span:after{transform:translateX(19px)}
.shop-contact{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(340px,1.3fr) auto;gap:35px;align-items:center;padding:55px max(25px,7vw);background:#e7efe9}.contact-title h2{margin:0 0 8px;font:700 clamp(28px,4vw,44px)/1.2 Georgia,"Noto Serif Thai",serif}.contact-title p:last-child{color:#53645c}.public-contact-links{display:flex;flex-wrap:wrap;gap:10px}.public-contact-links form{display:inline}.contact-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid #9caea5;background:#fff;color:#17392e;text-decoration:none;font:600 12px/1.2 inherit;cursor:pointer}.contact-chip b{font-size:10px;letter-spacing:.04em}.contact-chip.chat{border-color:#2e6654;background:#2e6654;color:#fff}.contact-chip.external:after{content:"\2197";font-size:12px}.public-line-qr{display:grid;gap:8px;text-align:center;font-size:11px;font-weight:700}.public-line-qr img{width:112px;height:112px;object-fit:cover;border:7px solid #fff}
.messages-page>header{margin-bottom:28px}.conversation-list{max-width:1100px;margin:auto;border-top:1px solid #d2c9bb}.conversation-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid #d2c9bb;background:#fff;color:inherit;text-decoration:none}.conversation-list>a:hover{background:#f4efe5}.conversation-list p{margin:6px 0 0;color:#69706b}.unread-badge{padding:6px 10px;border-radius:999px;background:#d86b43;color:#fff;font-size:11px;white-space:nowrap}.empty-inline{max-width:1100px;margin:auto;padding:40px;background:#fff;color:#69706b;text-align:center}
.thread-head{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:25px}.message-stream{max-width:900px;min-height:320px;margin:auto;padding:25px;background:#fff;border:1px solid #ded7ca}.message-bubble{max-width:72%;margin:0 0 14px;padding:13px 16px;background:#eeeae2}.message-bubble.mine{margin-left:auto;background:#dcebe3}.message-bubble strong{font-size:12px}.message-bubble p{margin:6px 0;white-space:normal;overflow-wrap:anywhere}.message-bubble time{font-size:10px;color:#777}.message-compose{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:900px;margin:12px auto 0}.message-compose textarea{resize:vertical;padding:13px;border:1px solid #c8c2b7;font:inherit}.message-compose button{align-self:stretch;border:0}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:900px){.contact-settings-grid{grid-template-columns:1fr}.chat-setting{grid-column:auto}.shop-contact{grid-template-columns:1fr}.public-line-qr{text-align:left}.thread-head{flex-direction:column}}
@media(max-width:600px){.contact-setting-card{align-items:flex-start;flex-direction:column}.conversation-list>a{align-items:flex-start;flex-direction:column}.message-bubble{max-width:88%}.message-compose{grid-template-columns:1fr}.shop-contact{padding:40px 20px}.public-contact-links{display:grid}.contact-chip,.public-contact-links form,.public-contact-links form button{width:100%;box-sizing:border-box}.contact-settings-page,.messages-page,.thread-page{padding-top:40px}}