/* Directory presentation only; search, live polling and audio controls are unchanged. */
.container:has(>.tg-shell){box-sizing:border-box;width:100%;max-width:1510px;padding:0}
.container>.tg-shell{box-sizing:border-box;max-width:1450px;margin:auto;padding:28px 26px;color:#243e55;line-height:1.5}
.tg-shell *{box-sizing:border-box}
.tg-shell .hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:5px!important;margin-bottom:24px;box-shadow:none!important}
.tg-shell .hero-left{align-items:center;justify-content:space-between;flex:1;gap:20px}
.tg-shell .eyebrow{color:#4b6680;opacity:1;font-size:10px;letter-spacing:1.6px;font-weight:750;margin-bottom:5px}
.tg-shell .hero h1{font-size:32px;line-height:1.2;font-weight:750;color:#193b5c!important}
.tg-shell .hero .subline{font-size:13px;color:#4e6377!important;margin-top:7px;opacity:1}
.tg-shell .count-pill{padding:9px 13px;background:#254a6e;color:#fff;border:1px solid #597b9c;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap}
.tg-shell .search-inline{width:100%;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #a7b9cc;margin-top:0}
.tg-shell .search-inline input{flex:1;min-width:180px;max-width:100%;font-size:13px;padding:12px 14px;border-color:#8ba3bd!important;border-radius:4px!important;height:43px}
.tg-shell .search-inline button,.tg-shell .search-inline .clear-btn{font-family:inherit;font-size:12px;font-weight:700;padding:11px 17px;min-height:43px;line-height:19px;border-radius:4px!important;box-shadow:none!important}
.tg-shell .search-inline button[type=submit]{background:#2b5d91!important;border-color:#254f7a!important}
.tg-shell .search-inline .filter-btn{background:#d2e4ca!important;border:1px solid #8da97e!important;color:#345c30!important}
.tg-shell .search-inline .filter-btn.active{background:#34633d!important;border-color:#284f30!important;color:#fff!important}
.tg-shell .search-inline .clear-btn{background:#e2e8ef;color:#344e66;border:1px solid #9eafc1;text-decoration:none}
.tg-shell .tg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;align-items:stretch}
.tg-shell .tg-grid .tg-card{--tg-accent:#315f91;--tg-wash:#dbe7f6;display:flex;flex-direction:column;min-width:0;padding:21px 22px 17px;border:1px solid #a2b5ca!important;border-top:4px solid var(--tg-accent)!important;border-left:1px solid #a2b5ca!important;border-radius:5px!important;box-shadow:0 2px 5px #18334c0a!important;background:var(--tg-wash)!important;transition:border-color .15s,box-shadow .15s;transform:none!important}
.tg-shell .tg-grid .tg-card:nth-child(4n+1){--tg-accent:#315f91;--tg-wash:#dbe7f6}
.tg-shell .tg-grid .tg-card:nth-child(4n+2){--tg-accent:#aa4e40;--tg-wash:#f1dcd4}
.tg-shell .tg-grid .tg-card:nth-child(4n+3){--tg-accent:#52733d;--tg-wash:#dce7cf}
.tg-shell .tg-grid .tg-card:nth-child(4n+4){--tg-accent:#795391;--tg-wash:#e5d8ee}
.tg-shell .tg-grid .tg-card:hover{box-shadow:0 3px 10px #18334c18!important;border-color:var(--tg-accent)!important}
.tg-shell .topline{gap:12px;margin-bottom:13px;align-items:center}
.tg-shell .tg-id{color:var(--tg-accent);font-size:12px;letter-spacing:.4px;font-weight:750}
.tg-shell .status{border-radius:3px;font-size:9px;font-weight:750;letter-spacing:.5px;padding:5px 8px;white-space:nowrap;animation:none}
.tg-shell .status.approved{color:#fff;background:#356844;border:1px solid #285336}
.tg-shell .status.pending{color:#4e5d69;background:#f5f7f9;border:1px solid #aab7c2}
.tg-shell .tg-name{font-size:21px;font-weight:750;line-height:1.3;color:#203f5b!important;overflow-wrap:anywhere;margin:0 0 9px}
.tg-shell .tg-desc{font-size:12px;color:#4d6070!important;line-height:1.7;opacity:1;overflow-wrap:anywhere;min-height:42px;margin-bottom:18px}
.tg-shell .owner-box{display:flex;align-items:center;gap:10px;margin-top:auto;margin-bottom:15px;padding:13px 12px;border-radius:4px;background:#ffffffb8;border:1px solid #ffffffd9}
.tg-shell .owner-avatar{width:33px;height:33px;flex-shrink:0;border-radius:4px;background:#e1e8ed;border:1px solid #c0ccd6;font-size:12px}
.tg-shell .owner-grow{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;align-items:center}
.tg-shell .owner-label{font-size:9px;font-weight:750;letter-spacing:.5px;opacity:1;color:#526477}
.tg-shell .owner-name{font-size:11px;font-weight:650;line-height:1.4;color:#2d4c65;margin:0;grid-column:1;overflow-wrap:anywhere}
.tg-shell .listen-btn{grid-column:2;grid-row:1/3;font-family:inherit;font-size:11px;font-weight:700;white-space:nowrap;padding:9px 11px;min-height:35px;background:#2d597f!important;border:1px solid #244866!important;border-radius:4px!important;color:#fff!important;box-shadow:none!important;cursor:pointer}
.tg-shell .meta{gap:12px;padding-top:13px;border-top:1px solid #a3b3c180;font-size:12px;color:#2f4b63!important}
.tg-shell .meta span{font-size:9px;letter-spacing:.6px;color:#526577;opacity:1;margin-bottom:3px}
.tg-shell .meta b{font-size:12px;font-weight:700;overflow-wrap:anywhere}
.tg-shell .meta>div:last-child{text-align:right}
.tg-shell .empty-card{background:#dce6f2;border:1px dashed #8ba3bd;color:#354f67;padding:36px 22px;border-radius:4px;font-size:14px}
.tg-shell .player-modal{background:#11243ac9;backdrop-filter:blur(3px);padding:20px;overflow-y:auto}
.tg-shell .player-box{width:100%;max-width:530px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px;background:#f6f8fb;border:1px solid #9aafc5;border-top:5px solid #315f91;border-radius:5px;box-shadow:0 15px 50px #07172c55;color:#294359}
.tg-shell .player-header{gap:15px;margin-bottom:20px}
.tg-shell .player-header h2{font-size:23px;font-weight:750;line-height:1.3;color:#203f5e!important}
.tg-shell .player-tgid{font-size:12px;color:#4d6580;opacity:1;margin-top:5px}
.tg-shell .player-close{flex-shrink:0;opacity:1;line-height:1;padding:8px 10px;background:#efe0da!important;color:#8a3e33!important;border:1px solid #bc9386!important;font-size:17px;border-radius:4px!important;cursor:pointer}
.tg-shell .player-controls{gap:9px;margin-bottom:17px}
.tg-shell .player-btn{font-family:inherit;border-radius:4px!important;font-size:12px;font-weight:700;min-width:90px;padding:12px}
.tg-shell .join-btn{background:#346c46!important;border-color:#2c5d3b!important}.tg-shell .leave-btn{background:#a3443c!important;border-color:#8f3933!important}.tg-shell .mute-btn{background:#345a7d!important;border-color:#2c4b67!important}
.tg-shell .player-status{background:#dce7f3;border:1px solid #a3b7cd;border-radius:4px;padding:13px;gap:20px}
.tg-shell .status-item{font-size:12px;gap:10px}.tg-shell .status-item span:first-child{opacity:1;color:#4e657c}.tg-shell .status-value{color:#254e77;font-weight:750}
.tg-shell .player-log{background:#182d44;color:#d7e5f6;border:1px solid #3b5875;border-radius:4px;padding:13px;font-size:11px;line-height:1.6}
.tg-shell .vol-row{font-size:12px;color:#34516d}.tg-shell input[type=range]{accent-color:#315f91;background:transparent!important;border:0!important;min-width:0}
@media(max-width:720px){.container>.tg-shell{padding:22px 15px}.tg-shell .hero{padding:21px 19px;gap:20px}.tg-shell .hero h1{font-size:28px}.tg-shell .hero-left{gap:14px}.tg-shell .hero .subline{font-size:12px}.tg-shell .count-pill{padding:7px 10px;font-size:10px}.tg-shell .search-inline{gap:9px;padding-top:16px}.tg-shell .search-inline input{flex-basis:100%;min-width:0}.tg-shell .search-inline button,.tg-shell .search-inline .clear-btn{font-size:11px;padding:10px 13px;flex:1}.tg-shell .tg-grid{grid-template-columns:1fr;gap:15px}.tg-shell .tg-grid .tg-card{padding:19px}.tg-shell .tg-name{font-size:20px}.tg-shell .player-modal{padding:14px}.tg-shell .player-box{padding:20px 17px;max-height:calc(100dvh - 28px)}.tg-shell .player-header h2{font-size:21px}body:has(.tg-shell) .topbar .nav-links a,body:has(.tg-shell) .topbar .user-area>a,body:has(.tg-shell) .topbar .user-pill{box-sizing:border-box}}
.tg-shell .tg-listen-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center;margin-top:7px}.tg-shell .tg-listen-actions .listen-btn{flex:1}.tg-shell .tg-listen-actions .hu-share-player{font-size:11px;padding:8px 11px;min-height:35px}