/* V1.58: one atmosphere, quieter surfaces and room for the tools. */
.dashboard-page{--workspace-side:248px;--workspace-pad:34px;--surface:hsl(var(--accent-h) 12% 9% / .80);--line:hsl(var(--accent-h) 28% 70% / .12);--ink:hsl(var(--accent-h) 20% 94%);--muted:hsl(var(--accent-h) 10% 62%);background:hsl(var(--accent-h) 10% 5%);color:var(--ink);font-size:14px}
.dashboard-page::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 55% -12%,hsl(var(--accent-h) var(--accent-s4) 50% / .16),transparent 62%),radial-gradient(ellipse at 4% 85%,hsl(var(--accent-h) var(--accent-s3) 30% / .10),transparent 56%)}
.dashboard-page .app{display:grid;grid-template-columns:var(--workspace-side) minmax(0,1fr);min-height:100dvh;height:100dvh;overflow:hidden;background:transparent;isolation:auto;transition:none}
.dashboard-page .sidebar{position:fixed;left:14px;top:14px;bottom:14px;width:calc(var(--workspace-side) - 28px);height:auto;padding:14px 12px;border:1px solid var(--line);border-radius:22px;background:hsl(var(--accent-h) 12% 8% / .72);backdrop-filter:blur(20px);box-shadow:0 12px 48px #0002;gap:12px}
.dashboard-page .side-brand{height:66px;padding:8px 10px}.dashboard-page .side-brand b{font-size:18px;letter-spacing:-.04em}.dashboard-page .side-brand span{font-size:11px;color:var(--muted)}
.dashboard-page .access-card{padding:13px 14px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(130deg,hsl(var(--accent-h) var(--accent-s3) 40% / .12),transparent)}
.dashboard-page .access-card>b{font-size:12px}.dashboard-page .access-preview-toggle{min-height:32px;font-size:10px;background:#ffffff04;border-color:var(--line)}
.dashboard-page .side-label{font-size:9px;padding:0 12px;letter-spacing:.15em;color:var(--muted)}
.dashboard-page .guild-btn{padding:10px;border-radius:15px;background:#ffffff03;border-color:var(--line);min-height:64px}.dashboard-page .guild-btn b{font-size:12px}.dashboard-page .guild-btn span{font-size:10px}.dashboard-page .guild-menu{left:12px;right:12px;max-width:100%;z-index:50}
.dashboard-page .side-nav{display:flex;flex-direction:column;gap:5px;padding:7px 0}
.dashboard-page .nav-btn{min-height:45px;padding:10px 12px;border:1px solid transparent;border-radius:12px;color:var(--muted);font-size:12px;gap:12px;transition:background .22s,border-color .22s,color .22s,transform .16s}
.dashboard-page .nav-btn:not(.active){background:transparent;box-shadow:none;border-color:transparent}
.dashboard-page .nav-btn.active{color:var(--ink);border-color:hsl(var(--accent-h) var(--accent-s3) 60% / .20);background:linear-gradient(110deg,hsl(var(--accent-h) var(--accent-s3) 50% / .15),#ffffff03);box-shadow:inset 0 1px 0 #ffffff06}
.dashboard-page .nav-btn.active::before{height:16px;width:3px;border-radius:6px;left:-1px;top:calc(50% - 8px);background:hsl(var(--accent-h) var(--accent-s4) 74%)}
.dashboard-page .nav-ico{width:20px;height:20px}.dashboard-page .nav-ico svg{width:18px;height:18px}.dashboard-page .nav-btn em{font-size:9px;min-width:20px;height:20px;background:#ffffff05}
.dashboard-page .bot-mini{margin-top:auto;padding:12px 10px;border-top:1px solid var(--line)}
.dashboard-page .main{grid-column:2;min-width:0;padding:0 var(--workspace-pad) 24px;height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;background:transparent;margin:0}
.dashboard-page .main>header{height:84px;gap:18px;margin:0 calc(-1 * var(--workspace-pad));padding:0 var(--workspace-pad);background:hsl(var(--accent-h) 10% 5% / .48);border-color:var(--line);backdrop-filter:blur(22px);box-shadow:none}
.dashboard-page .main>header>span{font-size:10px;letter-spacing:.10em;white-space:nowrap}.dashboard-page .main>header .user{margin-left:auto;gap:12px}.dashboard-page .user div b{font-size:12px}
.dashboard-page .header-tools{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}.dashboard-page .workspace-search,.dashboard-page .sound-toggle{display:flex;align-items:center;gap:20px;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#ffffff04;color:var(--muted);font-size:11px;white-space:nowrap}
.dashboard-page .workspace-search kbd{font:10px inherit;letter-spacing:0;border:0;color:var(--muted);opacity:.7}.dashboard-page .sound-toggle{gap:0;font-size:10px}.dashboard-page .sound-toggle[aria-pressed=false]{opacity:.7}
.dashboard-page .view{max-width:1600px;padding-top:34px}.dashboard-page .heading{min-height:100px;margin-bottom:18px;gap:16px;align-items:flex-start}.dashboard-page .heading h1{font-size:clamp(30px,3.2vw,43px);font-weight:680;letter-spacing:-.055em;line-height:1.12;margin:8px 0 8px}.dashboard-page .heading p{font-size:12px;color:var(--muted);line-height:1.6}.dashboard-page .eyebrow{font-size:9px;color:hsl(var(--accent-h) 14% 61%);letter-spacing:.15em;font-weight:650}
.dashboard-page .panel,.dashboard-page .module,.dashboard-page .stats article,.dashboard-page .ticket-stats article,.dashboard-page .command-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,hsl(var(--accent-h) 12% 11% / .82),hsl(var(--accent-h) 10% 7% / .92));box-shadow:inset 0 1px 0 #ffffff04,0 10px 34px #0001}
.dashboard-page .panel{padding:24px}.dashboard-page .panel h2{font-size:19px;font-weight:650;letter-spacing:-.035em}.dashboard-page .stats{gap:16px;margin-bottom:20px}.dashboard-page .stats article{padding:25px;min-height:132px}.dashboard-page .stats article b{font-size:34px;font-weight:600;letter-spacing:-.045em}.dashboard-page .stats article small,.dashboard-page .ticket-stats small{font-size:9px;color:var(--muted);letter-spacing:.12em}.dashboard-page .stats article>span{font-size:11px;color:var(--muted)}
.dashboard-page .overview-info-grid{gap:20px}.dashboard-page .overview-card-head{margin-bottom:24px}.dashboard-page .staff-count-main strong{font-size:52px;font-weight:550}.dashboard-page .overview-latest-update h3{font-size:20px;line-height:1.3}.dashboard-page .overview-latest-update p{font-size:12px;line-height:1.7}
.dashboard-page .chip,.dashboard-page .support-chip,.dashboard-page .update-count,.dashboard-page .header-access{background:#ffffff03;border-color:var(--line);font-size:10px;font-weight:600}
.dashboard-page .text-input,.dashboard-page select,.dashboard-page textarea,.dashboard-page .ticket-search input,.dashboard-page .command-search input{background:hsl(var(--accent-h) 10% 5% / .60);border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--ink);box-shadow:none;line-height:1.6}
.dashboard-page .text-input,.dashboard-page select{min-height:43px}.dashboard-page .field{font-size:9px;letter-spacing:.08em;font-weight:600;color:var(--muted)}
.dashboard-page .text-input:focus,.dashboard-page textarea:focus,.dashboard-page select:focus{border-color:hsl(var(--accent-h) var(--accent-s3) 64% / .55);box-shadow:0 0 0 3px hsl(var(--accent-h) var(--accent-s4) 60% / .08);outline:none}
.dashboard-page .mini-btn,.dashboard-page .ticket-primary,.dashboard-page .primary,.dashboard-page .ghost{min-height:38px;border-radius:11px;font-size:11px;font-weight:600;padding:9px 14px;border:1px solid var(--line)}
.dashboard-page .mini-btn{background:#ffffff04;color:var(--muted)}.dashboard-page .ticket-primary,.dashboard-page .primary{background:hsl(var(--accent-h) var(--accent-s3) 76%);color:hsl(var(--accent-h) 20% 9%);box-shadow:0 4px 14px hsl(var(--accent-h) var(--accent-s4) 60% / .08)}
.dashboard-page button:active:not(:disabled),#selfUtilityDock button:active{transform:scale(.97)}.dashboard-page button:disabled{cursor:default;opacity:.55;filter:saturate(.25)}.dashboard-page .claim-action:disabled{background:#ffffff06!important;border-color:#ffffff10!important;color:#a5a5aa!important;opacity:1;box-shadow:none}
.dashboard-page :focus-visible,#selfUtilityDock :focus-visible{outline:2px solid hsl(var(--accent-h) var(--accent-s4) 77%);outline-offset:4px}
.dashboard-page .grid2,.dashboard-page .modules,.dashboard-page .feedback-grid{gap:20px}.dashboard-page .setting{padding:16px 0;border-color:var(--line)}.dashboard-page .setting b{font-size:13px}.dashboard-page .setting span{font-size:11px;color:var(--muted)}.dashboard-page .switch:checked+i{box-shadow:0 0 0 4px hsl(var(--accent-h) var(--accent-s4) 60% / .06)}
.dashboard-page .command-shell{gap:20px;border-radius:20px}.dashboard-page .command-categories{background:transparent;padding:14px}.dashboard-page .command-main{padding:22px}.dashboard-page .command-card{padding:20px;min-height:120px;border-radius:16px;transition:border-color .2s,transform .2s}.dashboard-page .command-card code{font-size:13px}.dashboard-page .command-card p{font-size:12px;color:var(--muted);line-height:1.65}.dashboard-page .command-cat{border-radius:10px;font-size:11px;min-height:39px}.dashboard-page .command-search{border-radius:13px}.dashboard-page .command-grid{gap:13px}
.dashboard-page .update-log{gap:18px}.dashboard-page .update-entry{padding:25px}.dashboard-page .update-entry h2{font-size:23px;line-height:1.35}.dashboard-page .update-body,.dashboard-page .update-summary{font-size:12px;line-height:1.8;color:hsl(var(--accent-h) 10% 76%)}.dashboard-page .update-entry footer{font-size:10px;color:var(--muted)}.dashboard-page .update-author small{font-size:10px}.dashboard-page .update-entry:before{display:none}
.dashboard-page .ticket-stats{gap:12px;margin-bottom:20px}.dashboard-page .ticket-stats article{padding:18px 20px}.dashboard-page .ticket-stats b{font-size:29px;font-weight:550}.dashboard-page .staff-ticket-layout,.dashboard-page .clean-support-layout,.dashboard-page .live-support-layout{grid-template-columns:minmax(250px,.78fr) minmax(0,1.6fr);gap:20px}
.dashboard-page .ticket-row,.dashboard-page .live-support-row{padding:15px;border-radius:13px;border:1px solid transparent;background:#ffffff02;margin-bottom:7px;transition:background .2s,border-color .2s}.dashboard-page .ticket-row:hover,.dashboard-page .live-support-row:hover{background:#ffffff05}.dashboard-page .ticket-row.active,.dashboard-page .live-support-row.active{background:hsl(var(--accent-h) var(--accent-s3) 50% / .09);border-color:hsl(var(--accent-h) var(--accent-s3) 60% / .27)}.dashboard-page .ticket-row b,.dashboard-page .live-support-row b{font-size:12px}.dashboard-page .ticket-row small,.dashboard-page .live-support-row small{font-size:10px}.dashboard-page .live-support-row em{font-size:8px}
.dashboard-page .live-support-detail,.dashboard-page .live-support-queue{height:clamp(430px,calc(100dvh - 305px),720px)}.dashboard-page .live-chat-head{padding-bottom:18px;gap:12px}.dashboard-page .live-chat-head h2{font-size:21px}.dashboard-page .live-chat-thread{padding:16px 0}.dashboard-page .live-chat-compose{padding-top:16px;gap:10px}.dashboard-page .live-chat-compose textarea{height:72px;min-height:72px;max-height:72px;padding:12px}.dashboard-page .live-chat-compose .ticket-primary{min-width:70px}
.dashboard-page .live-chat-thread .self-assistant-message{gap:11px;padding:9px 0}.dashboard-page .live-chat-thread .self-assistant-message-name b{font-size:11px}.dashboard-page .live-chat-thread .self-assistant-message-bubble{font-size:12px;line-height:1.75;padding:12px 14px;border-radius:5px 15px 15px 15px;background:#ffffff03;border-color:var(--line)}.dashboard-page .live-chat-event{font-size:10px;padding:8px 12px;border-color:var(--line)}
.dashboard-page .ticket-message p{font-size:12px;line-height:1.75}.dashboard-page .ticket-message{padding:15px;border-radius:13px;background:#ffffff03;border-color:var(--line)}.dashboard-page .ticket-detail-head h2{font-size:21px}.dashboard-page .staff-ticket-controls{gap:10px;flex-wrap:wrap}.dashboard-page .ticket-state{font-size:10px}
.dashboard-page .jump-latest{align-self:center;position:absolute;left:50%;bottom:116px;transform:translateX(-50%);z-index:3;min-height:32px;padding:6px 12px;border:1px solid var(--line);border-radius:30px;background:hsl(var(--accent-h) 12% 13%);color:var(--ink);font-size:10px;box-shadow:0 6px 20px #0004}.dashboard-page #liveSupportDetail,.dashboard-page #staffTicketDetail,.dashboard-page #myTicketDetail{position:relative}.dashboard-page .jump-latest:active:not(:disabled){transform:translateX(-50%) scale(.97)}
.dashboard-page .feedback-item{border-radius:13px;padding:16px;background:#ffffff02;border-color:var(--line)}.dashboard-page .feedback-item p{font-size:12px;line-height:1.65}.dashboard-page .feedback-type,.dashboard-page .support-mode{border-radius:12px;font-size:12px;min-height:42px}.dashboard-page .system-grid{gap:16px}.dashboard-page .system-stat b{font-size:27px}.dashboard-page .developer-ops-grid{gap:12px}.dashboard-page .developer-op{padding:16px;border-radius:13px;border-color:var(--line)}.dashboard-page .runtime-row,.dashboard-page .runtime-service{border-radius:12px;font-size:11px}.dashboard-page .runtime-row-main b{font-size:11px}.dashboard-page .runtime-row-main span{font-size:9px}
.dashboard-page .ticket-placeholder{min-height:230px;background:radial-gradient(ellipse at center,hsl(var(--accent-h) var(--accent-s3) 40% / .07),transparent 65%);border-radius:16px}.dashboard-page .ticket-placeholder>b{font-size:17px;font-weight:550}.dashboard-page .ticket-placeholder p{font-size:11px;line-height:1.6}.dashboard-page .toast{bottom:110px;border-radius:14px;padding:13px 18px;font-size:12px;z-index:2600}
.dashboard-page .view.active{animation:workspace-arrive .38s cubic-bezier(.22,1,.36,1)}.dashboard-page .view.active>.stats,.dashboard-page .view.active>.panel,.dashboard-page .view.active>.overview-info-grid,.dashboard-page .view.active>.command-shell,.dashboard-page .view.active>.live-support-layout,.dashboard-page .view.active>.staff-ticket-layout{animation:workspace-arrive .48s cubic-bezier(.22,1,.36,1)}
@keyframes workspace-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(hover:hover){.dashboard-page .nav-btn:hover:not(.active){color:var(--ink);background:#ffffff04;transform:translateX(2px)}.dashboard-page .command-card:hover{transform:translateY(-3px);border-color:hsl(var(--accent-h) var(--accent-s3) 60% / .26)}.dashboard-page .mini-btn:hover,.dashboard-page .workspace-search:hover{background:#ffffff08;color:var(--ink)}}
/* Premium uses the same surfaces, with a more expressive opening. */
.dashboard-page .premium-hero{padding:38px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 85% 20%,hsl(var(--accent-h) var(--accent-s3) 50% / .15),transparent 66%),linear-gradient(135deg,#ffffff04,#ffffff01);min-height:300px;box-shadow:inset 0 1px 0 #ffffff04}
.dashboard-page .premium-hero h1{font-size:clamp(38px,4.5vw,66px);font-weight:650;letter-spacing:-.055em;line-height:1.05}.dashboard-page .premium-hero p{font-size:13px;line-height:1.7;color:var(--muted)}.dashboard-page .premium-kicker{font-size:10px;letter-spacing:.12em}.dashboard-page .premium-summary{gap:14px;margin:20px 0}.dashboard-page .premium-summary article,.dashboard-page .premium-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,hsl(var(--accent-h) 12% 11% / .82),hsl(var(--accent-h) 10% 7% / .92));box-shadow:inset 0 1px 0 #ffffff04}.dashboard-page .premium-summary article{padding:22px}.dashboard-page .premium-summary b{font-size:18px;font-weight:600;letter-spacing:-.03em}.dashboard-page .premium-summary small{font-size:11px;color:var(--muted)}.dashboard-page .premium-grid{gap:20px}.dashboard-page .premium-panel{padding:24px}.dashboard-page .premium-panel h2{font-size:21px}.dashboard-page .premium-command{border-radius:13px;background:#ffffff02;border-color:var(--line);padding:16px}.dashboard-page .premium-command b{font-size:12px;line-height:1.5}.dashboard-page .premium-command code{font-size:12px}.dashboard-page .premium-buy,.dashboard-page .premium-discord{border-radius:12px;min-height:44px;font-size:11px}.dashboard-page .premium-large-number{font-size:48px;font-weight:550;letter-spacing:-.05em}
@media(max-width:760px){.dashboard-page .premium-hero{padding:24px;min-height:0}.dashboard-page .premium-hero h1{font-size:39px}.dashboard-page .premium-orb{display:none}.dashboard-page .premium-summary{grid-template-columns:1fr 1fr;gap:12px}.dashboard-page .premium-summary article{padding:18px}.dashboard-page .premium-grid{grid-template-columns:1fr}.dashboard-page .premium-panel{padding:18px}.dashboard-page .premium-command-grid{grid-template-columns:1fr}.dashboard-page .premium-actions{flex-wrap:wrap}}
/* One persistent dock. The player iframe stays attached separately to body. */
#selfUtilityDock{position:fixed;right:20px;bottom:18px;z-index:2400;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px;border:1px solid hsl(var(--accent-h) var(--accent-s3) 50% / .18);border-radius:19px;background:hsl(var(--accent-h) 12% 7% / .98);box-shadow:0 8px 32px #0003;backdrop-filter:none}
#selfUtilityDock .utility-caption{display:none}.dashboard-page #selfUtilityDock{left:calc(var(--workspace-side) + var(--workspace-pad));right:var(--workspace-pad);height:64px;max-width:none;padding:8px 12px}.dashboard-page #selfUtilityDock .utility-caption{display:grid;gap:3px;flex:1;min-width:0}.utility-caption span{font-size:11px;color:hsl(var(--accent-h) 10% 83%);font-weight:600}.utility-caption small{font-size:10px;color:hsl(var(--accent-h) 10% 53%)}
#selfUtilityDock .site-audio-pill{position:static;min-height:42px;gap:9px;box-shadow:none;background:#ffffff03;backdrop-filter:none;border:1px solid #ffffff09;border-radius:12px;padding:4px 9px 4px 4px;flex:0 1 auto}.dashboard-page #selfUtilityDock .site-audio-meta{display:grid;width:136px}.dashboard-page #selfUtilityDock .site-audio-track{font-size:10px}.dashboard-page #selfUtilityDock .site-audio-credit{font-size:8px}#selfUtilityDock .site-audio-art{width:32px;height:32px;border-radius:9px}#selfUtilityDock .site-audio-slider-wrap,#selfUtilityDock .site-audio-slider{width:62px}#selfUtilityDock .site-audio-level{display:none}#selfUtilityDock .site-audio-mute{width:30px;height:30px}#selfUtilityDock .site-audio-pill:hover{transform:none}
#selfUtilityDock .self-assistant{position:static;right:auto;bottom:auto;flex:0 0 auto}#selfUtilityDock .self-assistant-bubble{display:flex;align-items:center;justify-content:center;gap:8px;width:98px;height:42px;padding:6px 10px;border-radius:12px;box-shadow:none;background:hsl(var(--accent-h) var(--accent-s3) 45% / .12)}#selfUtilityDock .self-assistant-bubble::after{content:'Self AI';font-size:11px;font-weight:600;color:hsl(var(--accent-h) 16% 85%)}#selfUtilityDock .self-assistant-bubble img{width:26px;height:26px;border-radius:8px}#selfUtilityDock .self-assistant-bubble>i{display:none}
#selfUtilityDock .utility-sound{flex:0 0 auto;width:32px;height:40px;border:1px solid #ffffff0c;border-radius:10px;background:#ffffff03;color:hsl(var(--accent-h) 12% 66%);font:600 9px/1 inherit;cursor:pointer}#selfUtilityDock .utility-sound[aria-pressed=false]{opacity:.55}
.dashboard-page.assistant-keyboard #selfUtilityDock .site-audio-pill{visibility:hidden}
.dashboard-page #selfUtilityDock .self-assistant-panel{position:fixed;top:100px;right:var(--workspace-pad);bottom:100px;width:390px;height:auto;max-height:none;border-radius:20px;background:hsl(var(--accent-h) 12% 8%);border-color:var(--line)}.dashboard-page .self-assistant-head{min-height:76px}.dashboard-page .self-assistant-message-bubble{font-size:12px;line-height:1.7}.dashboard-page .self-assistant-compose{padding:14px}.dashboard-page .self-assistant-compose textarea{height:46px;min-height:46px;max-height:46px;font-size:12px}
.dashboard-page.assistant-modal::after{content:'';position:fixed;inset:0;z-index:2300;background:#0007;backdrop-filter:blur(3px)}
@media(min-width:1200px){.dashboard-page.assistant-open .app{padding-right:428px}.dashboard-page.assistant-open #selfUtilityDock{right:448px}.dashboard-page.assistant-open #selfUtilityDock .utility-caption{display:none}.dashboard-page.assistant-open .live-support-layout,.dashboard-page.assistant-open .staff-ticket-layout,.dashboard-page.assistant-open .clean-support-layout{grid-template-columns:1fr}.dashboard-page.assistant-open .live-support-queue{height:180px}.dashboard-page.assistant-open .overview-info-grid{grid-template-columns:1fr}.dashboard-page.assistant-open .command-shell{grid-template-columns:1fr}.dashboard-page.assistant-open .command-categories{display:flex;overflow-x:auto}.dashboard-page.assistant-open .command-cat{min-width:max-content}.dashboard-page.assistant-open #selfUtilityDock .site-audio-meta{width:100px}}
.dashboard-page .dashboard-finder{width:min(540px,calc(100vw - 32px));max-height:min(600px,80dvh);margin:14dvh auto 0;padding:0;border:1px solid var(--line);border-radius:20px;background:hsl(var(--accent-h) 12% 9%);color:var(--ink);box-shadow:0 30px 100px #0008;overflow:hidden}.dashboard-finder::backdrop{background:#0008;backdrop-filter:blur(6px)}.finder-head{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.finder-head input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font:14px inherit;padding:8px;outline:0}.finder-head button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#ffffff05;color:var(--muted)}.finder-results{padding:9px;max-height:420px;overflow:auto}.finder-result{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:45px;padding:11px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);text-align:left}.finder-result b{font-size:12px;font-weight:550}.finder-result span{font-size:10px;color:var(--muted)}.finder-result[aria-selected=true],.finder-result:hover{background:#ffffff07;border-color:var(--line)}.dashboard-finder footer{display:flex;justify-content:space-between;gap:10px;padding:13px 17px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.finder-empty{padding:22px;font-size:12px;color:var(--muted)}
@media(max-width:1100px){.dashboard-page{--workspace-side:92px;--workspace-pad:24px}.dashboard-page .sidebar{padding:14px 8px}.dashboard-page .side-brand{padding:8px}.dashboard-page .side-brand div,.dashboard-page .access-card,.dashboard-page .side-label,.dashboard-page .guild-btn div,.dashboard-page .guild-btn strong,.dashboard-page .bot-mini div,.dashboard-page .nav-label{display:none}.dashboard-page .side-brand img{width:36px;height:36px}.dashboard-page .guild-btn{justify-content:center;padding:8px}.dashboard-page .side-nav{gap:8px}.dashboard-page .nav-btn{justify-content:center;padding:12px}.dashboard-page .bot-mini{justify-content:center;padding:10px 0}.dashboard-page .main>header>span{display:none}.dashboard-page .live-support-layout,.dashboard-page .staff-ticket-layout{grid-template-columns:minmax(210px,.75fr) minmax(0,1.5fr)}}
@media(max-width:850px){.dashboard-page .live-support-layout,.dashboard-page .staff-ticket-layout,.dashboard-page .clean-support-layout{grid-template-columns:1fr}.dashboard-page .live-support-queue{height:230px}.dashboard-page .live-support-detail{height:510px}.dashboard-page .sound-toggle{display:none}.dashboard-page #selfUtilityDock .utility-caption{display:none}.dashboard-page #selfUtilityDock{justify-content:flex-end}.dashboard-page .heading{min-height:86px}.dashboard-page .main>header{height:72px}}
@media(max-width:760px){
 .dashboard-page{--workspace-side:0px;--workspace-pad:16px}.dashboard-page .app{display:block;padding-right:0!important}.dashboard-page .main{padding:0 16px 24px;height:calc(100dvh - 152px - env(safe-area-inset-bottom));width:100%}.dashboard-page .main>header{height:68px;gap:10px;padding:0 16px;margin:0 -16px}.dashboard-page .main>header .user{gap:8px}.dashboard-page .workspace-search{min-height:34px;font-size:10px;gap:12px;padding:0 10px}.dashboard-page .workspace-search kbd{display:none}.dashboard-page .header-tools{margin-left:0}.dashboard-page .user img{width:30px;height:30px}.dashboard-page .user div{display:block}.dashboard-page .user div b{font-size:10px;max-width:72px;overflow:hidden;text-overflow:ellipsis}.dashboard-page .header-access{display:none!important}
 .dashboard-page .sidebar{display:flex!important;position:fixed;left:12px;right:12px;top:auto;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;height:63px;padding:5px 8px;border-radius:19px;background:hsl(var(--accent-h) 12% 9% / .98);z-index:2450;box-shadow:0 8px 34px #0004}.dashboard-page .sidebar>.side-brand,.dashboard-page .sidebar>.guild-btn,.dashboard-page .sidebar>.guild-menu,.dashboard-page .sidebar>.bot-mini,.dashboard-page .sidebar>.access-card,.dashboard-page .sidebar>.side-label{display:none}.dashboard-page .side-nav{flex-direction:row;display:flex;overflow-x:auto;overflow-y:hidden;align-items:center;gap:4px;padding:0;scrollbar-width:none;width:100%;height:100%}.dashboard-page .nav-btn{min-width:64px;min-height:50px;height:50px;flex:0 0 auto;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:5px 9px;border-radius:12px;font-size:8px}.dashboard-page .nav-btn .nav-label{display:block!important;font-size:8px;white-space:nowrap}.dashboard-page .nav-btn.active::before{display:none}.dashboard-page .nav-ico,.dashboard-page .nav-ico svg{width:16px;height:16px}.dashboard-page .nav-btn em{position:absolute;right:1px;top:0;height:15px;min-width:15px;font-size:7px}
 .dashboard-page .view{padding-top:27px}.dashboard-page .heading{min-height:0;margin-bottom:24px;gap:10px}.dashboard-page .heading h1{font-size:31px}.dashboard-page .heading p{font-size:11px}.dashboard-page .panel{padding:18px;border-radius:17px}.dashboard-page .stats{grid-template-columns:1fr 1fr;gap:12px}.dashboard-page .stats article{padding:18px;min-height:112px}.dashboard-page .stats article b{font-size:27px}.dashboard-page .stats article small{font-size:8px}.dashboard-page .stats article>span{font-size:10px}.dashboard-page .overview-info-grid,.dashboard-page .grid2,.dashboard-page .feedback-grid{grid-template-columns:1fr;gap:16px}.dashboard-page .ticket-stats,.dashboard-page .system-grid{grid-template-columns:1fr 1fr;gap:10px}.dashboard-page .ticket-stats article{padding:16px}.dashboard-page .ticket-stats b{font-size:24px}.dashboard-page .system-stat b{font-size:23px}.dashboard-page .command-categories{display:flex;overflow-x:auto;padding:8px;gap:5px}.dashboard-page .command-cat{min-width:max-content}.dashboard-page .command-main{padding:15px}.dashboard-page .command-card{padding:16px}.dashboard-page .update-entry h2{font-size:21px}.dashboard-page .live-chat-head{flex-wrap:wrap}.dashboard-page .live-chat-head h2{font-size:19px}.dashboard-page .live-chat-head-actions{gap:8px}.dashboard-page .live-chat-head-actions button{font-size:10px;padding:8px 11px}.dashboard-page .live-support-detail{height:clamp(400px,66dvh,550px)}.dashboard-page .live-support-queue{height:215px}.dashboard-page .live-chat-event{font-size:9px}.dashboard-page .live-chat-compose textarea{font-size:16px;height:72px;min-height:72px;max-height:72px}.dashboard-page .ticket-thread{height:300px}.dashboard-page input,.dashboard-page textarea,.dashboard-page select{font-size:16px}.dashboard-page .toast{bottom:calc(150px + env(safe-area-inset-bottom));max-width:calc(100vw - 30px)}
 .dashboard-page #selfUtilityDock{left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));height:56px;justify-content:space-between;padding:6px;gap:6px;border-radius:16px}.dashboard-page #selfUtilityDock .site-audio-pill{min-width:0;flex:1;gap:7px}.dashboard-page #selfUtilityDock .site-audio-meta{display:grid;width:auto;flex:1;min-width:0}.dashboard-page #selfUtilityDock .site-audio-track{font-size:9px}.dashboard-page #selfUtilityDock .site-audio-credit{font-size:7px}.dashboard-page #selfUtilityDock .site-audio-slider-wrap,.dashboard-page #selfUtilityDock .site-audio-slider{width:46px}.dashboard-page #selfUtilityDock .self-assistant-bubble{width:83px;font-size:10px;gap:5px;padding:6px}.dashboard-page #selfUtilityDock .self-assistant-bubble::after{font-size:10px}.dashboard-page #selfUtilityDock .self-assistant-bubble img{width:23px;height:23px}
 .dashboard-page #selfUtilityDock .self-assistant-panel{top:var(--assistant-vv-top,12px);right:12px;bottom:auto;width:calc(100vw - 24px);height:var(--assistant-vv-height,calc(100dvh - 158px - env(safe-area-inset-bottom)));border-radius:19px;max-height:none}.dashboard-page .self-assistant-head{min-height:68px;padding:11px}.dashboard-page .self-assistant-brand b{font-size:12px}.dashboard-page .self-assistant-human-btn{padding:8px 10px;font-size:9px}.dashboard-page .self-assistant-head-actions{gap:6px}.dashboard-page .self-assistant-compose textarea{font-size:16px}.dashboard-page .premium-nudge{bottom:160px}.dashboard-page .finder-results{max-height:55dvh}.dashboard-page .dashboard-finder{margin-top:12dvh}
}
@media(max-width:370px){.dashboard-page #selfUtilityDock .site-audio-meta{display:none}.dashboard-page .workspace-search span{font-size:9px}.dashboard-page .panel{padding:15px}.dashboard-page .user div{display:none}.dashboard-page .heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){:root,body.dashboard-page #app,body.dashboard-page #app *,body.dashboard-page #app *::before,body.dashboard-page #app *::after,#selfUtilityDock *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
