/* Player support shares the Dream palette, header and persistent music player. */
html:not([data-route="player"]) #dreamPlayerPage,html[data-route="player"] :is(#pageShell,#dreamSoundsPage){display:none!important}
html[data-intro="loading"] #dreamPlayerPage{opacity:0;pointer-events:none}
html[data-intro="revealing"] #dreamPlayerPage{opacity:1;pointer-events:none;transition:opacity 1.2s ease!important}
#dreamPlayerPage {--p-paper:#fff;--p-soft:#f1edfa;--p-line:#e7e2ed;--p-muted:#756e81;--p-ink:#201a2b;color:var(--p-ink);min-height:100dvh;padding:calc(var(--header-h) + 44px) 0 calc(var(--dream-player-offset,0px) + 42px);background:radial-gradient(ellipse at 90% 20%,#eae1ff88,transparent 55%),var(--bg)}
html[data-theme="dark"] #dreamPlayerPage {--p-paper:#211c2b;--p-soft:#2b233b;--p-line:#3b3249;--p-muted:#b5a9c6;--p-ink:#f7f2ff;background:radial-gradient(ellipse at 90% 20%,#623e9b26,transparent 55%),#16131c}
#playerHeader{position:fixed;inset:0 0 auto;height:var(--header-h);border-bottom:1px solid var(--surface-border);z-index:100}
#playerMobileMenu{top:var(--header-h)}
.player-main,#playerHeader .header__inner{width:min(calc(100% - (var(--layout-gutter) * 2)),var(--container));margin-inline:auto}
.player-eyebrow{font:800 10px/1.5 Manrope,sans-serif;letter-spacing:.16em;color:var(--violet);text-transform:uppercase}
.player-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.player-intro h1{font:800 clamp(26px,3vw,42px)/1.2 Manrope,sans-serif;letter-spacing:-.06em;margin:8px 0}
.player-intro p,.player-sub{color:var(--p-muted);font-size:14px;line-height:1.7}
.player-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border:1px solid var(--p-line);border-radius:12px;background:var(--p-paper);color:var(--p-ink);font:800 11px/1.4 Manrope,sans-serif;letter-spacing:.04em;min-height:44px}
.player-btn--primary{border-color:transparent;background:linear-gradient(110deg,#8152f4,#602ccf);color:#fff;box-shadow:0 7px 24px #7544e91a}
.player-btn:disabled{opacity:.5;cursor:default}.player-btn:hover:not(:disabled){border-color:var(--violet)}
.player-login{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;min-height:min(620px,calc(100dvh - 250px));padding:20px 0}
.player-login h2{font:800 clamp(40px,4.6vw,64px)/1.13 Manrope,sans-serif;letter-spacing:-.065em;max-width:650px;margin:20px 0}
.player-login h2 em{font-style:normal;color:var(--violet)}
.player-login p{max-width:465px;color:var(--p-muted);line-height:1.85;font-size:15px}
.player-login .player-btn{margin:28px 0 15px;padding:17px 24px;min-width:240px}
.player-login small{display:block;font-size:12px;line-height:1.7;color:var(--p-muted)}
.player-service{border:1px solid var(--p-line);border-radius:26px;background:var(--p-paper);overflow:hidden;box-shadow:0 24px 80px #3b1b6a0a}
.player-service-art{height:190px;background:radial-gradient(ellipse at center,#8352e969,transparent 65%),var(--p-soft);display:grid;place-items:center;border-bottom:1px solid var(--p-line)}
.player-service-art img{width:102px;height:102px}
.player-service ol{padding:26px 30px;margin:0;list-style:none;display:grid;gap:25px;counter-reset:step}
.player-service li{display:grid;grid-template-columns:32px 1fr;column-gap:15px;counter-increment:step}
.player-service li:before{content:'0' counter(step);grid-row:span 2;color:var(--violet);font:800 12px/1.8 Manrope,sans-serif}
.player-service strong{font:800 14px/1.7 Manrope,sans-serif}.player-service span{font-size:12px;color:var(--p-muted);line-height:1.8}
.player-account{display:flex;align-items:center;gap:12px}.player-avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;background:var(--p-soft);display:grid;place-items:center;font-weight:800;color:var(--violet);flex-shrink:0}
.player-account strong{font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-account button{font-size:10px;min-height:36px;padding:8px 12px}
.player-integrations{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--p-line)}
.player-integrations button{border:1px solid var(--p-line);border-radius:999px;background:transparent;color:var(--p-muted);padding:9px 14px;font:600 11px Manrope,sans-serif;display:flex;gap:12px;align-items:center;cursor:default}
.player-integrations small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
.player-support-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}
.player-tabs{display:flex;flex-wrap:wrap;gap:5px}.player-tabs button{border:0;background:transparent;color:var(--p-muted);font:800 12px Manrope,sans-serif;padding:10px 12px;border-radius:10px}.player-tabs .is-active{background:var(--p-soft);color:var(--violet)}
.player-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--p-line);border-radius:20px;background:var(--p-paper);height:clamp(440px,calc(100dvh - var(--header-h) - var(--dream-player-offset,0px) - 290px),670px);overflow:hidden}
.player-ticket-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--p-line)}
.player-view-tabs{display:flex;gap:4px;padding:12px;border-bottom:1px solid var(--p-line);flex-shrink:0}
.player-view-tabs button{flex:1;min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--p-muted);font:700 11px Manrope,sans-serif}
.player-view-tabs button.is-active{background:var(--p-soft);color:var(--violet)}
.player-ticket-list{overflow:auto;min-height:0;flex:1;padding:12px;scrollbar-width:thin;scrollbar-color:#ac87f2 transparent}
.player-ticket-search{flex-shrink:0;padding:10px 12px;border-top:1px solid var(--p-line)}
.player-search-field{display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--p-soft);border:1px solid transparent;border-radius:9px;color:var(--p-muted);min-height:36px}
.player-search-field:focus-within{border-color:var(--violet)}.player-search-field svg{flex-shrink:0}
.player-search-field input{flex:1;width:0;min-width:0;border:0;outline:0;background:transparent;color:var(--p-ink);font:11px/1.6 Manrope,sans-serif;padding:9px 0;appearance:none}.player-search-field input::placeholder{color:var(--p-muted)}.player-search-field input::-webkit-search-cancel-button{display:none}
.player-search-field button{border:0;background:transparent;color:var(--p-muted);font-size:19px;line-height:1;min-width:28px;min-height:30px;padding:3px}
.player-ticket{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;border:1px solid transparent;border-radius:12px;padding:15px;margin-bottom:5px;background:transparent;color:var(--p-ink)}
.player-ticket:hover,.player-ticket.is-active{background:var(--p-soft);border-color:var(--p-line)}
.player-ticket strong{font:800 12px/1.5 Manrope,sans-serif;overflow-wrap:anywhere}.player-ticket small{font-size:10px;color:var(--p-muted)}
.player-ticket-meta{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--p-muted);gap:8px}
.player-status{font:700 9px Manrope,sans-serif;color:var(--violet);background:var(--p-soft);padding:5px 8px;border-radius:50px;white-space:nowrap}
.player-status--closed{color:var(--p-muted)}.player-list-empty{padding:35px 15px;text-align:center;font-size:12px;color:var(--p-muted);line-height:1.8}
.player-chat{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}
.player-chat-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;gap:15px;color:var(--p-muted)}
.player-chat-empty img{width:64px;opacity:.65}.player-chat-empty h3{color:var(--p-ink);font:800 20px Manrope,sans-serif;letter-spacing:-.04em}.player-chat-empty p{font-size:13px;max-width:300px;line-height:1.8}
.player-chat-content{display:flex;flex-direction:column;flex:1;min-height:0}
.player-chat-head{border-bottom:1px solid var(--p-line);padding:18px 22px;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-shrink:0}
.player-chat-head h3{font:800 15px/1.5 Manrope,sans-serif;overflow-wrap:anywhere;letter-spacing:-.03em}.player-chat-head p{font-size:11px;line-height:1.7;color:var(--p-muted);margin-top:4px}.player-chat-actions{display:flex;gap:8px;flex-shrink:0}.player-chat-actions button{padding:9px 12px;font-size:10px;min-height:36px}
.player-messages{flex:1;min-height:0;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:#ac87f2 transparent;overscroll-behavior:contain}
.player-message{max-width:min(80%,640px);align-self:flex-start}.player-message--mine{align-self:flex-end}.player-message p{border:1px solid var(--p-line);border-radius:14px 14px 14px 4px;background:var(--p-soft);padding:12px 16px;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.player-message--mine p{background:#7544e9;color:#fff;border-color:transparent;border-radius:14px 14px 4px 14px}.player-message small{display:block;margin:6px 2px;color:var(--p-muted);font-size:9px;line-height:1.5}.player-message--mine small{text-align:right}
.player-system{align-self:center;text-align:center;font-size:10px;line-height:1.7;color:var(--p-muted);padding:7px}
.player-composer{flex-shrink:0;border-top:1px solid var(--p-line);padding:14px 20px;display:flex;align-items:flex-end;gap:12px}
.player-composer textarea{flex:1;min-width:0;resize:none;min-height:48px;max-height:130px;border:1px solid var(--p-line);border-radius:12px;background:var(--p-paper);color:var(--p-ink);padding:12px;font:13px/1.7 'DM Sans',sans-serif}.player-composer textarea:focus{outline:1px solid var(--violet)}
.player-connection{padding:8px 22px;color:var(--p-muted);font-size:9px;letter-spacing:.05em;border-bottom:1px solid var(--p-line)}
.player-note{margin-top:16px;font-size:11px;line-height:1.7;color:var(--p-muted)}.player-alert{padding:12px 15px;border:1px solid var(--p-line);border-radius:10px;background:var(--p-soft);color:var(--p-ink);font-size:12px;line-height:1.6;margin-bottom:16px}
.player-back{display:none}.player-dialog{color:var(--ink);background:var(--paper);width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px;border-radius:22px;border:1px solid var(--surface-border);margin:auto;overflow:auto}.player-dialog::backdrop{background:#161023a8;backdrop-filter:blur(8px)}
.player-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.player-dialog h2{font:800 24px Manrope,sans-serif;letter-spacing:-.05em}.player-dialog label{display:grid;gap:8px;font:700 12px Manrope,sans-serif;margin:16px 0}.player-dialog :is(input,select,textarea){width:100%;padding:12px;border:1px solid var(--surface-border);border-radius:10px;background:var(--bg);color:var(--ink);font:13px/1.6 'DM Sans',sans-serif}.player-dialog textarea{resize:vertical}.player-dialog .player-btn{color:var(--ink);background:var(--bg)}.player-dialog .player-btn--primary{color:#fff;background:#7544e9}.player-dialog-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
#dreamPlayerPage [hidden],.player-dialog [hidden]{display:none!important}
.player-attachment{display:block;margin-top:8px;padding:10px;border:1px solid var(--p-line);border-radius:12px;background:var(--p-soft);font-size:11px;overflow-wrap:anywhere}.player-attachment :is(img,video){display:block;max-width:100%;width:auto;max-height:230px;border-radius:8px;margin-bottom:8px}.player-attachment span{display:block;color:var(--p-ink)}
.player-attach{display:grid;place-items:center;min-height:44px;min-width:44px;border-radius:12px;background:var(--p-soft);color:var(--violet);font-size:22px;cursor:pointer}.player-attach input{position:absolute;width:1px;height:1px;opacity:0}.player-attach:focus-within{outline:2px solid var(--violet)}
.player-admin-dialog{width:min(820px,calc(100% - 32px))}.player-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.player-admin-tools{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.player-admin-check{display:flex!important;align-items:center;gap:10px!important}.player-admin-check input{width:auto!important}.player-admin-audit{border-top:1px solid var(--surface-border);margin-top:25px;padding-top:18px;font-size:10px;color:var(--muted)}.player-admin-audit p{margin:8px 0;overflow-wrap:anywhere}
#dreamPlayerPage.is-authenticated{height:100dvh;min-height:0;padding:calc(var(--header-h) + 24px) 0 calc(var(--dream-player-offset,0px) + 18px);overflow:hidden}
.is-authenticated .player-main{height:100%;min-height:0;display:flex;flex-direction:column}
.is-authenticated .player-intro{flex-shrink:0;margin-bottom:18px}
.is-authenticated #playerDashboard{min-height:0;flex:1;display:flex;flex-direction:column}
.is-authenticated .player-integrations{flex-shrink:0;padding-bottom:14px;margin-bottom:14px}
.is-authenticated .player-support-top{flex-shrink:0;margin-bottom:12px}
.is-authenticated .player-workspace{height:auto;min-height:0;flex:1}
.is-authenticated #playerDashboard>.player-note{flex-shrink:0;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.is-authenticated #playerBotStatus{flex-shrink:0;font-size:9px;min-height:28px;padding:6px 10px}
.is-authenticated .player-alert{flex-shrink:0;margin-bottom:10px;max-height:60px;overflow:auto}
@media(max-width:760px){#dreamPlayerPage.is-authenticated{padding-top:calc(var(--header-h) + 14px);padding-bottom:calc(var(--dream-player-offset,0px) + 14px)}.is-authenticated .player-intro{gap:8px;margin-bottom:12px}.is-authenticated .player-intro h1{font-size:26px;margin:4px 0}.is-authenticated .player-intro p{font-size:11px}.is-authenticated .player-integrations{gap:5px;margin-bottom:10px;padding-bottom:10px}.is-authenticated .player-support-top{gap:8px;margin-bottom:10px}.is-authenticated #playerDashboard>.player-note{font-size:9px;line-height:1.5;gap:8px}}
@media(max-height:850px){.is-authenticated .player-intro p{display:none}.is-authenticated .player-intro h1{font-size:25px}.is-authenticated .player-integrations{margin-bottom:8px;padding-bottom:8px}.is-authenticated .player-integrations button{padding:6px 10px}.is-authenticated .player-support-top{margin-bottom:8px}.is-authenticated .player-chat-head{padding:10px 14px}.is-authenticated .player-messages{padding:12px}.is-authenticated .player-composer{padding:8px 12px}.is-authenticated .player-composer textarea{min-height:38px;padding:8px}.is-authenticated #playerReadonly{margin:0;padding:10px 14px}}
@media(max-width:600px){.player-admin-grid{grid-template-columns:1fr}.player-dialog{padding:22px}.player-composer .player-attach{min-width:35px}}
@media(max-width:1180px){#playerHeader .header__nav{display:none!important}.player-login{gap:40px}.player-workspace{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:760px){#dreamPlayerPage{padding-top:calc(var(--header-h) + 24px)}.player-login{grid-template-columns:1fr;gap:35px;padding:15px 0}.player-login h2{font-size:44px}.player-service-art{height:130px}.player-service-art img{width:78px;height:78px}.player-intro{flex-wrap:wrap}.player-intro h1{font-size:30px}.player-intro p{font-size:12px}.player-integrations{gap:6px;padding-bottom:18px;margin-bottom:18px}.player-integrations button{padding:8px 11px;font-size:10px}.player-workspace{grid-template-columns:1fr;height:clamp(410px,calc(100dvh - var(--header-h) - var(--dream-player-offset,0px) - 255px),620px)}.player-chat{display:none}.player-ticket-sidebar{border-right:0}.player-workspace.has-selection .player-ticket-sidebar{display:none}.player-workspace.has-selection .player-chat{display:flex}.player-back{display:inline-flex}.player-chat-head{padding:14px;flex-wrap:wrap;gap:10px}.player-chat-head>div:first-of-type{flex:1}.player-chat-head h3{font-size:13px}.player-chat-actions{margin-left:auto}.player-messages{padding:14px}.player-message{max-width:92%}.player-composer{padding:12px;gap:8px}.player-composer button{padding:12px}.player-tabs button{font-size:10px;padding:9px}.player-support-top>.player-btn{font-size:10px;padding:10px 12px}.player-note{font-size:10px}.player-account strong{max-width:160px}}
@media(max-width:760px){.is-authenticated .player-chat-head>div:first-of-type{min-width:0}.is-authenticated .player-chat-head h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-authenticated .player-chat-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-authenticated .player-composer textarea{height:44px;min-height:44px}.is-authenticated .player-connection{padding:5px 14px;font-size:8px}}
@media(max-width:760px) and (max-height:760px){.is-authenticated .player-intro{margin-bottom:8px}.is-authenticated .player-account .player-avatar{width:30px;height:30px}.is-authenticated .player-account button{min-height:30px}.is-authenticated .player-chat-head{padding:8px 10px;gap:6px}.is-authenticated .player-messages{padding:8px}.is-authenticated .player-integrations button{padding:5px 9px}.is-authenticated .player-composer{padding:6px 10px}.is-authenticated .player-composer textarea{height:40px;min-height:40px}}
.player-notifications-button{padding:8px!important;min-width:36px}.player-notifications-button svg{width:16px;height:16px}
.player-review-reminder{flex-shrink:0;padding:8px 12px;border-bottom:1px solid var(--p-line)}.player-review-reminder button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 11px;border:1px solid var(--p-line);border-radius:10px;background:var(--p-soft);color:var(--p-ink);font:700 10px Manrope,sans-serif;text-align:left}.player-review-reminder button>span:first-child{font-size:18px;color:var(--violet)}.player-review-reminder .player-unread{margin-left:auto}
.player-review-dialog{width:min(530px,calc(100% - 28px));padding:28px}.player-review-dialog .player-dialog-head{margin-bottom:16px}.review-heading{display:flex;align-items:center;gap:10px;font:800 9px Manrope,sans-serif;letter-spacing:.1em;color:var(--violet)}.review-heading img{width:32px;height:32px}.player-review-dialog h2{font-size:27px;line-height:1.2;margin-bottom:10px}.review-attendant{display:flex;gap:12px;align-items:center;border:1px solid var(--surface-border);border-radius:14px;background:var(--bg);padding:14px 16px;margin-top:20px}.review-attendant-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#7544e918;color:var(--violet)}.review-attendant>div{display:grid;gap:5px;min-width:0}.review-attendant small{font-size:8px;letter-spacing:.08em;color:var(--muted)}.review-attendant strong{font:800 15px Manrope,sans-serif;overflow-wrap:anywhere}.review-attendant span:last-child{font-size:10px;color:var(--muted)}
.review-score{border:0;padding:0;margin:22px 0 12px;text-align:center}.review-score legend{font:700 12px Manrope,sans-serif;margin:0 auto 10px}.review-stars{display:flex;justify-content:center;gap:8px}.player-review-dialog .review-stars label{margin:0;position:relative;cursor:pointer;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--bg);border:1px solid var(--surface-border)}.review-stars input{position:absolute;opacity:0;width:1px!important;height:1px;padding:0!important}.review-stars span{font-size:35px;line-height:1;color:var(--muted);opacity:.45;transition:color .15s,transform .15s}.review-stars .is-filled span{color:#e6a522;opacity:1}.review-stars label:focus-within{outline:2px solid var(--violet);outline-offset:3px}.review-stars label:hover span{transform:scale(1.13)}.review-score p{min-height:20px;font-size:11px;margin:10px 0;color:var(--muted)}.player-review-dialog label small{font-weight:400;color:var(--muted)}.review-public-note{padding:11px 13px;border:1px solid var(--surface-border);border-radius:10px;background:var(--bg);font-size:11px;line-height:1.7;color:var(--muted)}.review-later-note{font-size:10px;line-height:1.6;text-align:center;margin-top:12px;color:var(--muted)}.player-review-dialog .player-dialog-foot{justify-content:space-between;margin-top:16px}.player-review-dialog .player-dialog-foot button{font-size:9px;padding:12px 14px;min-height:42px}.player-review-dialog textarea{min-height:85px;max-height:160px}
.review-public-preview{max-width:540px;margin-top:22px}.review-public-preview>small{font:800 9px Manrope,sans-serif;letter-spacing:.08em;color:var(--muted);display:block;margin-bottom:10px}.review-discord-card{background:#232428;color:#f2f3f5;border:1px solid #38393f;border-left:4px solid #7544e9;border-radius:12px;overflow:hidden}.review-banner{display:block;width:100%;height:auto;object-fit:contain}.review-discord-content{padding:18px}.review-discord-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.review-discord-heading>div{min-width:0}.review-discord-heading h4{font:800 17px Manrope,sans-serif;line-height:1.4;margin:0 0 10px}.review-discord-heading p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.review-player-avatar{width:72px;height:72px;object-fit:cover;border-radius:12px;flex-shrink:0}.review-discord-stars{font-size:17px;margin-top:13px;color:#f2ca72}.review-discord-content h5{font-size:12px;margin:20px 0 9px}.review-discord-content blockquote{margin:0;padding:12px;background:#1a1b1e;border-left:3px solid #7544e9;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.review-discord-content footer{border-top:1px solid #38393f;margin-top:17px;padding-top:12px;font-size:10px;line-height:1.6;color:#b5bac1}
@media(max-width:600px){.player-review-dialog{padding:20px}.player-review-dialog h2{font-size:23px}.review-stars{gap:7px}.player-review-dialog .review-stars label{width:45px;height:45px}.review-stars span{font-size:31px}.review-player-avatar{width:56px;height:56px}.review-discord-heading{gap:12px}.review-discord-heading h4{font-size:14px}.review-discord-stars{font-size:14px}}
.player-queue-filters{display:grid;gap:6px;padding:10px 12px;border-bottom:1px solid var(--p-line);flex-shrink:0}
.player-queue-filters label{min-width:0}.player-queue-filters select,.player-chat-tools select{min-width:0;width:100%;max-width:100%;min-height:32px;padding:5px 9px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-paper);color:var(--p-ink);font:11px Manrope,sans-serif}
.player-chat-tools{display:flex;align-items:center;gap:10px;padding:8px 20px;border-bottom:1px solid var(--p-line);flex-shrink:0}
.player-chat-tools label{display:flex;align-items:center;gap:7px;color:var(--p-muted);font-size:10px;white-space:nowrap}
.player-chat-tools label select{width:80px}.player-chat-tools>select{width:180px}.player-chat-tools .player-btn{margin-left:auto;min-height:32px;padding:6px 10px;font-size:9px}
.player-unread{display:inline-grid;place-items:center;border-radius:999px;min-width:20px;min-height:20px;padding:2px 5px;background:var(--violet);color:#fff;font:800 9px Manrope,sans-serif}
.player-ticket-meta:has(.player-unread){justify-content:flex-start}.player-ticket-meta:has(.player-unread) .player-status{margin-left:auto}
.player-ticket-timing{font-size:9px!important}.player-support-settings{border-top:1px solid var(--surface-border);padding-top:20px;margin-top:24px}.player-support-settings h3{font-size:16px;margin-bottom:8px}
.player-reply-editor{border:1px solid var(--surface-border);border-radius:14px;padding:14px 18px;margin:14px 0}.player-reply-editor label{margin:8px 0}.player-reply-editor>.player-btn{font-size:9px;margin-top:6px}
.player-notes-list{max-height:min(30dvh,300px);min-height:80px;overflow:auto;margin-top:18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ac87f2 transparent}.player-internal-note{padding:12px 0;border-bottom:1px solid var(--surface-border)}.player-internal-note small{font-size:10px;color:var(--muted)}.player-internal-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;margin:6px 0}.player-backup-status{padding-top:18px;margin-top:22px;border-top:1px solid var(--surface-border);font-size:12px;line-height:1.8}.player-backup-status p{margin:6px 0}.player-backup-status [role=alert]{color:#be4164}
@media(max-width:760px){.is-authenticated #playerDashboard:has(.player-workspace.has-selection) .player-support-top{flex-wrap:nowrap}.is-authenticated #playerDashboard:has(.player-workspace.has-selection) .player-tabs{flex-wrap:nowrap;min-width:0;gap:3px}.is-authenticated #playerDashboard:has(.player-workspace.has-selection) .player-tabs button{font-size:9px;padding:8px 6px;min-height:36px}.is-authenticated #playerDashboard:has(.player-workspace.has-selection) .player-support-top>.player-btn{font-size:0;min-width:36px;min-height:36px;padding:5px;gap:0;flex-shrink:0}.is-authenticated #playerDashboard:has(.player-workspace.has-selection) .player-support-top>.player-btn span{font-size:16px}.is-authenticated .player-alert{max-height:44px;padding:7px 10px;font-size:11px}}
@media(max-width:760px){.is-authenticated .player-intro>div:first-child{min-width:0;max-width:100%}.is-authenticated .player-intro h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-authenticated #playerDashboard:has(.player-workspace.has-selection) .player-integrations{display:none}.player-chat-tools{display:grid;grid-template-columns:1fr 1.35fr auto;gap:6px;padding:6px 10px}.player-chat-tools label{font-size:0;min-width:0}.player-chat-tools label select,.player-chat-tools>select{width:100%;font-size:10px;padding-inline:5px}.player-chat-tools .player-btn{min-height:32px;font-size:8px;padding:6px}.player-queue-filters{grid-template-columns:1fr 1fr;padding:8px;gap:5px}.player-queue-filters select{font-size:10px;padding-inline:5px}.player-reply-editor{padding:10px 12px}}

.review-settings-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:28px;align-items:start;margin-top:18px}.review-settings-fields .player-admin-grid{grid-template-columns:1fr}.review-settings-layout .review-public-preview{margin-top:0;max-width:none}.review-settings-fields #supportRetryReviews{font-size:9px;white-space:normal;text-align:center;line-height:1.6}.review-settings-fields #supportReviewStatus{font-size:11px;line-height:1.8}.review-settings-fields input[type="url"]{min-width:0}@media(max-width:1200px){.review-settings-layout{grid-template-columns:1fr;gap:18px}.review-settings-layout .review-public-preview{max-width:540px}}

/* Ticket area readability: give the conversation room without adding page scroll. */
@media (min-width:761px) {
  #dreamPlayerPage.is-authenticated {
    padding-top:calc(var(--header-h) + 14px);
    padding-bottom:calc(var(--dream-player-offset,0px) + 12px);
  }
  .is-authenticated .player-intro { gap:16px; margin-bottom:11px; }
  .is-authenticated .player-intro h1 { font-size:clamp(26px,2.2vw,34px); margin:4px 0; }
  .is-authenticated .player-intro p { font-size:12px; line-height:1.5; }
  .is-authenticated .player-integrations { gap:6px; padding-bottom:9px; margin-bottom:9px; }
  .is-authenticated .player-integrations button { padding:7px 12px; gap:8px; font-size:10px; }
  .is-authenticated .player-support-top { gap:10px; margin-bottom:9px; }
  .is-authenticated .player-workspace {
    grid-template-columns:clamp(240px,25vw,292px) minmax(0,1fr);
    border-radius:18px;
  }
  .is-authenticated .player-view-tabs { padding:11px; }
  .is-authenticated .player-view-tabs button { min-height:38px; font-size:11px; }
  .is-authenticated .player-ticket-list { padding:12px; }
  .is-authenticated .player-ticket { padding:13px 13px; gap:8px; margin-bottom:7px; border-radius:12px; }
  .is-authenticated .player-ticket strong { font-size:13px; line-height:1.55; }
  .is-authenticated .player-ticket small { font-size:11px; line-height:1.55; }
  .is-authenticated .player-ticket-meta { font-size:10px; gap:7px; flex-wrap:wrap; }
  .is-authenticated .player-status { font-size:10px; padding:5px 8px; }
  .is-authenticated .player-ticket-timing { font-size:10px!important; line-height:1.55; }
  .is-authenticated .player-chat-head { padding:13px 20px; gap:14px; }
  .is-authenticated .player-chat-head h3 { font-size:16px; line-height:1.45; }
  .is-authenticated .player-chat-head p { font-size:12px; line-height:1.55; }
  .is-authenticated .player-chat-actions { gap:8px; }
  .is-authenticated .player-chat-actions button { min-height:38px; padding:9px 12px; font-size:10px; }
  .is-authenticated .player-connection { padding:7px 22px; font-size:10px; }
  .is-authenticated .player-messages { padding:18px 24px; gap:16px; }
  .is-authenticated .player-message { max-width:min(88%,760px); }
  .is-authenticated .player-message p { padding:14px 18px; font-size:14px; line-height:1.72; border-radius:15px 15px 15px 5px; }
  .is-authenticated .player-message--mine p { border-radius:15px 15px 5px 15px; }
  .is-authenticated .player-message small { margin:7px 3px; font-size:10px; line-height:1.5; }
  .is-authenticated .player-system { font-size:11px; line-height:1.65; padding:6px 10px; }
  .is-authenticated .player-composer { padding:11px 18px; gap:10px; }
  .is-authenticated .player-composer textarea { min-height:52px; max-height:128px; padding:11px 14px; font-size:14px; line-height:1.65; }
  .is-authenticated .player-composer button { min-height:46px; }
  .is-authenticated #playerDashboard>.player-note { margin-top:7px; font-size:10px; }
}

/* Short desktop/laptop screens: trim surrounding chrome before shrinking the chat. */
@media (min-width:761px) and (max-height:850px) {
  #dreamPlayerPage.is-authenticated {
    padding-top:calc(var(--header-h) + 9px);
    padding-bottom:calc(var(--dream-player-offset,0px) + 8px);
  }
  .is-authenticated .player-intro { margin-bottom:7px; }
  .is-authenticated .player-integrations { padding-bottom:7px; margin-bottom:7px; }
  .is-authenticated .player-support-top { margin-bottom:7px; }
  .is-authenticated .player-chat-head { padding:10px 16px; }
  .is-authenticated .player-connection { padding:6px 18px; }
  .is-authenticated .player-messages { padding:13px 20px; gap:13px; }
  .is-authenticated .player-message p { padding:12px 16px; font-size:14px; line-height:1.68; }
  .is-authenticated .player-composer { padding:8px 14px; }
  .is-authenticated .player-composer textarea { min-height:46px; padding:9px 12px; }
  .is-authenticated .player-composer button { min-height:42px; }
  .is-authenticated #playerDashboard>.player-note { margin-top:5px; }
}

/* Mobile chat remains readable while the ticket list and conversation switch views. */
@media (max-width:760px) {
  .is-authenticated .player-ticket { padding:13px; gap:8px; margin-bottom:6px; }
  .is-authenticated .player-ticket strong { font-size:13px; line-height:1.5; }
  .is-authenticated .player-ticket small { font-size:11px; line-height:1.55; }
  .is-authenticated .player-ticket-meta { font-size:10px; }
  .is-authenticated .player-chat-head { padding:11px 12px; gap:8px; }
  .is-authenticated .player-chat-head h3 { font-size:14px; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.4; }
  .is-authenticated .player-chat-head p { font-size:11px; line-height:1.5; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
  .is-authenticated .player-messages { padding:12px; gap:13px; }
  .is-authenticated .player-message { max-width:94%; }
  .is-authenticated .player-message p { padding:12px 14px; font-size:14px; line-height:1.65; }
  .is-authenticated .player-message small { font-size:10px; }
  .is-authenticated .player-composer { padding:9px 10px; gap:8px; }
  .is-authenticated .player-composer textarea { height:46px; min-height:46px; padding:9px 11px; font-size:14px; line-height:1.55; }
  .is-authenticated .player-composer button { min-height:42px; }
}
