.tso-conversations-app{max-width:1100px;margin:28px auto;font-family:Arial,Helvetica,sans-serif;color:#1f2a44}.tso-conversations-hero{background:radial-gradient(circle at 85% 15%,rgba(255,215,0,.22),transparent 28%),linear-gradient(135deg,#071d33,#003087);border-radius:22px;padding:34px;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:end;box-shadow:0 14px 38px rgba(7,29,51,.18)}.tso-conversations-hero span{color:#ffd700;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.tso-conversations-hero h1{color:#ffd700;font-size:42px;line-height:1.05;margin:8px 0 10px}.tso-conversations-hero p{max-width:720px;margin:0;line-height:1.65}.tso-conversation-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.tso-conversation-hero-actions a,.tso-conversation-compose button,.tso-conversation-reply-form button{display:inline-block;border:2px solid #ffd700;border-radius:999px;padding:11px 17px;color:#ffd700;text-decoration:none;font-weight:800;white-space:nowrap;background:transparent}.tso-conversation-hero-actions a.primary,.tso-conversation-compose button,.tso-conversation-reply-form button{background:#ffd700;color:#071d33}.tso-conversation-notice{margin:18px 0;padding:14px 17px;border-left:5px solid #ffd700;background:#fff;border-radius:10px;box-shadow:0 5px 18px rgba(7,29,51,.08);font-weight:700}.tso-conversation-toolbar{margin:26px 0 14px;padding:0 4px}.tso-conversation-toolbar strong{display:block;font-size:24px;color:#071d33}.tso-conversation-toolbar span{display:block;margin-top:4px}.tso-conversation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tso-conversation-card,.tso-conversation-empty,.tso-conversation-compose,.tso-conversation-single,.tso-conversation-replies,.tso-conversation-reply-form,.tso-conversation-gate{background:#fff;border:1px solid #dbe3ec;border-radius:18px;padding:23px;box-shadow:0 8px 25px rgba(7,29,51,.07)}.tso-conversation-category{display:inline-block;background:#edf3fa;color:#003087;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.tso-conversation-card h2{font-size:22px;line-height:1.25;margin:14px 0 8px}.tso-conversation-card h2 a{color:#071d33;text-decoration:none}.tso-conversation-card p{line-height:1.55}.tso-conversation-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#637083;border-top:1px solid #e6ebf1;padding-top:13px}.tso-join-conversation{display:inline-block;margin-top:15px;color:#003087;font-weight:800;text-decoration:none}.tso-conversation-empty{grid-column:1/-1;text-align:center;padding:48px}.tso-conversation-empty .shrimp{font-size:46px}.tso-conversation-empty a{font-weight:800;color:#003087}.tso-conversation-compose,.tso-conversation-single{margin-top:24px}.tso-conversation-compose .back,.tso-conversation-single .back{color:#003087;font-weight:800;text-decoration:none}.tso-conversation-compose h2,.tso-conversation-single h2{font-size:31px;color:#071d33;margin:15px 0 6px}.tso-conversation-compose label{display:block;font-weight:800;margin:16px 0}.tso-conversation-compose input,.tso-conversation-compose select,.tso-conversation-compose textarea,.tso-conversation-reply-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #b9c7d7;border-radius:10px;padding:12px;font:inherit;background:#fff}.tso-conversation-compose button,.tso-conversation-reply-form button{border:0;cursor:pointer}.tso-conversation-single header>div{color:#637083}.tso-conversation-opening{font-size:17px;line-height:1.7;margin:24px 0}.tso-conversation-actions{display:flex;gap:10px;border-top:1px solid #e6ebf1;padding-top:15px}.tso-conversation-actions form{margin:0}.tso-conversation-actions button{border:1px solid #c8d3df;background:#f4f7fb;border-radius:999px;padding:8px 13px;cursor:pointer;font-weight:700;color:#1f2a44}.tso-conversation-actions button.report{color:#8c2830}.tso-conversation-replies{margin-top:18px}.tso-conversation-replies h3,.tso-conversation-reply-form h3{margin-top:0;color:#071d33}.tso-conversation-reply{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:18px 0;border-top:1px solid #e6ebf1}.tso-conversation-reply:first-of-type{border-top:0}.tso-conversation-reply .avatar img{border-radius:50%}.tso-conversation-reply header{display:flex;justify-content:space-between;gap:12px}.tso-conversation-reply header span{font-size:12px;color:#637083}.tso-conversation-reply p{margin:8px 0 0;line-height:1.55}.tso-conversation-reply-form,.tso-conversation-gate{margin-top:18px}.tso-empty-replies{color:#637083}.tso-conversation-gate{text-align:center}@media(max-width:760px){.tso-conversations-app{margin:16px 10px}.tso-conversations-hero{padding:25px;display:block}.tso-conversations-hero h1{font-size:34px}.tso-conversation-hero-actions{margin-top:20px}.tso-conversation-grid{grid-template-columns:1fr}.tso-conversation-reply header{display:block}.tso-conversation-reply header span{display:block;margin-top:3px}}

/* v2.3.0 Shrimpie Edition */
.tso-conversations-app{max-width:1280px!important;margin:0 auto!important;padding:24px!important;background:linear-gradient(180deg,#071d33 0%,#02082a 100%);border-radius:22px;color:#fff;box-shadow:0 22px 60px rgba(0,0,0,.32)}
.tso-conversations-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#092a50,#06132d 72%);border:1px solid rgba(255,215,0,.55);padding:34px 320px 34px 34px;min-height:220px;border-radius:22px}
.tso-conversations-hero h1,.tso-conversation-toolbar strong,.tso-conversation-compose h2,.tso-conversation-single h2,.tso-conversation-replies h3,.tso-conversation-reply-form h3{color:#ffd700!important}
.tso-conversations-hero p,.tso-conversation-card p,.tso-conversation-toolbar span,.tso-conversation-single,.tso-conversation-reply{color:#f4f7fb!important}
.tso-conversation-hero-mascot{position:absolute;right:135px;bottom:-30px;width:220px;height:230px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.tso-conversation-hero-mascot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45))}
.tso-conversation-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.tso-conversation-card,.tso-conversation-empty,.tso-conversation-compose,.tso-conversation-single,.tso-conversation-replies,.tso-conversation-reply-form,.tso-conversation-gate{background:linear-gradient(145deg,#0a315b,#040b32)!important;border:1px solid rgba(255,215,0,.48)!important;color:#fff!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.tso-conversation-card h2 a{color:#ffd700!important}.tso-conversation-meta{color:#dbe7ff!important}.tso-conversation-category{background:rgba(255,215,0,.13)!important;border:1px solid rgba(255,215,0,.45)!important;color:#ffd700!important}
.tso-join-conversation,.tso-conversation-compose button,.tso-conversation-reply-form button,.tso-conversation-hero-actions a.primary{background:#ffd700!important;color:#071d33!important;border:1px solid #ffd700!important;font-weight:800!important}
.tso-conversation-hero-actions a{background:#071d33!important;color:#ffd700!important;border:1px solid #ffd700!important}
.tso-conversation-compose input,.tso-conversation-compose textarea,.tso-conversation-compose select,.tso-conversation-reply-form textarea{background:#f7f9fd!important;color:#17233c!important;border:2px solid rgba(255,215,0,.45)!important;border-radius:12px!important}
.tso-conversation-opening,.tso-conversation-reply{background:rgba(255,255,255,.07)!important;border-color:rgba(255,215,0,.2)!important}
.tso-conversation-empty .shrimp img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.tso-shrimpie-warning{display:flex;align-items:center;gap:18px;margin:18px 0;padding:18px 22px;background:linear-gradient(135deg,#3a1700,#681e08);border:1px solid #ffb000;border-radius:18px;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.tso-shrimpie-warning img{width:100px;height:100px;object-fit:contain;flex:0 0 100px}.tso-shrimpie-warning strong{display:block;color:#ffd700;font-size:1.2rem;margin-bottom:5px}.tso-shrimpie-warning p{margin:0;color:#fff}
@media(max-width:900px){.tso-conversations-app{padding:14px!important}.tso-conversations-hero{padding:26px 24px 180px!important}.tso-conversation-hero-mascot{right:20px;bottom:-35px;width:180px;height:190px}.tso-conversation-grid{grid-template-columns:1fr!important}}


/* v2.3.1 readability and border cleanup */
.tso-conversations-app{max-width:1380px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.tso-conversation-compose .back,
.tso-conversation-single .back,
.tso-conversation-empty a{
  color:#ffd700!important;
  text-decoration:none!important;
  font-weight:900!important;
}
.tso-conversation-single header>div,
.tso-conversation-meta,
.tso-conversation-reply header span,
.tso-empty-replies{
  color:#d9e4f5!important;
}
.tso-conversation-single header>div strong{color:#fff!important}
.tso-conversation-opening{color:#fff!important}
.tso-conversation-opening a{color:#ffd700!important}
.tso-conversation-toolbar strong{color:#ffd700!important}
.tso-conversation-toolbar span{color:#d9e4f5!important}

/* v2.3.2 unified Clubhouse navigation, width and contrast */
body.tso-clubhouse-active .tso-conversations-app{
  padding:0 0 28px!important;
  background:linear-gradient(180deg,#071d33 0%,#02082a 100%)!important;
  color:#f4f7fb!important;
}
.tso-conversation-nav{margin:0 0 20px!important}
.tso-conversations-app,
.tso-conversations-app p,
.tso-conversations-app li,
.tso-conversations-app span,
.tso-conversations-app div{color:#f4f7fb}
.tso-conversations-app h1,
.tso-conversations-app h2,
.tso-conversations-app h3,
.tso-conversations-app h4{color:#ffd700!important}
.tso-conversations-app a{color:#ffd700!important}
.tso-conversations-app input,
.tso-conversations-app textarea,
.tso-conversations-app select,
.tso-conversations-app option{background:#fff!important;color:#071d33!important}
.tso-conversation-empty h2,
.tso-conversation-empty a,
.tso-conversation-single .back,
.tso-conversation-compose .back{color:#ffd700!important}
.tso-conversation-empty p,
.tso-conversation-opening,
.tso-conversation-opening p,
.tso-conversation-reply p,
.tso-conversation-single header>div,
.tso-conversation-meta{color:#f4f7fb!important}
.tso-conversation-toolbar strong{color:#ffd700!important}
.tso-conversation-toolbar span{color:#d9e4f5!important}
.tso-conversation-hero-actions a.primary,
.tso-conversation-compose button,
.tso-conversation-reply-form button,
.tso-join-conversation{color:#071d33!important}

/* v2.4.5 — canonical design for the complete Conversations section.
   Matchday Hub and every normal conversation now share this visual language. */
:root{
 --tso-conversation-navy:#071d33;
 --tso-conversation-blue:#002366;
 --tso-conversation-blue-bright:#003087;
 --tso-conversation-gold:#ffd700;
 --tso-conversation-light:#f4f7fb;
 --tso-conversation-muted:#d9e4f5;
 --tso-conversation-border:rgba(255,215,0,.42);
 --tso-conversation-panel:linear-gradient(145deg,#0a315b,#040b32);
}
body.tso-clubhouse-active .tso-conversations-app{
 width:100%!important;
 max-width:1180px!important;
 margin:0 auto!important;
 padding:0 24px 34px!important;
 background:transparent!important;
 font-family:Arial,Helvetica,sans-serif!important;
 color:var(--tso-conversation-light)!important;
}
.tso-conversations-hero{
 background:radial-gradient(circle at 84% 22%,rgba(255,215,0,.18),transparent 32%),linear-gradient(135deg,var(--tso-conversation-navy),var(--tso-conversation-blue) 65%,#050033)!important;
 border:1px solid var(--tso-conversation-border)!important;
 border-radius:22px!important;
 box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
}
.tso-conversation-card,.tso-conversation-empty,.tso-conversation-compose,.tso-conversation-single,.tso-conversation-replies,.tso-conversation-reply-form,.tso-conversation-gate{
 background:var(--tso-conversation-panel)!important;
 border:1px solid var(--tso-conversation-border)!important;
 border-radius:20px!important;
 color:#fff!important;
 box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
}
/* Gold chips, category pills and primary controls always use dark navy text. */
.tso-conversation-category,
.tso-conversation-hero-actions a.primary,
.tso-conversation-compose button,
.tso-conversation-reply-form button,
.tso-join-conversation,
.tso-conversations-app .tso-gold-pill,
.tso-conversations-app .tso-status-pill{
 background:var(--tso-conversation-gold)!important;
 color:var(--tso-conversation-navy)!important;
 border-color:var(--tso-conversation-gold)!important;
 font-weight:900!important;
}
.tso-conversation-category{border-radius:999px!important;padding:6px 11px!important}
.tso-conversation-hero-actions a:not(.primary){background:var(--tso-conversation-navy)!important;color:var(--tso-conversation-gold)!important;border-color:var(--tso-conversation-gold)!important}
.tso-conversations-app h1,.tso-conversations-app h2,.tso-conversations-app h3,.tso-conversations-app h4,.tso-conversation-card h2 a{color:var(--tso-conversation-gold)!important}
.tso-conversations-app p,.tso-conversations-app li,.tso-conversation-meta,.tso-conversation-reply header span,.tso-conversation-single header>div,.tso-empty-replies{color:var(--tso-conversation-muted)!important}
.tso-conversation-opening,.tso-conversation-opening p,.tso-conversation-reply p{color:#fff!important}
.tso-conversations-app input,.tso-conversations-app textarea,.tso-conversations-app select,.tso-conversations-app option{background:#fff!important;color:var(--tso-conversation-navy)!important;border:2px solid rgba(255,215,0,.45)!important}
@media(max-width:760px){body.tso-clubhouse-active .tso-conversations-app{padding:0 12px 24px!important}}

/* v4.8.0 live beta notice */
.tso-clubhouse-beta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:14px 18px;border:1px solid rgba(255,215,0,.55);border-radius:16px;background:linear-gradient(135deg,rgba(255,215,0,.14),rgba(0,35,102,.82));color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.tso-clubhouse-beta div{display:grid;gap:3px}.tso-clubhouse-beta strong{color:#ffd700;font-size:1rem}.tso-clubhouse-beta span{line-height:1.45}.tso-clubhouse-beta a{flex:0 0 auto;display:inline-block;padding:10px 15px;border-radius:999px;background:#ffd700;color:#002366!important;text-decoration:none!important;font-weight:900}.tso-clubhouse-beta a:hover{background:#fff}
@media(max-width:700px){.tso-clubhouse-beta{align-items:flex-start;flex-direction:column}.tso-clubhouse-beta a{width:100%;text-align:center}}


/* v4.8.1 accessible gold controls */
.tso-conversations-page :is(button,input[type=submit],.button,.tso-conversation-button,.tso-conversation-card .tso-card-actions a){color:#002366!important}
.tso-conversations-page :is(button,input[type=submit],.button,.tso-conversation-button,.tso-conversation-card .tso-card-actions a) :is(span,strong,b){color:#002366!important}


/* v5.0.0 launch candidate: conversation action pills */
.tso-conversations-app .tso-join-conversation,
.tso-conversations-app .tso-conversation-card .tso-card-actions a,
.tso-conversations-app .tso-conversation-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:150px!important;
  min-height:40px!important;
  padding:9px 16px!important;
  border:1px solid var(--tso-conversation-gold)!important;
  border-radius:999px!important;
  background:var(--tso-conversation-navy)!important;
  color:var(--tso-conversation-gold)!important;
  text-decoration:none!important;
  font-weight:900!important;
}
.tso-conversations-app .tso-join-conversation :is(span,strong,b),
.tso-conversations-app .tso-conversation-card .tso-card-actions a :is(span,strong,b),
.tso-conversations-app .tso-conversation-button :is(span,strong,b){color:var(--tso-conversation-gold)!important}
.tso-conversations-app .tso-join-conversation:hover,
.tso-conversations-app .tso-conversation-card .tso-card-actions a:hover,
.tso-conversations-app .tso-conversation-button:hover{background:var(--tso-conversation-gold)!important;color:var(--tso-conversation-navy)!important}
