.store-platform-bar{background:#fff;border-bottom:1px solid #eae7f3;color:#242033}
.store-platform-bar>div{width:min(1240px,calc(100% - 48px));margin:auto;min-height:76px;display:flex;align-items:center;gap:28px;padding:14px 0}
.store-platform-bar .brand{font-size:25px;gap:9px;color:#1c192a}
.store-platform-bar .brand-symbol{width:34px;height:34px;font-size:28px;background:#5b50e8}
.store-platform-note{font-size:13px;color:#827c90;flex:1}
.store-platform-back{display:flex;align-items:center;gap:8px;color:#5b50e8;font-size:13px;font-weight:650;min-height:44px}
.store-platform-back svg{width:18px;height:18px}
.business-account{display:flex;align-items:center;gap:10px;max-width:210px;padding:7px 10px;border:1px solid #eeeaf4;border-radius:12px;background:#faf9fc;text-align:left;min-height:52px}
.business-account-photo{background:var(--merchant);color:var(--merchant-on,#fff);width:36px;height:36px;flex:0 0 36px;border-radius:10px;overflow:hidden;display:grid;place-items:center;font-weight:700}
.business-account-photo img{width:100%;height:100%;object-fit:cover}
.business-account-copy{min-width:0;display:grid;gap:3px}
.business-account-copy small{font-size:8px;letter-spacing:1px;color:#8a8199}
.business-account-copy b{font-size:12px;color:#312a40;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.business-account>svg{width:14px;height:14px;color:#91859e;flex-shrink:0}
.post-comments-button{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--merchant-ink,var(--merchant));min-height:44px}
.post-comments-button svg{width:20px;height:20px}
.comments-modal{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}
.comments-body{padding:0 28px 26px}
.comments-guidance,.comments-demo{font-size:12px;line-height:1.7;color:#81788e;margin:0 0 16px}
.comments-demo{padding:10px;border-radius:8px;background:#f5f2fa}
.comment-list{max-height:320px;overflow:auto;overscroll-behavior:contain;margin:10px 0 16px}
.comments-empty{font-size:13px;color:#867c92;padding:24px 0;text-align:center}
.customer-comment{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #eeeaf2}
.customer-comment>div{flex:1;min-width:0}
.customer-comment-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--merchant-soft,#f3eef8);color:var(--merchant);display:grid;place-items:center;font-size:13px;font-weight:700}
.customer-comment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.customer-comment-heading b{font-size:13px;overflow-wrap:anywhere}
.customer-comment time{font-size:10px;color:#91889b;white-space:nowrap}
.customer-comment p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;color:#63596e}
.comment-moderation{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.comment-moderation small{color:#8a7d95;font-size:10px;margin-right:auto}
.comment-moderation button,.comment-remove-own{font-size:11px;color:var(--merchant);min-height:34px;text-decoration:underline}
#post-comment-form{display:grid;gap:14px;border-top:1px solid #eeeaf2;padding-top:18px}
#post-comment-form label{display:grid;gap:7px;font-size:12px;color:#62586f;font-weight:600}
#post-comment-form input,#post-comment-form textarea{width:100%;padding:12px 14px;border:1px solid #e2dce9;border-radius:10px;font-size:14px;resize:vertical;background:#fff;color:#30283b}
#post-comment-form :is(input,textarea):focus{outline:2px solid var(--merchant);outline-offset:2px}
.comment-identity-note{font-size:10px;color:#91879b}
.comment-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#comment-feedback{font-size:12px;color:#a54154;line-height:1.6}
.comments-body [hidden]{display:none!important}
.post-management>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
@media(max-width:760px){.store-platform-bar>div{width:calc(100% - 32px);gap:12px;min-height:64px;flex-wrap:wrap}.store-platform-note{display:none}.store-platform-back{margin-left:auto;font-size:11px}.store-platform-bar .brand{font-size:22px}.store-platform-bar .business-account{width:100%;max-width:none}.mostrua-header-account .business-account{max-width:170px;gap:7px;padding:6px}.business-account-photo{width:30px;height:30px;flex-basis:30px}.business-account-copy b{font-size:11px}.business-account>svg{display:none}.comments-body{padding:0 20px 20px}.comment-list{max-height:260px}.post-engagement .post-comments-button{font-size:11px;gap:4px}.store-platform-bar .brand-symbol{width:30px;height:30px;font-size:25px}}
