/* ClutchHub v156 — final reference-page layouts, loaded last. */
:root {
  --ch156-ink:#0f1e39;
  --ch156-copy:#5f718b;
  --ch156-orange:#ff4d14;
  --ch156-orange-dark:#e83e08;
  --ch156-line:#ccdae8;
  --ch156-soft:#e2eaf2;
  --ch156-shadow:0 8px 24px rgb(23 48 78 / 8%);
}

body {
  background:
    linear-gradient(rgb(205 220 235 / 13%) 1px,transparent 1px),
    linear-gradient(90deg,rgb(205 220 235 / 13%) 1px,transparent 1px),
    #fff !important;
  background-size:48px 48px,48px 48px,auto !important;
}

:is(.lfg-match-page,.games-v2,.teams-page,.clips-page,.chat-page,.news-page,.profile-command-page,.premium-page,.management-console) {
  width:min(1650px,calc(100% - 24px)) !important;
  max-width:1650px !important;
  margin:14px auto 44px !important;
}

:is(.lfg-match-hero,.games-v2-hero,.teams-d1-hero,.teams-hero,.clips-hero,.page-hero-chat,.news-radar-header,.profile-command-hero,.premium-hero,.management-console-hero) {
  border:1px solid var(--ch156-line) !important;
  border-radius:0 !important;
  clip-path:polygon(18px 0,36% 0,calc(36% + 15px) 13px,calc(100% - 19px) 13px,100% 32px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px) !important;
  box-shadow:var(--ch156-shadow) !important;
}

