/* ARTIZS.SAY v0.4.7 — Supporter cosmetics + quiet message actions + Last Read */

/* Support card: sits quietly under Welcome. No payment presets, no popup on its own. */
.support-card{position:relative;width:100%;min-height:86px;margin-top:10px;border:1px solid #E5E7EB;border-radius:16px;background:linear-gradient(135deg,#FFFDF7 0%,#FFF8DD 100%);padding:13px 88px 13px 14px;text-align:left;color:#111827;overflow:hidden;display:block}
.support-card:hover{border-color:#E6C85A;box-shadow:0 8px 24px rgba(161,126,24,.08)}
.support-card.no-mascot{padding-right:44px}
.support-card-copy strong{display:block;font-size:11px;line-height:1.25}.support-card-copy p{margin:5px 0 0;font-size:9px;line-height:1.45;color:#7C6F46}
.support-card img{position:absolute;right:3px;bottom:-8px;width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(125,99,16,.12))}
.support-card-mark{position:absolute;right:14px;top:11px;font-size:15px;color:#D7A900}.support-card:not(.no-mascot) .support-card-mark{display:none}

/* Support modal */
.support-modal{width:min(410px,100%)}.money-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid #DFE2E7;border-radius:11px;background:#fff;overflow:hidden}.money-input b{padding:0 0 0 12px;font-size:16px}.money-input input{border:0!important;box-shadow:none!important}.support-qr-wrap{display:grid;place-items:center;background:#F7F8FA;border:1px solid #ECEEF2;border-radius:14px;padding:12px;margin:0 0 13px}.support-qr-wrap img{display:block;max-width:220px;width:72%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:10px}.support-request-status{font-size:10px;line-height:1.45;color:#705900;background:#FFF8D9;border:1px solid #F1D879;border-radius:10px;padding:9px 10px;margin-bottom:10px}

/* Public supporter identity: cosmetic only. */
.supporter-avatar{box-shadow:0 0 0 2px #fff,0 0 0 4px #E7BC2F!important}.supporter-badge,.supporter-tag{display:inline-flex;align-items:center;border:1px solid #ECD36F;background:#FFF9DE;color:#765B00;border-radius:999px;font-weight:800;white-space:nowrap}.supporter-badge{padding:3px 7px;font-size:8px}.supporter-tag{padding:2px 6px;font-size:8px!important;margin-left:4px!important}.supporter-inline-mark{display:inline!important;color:#D39E00!important;font-size:10px!important;margin:0 0 0 3px!important}.message-supporter{margin-right:2px}.person-profile-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

/* Unread uses the existing count pill, so the sidebar does not gain another control. */
.room-count.has-unread{background:#111827!important;color:#fff!important;font-weight:900!important;box-shadow:0 0 0 2px #E8EEF8}

/* Last Read divider appears only when there are new messages after the saved position. */
.new-messages-divider{display:flex;align-items:center;gap:10px;color:#74809A;font-size:9px;font-weight:800;letter-spacing:.02em;margin:8px 0 10px;max-width:820px}.new-messages-divider:before,.new-messages-divider:after{content:"";height:1px;background:#E4E9F0;flex:1}.new-messages-divider:before{max-width:48px}

/* Quiet message actions. Persistent UI only exists for reactions with count > 0. */
.msg-actions{opacity:1!important;transition:none!important}.msg-actions .message-secondary-action,.msg-actions .reaction-btn:not(.has-count):not(.active){display:none!important}.msg-actions.no-persistent-actions{height:0!important;margin-top:0!important;overflow:visible!important}.message:hover .msg-actions,.message.actions-open .msg-actions{height:auto!important;margin-top:6px!important;overflow:visible!important}.message:hover .msg-actions .message-secondary-action,.message:hover .msg-actions .reaction-btn,.message.actions-open .msg-actions .message-secondary-action,.message.actions-open .msg-actions .reaction-btn{display:inline-flex!important;align-items:center!important}.reaction-btn.has-count,.reaction-btn.active{display:inline-flex!important;align-items:center!important}

html[data-theme="dark"] .support-card{background:linear-gradient(135deg,#1B1A12 0%,#211D0D 100%);border-color:#443B1A;color:#F3F4F6}html[data-theme="dark"] .support-card-copy p{color:#C7B77B}html[data-theme="dark"] .support-card:hover{border-color:#766425}html[data-theme="dark"] .money-input{background:#0F141B;border-color:#35404D}html[data-theme="dark"] .money-input input{background:transparent!important;color:#F3F4F6!important}html[data-theme="dark"] .support-qr-wrap{background:#111820;border-color:#29313C}html[data-theme="dark"] .supporter-avatar{box-shadow:0 0 0 2px #11161D,0 0 0 4px #D9B332!important}html[data-theme="dark"] .supporter-badge,html[data-theme="dark"] .supporter-tag{background:#302A12;border-color:#715F22;color:#F5D76B}html[data-theme="dark"] .new-messages-divider{color:#9AA6B5}html[data-theme="dark"] .new-messages-divider:before,html[data-theme="dark"] .new-messages-divider:after{background:#29313C}html[data-theme="dark"] .room-count.has-unread{background:#F3F4F6!important;color:#111827!important;box-shadow:0 0 0 2px #29313C}

@media(max-width:980px){.support-card{display:none!important}}