.viewer-layout{height:calc(100vh - 78px);min-height:480px;padding:0 22px;display:flex;flex-direction:column}.viewer-menu{display:flex;align-items:center;gap:7px;min-height:59px;border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0}.viewer-menu button{white-space:nowrap;background:none;border-color:transparent;color:var(--muted);font-weight:500}.viewer-menu button.active{color:var(--green);background:#0d2924;border-color:#215c4d}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.viewer-heading h1{font-size:20px}.viewer-layout .media-container{flex:1;min-height:220px}.viewer-foot{font-size:10px;letter-spacing:.2px;color:#6d8697;display:flex;align-items:center;gap:6px;min-height:35px}.viewer-foot>span:last-child{margin-left:auto}.viewer-foot>.signal-dot{color:var(--cyan)}.account-launch{position:fixed;right:75px;top:20px;z-index:10}.commerce-panel{position:fixed;right:20px;top:90px;z-index:25;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px;width:min(380px,calc(100vw - 40px));max-height:80vh;overflow:auto;box-shadow:0 15px 50px #0009}.commerce-panel p{margin:10px 0}.commerce-panel button{margin:4px}.commerce-panel label{display:block;margin:10px 0}.commerce-panel input{width:100%}.commerce-panel[hidden],.account-launch[hidden]{display:none}@media(max-width:1000px){.viewer-heading{align-items:flex-start;flex-direction:column;gap:10px}.viewer-heading .display-toolbar{width:100%}}@media(max-width:760px){.viewer-layout{padding:0 12px;height:calc(100vh - 68px)}.viewer-menu{min-height:52px}.viewer-foot>span:last-child{display:none}}
.top-actions #account-user{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}#reset-open{position:fixed;z-index:31;left:50%;transform:translateX(-50%);bottom:1vh}#reset-open[hidden]{display:none}
.commerce-panel .form-status{color:var(--red);font-size:12px;line-height:1.45}.commerce-panel .form-status.success{color:var(--green)}#checkout-status{color:var(--cyan);font-size:12px;line-height:1.45}
.commerce-panel .password-hint{color:var(--muted);font-size:12px;line-height:1.45}
body:has(#market-strip:not([hidden])) .viewer-layout{height:calc(100vh - 118px)}
/* The local QA theme replaces the shared neutral text tokens only in the Viewer.
   Status, warning, action and price-direction colors keep their semantic tokens. */
.qa-text-color-experiment{
  --viewer-text-secondary:color-mix(in srgb,var(--viewer-text-primary) 80%,var(--bg));
  --viewer-text-muted:color-mix(in srgb,var(--viewer-text-primary) 67%,var(--bg));
  --text:var(--viewer-text-primary);
  --muted:var(--viewer-text-secondary);
}
.qa-text-color-experiment .viewer-foot,
.qa-text-color-experiment input::placeholder,
.qa-text-color-experiment textarea::placeholder,
.qa-text-color-experiment .login-card small{color:var(--viewer-text-muted)}
.qa-text-color-experiment .media-empty h2,
.qa-text-color-experiment .market-clock strong{color:var(--viewer-text-primary)}
@media(max-width:760px){body:has(#market-strip:not([hidden])) .viewer-layout{height:calc(100vh - 108px)}}
#support-open,#support-whatsapp{padding:7px 10px;font-size:12px;white-space:nowrap}
#support-open.needs-attention{border-color:#a67926;background:#3a2d18;color:#ffe0a1}
.support-panel{position:fixed;z-index:80;top:82px;right:16px;width:min(430px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:15px;box-shadow:0 18px 50px #000b}
.support-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.support-panel h3{margin:8px 0 12px}.support-panel p{line-height:1.45;margin:8px 0}.support-panel button{margin:3px}.support-panel form{display:grid;gap:8px;margin:12px 0}.support-panel input:not([type=file]),.support-panel textarea{width:100%;padding:9px;background:#080f17;color:var(--text);border:1px solid var(--line);border-radius:7px}.support-panel textarea{min-height:75px;resize:vertical}.support-panel input[type=file]{width:100%;font-size:12px}.support-panel small{color:var(--muted)}.support-panel .support-ticket{display:block;text-align:left;width:100%;margin:7px 0}.support-notice{color:var(--cyan)}
.support-thread{max-height:40vh;overflow:auto;display:grid;gap:8px;padding:6px 0}.support-message{border:1px solid var(--line);border-radius:8px;padding:8px;background:#101d28}.support-message.admin{border-color:#257261}.support-message a{color:var(--cyan);overflow-wrap:anywhere}
.support-ticket.support-unread,.support-message.support-unread{border:2px solid #f0b341;background:#392c17;color:#ffe7b2;font-weight:700}
#pix-details{display:grid;gap:8px;margin:10px 0}#pix-details .pix-qr{width:min(240px,100%);height:auto;background:white;padding:8px;border-radius:5px}#pix-details textarea{width:100%;min-height:70px;resize:vertical;word-break:break-all}
.pix-history-item{margin:10px 0}.pix-history-pending{padding:12px;border:1px solid #d9a23d;border-left:4px solid #f1bb4b;border-radius:8px;background:#322817;color:#fff1cc}.pix-history-pending p{margin:0 0 8px;line-height:1.45}.pix-history-pending button{margin:0;border-color:#b88b35;color:#ffe1a0;background:#3c3019}
@media(max-width:760px){#support-open,#support-whatsapp{font-size:10px;padding:5px}.support-panel{top:70px}}