.lfg-match-hero { background:linear-gradient(90deg,#fff 0 37%,rgb(255 255 255 / 78%) 58%,rgb(255 255 255 / 10%) 84%),url("/assets/page-heroes/lfg-match-hero-v2.png") 68% 44%/cover no-repeat !important; }
.games-v2-hero { background:linear-gradient(90deg,#fff 0 37%,rgb(255 255 255 / 76%) 59%,rgb(255 255 255 / 10%) 84%),url("/assets/page-heroes/games-editorial-head-v1.png") 68% 46%/cover no-repeat !important; }
.teams-d1-hero,.teams-hero { background:linear-gradient(90deg,#fff 0 38%,rgb(255 255 255 / 76%) 60%,rgb(255 255 255 / 10%) 85%),url("/assets/page-heroes/teams-editorial-head-v1.png") 68% 46%/cover no-repeat !important; }
.clips-hero { background:linear-gradient(90deg,#fff 0 38%,rgb(255 255 255 / 74%) 60%,rgb(255 255 255 / 8%) 85%),url("/assets/page-heroes/clips-editorial-head-v1.png") 68% 46%/cover no-repeat !important; }
.page-hero-chat { background:linear-gradient(90deg,#fff 0 38%,rgb(255 255 255 / 74%) 60%,rgb(255 255 255 / 8%) 85%),url("/assets/page-heroes/chat-editorial-head-v1.png") 68% 46%/cover no-repeat !important; }
.news-radar-header { background:linear-gradient(90deg,#fff 0 39%,rgb(255 255 255 / 73%) 61%,rgb(255 255 255 / 8%) 85%),url("/assets/page-heroes/news-editorial-head-v1.png") 68% 46%/cover no-repeat !important; }
.profile-command-hero { background:linear-gradient(90deg,#fff 0 35%,rgb(255 255 255 / 65%) 67%,rgb(255 255 255 / 10%)),var(--profile-cover-image,url("/assets/page-heroes/profile-editorial-head-v1.png")) center/cover no-repeat !important; }
.premium-hero { background:linear-gradient(90deg,#fff 0 40%,rgb(255 255 255 / 72%) 64%,rgb(255 255 255 / 8%) 86%),url("/assets/page-heroes/premium-editorial-head-v1.png") 68% 46%/cover no-repeat !important; }
.management-console-hero { background:linear-gradient(90deg,#fff 0 48%,rgb(255 255 255 / 70%) 74%,rgb(255 255 255 / 12%)),url("/assets/clutchhub-hero-light.webp") 76% 42%/cover no-repeat !important; }

:is(.lfg-match-hero,.games-v2-hero,.teams-d1-hero,.teams-hero,.clips-hero,.page-hero-chat,.news-radar-header,.profile-command-hero,.premium-hero,.management-console-hero) h1 {
  color:var(--ch156-ink) !important;
  letter-spacing:-.03em !important;
}
:is(.lfg-match-hero,.games-v2-hero,.teams-d1-hero,.teams-hero,.clips-hero,.page-hero-chat,.news-radar-header,.profile-command-hero,.premium-hero,.management-console-hero) p { color:var(--ch156-copy) !important; }

:is(.filter-panel,.lfg-results,.games-v2-toolbar,.games-v2-library,.teams-d1-filters,.teams-d1-main,.teams-d1-new,.clips-d2-player,.clips-d2-comments,.clips-d2-next,.community-chat-shell,.news-radar-sidebar,.news-radar-feed,.news-radar-aside,.profile-command-card,.profile-inbox,.premium-command-center,.premium-theme-center,.management-tabs,.management-card,.management-permission-strip) {
  border:1px solid var(--ch156-line) !important;
  border-radius:0 !important;
  clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px) !important;
  background-color:rgb(255 255 255 / 97%) !important;
  box-shadow:var(--ch156-shadow) !important;
}

/* LFG */
.lfg-match-page > .lfg-match-hero,.lfg-match-page > .lfg-profile-strip,.lfg-match-page > .lfg-match-shell { display:none !important; }
.lfg-match-page > .page-heading,.lfg-match-page > .lfg-layout { display:grid !important; }
.lfg-match-page > .page-hero-lfg {
  min-height:145px !important;
  padding:26px 38px !important;
  border:1px solid var(--ch156-line) !important;
  border-radius:0 !important;
  clip-path:polygon(18px 0,36% 0,calc(36% + 15px) 13px,calc(100% - 19px) 13px,100% 32px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px) !important;
  background:linear-gradient(90deg,#fff 0 38%,rgb(255 255 255 / 76%) 60%,rgb(255 255 255 / 8%) 85%),url("/assets/page-heroes/lfg-editorial-head-v1.png") 68% 46%/cover no-repeat !important;
}
.lfg-match-page > .lfg-layout { grid-template-columns:315px minmax(0,1fr) !important; gap:17px !important; }
.lfg-match-page .filter-panel { padding:18px !important; gap:11px !important; position:sticky !important; top:96px !important; }
.lfg-match-page .filter-panel select,.lfg-match-page .filter-search,.lfg-match-page .filter-mic {
  min-height:42px !important;
  border:1px solid var(--ch156-soft) !important;
  border-radius:7px 2px !important;
  background:#fff !important;
}
.lfg-results { padding:17px !important; }
.functional-lfg-list { gap:8px !important; padding-top:12px !important; }
.functional-lfg-card {
  min-height:102px !important;
  grid-template-columns:58px minmax(0,1fr) 135px !important;
  gap:13px !important;
  padding:12px 14px !important;
  border:1px solid var(--ch156-soft) !important;
  border-radius:8px 2px !important;
  background:#fff !important;
  box-shadow:0 4px 14px rgb(23 48 78 / 5%) !important;
}
.functional-lfg-card:hover { border-color:#ff9f78 !important; transform:translateX(2px); }
.functional-game-mark { width:56px !important; height:56px !important; border-radius:8px 2px !important; }
.functional-lfg-action { grid-column:auto !important; width:100% !important; }
.functional-lfg-action > button { border-radius:7px 2px !important; border-color:var(--ch156-orange) !important; }
.listing-tags > span { border-radius:6px 2px !important; }

/* Games */
.games-v2 {
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:start !important;
}
.games-v2-hero { grid-column:1/-1 !important; min-height:145px !important; padding:25px 38px !important; }
.games-v2-hero-covers { display:none !important; }
.games-v2-toolbar {
  grid-column:1 !important;
  grid-row:2 !important;
  min-height:640px !important;
  padding:20px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:12px !important;
}
.games-v2-platforms,.games-v2-categories {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  overflow:visible !important;
}
.games-v2-toolbar button { min-height:40px !important; border:1px solid var(--ch156-line) !important; border-radius:7px 2px !important; }
.games-v2-toolbar button.active { color:var(--ch156-orange-dark) !important; border-color:var(--ch156-orange) !important; background:#fff4ee !important; }
.games-v2-toolbar > span { margin-top:auto !important; }
.games-v2-library { grid-column:2 !important; grid-row:2 !important; padding:14px !important; }
.games-v2-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:13px !important; }
.games-v2-card { grid-template-rows:132px auto auto !important; border:1px solid var(--ch156-line) !important; border-radius:8px 2px !important; }
.games-v2-card-art > img { object-fit:cover !important; object-position:center !important; padding:0 !important; }
.games-v2-card-action { min-height:38px !important; margin:0 9px 9px !important; border:1px solid var(--ch156-orange) !important; border-radius:6px 2px !important; }

/* Teams */
.teams-d1-hero,.teams-hero { min-height:145px !important; padding:25px 38px !important; }
.teams-d1-shell { grid-template-columns:295px minmax(0,1fr) !important; gap:17px !important; }
.teams-d1-filters { padding:18px !important; position:sticky !important; top:96px !important; }
.teams-d1-grid,.teams-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:11px !important; }
.teams-d1-card,.team-card {
  min-height:180px !important;
  border:1px solid var(--ch156-line) !important;
  border-radius:8px 2px !important;
  background:#fff !important;
  box-shadow:0 4px 14px rgb(23 48 78 / 5%) !important;
}
.teams-d1-card:hover,.team-card:hover { border-color:#ff9f78 !important; transform:translateY(-2px); }
.teams-d1-emblem,.team-emblem,.team-hub-link { border-radius:7px 2px !important; }

/* Clips */
.clips-hero { min-height:145px !important; padding:25px 38px !important; }
.clips-d2-reference-layout { grid-template-columns:minmax(0,1fr) 390px !important; gap:15px !important; }
.clips-d2-discovery,.clips-d2-details { display:none !important; }
.clips-d2-center-column { grid-column:1 !important; min-width:0 !important; }
.clips-d2-right-column { grid-column:2 !important; min-width:0 !important; }
.clips-d2-center-column > .clips-d2-player { grid-template-rows:min(38vw,495px) 64px !important; padding:10px !important; }
.clips-d2-center-column .clips-d2-media { height:min(38vw,495px) !important; }
.clips-d2-right-column > .clips-d2-next { min-height:520px !important; padding:14px !important; }
.clips-d2-right-column .clips-d2-next > button { min-height:78px !important; border-radius:7px 2px !important; }
.clips-d2-comments { min-height:240px !important; height:auto !important; max-height:none !important; }

/* Chat */
.chat-page > .chat-game-switcher { display:none !important; }
.chat-page > .page-hero-chat { min-height:112px !important; padding:22px 36px !important; margin-bottom:14px !important; }
.chat-page .community-chat-shell.chat-shell {
  grid-template-columns:310px minmax(0,1fr) 300px !important;
  min-height:650px !important;
  gap:0 !important;
}
.chat-channel-panel,.chat-members-panel { padding:14px 12px !important; background:linear-gradient(180deg,#fff,#f8fafc) !important; }
.chat-conversation { border-inline:1px solid #dce6f0 !important; }
.chat-conversation-header { min-height:60px !important; }
.chat-message-list { min-height:465px !important; max-height:525px !important; padding:16px 18px !important; background:#fff !important; }
.chat-game-room-banner { display:none !important; }
.chat-message { padding-block:7px !important; }
.chat-message-body > p { margin-top:3px !important; background:transparent !important; border-color:transparent !important; }
.chat-composer { min-height:50px !important; border-radius:7px 2px !important; }
.chat-send-button { min-width:120px !important; border-radius:6px 2px !important; }
.chat-members-panel::before { content:"ÜYELER"; display:block; padding:4px 4px 12px; color:var(--ch156-ink); font-size:12px; font-weight:950; }

/* News */
.news-radar-header { min-height:112px !important; padding:22px 36px !important; }
.news-radar-layout { grid-template-columns:minmax(0,1fr) 365px !important; gap:15px !important; align-items:start !important; }
.news-radar-sidebar { grid-column:1/-1 !important; padding:10px !important; }
.news-radar-feed { grid-column:1 !important; padding:14px !important; }
.news-radar-aside { grid-column:2 !important; padding:14px !important; }
.news-timeline { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:11px !important; }
.news-timeline-card { border:1px solid var(--ch156-line) !important; border-radius:8px 2px !important; overflow:hidden !important; }
.news-timeline-card:first-child { grid-column:span 2 !important; }
.news-timeline-card:hover { border-color:#ff9f78 !important; transform:translateY(-2px); }

/* Profile and private messages */
.profile-command-page:has(.profile-inbox) {
  display:grid !important;
  grid-template-columns:minmax(0,1.72fr) minmax(430px,.95fr) !important;
  gap:14px !important;
  align-items:start !important;
}
.profile-command-page:has(.profile-inbox) > .profile-command-hero { grid-column:1 !important; grid-row:1 !important; min-height:205px !important; padding:18px 22px !important; }
.profile-command-page:has(.profile-inbox) > .profile-inbox {
  grid-column:2 !important;
  grid-row:1/span 5 !important;
  min-height:720px !important;
  max-height:820px !important;
  position:sticky !important;
  top:96px !important;
}
.profile-command-page:has(.profile-inbox) > .profile-command-grid { grid-column:1 !important; grid-row:2 !important; }
.profile-command-avatar-shell { width:116px !important; height:116px !important; }
.profile-command-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:11px !important; }
.profile-command-card,.profile-inbox-list > button { border:1px solid var(--ch156-soft) !important; border-radius:7px 2px !important; }
.profile-inbox-list > button.active { border-color:var(--ch156-orange) !important; background:#fff4ee !important; }

/* Premium */
.premium-page {
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(310px,.9fr) minmax(290px,.8fr) !important;
  gap:15px !important;
  align-items:start !important;
}
.premium-page > .premium-hero { grid-column:1/-1 !important; min-height:160px !important; }
.premium-page > .premium-command-center { grid-column:1 !important; grid-row:2 !important; min-height:560px !important; }
.premium-page > .premium-theme-center { grid-column:2 !important; grid-row:2 !important; min-height:560px !important; border-color:#dbb44e !important; }
.premium-page > .premium-feature-grid {
  grid-column:3 !important;
  grid-row:2 !important;
  min-height:560px !important;
  max-height:560px !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  padding:14px !important;
  overflow:auto !important;
  border:1px solid var(--ch156-line) !important;
  background:#fff !important;
}
.premium-feature-grid > article { min-height:78px !important; border-radius:7px 2px !important; clip-path:none !important; }
.premium-page > .verified-team-note { grid-column:1/-1 !important; }
.premium-cta:disabled { color:#77869a !important; background:#edf1f5 !important; border-color:#ccd8e3 !important; box-shadow:none !important; }

/* Management */
.management-console {
  display:grid !important;
  grid-template-columns:225px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
}
.management-console > :not(.management-tabs) { grid-column:2 !important; }
.management-console > .management-tabs {
  grid-column:1 !important;
  grid-row:1/span 30 !important;
  min-height:810px !important;
  padding:18px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:5px !important;
  position:sticky !important;
  top:96px !important;
}
.management-console > .management-tabs::before { content:"YÖNETİM MENÜSÜ"; padding:9px 11px 15px; color:#475b77; font-size:9px; font-weight:950; letter-spacing:.06em; }
.management-console .management-tabs button { width:100% !important; min-height:48px !important; padding:0 13px !important; justify-content:flex-start !important; border-radius:7px 2px !important; }
.management-console .management-tabs button.active { color:var(--ch156-orange-dark) !important; border-color:#ff9d75 !important; background:linear-gradient(90deg,#fff2eb,#fff) !important; box-shadow:inset 3px 0 var(--ch156-orange) !important; }
.management-console > .management-console-hero { min-height:96px !important; }
.management-console .management-stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:11px !important; }
.management-console .management-overview-grid { grid-template-columns:1.15fr 1.7fr .9fr !important; gap:13px !important; }
.management-stat-grid > article,.management-quick-actions button,.management-user-list article,.management-report-list article { border:1px solid var(--ch156-soft) !important; border-radius:7px 2px !important; }

@media (width <= 1250px) {
  .games-v2-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .premium-page { grid-template-columns:1fr 1fr !important; }
  .premium-page > .premium-feature-grid { grid-column:1/-1 !important; grid-row:3 !important; max-height:none !important; }
  .management-console .management-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .chat-page .community-chat-shell.chat-shell { grid-template-columns:270px minmax(0,1fr) !important; }
  .chat-page .chat-members-panel { display:none !important; }
  .profile-command-page:has(.profile-inbox) { grid-template-columns:minmax(0,1fr) 390px !important; }
}

@media (width <= 900px) {
  :is(.lfg-match-page,.games-v2,.teams-page,.clips-page,.chat-page,.news-page,.profile-command-page,.premium-page,.management-console) { width:calc(100% - 14px) !important; }
  .lfg-match-page > .lfg-layout,.games-v2,.teams-d1-shell,.premium-page,.management-console,.profile-command-page:has(.profile-inbox) { grid-template-columns:1fr !important; }
  .games-v2-hero,.games-v2-toolbar,.games-v2-library { grid-column:1 !important; grid-row:auto !important; }
  .games-v2-toolbar { min-height:0 !important; }
  .games-v2-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .teams-d1-filters,.lfg-match-page .filter-panel { position:static !important; }
  .clips-d2-reference-layout,.news-radar-layout { grid-template-columns:1fr !important; }
  .clips-d2-right-column,.news-radar-feed,.news-radar-aside { grid-column:1 !important; }
  .news-timeline { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .premium-page > *,.management-console > :not(.management-tabs),.profile-command-page:has(.profile-inbox) > * { grid-column:1 !important; grid-row:auto !important; }
  .management-console > .management-tabs { grid-column:1 !important; grid-row:auto !important; min-height:0 !important; position:static !important; flex-direction:row !important; overflow-x:auto !important; }
  .management-console > .management-tabs::before { display:none !important; }
  .profile-command-page:has(.profile-inbox) > .profile-inbox { position:static !important; max-height:none !important; }
}

@media (width <= 560px) {
  .games-v2-grid,.teams-d1-grid,.teams-grid,.news-timeline,.profile-command-grid,.management-console .management-stat-grid,.management-console .management-overview-grid { grid-template-columns:1fr !important; }
  .news-timeline-card:first-child { grid-column:auto !important; }
  .functional-lfg-card { grid-template-columns:44px minmax(0,1fr) !important; }
  .functional-lfg-action { grid-column:1/-1 !important; }
}