/* TeamSpeak 3E home screen. All selectors are intentionally isolated from the shared TS subpages. */
body[data-voice="1"]{background:#020202;color:#e8dccb}
body[data-voice="1"] .topbar{border-bottom-color:#21140f;background:#020202}
@media(min-width:1001px){body[data-voice="1"] .topbar .topnav{margin-left:9px}body[data-voice="1"] .topbar .topnav a,body[data-voice="1"] .topbar .topnav-dd-trigger{padding-right:19px;padding-left:19px}body[data-voice="1"] .topbar .player-search{flex-basis:200px;max-width:200px}}

.ts3e-shell{--e3-accent:#e1442d;--e3-accent-hot:#f25539;--e3-ivory:#eee2d1;--e3-muted:#aa9581;--e3-line:rgba(176,105,57,.42);--e3-panel:#070605;width:calc(100% - 16px);max-width:1700px;margin:0 auto 34px;padding:0}
.ts3e-shell *{box-sizing:border-box}
.ts3e-shell a{text-decoration:none}
.ts3e-shell svg{display:block}

.ts3e-hero{position:relative;display:flex;min-height:298px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#050403 url('teamspeak/3e-live-room-v2.png') center/cover no-repeat}
.ts3e-hero::before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.99) 0%,rgba(2,2,2,.93) 25%,rgba(2,2,2,.58) 42%,rgba(2,2,2,.08) 68%,rgba(2,2,2,.13) 100%);content:""}
.ts3e-hero::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.52),transparent 34%,rgba(0,0,0,.1));content:""}
.ts3e-hero-copy{position:relative;z-index:1;width:min(520px,44%);padding:28px 0 24px 67px}
.ts3e-eyebrow,.ts3e-label{color:var(--e3-accent-hot);font:750 11px/1 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase}
.ts3e-hero h1{margin:14px 0 7px;color:var(--e3-ivory);font:600 clamp(48px,4.5vw,68px)/.9 var(--display,Georgia,serif);letter-spacing:.005em;text-shadow:0 2px 18px #000}
.ts3e-hero p{margin:0;color:#d7c9b9;font:400 15px/1.4 var(--ui,system-ui)}
.ts3e-hero-status{display:flex;gap:9px;margin:13px 0;color:#bba999;font:600 11px/1.3 var(--mono,monospace)}
.ts3e-hero-status span+span::before{margin-right:9px;color:#665247;content:"·"}
.ts3e-hero-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#706a65}
.ts3e-hero-status i.online{background:#52e779;box-shadow:0 0 12px rgba(82,231,121,.88)}
.ts3e-hero code{display:flex;align-items:center;gap:7px;margin-top:10px;color:#eadcca;font:700 21px/1.2 var(--mono,monospace);letter-spacing:.03em}
.ts3e-hero code svg{width:20px;height:20px;color:#e59a4e}
.ts3e-actions{display:flex;align-items:center;gap:13px;margin-top:17px}
.ts3e-actions a,.ts3e-actions button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 32px;border:1px solid rgba(232,78,49,.9);background:linear-gradient(180deg,#d63e29,#9f2419);color:#fff7ed;font:750 12px var(--ui,system-ui);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.ts3e-actions .ts3e-primary{box-shadow:0 0 20px rgba(225,68,45,.25)}
.ts3e-actions button{padding-inline:19px;border-color:transparent;background:transparent;color:#d6c6b6}
.ts3e-actions button:hover{border-color:rgba(199,118,66,.4);background:rgba(0,0,0,.5)}

.ts3e-nav{display:flex;min-height:48px;align-items:center;border:1px solid rgba(255,255,255,.14);border-top:0;background:#030303}
.ts3e-nav a{display:flex;min-height:36px;align-items:center;gap:7px;margin:5px 4px;padding:0 28px;color:#a99583;font:600 13px var(--ui,system-ui)}
.ts3e-nav a.active{border-radius:22px;background:linear-gradient(180deg,#e74a32,#b3231b);color:#fff;box-shadow:0 0 20px rgba(220,54,39,.35)}
.ts3e-nav a:first-child{margin-left:35px}
.ts3e-nav a b{display:grid;min-width:19px;height:19px;place-items:center;border-radius:50%;background:#5f2018;color:#ebc2b7;font:700 9px var(--mono,monospace)}
.ts3e-nav .more{margin-left:auto;color:#aa9c8e}
.ts3e-nav .more span{font-size:16px}

.ts3e-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:7px 36px 13px}
.ts3e-metrics{display:grid;grid-template-columns:repeat(3,1fr);height:105px;border:1px solid var(--e3-line);background:linear-gradient(110deg,#0a0806,#050505)}
.ts3e-metrics article{display:grid;place-content:center;border-right:1px solid rgba(178,103,57,.3);text-align:center}
.ts3e-metrics article:last-child{border:0}
.ts3e-metrics strong{color:#dfc5a6;font:500 39px/1 var(--display,Georgia,serif)}
.ts3e-metrics span{margin-top:10px;color:#aa927c;font:700 9px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.ts3e-online{position:relative;display:grid;height:105px;grid-template-columns:1fr auto;align-content:center;gap:8px 24px;min-width:0;padding:13px 26px;border:1px solid var(--e3-line);background:linear-gradient(110deg,#0a0806,#050505)}
.ts3e-online>.ts3e-label{grid-column:1;font-size:10px;color:#bda994}
.ts3e-online>a{grid-column:2;grid-row:1/3;align-self:center;color:var(--e3-accent);font:750 10px var(--mono,monospace);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.ts3e-online>a span{padding-left:8px;font-size:16px}
.ts3e-avatars{display:flex;min-width:0;align-items:flex-start;gap:11px}
.ts3e-avatar{position:relative;display:block;width:45px;flex:0 0 45px;text-align:center}
.ts3e-avatar i,.ts3e-more-count{display:grid;width:42px;height:42px;place-items:center;border:1px solid #a7794d;border-radius:50%;background:radial-gradient(circle at 40% 30%,#493025,#15100d 70%);color:#e8dac8;font:500 12px var(--display,Georgia,serif);font-style:normal;box-shadow:0 0 0 3px #080604}
.ts3e-avatar.has-avatar i{overflow:hidden}.ts3e-avatar.has-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.ts3e-avatar.portrait i{background-image:url('teamspeak/3e-avatar-strip.png');background-repeat:no-repeat;background-size:400% 100%;color:transparent}
.ts3e-avatar.portrait-1 i{background-position:0 50%}.ts3e-avatar.portrait-2 i{background-position:33.333% 50%}.ts3e-avatar.portrait-3 i{background-position:66.666% 50%}.ts3e-avatar.portrait-4 i{background-position:100% 50%}
.ts3e-avatar small{display:block;max-width:58px;margin:5px -9px 0;overflow:hidden;color:#c7b8a8;font:9px var(--ui,system-ui);text-overflow:ellipsis;white-space:nowrap}
.ts3e-more-count{flex:0 0 42px;border-color:transparent;background:none;box-shadow:none;color:#d7a66f;font:500 12px var(--ui,system-ui)}

.ts3e-live-layout{display:grid;grid-template-columns:minmax(0,1.867fr) minmax(320px,1fr);gap:12px;margin:0 36px 16px}
.ts3e-activity,.ts3e-channels{height:249px;border:1px solid var(--e3-line);background:#060504}
.ts3e-activity{display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding:15px 24px 13px;background:radial-gradient(circle at 74% 18%,rgba(108,48,25,.15),transparent 36%),linear-gradient(135deg,#090705,#040404)}
.ts3e-activity>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.ts3e-activity h2,.ts3e-channels h2{position:relative;margin:5px 0 0;color:var(--e3-ivory);font:500 21px/1 var(--display,Georgia,serif);letter-spacing:.02em;text-transform:uppercase}
.ts3e-freshness{display:block;margin-top:5px;color:#70ca85;font:700 8px var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase}.ts3e-shell[data-ts-stale="1"] .ts3e-freshness{color:#df8b55}
.ts-monitoring-alert{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(223,139,85,.55);background:rgba(117,55,25,.28);color:#ffd3b5;font:700 12px/1.5 var(--mono,monospace);letter-spacing:.02em}.ts-monitoring-alert[hidden]{display:none}
.ts3e-chart-legend{display:flex;gap:18px;padding-bottom:2px;color:#a9937e;font:700 9px var(--mono,monospace);letter-spacing:.07em;text-transform:uppercase}
.ts3e-chart-legend span::before{display:inline-block;width:17px;height:2px;margin:0 7px 3px 0;background:#e55336;content:""}.ts3e-chart-legend .channels::before{background:#d1a160}
.ts3e-chart{position:relative;min-height:0;margin-top:5px}.ts3e-chart svg{width:100%;height:100%;min-height:105px;overflow:visible}
.ts3e-chart .grid line{stroke:rgba(187,126,81,.16);stroke-width:1;vector-effect:non-scaling-stroke}.ts3e-chart text{fill:#806e5d;font:8px var(--mono,monospace)}
.ts3e-chart polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.ts3e-chart .users-line{stroke:#e55336;filter:drop-shadow(0 0 4px rgba(229,83,54,.4))}.ts3e-chart .channels-line{stroke:#d1a160;stroke-dasharray:4 3}
.ts3e-chart .users-dot{fill:#e55336;filter:drop-shadow(0 0 4px rgba(229,83,54,.6))}.ts3e-chart .channels-dot{fill:#d1a160}
.ts3e-chart-time{position:absolute;right:8px;bottom:0;left:32px;display:flex;align-items:center;justify-content:space-between;color:#806e5d;font:8px var(--mono,monospace)}.ts3e-chart-time em{color:#9a8069;font-style:normal;letter-spacing:.05em;text-transform:uppercase}
.ts3e-activity>footer{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(181,112,67,.2)}
.ts3e-activity>footer span{padding:8px 12px 0;border-right:1px solid rgba(181,112,67,.18)}.ts3e-activity>footer span:first-child{padding-left:0}.ts3e-activity>footer span:last-child{border:0}
.ts3e-activity>footer small,.ts3e-activity>footer strong{display:block}.ts3e-activity>footer small{color:#897462;font:7px var(--mono,monospace);letter-spacing:.07em;text-transform:uppercase}.ts3e-activity>footer strong{margin-top:3px;color:#d8c3a8;font:600 11px var(--mono,monospace)}
.ts3e-empty{padding:30px;color:#8f7c6a;font:12px var(--ui,system-ui)}

.ts3e-channels{display:flex;flex-direction:column;padding:14px 13px 0}
.ts3e-channels>header{display:flex;align-items:center;justify-content:space-between;padding:0 9px 11px}
.ts3e-channels h2{margin:0}
.ts3e-channels>header span{color:#9f8977;font:700 8px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.ts3e-channels ol{margin:0;padding:0;border:1px solid rgba(181,112,67,.24);list-style:none}
.ts3e-channels li{display:flex;min-height:39px;align-items:center;padding:0 12px;border-bottom:1px solid rgba(181,112,67,.22);color:#d7c9b8}
.ts3e-channels li:last-child{border:0}
.ts3e-channel-icon{display:grid;width:25px;height:25px;margin-right:10px;place-items:center;border:1px solid #9a714a;border-radius:50%;color:#c6a780}
.ts3e-channel-icon svg{width:14px;height:14px}
.ts3e-channels li strong{min-width:0;overflow:hidden;font:500 12px var(--ui,system-ui);text-overflow:ellipsis;white-space:nowrap}
.ts3e-channels li b{margin-left:auto;color:#e2c7a7;font:500 13px var(--display,Georgia,serif)}
.ts3e-channels li small{margin-left:6px;color:#967f6b;font:8px var(--mono,monospace)}
.ts3e-channels>a{display:flex;min-height:43px;align-items:center;justify-content:flex-end;gap:10px;margin-top:auto;color:#b79f88;font:500 11px var(--ui,system-ui)}
.ts3e-channels>a span{color:#d19459;font-size:17px}

.ts3e-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 36px}
.ts3e-quick>a{display:flex;min-height:129px;align-items:flex-start;gap:22px;padding:18px 22px;border:1px solid var(--e3-line);background:linear-gradient(135deg,rgba(35,20,11,.18),transparent),#060504;color:#d9cbb9}
.ts3e-quick>a>svg{width:46px;height:46px;flex:0 0 46px;color:#e4c197}
.ts3e-quick span{display:flex;min-width:0;flex-direction:column}
.ts3e-quick strong{color:#e7d7c3;font:500 15px var(--display,Georgia,serif)}
.ts3e-quick small{margin-top:5px;color:#9f8a76;font:10px/1.35 var(--ui,system-ui)}
.ts3e-quick em{margin-top:10px;color:var(--e3-accent);font:500 10px var(--ui,system-ui);font-style:normal}
.ts3e-shell a,.ts3e-shell button{transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .18s ease}
.ts3e-shell a:hover,.ts3e-shell button:hover{color:#fff}
.ts3e-quick>a:hover,.ts3e-room-grid article:hover{border-color:rgba(229,101,57,.62)}

@media(max-width:1400px){
  .ts3e-online{column-gap:12px;padding-left:20px;padding-right:20px}.ts3e-avatars{gap:6px}.ts3e-avatar{width:38px;flex-basis:38px}.ts3e-avatar i,.ts3e-more-count{width:36px;height:36px}.ts3e-more-count{flex-basis:36px}.ts3e-online>a{font-size:9px}
}
@media(max-width:1180px){
  .ts3e-hero-copy{width:54%;padding-left:42px}.ts3e-overview,.ts3e-live-layout,.ts3e-quick{margin-left:18px;margin-right:18px}.ts3e-live-layout{grid-template-columns:1fr}.ts3e-activity,.ts3e-channels{height:auto;min-height:249px}.ts3e-channels{min-height:249px}.ts3e-quick{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .ts3e-hero{min-height:390px;background-position:58% center}.ts3e-hero::before{background:linear-gradient(90deg,rgba(2,2,2,.98),rgba(2,2,2,.79) 62%,rgba(2,2,2,.32))}.ts3e-hero-copy{width:75%;padding:35px 28px}.ts3e-nav{overflow-x:auto}.ts3e-nav a{padding-inline:17px;white-space:nowrap}.ts3e-nav a:first-child{margin-left:5px}.ts3e-nav .more{display:none}.ts3e-overview{grid-template-columns:1fr}.ts3e-online{min-height:106px}
}
@media(max-width:580px){
  .ts3e-shell{width:calc(100% - 10px)}.ts3e-hero{min-height:430px;background-position:62% center}.ts3e-hero-copy{width:100%;padding:34px 20px}.ts3e-hero h1{font-size:48px}.ts3e-hero-status{align-items:flex-start;flex-direction:column}.ts3e-hero-status span+span::before{display:none}.ts3e-hero code{font-size:17px}.ts3e-actions{align-items:flex-start;flex-direction:column}.ts3e-actions button{padding-left:0}.ts3e-overview,.ts3e-live-layout,.ts3e-quick{margin-left:7px;margin-right:7px}.ts3e-metrics{grid-template-columns:1fr}.ts3e-metrics article{min-height:82px;border-right:0;border-bottom:1px solid rgba(178,103,57,.3)}.ts3e-online{grid-template-columns:1fr}.ts3e-online>a{grid-column:1;grid-row:auto}.ts3e-avatars{flex-wrap:wrap}.ts3e-activity{padding:15px}.ts3e-activity>header{align-items:flex-start;flex-direction:column;gap:8px}.ts3e-activity>footer{grid-template-columns:repeat(2,1fr)}.ts3e-activity>footer span:nth-child(2){border-right:0}.ts3e-quick{grid-template-columns:1fr}.ts3e-quick>a{min-height:115px}
}