.viewer-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid rgba(54,132,83,.22);border-radius:999px;background:#edf8f0;color:#237240;font-size:11px;font-weight:800;white-space:nowrap}
.viewer-readonly-notice{display:flex;align-items:center;gap:12px;margin:18px 24px 0;padding:12px 16px;border:1px solid rgba(54,132,83,.2);border-radius:14px;background:linear-gradient(135deg,#eff9f2,#f8fcf9);color:var(--text)}
.viewer-readonly-notice svg{width:22px;height:22px;fill:none;stroke:#2f8c50;stroke-width:1.8}.viewer-readonly-notice div{display:grid;gap:2px}.viewer-readonly-notice b{font-size:12px}.viewer-readonly-notice span{color:var(--muted);font-size:10px;line-height:1.4}
body.viewer-mode [data-production-all-mode],body.viewer-mode [data-production-state]{display:none!important}
body.viewer-mode .production-mode-panel>small{display:none}
body.viewer-mode .production-mode-panel>div:first-child{grid-column:1/-1}
body.viewer-mode .user-button{cursor:default}
.role-dot.viewer{background:#718096!important}.status-pill.viewer{border-color:rgba(113,128,150,.24);background:rgba(113,128,150,.12);color:#596579}
[data-theme="dark"] .viewer-mode-badge{border-color:rgba(115,204,144,.3);background:rgba(55,133,83,.17);color:#9de0b4}
[data-theme="dark"] .viewer-readonly-notice{border-color:rgba(115,204,144,.24);background:linear-gradient(135deg,rgba(47,112,70,.18),rgba(24,42,31,.38))}
@media(max-width:1050px){.viewer-mode-badge{display:none!important}}
@media(max-width:760px){.viewer-readonly-notice{margin:12px 14px 0;padding:11px 13px}.viewer-readonly-notice span{font-size:9px}}