/* Changes are scoped to the requested support workspace and new metric/banner cards. */
/* Single-chat presentation; existing account and finance surfaces are untouched. */
#userRequests .support-thread-actions {width:auto;padding:0;margin-left:auto;}
#userRequests .chat-close {border:1px solid #e45161;color:#ca3042;background:white;min-height:38px;border-radius:8px;font-size:12px;padding:7px 12px;}
#userRequests .support-thread-identity h3[role=button] {cursor:pointer;}
#userRequests .support-state,#userRequests .support-reference {display:none;}
#userRequests .support-system {align-self:stretch;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;margin:8px 0;color:#65738c;font-size:13px;}
#userRequests .support-system:before,#userRequests .support-system:after {content:'';height:1px;background:#c9d2e1;grid-row:1;}
#userRequests .support-system>span {grid-column:2;grid-row:1;}
#userRequests .support-system>time {grid-row:2;grid-column:1/-1;font-size:11px;}
#userRequests .support-date {align-self:center;background:#edf0f7;border-radius:10px;padding:4px 12px;color:#65738c;font-size:11px;margin:4px 0;}
#userRequests .chat-unread {color:#7e62cd;font-size:22px;line-height:15px;}
#userRequests .conversation-meta:empty {display:none;}
#userRequests .support-composer {grid-template-columns:auto minmax(0,1fr) auto;align-items:end;}
#userRequests .support-send {font-size:0;min-width:44px;min-height:44px;max-height:58px;background-image:url('/assets/admin/chat-send.png');background-repeat:no-repeat;background-position:center;background-size:23px;}
#userRequests .support-send[data-state=busy],#userRequests .support-send[data-state=retry] {font-size:12px;background-image:none;min-width:84px;}
#userRequests .support-attach {width:44px;height:44px;min-width:44px;padding:10px;border:0;background:#f0edf8;border-radius:10px;}
#userRequests .support-attach img {width:24px;height:24px;filter:brightness(0) saturate(100%) invert(35%) sepia(20%) saturate(1300%) hue-rotate(210deg);}
#userRequests .support-draft-photo {grid-column:1/-1;display:flex;align-items:center;gap:10px;}
#userRequests .support-draft-photo[hidden] {display:none;}
#userRequests .support-draft-photo img {width:auto;max-width:120px;height:74px;object-fit:contain;border:2px solid #ddd5ed;border-radius:8px;}
.support-photo-dialog {width:min(94vw,960px);height:min(94dvh,980px);max-width:none;max-height:none;padding:18px;border:1px solid #bcc7da;border-radius:14px;background:#1d2130;color:white;overflow:hidden;}
.support-photo-dialog[open] {display:flex;flex-direction:column;gap:16px;}
.support-photo-dialog::backdrop {background:#152037a8;}
.support-photo-dialog header {display:flex;align-items:center;gap:8px;flex:none;}
.support-photo-dialog header>div {flex:1;display:flex;flex-direction:column;gap:4px;}
.support-photo-dialog header small {color:#c1c8da;}
.support-photo-dialog .button {min-width:40px;min-height:40px;padding:4px;background:#343e54;color:white;border:0;border-radius:50%;}
.support-photo-viewport {flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;}
.support-photo-viewport img {max-width:100%;max-height:100%;object-fit:contain;border:3px solid #d1e4df;border-radius:9px;transform-origin:center;user-select:none;pointer-events:none;}
:root[data-section="userRequests"] .content-shell {height:100dvh;display:flex;flex-direction:column;padding-bottom:16px;}
:root[data-section="userRequests"] .topbar {flex:none;}
:root[data-section="userRequests"] .footer {display:none;}
#userRequests {flex:1;min-height:0;display:flex;flex-direction:column;margin-top:12px;}
#userRequests>.section-heading {display:none;}
#userRequests>.section-status {margin:0 0 10px;flex:none;}
.support-workspace-body {flex:1;min-height:0;display:flex;}
#userRequests .support-desk {width:100%;height:auto;min-height:0;max-height:none;flex:1;grid-template-columns:clamp(280px,25%,380px) minmax(0,1fr);border-radius:18px;}
#userRequests .support-history {padding:28px clamp(20px,3vw,56px);background:#faf9fd;gap:22px;}
#userRequests .support-thread-header {padding:18px 24px;min-height:84px;}
#userRequests .support-thread-identity h3 {font-size:20px;}
#userRequests .support-bubble {font-size:15px;line-height:1.65;background:#f0edfa;border-color:#e9e3f7;padding:13px 18px;}
#userRequests .staff .support-bubble {background:#7b70d9;border-color:#7164d1;color:white;}
#userRequests .support-message {max-width:min(78%,680px);}
#userRequests .support-screenshot {display:block;align-self:flex-start;width:auto;height:auto;max-width:100%;max-height:500px;object-fit:contain;box-sizing:border-box;border:3px solid #e6e0f3;padding:3px;border-radius:14px;background:white;}
#userRequests .support-composer {padding:16px 24px 9px;}
#userRequests .support-composer textarea {background:#f3f0fb;border-color:#e6def5;min-height:64px;}
#userRequests .support-send {background:#7766cf;border-color:#7766cf;}
#userRequests .conversation-row.selected {background:#f0ecff;box-shadow:inset 3px 0 #8a73d7;}
.home-banner-editor {margin-bottom:24px;}
.home-banner-editor h3 {display:inline-block;margin-right:14px;}
.home-banner-preview {max-width:700px;padding:20px 24px;margin:16px 0;background:#fff6de;border:1px solid #dfbb73;border-radius:16px;color:#60341c;overflow-wrap:anywhere;white-space:pre-wrap;}
.home-banner-preview p {margin:8px 0 0;}
#overview .app-version-grid {grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.metric-card[data-metric="totalUsers"],.metric-card[data-metric="activeUsers24h"],.metric-card[data-metric="dailyActiveUsers"],.metric-card[data-metric="newUsers24h"],.metric-card[data-metric="disabledUsers"] {--metric-icon:url('/assets/admin/players-color.png');}
.metric-card[data-metric="connectedInstalls"],.metric-card[data-metric="appVersion"] {--metric-icon:url('/assets/admin/updates-color.png');}
.metric-card[data-metric="todayWinPaise"],.metric-card[data-metric="totalPaidPaise"] {--metric-icon:url('/assets/admin/finance-color.png');--metric-tint:#fff5e2;--metric-line:#f0d8a8;--metric-ink:#945809;}
@media(max-width:700px){
  :root[data-section="userRequests"] .content-shell {padding-bottom:8px;min-height:500px;}
  #userRequests {margin-top:8px;}
  #userRequests .support-desk {grid-template-columns:minmax(0,1fr);border-radius:12px;}
  #userRequests .support-history {padding:18px 12px;gap:18px;}
  #userRequests .support-message {max-width:91%;}
  #userRequests .support-thread-header {padding:12px;min-height:72px;}
  #userRequests .support-thread-identity h3 {font-size:17px;}
  #userRequests .support-composer {padding:12px 12px 8px;}
  #userRequests .support-composer textarea {min-height:54px;}
}

#userRequests .support-send[data-state=ready] {background-image:url('/assets/admin/chat-send.png');background-repeat:no-repeat;background-position:center;background-size:23px;}