body:has(.tg-detail) .container{box-sizing:border-box;width:100%;max-width:1450px;padding:28px 26px}
.tg-detail{color:#2d4b63;font-size:13px;line-height:1.65}.tg-detail *{box-sizing:border-box}.tg-detail h1,.tg-detail h2{margin:0;color:#284d6c!important;font-weight:750;line-height:1.35;overflow-wrap:anywhere}.tg-detail h1{font-size:30px}.tg-detail h2{font-size:17px}.tg-detail p{margin:8px 0 0;overflow-wrap:anywhere}
.tg-detail-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;padding:26px;background:linear-gradient(110deg,#d2e2f4,#e5dbed);border:1px solid #a0b6cf;border-left:4px solid #386b9b;border-radius:5px}.tg-detail .tg-detail-eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:750;color:#5b748a;margin:0 0 8px}.tg-detail-number{font-size:15px;color:#527490;font-weight:700;margin-top:6px}
.tg-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tg-detail-badges span{font-size:10px;padding:4px 8px;border:1px solid #a2b9ce;border-radius:3px;background:#e9f0f8;color:#436a89;font-weight:650}.tg-detail-badges .tg-live{background:#d0e3c6;border-color:#9ab58b;color:#426e3c}.tg-detail-badges .tg-idle{background:#e0e6ee;border-color:#aab9c8;color:#586e81}.tg-detail-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tg-detail .tg-detail-button{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#315f89;border:1px solid #284f71;border-radius:4px;text-decoration:none;padding:10px 14px}.tg-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:17px 0 20px}.tg-detail-nav>div{display:flex;gap:20px;flex-wrap:wrap}.tg-detail-nav a{font-size:11px;color:#37648a;text-decoration:none;font-weight:650}.tg-detail-nav a:hover{text-decoration:underline}
.tg-detail .tg-detail-notice{padding:12px 16px;background:#f1dfbd;border:1px solid #caac78;border-radius:4px;color:#7c602d;font-size:12px;margin:0 0 20px}
.tg-detail-cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:17px;margin-bottom:20px}.tg-detail-card{padding:21px;border:1px solid #9fb6ce;border-top:3px solid #5c85ac;border-radius:5px;background:#e0eaf6;min-width:0}.tg-detail-card.tg-owner{background:#e5d8ee;border-color:#b59cc8;border-top-color:#8a65a3}.tg-detail-card.tg-last{background:#dce8d1;border-color:#a3bb8d;border-top-color:#6c8c51}.tg-detail-card strong{display:block;font-size:15px;color:#355b7a;margin-top:13px}.tg-detail-card p{font-size:12px;line-height:1.75;color:#526d82;white-space:normal}.tg-detail-card .tg-detail-muted{font-size:11px;color:#5e7488}
.tg-detail-history{border:1px solid #a4b9cf;border-top:3px solid #ad6551;border-radius:5px;background:#f5f8fc;overflow:hidden}.tg-history-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 21px;background:#e6edf6;border-bottom:1px solid #adbed1}.tg-history-heading p{font-size:10px;color:#617a90;margin:5px 0 0}.tg-history-heading>span{font-size:10px;color:#547089;white-space:nowrap}
.tg-detail-table-wrap{max-width:100%;overflow-x:auto}.tg-detail table{width:100%;min-width:520px;border-collapse:collapse;text-align:left}.tg-detail th{font-size:10px;letter-spacing:.3px;color:#3d6384!important;background:#d4e2f1!important;padding:12px 15px;white-space:nowrap}.tg-detail td{font-size:12px;line-height:1.6;color:#4b677f!important;padding:12px 15px;border-bottom:1px solid #d4e0eb!important}.tg-detail tbody tr:nth-child(even){background:#edf3fa!important}.tg-detail td strong{color:#345d80}.tg-detail .tg-empty-row{padding:25px 20px;color:#637d92!important;text-align:center;font-size:12px}
.tg-detail-empty{padding:30px;background:#e1eaf6;border:1px solid #9db5ce;border-radius:5px}.tg-detail-empty p{margin-bottom:19px}
@media(max-width:900px){.tg-detail-cards{grid-template-columns:1fr 1fr}.tg-detail-card:first-child{grid-column:1/-1}}
@media(max-width:720px){body:has(.tg-detail) .container{padding:22px 15px}.tg-detail-hero{padding:21px 18px;gap:19px}.tg-detail h1{font-size:24px}.tg-detail-actions{gap:8px}.tg-detail-actions .hu-share-player,.tg-detail .tg-detail-button{font-size:11px;padding:9px 12px}.tg-detail-cards{grid-template-columns:minmax(0,1fr);gap:14px}.tg-detail-card{padding:19px}.tg-detail-nav>div{gap:14px}.tg-history-heading{padding:16px}.tg-detail th,.tg-detail td{padding:10px 12px}body:has(.tg-detail) .topbar .nav-links a,body:has(.tg-detail) .topbar .user-area>a,body:has(.tg-detail) .topbar .user-pill{box-sizing:border-box}}
