/* Cali Lambdas Tournament Manager — portal */
.clt-root {
  --clt-brown: #512D1E;
  --clt-brown-2: #522e1f;
  --clt-ink: #442f28;
  --clt-tan: #ddc0a2;
  --clt-cream: #fffcf8;
  --clt-bg: #f7f1ea;
  --clt-line: #ecdfd1;
  --clt-muted: #8a7466;
  --clt-ok: #2f7a4b;
  --clt-ok-bg: #e6f3eb;
  --clt-warn: #9a6512;
  --clt-warn-bg: #fdf1d6;
  --clt-bad: #a2332a;
  --clt-bad-bg: #fbe6e3;
  --clt-radius: 14px;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--clt-ink);
  font-size: 15px;
  line-height: 1.5;
  container-type: inline-size;
  container-name: clt;
}
.clt-root *, .clt-root *::before, .clt-root *::after { box-sizing: border-box; }
.clt-root h1, .clt-root h2, .clt-root h3 { font-family: inherit; color: var(--clt-ink); letter-spacing: 0; text-transform: none; margin: 0; line-height: 1.25; }
.clt-root h1 { font-size: 26px; font-weight: 600; }
.clt-root h2 { font-size: 19px; font-weight: 600; }
.clt-root h3 { font-size: 16px; font-weight: 600; margin-bottom: 12px; }
.clt-root a { color: var(--clt-brown); text-decoration: none; }
.clt-root a:hover { text-decoration: underline; }
.clt-root p { margin: 0 0 10px; }
.clt-root ul { margin: 0; padding: 0; list-style: none; }
.clt-muted { color: var(--clt-muted); font-weight: 400; }
.clt-small { font-size: 13px; }
.clt-right { text-align: right; }
.clt-nowrap { white-space: nowrap; }
.clt-warn { color: var(--clt-warn); font-weight: 600; }
.clt-danger-text, .clt-root .clt-danger-text { color: var(--clt-bad) !important; }
.clt-ico { width: 18px; height: 18px; flex: none; }

/* Layout */
.clt-portal { display: grid; grid-template-columns: 250px minmax(0, 1fr); background: var(--clt-bg); border-radius: 18px; overflow: hidden; border: 1px solid var(--clt-line); min-height: 640px; }
.clt-side { background: #fff; border-right: 1px solid var(--clt-line); }
.clt-side-user { display: flex; align-items: center; gap: 12px; padding: 20px 18px; border-bottom: 1px solid var(--clt-line); }
.clt-side-user img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.clt-side-user strong { display: block; font-size: 14px; }
.clt-side-user span { display: block; font-size: 12px; color: var(--clt-muted); }
.clt-menu-toggle { display: none; margin-left: auto; background: none; border: 0; color: var(--clt-ink); padding: 6px; cursor: pointer; }
.clt-nav { padding: 14px 0; }
.clt-nav-label { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--clt-muted); padding: 6px 20px 8px; }
.clt-nav a { display: flex; align-items: center; gap: 12px; padding: 9px 20px; color: var(--clt-ink); font-size: 13.5px; font-weight: 500; border-left: 3px solid transparent; }
.clt-nav a .clt-ico { width: 17px; height: 17px; }
.clt-nav a:hover { background: #faf5ef; text-decoration: none; }
.clt-nav a.is-active { background: #f5ebe0; border-left-color: var(--clt-brown); font-weight: 600; color: var(--clt-brown); }
.clt-nav-sep { height: 1px; background: var(--clt-line); margin: 12px 20px; }
.clt-main { padding: 26px; min-width: 0; }
.clt-main > * + * { margin-top: 18px; }

/* Banner / flash */
.clt-banner { display: flex; align-items: center; gap: 10px; background: var(--clt-warn-bg); border: 1px solid #ecd08f; color: #6b4a12; padding: 10px 16px; border-radius: 10px; font-size: 14px; }
.clt-banner a { margin-left: auto; font-weight: 600; color: #6b4a12; white-space: nowrap; }
.clt-flash { padding: 12px 16px; border-radius: 10px; font-size: 14px; border: 1px solid; }
.clt-flash--success { background: var(--clt-ok-bg); border-color: #bfdfcb; color: #1f5434; }
.clt-flash--error { background: var(--clt-bad-bg); border-color: #efc0ba; color: #7d241d; }

/* Hero */
.clt-hero { display: flex; align-items: center; gap: 20px; background: var(--clt-brown); color: var(--clt-cream); padding: 26px; border-radius: var(--clt-radius); position: relative; overflow: hidden; }
.clt-hero::after { content: ''; position: absolute; right: -60px; top: -60px; width: 240px; height: 240px; border-radius: 50%; border: 36px solid rgba(255,255,255,.05); }
.clt-hero-avatar { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.25); }
.clt-root .clt-hero h1 { color: var(--clt-cream); }
.clt-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.clt-chip { background: rgba(255,255,255,.12); color: var(--clt-cream); font-size: 12px; padding: 3px 10px; border-radius: 99px; }

/* Cards */
.clt-card { background: #fff; border: 1px solid var(--clt-line); border-radius: var(--clt-radius); padding: 22px; }
.clt-card--accent { border-left: 4px solid var(--clt-tan); }
.clt-card--danger { border-left: 4px solid var(--clt-bad); }
.clt-cardhead { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--clt-line); padding-bottom: 12px; margin-bottom: 14px; }
.clt-cardhead h3 { margin: 0; }
.clt-empty { text-align: center; color: var(--clt-muted); padding: 36px; }
.clt-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.clt-pagehead { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.clt-pagehead p { margin: 4px 0 0; }
.clt-actions, .clt-btnrow { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.clt-back { display: inline-block; font-size: 13px; margin-bottom: 6px; }
.clt-back::before { content: '\2190  '; }
.clt-sectionhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.clt-gate { max-width: 560px; margin: 40px auto; background: #fff; border: 1px solid var(--clt-line); border-radius: var(--clt-radius); padding: 36px; text-align: center; }
.clt-gate h2 { margin-bottom: 10px; }

/* Stats */
.clt-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.clt-stats--small { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
.clt-stat { background: #fff; border: 1px solid var(--clt-line); border-radius: 12px; padding: 16px 18px; display: block; color: inherit; }
a.clt-stat:hover { text-decoration: none; border-color: var(--clt-tan); }
.clt-stat.is-active { border-color: var(--clt-brown); box-shadow: inset 0 0 0 1px var(--clt-brown); }
.clt-stat-top { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; color: var(--clt-muted); }
.clt-stat-top .clt-ico { color: var(--clt-tan); }
.clt-stat-value { font-size: 28px; font-weight: 700; color: var(--clt-brown); line-height: 1.2; margin-top: 6px; }
.clt-stats--small .clt-stat-value { font-size: 22px; }
.clt-stat-sub { font-size: 12.5px; color: var(--clt-muted); margin-top: 2px; }
.clt-stat--warn { background: #fffaf0; border-color: #f1dcae; }
.clt-stat--warn .clt-stat-value { color: var(--clt-warn); }
.clt-stat--bad .clt-stat-value { color: var(--clt-bad); }
.clt-stat--ok .clt-stat-value { color: var(--clt-ok); }

/* Lists */
.clt-upcoming { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--clt-line); color: inherit !important; }
.clt-upcoming:last-child { border-bottom: 0; }
.clt-upcoming:hover { text-decoration: none !important; }
.clt-upcoming:hover strong { color: var(--clt-brown); }
.clt-upcoming strong { display: block; }
.clt-upcoming .clt-muted { font-size: 13px; }
.clt-countdown { font-weight: 600; color: var(--clt-brown); font-size: 13px; white-space: nowrap; }
.clt-bigcount { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 16px; }
.clt-bigcount div { background: var(--clt-brown); color: var(--clt-cream); border-radius: 10px; text-align: center; padding: 10px 4px; }
.clt-bigcount b { display: block; font-size: 26px; line-height: 1.1; }
.clt-bigcount span { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; opacity: .8; }
.clt-facts li { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; }
.clt-facts .clt-ico { color: var(--clt-tan); margin-top: 2px; }
.clt-prose { margin-top: 10px; }
.clt-prose p:last-child { margin-bottom: 0; }
.clt-doclist li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--clt-line); background: #fff; }
.clt-doclist li a { flex: 1; }
.clt-doclist .clt-ico { color: var(--clt-tan); }
.clt-ann { padding: 12px 0; border-bottom: 1px solid var(--clt-line); }
.clt-ann:last-of-type { border-bottom: 0; }
.clt-ann-head { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.clt-ann-head .clt-muted { font-size: 12.5px; }
.clt-dl { display: grid; grid-template-columns: minmax(110px, 38%) minmax(0, 1fr); gap: 8px 14px; margin: 0; }
.clt-dl dt { color: var(--clt-muted); font-size: 13.5px; }
.clt-dl dd { margin: 0; }
.clt-moneyrow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; }
.clt-moneyrow div { background: var(--clt-bg); border-radius: 10px; padding: 12px; }
.clt-moneyrow span { display: block; font-size: 12px; color: var(--clt-muted); }
.clt-moneyrow strong { font-size: 19px; }
.clt-checklist { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 14px; font-size: 14px; }
.clt-checklist span { display: inline-flex; align-items: center; gap: 6px; color: var(--clt-muted); }
.clt-checklist span .clt-ico { color: #cdbcac; }
.clt-checklist span.ok { color: var(--clt-ok); }
.clt-checklist span.ok .clt-ico { color: var(--clt-ok); }
.clt-note { font-size: 12.5px; color: var(--clt-muted); margin-top: 4px; white-space: pre-line; }

/* Tables */
.clt-table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; border: 0; }
.clt-table th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--clt-muted); font-weight: 500; padding: 8px 10px; border: 0; border-bottom: 1px solid var(--clt-line); background: none; }
.clt-table td { padding: 11px 10px; border: 0; border-bottom: 1px solid var(--clt-line); vertical-align: middle; background: #fff; }
.clt-table tbody tr:last-child td { border-bottom: 0; }
.clt-table tr.is-current td { background: #fbf6ef; }
.clt-table tr.is-dim td { opacity: .62; }
.clt-table--compact td { padding: 8px 10px; }
.clt-col-handle { width: 28px; }
.clt-jersey { font-weight: 700; color: var(--clt-brown); width: 48px; }
.clt-linked .clt-ico { width: 14px; height: 14px; color: var(--clt-ok); vertical-align: -2px; }
.clt-handle { cursor: grab; color: #c8b5a3; display: inline-flex; }
.clt-handle .clt-ico { width: 16px; height: 16px; }
.ui-sortable-helper { box-shadow: 0 8px 24px rgba(68,47,40,.15); display: table; }
.ui-sortable-placeholder { visibility: visible !important; background: #f5ebe0 !important; }

/* Badges */
.clt-badge { display: inline-block; font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 99px; letter-spacing: .02em; white-space: nowrap; }
.clt-badge--ok { background: var(--clt-ok-bg); color: var(--clt-ok); }
.clt-badge--warn { background: var(--clt-warn-bg); color: var(--clt-warn); }
.clt-badge--bad { background: var(--clt-bad-bg); color: var(--clt-bad); }
.clt-badge--info { background: #e8eef8; color: #2d4f86; }
.clt-badge--muted { background: #f0e9e2; color: var(--clt-muted); }

/* Buttons */
.clt-root .clt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: var(--clt-brown); color: var(--clt-cream); border: 1px solid var(--clt-brown); border-radius: 8px; padding: 9px 16px; font: 600 14px/1.2 inherit; font-family: inherit; cursor: pointer; text-decoration: none; text-transform: none; letter-spacing: 0; box-shadow: none; height: auto; margin: 0; }
.clt-root .clt-btn:hover { background: var(--clt-ink); text-decoration: none; color: var(--clt-cream); }
.clt-root .clt-btn--ghost { background: #fff; color: var(--clt-brown); border-color: var(--clt-line); }
.clt-root .clt-btn--ghost:hover { background: #faf5ef; color: var(--clt-brown); }
.clt-root .clt-btn--danger { background: var(--clt-bad); border-color: var(--clt-bad); color: #fff; }
.clt-root .clt-btn--danger:hover { background: #7d241d; color: #fff; }
.clt-root .clt-btn--sm { padding: 6px 11px; font-size: 13px; }
.clt-root .clt-link-btn { background: none; border: 0; padding: 0 4px; color: var(--clt-brown); font: inherit; font-size: 13px; cursor: pointer; text-decoration: underline; text-transform: none; letter-spacing: 0; box-shadow: none; height: auto; margin: 0; }

/* Forms */
.clt-form { margin: 0; }
.clt-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 14px; }
.clt-span-2 { grid-column: span 2; }
.clt-span-3 { grid-column: span 3; }
.clt-field { margin-bottom: 14px; position: relative; }
.clt-field label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 5px; color: var(--clt-ink); }
.clt-field small { display: block; font-size: 12px; color: var(--clt-muted); margin-top: 4px; }
.clt-root input[type=text], .clt-root input[type=email], .clt-root input[type=tel], .clt-root input[type=url], .clt-root input[type=number], .clt-root input[type=date], .clt-root input[type=time], .clt-root input[type=file], .clt-root select, .clt-root textarea {
  width: 100%; max-width: 100%; background: #fff; border: 1px solid #ddcdbd; border-radius: 8px; padding: 9px 11px; font: 400 14px/1.4 inherit; font-family: inherit; color: var(--clt-ink); height: auto; box-shadow: none; margin: 0;
}
.clt-root input:focus, .clt-root select:focus, .clt-root textarea:focus { outline: none; border-color: var(--clt-brown); box-shadow: 0 0 0 3px rgba(81,45,30,.12); }
.clt-field--check label { display: flex; gap: 8px; align-items: center; font-weight: 500; }
.clt-field--check input { width: 16px; height: 16px; accent-color: var(--clt-brown); }
.clt-formactions { display: flex; justify-content: flex-end; }
.clt-inline { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.clt-inline .clt-field { margin: 0; }
.clt-inline select { width: auto; min-width: 180px; }
.clt-details { margin-top: 14px; border-top: 1px dashed var(--clt-line); padding-top: 12px; }
.clt-details summary { cursor: pointer; font-weight: 600; color: var(--clt-brown); font-size: 14px; margin-bottom: 12px; }
.clt-deadlines { display: grid; gap: 8px; }
.clt-deadline { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 10px; }
.clt-deadline--head span { font-size: 12px; color: var(--clt-muted); text-transform: uppercase; letter-spacing: .08em; }
.clt-checks { display: grid; gap: 8px; margin-bottom: 16px; }
.clt-checkcard { display: flex; gap: 10px; align-items: center; border: 1px solid var(--clt-line); border-radius: 10px; padding: 10px 14px; cursor: pointer; }
.clt-checkcard input { accent-color: var(--clt-bad); }

/* Filters */
.clt-filters { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.clt-filters > a { padding: 6px 13px; border-radius: 99px; background: #fff; border: 1px solid var(--clt-line); font-size: 13px; color: var(--clt-ink); }
.clt-filters > a.is-active { background: var(--clt-brown); border-color: var(--clt-brown); color: var(--clt-cream); }
.clt-filters > a:hover { text-decoration: none; }
.clt-root .clt-jump { width: auto; min-width: 170px; }
.clt-total { margin-left: auto; font-size: 14px; }
.clt-pager { display: flex; justify-content: center; gap: 16px; margin-top: 14px; font-size: 14px; }

/* User search */
.clt-us-results { position: absolute; left: 0; right: 0; top: 100%; z-index: 50; background: #fff; border: 1px solid var(--clt-line); border-radius: 10px; box-shadow: 0 10px 28px rgba(68,47,40,.14); margin-top: -10px; display: none; max-height: 280px; overflow: auto; }
.clt-us-results.is-open { display: block; }
.clt-us-results button { display: block; width: 100%; text-align: left; background: #fff; border: 0; border-bottom: 1px solid var(--clt-line); padding: 9px 12px; cursor: pointer; font: inherit; font-size: 14px; color: var(--clt-ink); text-transform: none; letter-spacing: 0; }
.clt-us-results button:hover, .clt-us-results button:focus { background: #faf5ef; }
.clt-us-results button span { display: block; font-size: 12px; color: var(--clt-muted); }
.clt-us-empty { padding: 10px 12px; font-size: 13px; color: var(--clt-muted); }

/* Email preview */
.clt-emailbody summary { cursor: pointer; }
.clt-emailpreview { margin-top: 8px; padding: 12px; background: var(--clt-bg); border-radius: 8px; font-size: 13.5px; }

/* Toast */
.clt-toast { --clt-ink: #442f28; --clt-cream: #fffcf8; position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%) translateY(20px); background: var(--clt-ink); color: var(--clt-cream); padding: 10px 18px; border-radius: 10px; font-size: 14px; opacity: 0; pointer-events: none; transition: .2s; z-index: 99999; font-family: 'Poppins', sans-serif; }
.clt-toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }

/* Responsive */
@container clt (max-width: 1080px) {
  .clt-grid-2 { grid-template-columns: 1fr; }
  .clt-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .clt-span-3 { grid-column: span 2; }
}
@container clt (max-width: 820px) {
  .clt-portal { grid-template-columns: 1fr; border-radius: 12px; }
  .clt-side { border-right: 0; border-bottom: 1px solid var(--clt-line); }
  .clt-menu-toggle { display: inline-flex; }
  .clt-nav { display: none; }
  .clt-side.is-open .clt-nav { display: block; }
  .clt-main { padding: 16px; }
  .clt-row { grid-template-columns: 1fr; }
  .clt-span-2, .clt-span-3 { grid-column: auto; }
  .clt-deadline { grid-template-columns: 1fr 1fr; }
  .clt-deadline--head { display: none; }
  .clt-table thead { display: none; }
  .clt-table, .clt-table tbody, .clt-table tr, .clt-table td { display: block; width: 100%; }
  .clt-table tr { border-bottom: 1px solid var(--clt-line); padding: 8px 0; }
  .clt-table td { border: 0; padding: 4px 0; text-align: left; }
  .clt-table .clt-right { text-align: left; }
  .clt-hero { flex-direction: column; text-align: center; }
  .clt-chips { justify-content: center; }
  .clt-dl { grid-template-columns: 1fr; gap: 2px; }
  .clt-dl dd { margin-bottom: 8px; }
  .clt-moneyrow { grid-template-columns: 1fr; }
  .clt-total { margin-left: 0; }
}

/* Wide tables scroll inside their card instead of spilling out */
.clt-card:has(> .clt-table) { overflow-x: auto; }
.clt-dl dd { overflow-wrap: anywhere; }
@container clt (max-width: 1080px) and (min-width: 821px) {
  .clt-portal { grid-template-columns: 210px minmax(0, 1fr); }
  .clt-main { padding: 20px; }
}

/* ---------- 1.1 additions ---------- */
.clt-thumb { width: 84px; height: 84px; object-fit: cover; border-radius: 8px; border: 1px solid var(--clt-line); display: block; margin-bottom: 6px; background: #faf6f1; }
.clt-thumb--wide { width: 160px; height: 96px; }
.clt-thumb--sm { width: 48px; height: 48px; margin: 0; }
.clt-teamhead { display: flex; align-items: center; gap: 16px; }
.clt-teamlogo { width: 64px; height: 64px; object-fit: contain; }
.clt-playercell { display: flex; align-items: center; gap: 10px; }
.clt-playercell img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex: none; }
.clt-star .clt-ico { width: 14px; height: 14px; color: #c8922a; fill: #e8c172; vertical-align: -2px; }
.clt-podium { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.clt-podium div { background: var(--clt-bg); border-radius: 10px; padding: 10px 14px; min-width: 160px; }
.clt-podium span { display: block; font-size: 11.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--clt-muted); }
.clt-podium .clt-podium-champion { background: var(--clt-brown); color: var(--clt-cream); }
.clt-podium .clt-podium-champion span { color: var(--clt-tan); }
.clt-root .clt-autosubmit select { min-width: 150px; padding: 6px 8px; font-size: 13px; }
.clt-label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 5px; }
.clt-checkrow { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13.5px; padding-top: 6px; }
.clt-checkrow input { accent-color: var(--clt-brown); }
.clt-root input[type=color] { width: 60px; height: 40px; padding: 3px; border: 1px solid #ddcdbd; border-radius: 8px; background: #fff; }
.clt-deadlines.no-team .clt-fee-team, .clt-deadlines.no-player .clt-fee-player { display: none; }
.clt-deadlines.no-team .clt-deadline { grid-template-columns: 1.3fr 1fr 1fr; }
.clt-deadlines.no-player .clt-deadline { grid-template-columns: 1.3fr 1fr 1fr; }
.clt-deadlines.no-team.no-player .clt-deadline { grid-template-columns: 1.3fr 1fr; }

/* Navigation editor */
.clt-navlist { min-height: 60px; display: grid; gap: 8px; }
.clt-navrow { display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--clt-line); border-radius: 10px; padding: 10px 12px; background: #fff; }
.clt-navrow.is-hidden { opacity: .55; background: #faf6f1; }
.clt-navrow .clt-handle { margin-top: 9px; }
.clt-navicon { margin-top: 9px; color: var(--clt-brown); }
.clt-navmain { flex: 1; min-width: 0; display: grid; gap: 6px; }
.clt-navline { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; }
.clt-navline input[type=text] { flex: 1 1 140px; }
.clt-root .clt-navline select { width: auto; flex: 0 0 auto; }
.clt-navline input[type=url] { flex: 2 1 200px; }
.clt-navline label { display: inline-flex; gap: 4px; align-items: center; white-space: nowrap; }
.clt-navline input[type=checkbox] { accent-color: var(--clt-brown); }
.clt-navsep { width: 1px; height: 14px; background: var(--clt-line); }
.clt-navlist .ui-sortable-placeholder { height: 70px; border: 2px dashed var(--clt-tan); border-radius: 10px; }

/* Email templates */
.clt-tpl { padding: 0; }
.clt-tpl-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 22px; cursor: pointer; list-style: none; }
.clt-tpl-head::-webkit-details-marker { display: none; }
.clt-tpl-head > span { display: grid; gap: 2px; }
.clt-tpl[open] .clt-tpl-head { border-bottom: 1px solid var(--clt-line); }
.clt-tpl-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; padding: 20px 22px 22px; }
.clt-root textarea.clt-code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }
.clt-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 14px; }
.clt-root .clt-tag { background: var(--clt-bg); border: 1px solid var(--clt-line); border-radius: 99px; padding: 3px 10px; font: 500 12px/1.4 ui-monospace, Menlo, monospace; color: var(--clt-brown); cursor: pointer; text-transform: none; letter-spacing: 0; box-shadow: none; height: auto; }
.clt-root .clt-tag:hover { border-color: var(--clt-tan); }
.clt-mailpreview { border: 1px solid var(--clt-line); border-radius: 10px; overflow: hidden; background: #f4ece3; }
.clt-mailpreview-subject { background: #fff; padding: 10px 14px; font-size: 13.5px; font-weight: 600; border-bottom: 1px solid var(--clt-line); }
.clt-mailpreview iframe { width: 100%; height: 460px; border: 0; display: block; }
.clt-logo-preview { padding: 12px; border-radius: 8px; display: inline-block; margin-bottom: 6px; }
.clt-logo-preview img { max-height: 60px; display: block; }

/* Photos and featured */
.clt-photogrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.clt-photogrid figure { margin: 0; background: #fff; border: 1px solid var(--clt-line); border-radius: 10px; overflow: hidden; position: relative; }
.clt-photogrid img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.clt-photogrid figcaption { padding: 8px 10px; display: flex; flex-direction: column; gap: 6px; }
.clt-photogrid .clt-handle { position: absolute; top: 6px; left: 6px; background: rgba(255,255,255,.9); border-radius: 6px; padding: 3px; z-index: 2; }
.clt-featlist { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: feat; }
.clt-featlist li { display: flex; align-items: center; gap: 12px; border: 1px solid var(--clt-line); border-radius: 10px; padding: 8px 12px; background: #fff; counter-increment: feat; }
.clt-featlist li::before { content: counter(feat, decimal-leading-zero); font-weight: 700; color: var(--clt-tan); width: 22px; }
.clt-featlist img { width: 48px; height: 60px; object-fit: cover; border-radius: 6px; background: #faf6f1; }
.clt-featinfo { flex: 1; display: grid; }
.clt-sc { display: flex; align-items: center; gap: 10px; background: var(--clt-bg); border-radius: 10px; padding: 10px 14px; margin-bottom: 10px; }
.clt-sc code { flex: 1; font-size: 14px; color: var(--clt-brown); background: none; }

@container clt (max-width: 820px) {
  .clt-tpl-body { grid-template-columns: 1fr; }
}

.clt-table td.clt-actcell { white-space: normal; text-align: right; min-width: 210px; }
.clt-actcell > form, .clt-actcell > a { display: inline-block !important; margin: 2px 0 2px 2px; }
.clt-playercell > span { min-width: 0; }

/* ---------- 1.2: Game Day, Wall, MVP, Voting, bell ---------- */
.clt-side-user { position: relative; }
.clt-bell { margin-left: auto; position: relative; }
.clt-root .clt-bell-btn { background: none; border: 1px solid var(--clt-line); border-radius: 50%; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; color: var(--clt-ink); cursor: pointer; position: relative; padding: 0; box-shadow: none; }
.clt-bell-count { position: absolute; top: -5px; right: -6px; background: var(--clt-bad); color: #fff; font-size: 10.5px; font-weight: 700; border-radius: 99px; padding: 1px 5px; line-height: 1.4; }
.clt-bell-panel { position: absolute; left: -150px; top: 44px; width: 300px; background: #fff; border: 1px solid var(--clt-line); border-radius: 12px; box-shadow: 0 16px 40px rgba(68,47,40,.18); z-index: 60; max-height: 420px; overflow: auto; }
.clt-bell-head { padding: 12px 14px; font-weight: 600; border-bottom: 1px solid var(--clt-line); font-size: 14px; }
.clt-bell-item { display: block; padding: 10px 14px; border-bottom: 1px solid var(--clt-line); color: var(--clt-ink) !important; font-size: 13.5px; }
.clt-bell-item:hover { background: #faf5ef; text-decoration: none !important; }
.clt-bell-item.is-new { background: #fdf7ee; box-shadow: inset 3px 0 0 var(--clt-tan); }
.clt-bell-item small { display: block; color: var(--clt-muted); font-size: 11.5px; margin-top: 2px; }
.clt-bell-empty { padding: 14px; color: var(--clt-muted); font-size: 13.5px; margin: 0; }
.clt-side-user .clt-menu-toggle { margin-left: 4px; }

.clt-roundhead { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--clt-muted); margin: 18px 0 10px; font-weight: 600; }
.clt-roundhead:first-of-type { margin-top: 0; }
.clt-games { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 12px; }
.clt-game { border: 1px solid var(--clt-line); border-radius: 12px; padding: 12px 14px; background: #fff; }
.clt-game.is-live { border-color: #e4b45b; box-shadow: 0 0 0 2px #fbeccc; }
.clt-game.is-final { background: #fcfaf7; }
.clt-game.is-bye, .clt-game.is-pending { opacity: .75; }
.clt-game-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 12.5px; color: var(--clt-muted); margin-bottom: 8px; }
.clt-scoretable { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
.clt-scoretable th, .clt-scoretable td { border: 0; padding: 3px 2px; background: none; font-size: 12px; }
.clt-scoretable thead th { color: var(--clt-muted); font-weight: 500; text-align: center; }
.clt-scoretable tbody th { text-align: left; font-size: 13.5px; font-weight: 600; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clt-scoretable tr.is-winner th { color: var(--clt-ok); }
.clt-root .clt-scoretable input { padding: 5px 4px; text-align: center; font-size: 13.5px; min-width: 38px; }
.clt-root .clt-scoretable .clt-total-input { font-weight: 700; background: #faf5ef; }
.clt-game-foot { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.clt-root .clt-game-foot select, .clt-root .clt-game-foot input { width: auto; flex: 1 1 90px; padding: 6px 8px; font-size: 13px; }
.clt-game-teams > div { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--clt-line); font-size: 14px; }
.clt-game-teams > div:last-child { border-bottom: 0; }
.clt-game-teams .is-winner { font-weight: 700; color: var(--clt-ok); }
.clt-movegame { margin-top: 8px; font-size: 13px; }
.clt-movegame summary { cursor: pointer; color: var(--clt-muted); }
.clt-movegame form { margin-top: 8px; }
.clt-groupboard { display: grid; grid-template-columns: repeat(var(--cols, 2), minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.clt-groupcol { background: var(--clt-bg); border-radius: 12px; padding: 12px; }
.clt-groupcol h4 { margin: 0 0 8px; font-size: 14px; }
.clt-grouplist { min-height: 50px; display: grid; gap: 6px; }
.clt-grouplist li { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--clt-line); border-radius: 8px; padding: 6px 8px; font-size: 13.5px; }
.clt-grouplist img { width: 24px; height: 24px; object-fit: contain; }
.clt-standings { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; margin-top: 10px; }
.clt-standings h4 { margin: 0 0 6px; }

.clt-wall-compose textarea { width: 100%; }
.clt-wall-opts { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin-top: 10px; font-size: 13.5px; }
.clt-root .clt-wall-opts select { width: auto; display: inline-block; margin-left: 6px; padding: 6px 8px; }
.clt-checkinline { display: inline-flex; gap: 6px; align-items: center; }
.clt-wall-count { margin-left: auto; }
.clt-wall { display: grid; gap: 0; }
.clt-post { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--clt-line); position: relative; }
.clt-post:last-child { border-bottom: 0; }
.clt-post.is-new { animation: clt-flash 1.6s ease; }
@keyframes clt-flash { from { background: #fbf1e3; } to { background: transparent; } }
.clt-post-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; background: #efe6dc; }
.clt-post-main { flex: 1; min-width: 0; }
.clt-post-head { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; font-size: 14px; }
.clt-post-team { font-size: 12px; background: var(--clt-brown, #512D1E); color: #fffcf8; padding: 1px 8px; border-radius: 99px; }
.clt-post-q { font-size: 12px; background: #e8eef8; color: #2d4f86; padding: 1px 8px; border-radius: 99px; }
.clt-post-time { color: #8a7466; font-size: 12px; }
.clt-post-callout { font-size: 13px; color: #9a6512; margin-top: 2px; }
.clt-post-body { margin-top: 4px; white-space: normal; overflow-wrap: anywhere; }
.clt-post.is-question { background: #f8fafd; }
.clt-post-del { position: absolute; right: 0; top: 12px; }

.clt-mvp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin-bottom: 14px; }
.clt-mvp-pick { display: flex; gap: 10px; align-items: center; border: 1px solid var(--clt-line); border-radius: 10px; padding: 8px 10px; cursor: pointer; }
.clt-mvp-pick:has(input:checked) { border-color: var(--clt-brown); box-shadow: inset 0 0 0 1px var(--clt-brown); background: #fbf6ef; }
.clt-mvp-pick input { accent-color: var(--clt-brown); }
.clt-mvp-pick img { width: 40px; height: 48px; object-fit: cover; border-radius: 6px; }
.clt-mvp-pick span { display: grid; font-size: 13.5px; }
.clt-mvp-pick small { color: var(--clt-muted); }
.clt-mvp-win { display: flex; align-items: center; gap: 16px; background: var(--clt-brown); color: var(--clt-cream); border-radius: 12px; padding: 14px 18px; }
.clt-mvp-win img { width: 64px; height: 76px; object-fit: cover; border-radius: 8px; }
.clt-mvp-win span { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: var(--clt-tan); }
.clt-mvp-win strong { font-size: 20px; }

.clt-pollbar { height: 6px; background: var(--clt-bg); border-radius: 99px; overflow: hidden; margin: 10px 0 6px; }
.clt-pollbar span { display: block; height: 100%; background: var(--clt-tan); }
.clt-pollresult { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.clt-pollresult div { background: var(--clt-bg); border-radius: 10px; padding: 10px 12px; }
.clt-pollresult span { display: block; font-size: 12px; color: var(--clt-muted); }
.clt-pollresult strong { font-size: 20px; }
.clt-pollvote { display: grid; gap: 8px; margin-top: 8px; }
.clt-pollopt { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--clt-line, #e6ddd2); border-radius: 10px; cursor: pointer; background: #fff; }
.clt-pollopt:has(input:checked) { border-color: var(--clt-tan); background: #fbf5ee; }
.clt-pollopt:has(input:disabled) { opacity: .55; cursor: default; }
.clt-pollopt input { margin: 0; flex: none; }
.clt-pollchoices { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
.clt-pollchoices li { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; background: var(--clt-bg); border-radius: 10px; padding: 10px 14px; }
.clt-pollchoices li.is-win { background: #f5ebe0; font-weight: 600; }
.clt-pc-num { font-size: 13px; color: var(--clt-muted); white-space: nowrap; }
.clt-pc-bar { grid-column: 1 / -1; height: 6px; background: #fff; border-radius: 99px; overflow: hidden; }
.clt-pc-bar span { display: block; height: 100%; background: var(--clt-tan); }
[data-pollkind][hidden] { display: none !important; }
.clt-voterlist { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.clt-voterlist span { background: var(--clt-bg); border-radius: 99px; padding: 3px 10px; font-size: 13px; display: inline-flex; align-items: center; gap: 4px; }
.clt-voterlist span.has-voted { background: var(--clt-ok-bg); color: var(--clt-ok); }
.clt-voterlist .clt-ico { width: 13px; height: 13px; }
.clt-voterpick .clt-field { margin-bottom: 8px; }
.clt-voterchips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.clt-voterchips span { background: #f5ebe0; border-radius: 99px; padding: 4px 6px 4px 12px; font-size: 13px; display: inline-flex; align-items: center; gap: 4px; }
.clt-root .clt-voterchips button { border: 0; background: none; cursor: pointer; font-size: 16px; line-height: 1; padding: 0 4px; color: var(--clt-muted); box-shadow: none; }
.ctp.ctp-inportal { padding: 0; max-width: none; font-family: inherit; }

@container clt (max-width: 820px) {
  .clt-groupboard { grid-template-columns: 1fr; }
  .clt-bell-panel { left: auto; right: -40px; width: 280px; }
}

.clt-span-4 { grid-column: 1 / -1; }

/* Website Sections editor */
.clt-secbody { padding: 18px 22px 22px; }
.clt-colorpair { display: flex; gap: 6px; align-items: center; }
.clt-root .clt-colorpair input[type=color] { width: 44px; height: 40px; flex: none; }
.clt-root input[type=range] { width: 100%; accent-color: var(--clt-brown); }
.clt-preview { border: 1px dashed var(--clt-tan); border-radius: 12px; overflow: hidden; background: #fff; }
.clt-preview .ctp-full { width: auto; margin-left: 0; padding-left: 20px; padding-right: 20px; }
.clt-preview .ctp { max-width: none; }

/* Team colors */
.clt-swatch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: linear-gradient(135deg, var(--team1) 0 55%, var(--team2) 55% 100%); box-shadow: 0 0 0 1px rgba(0,0,0,.15); vertical-align: -2px; }
.clt-teamcolor input[type=text] { flex: 1; }
.clt-teamcolor.is-empty input[type=color] { opacity: .35; }

/* ---------- Finances ---------- */
.clt-legend { font-size: 12.5px; color: var(--clt-muted); display: inline-flex; gap: 6px; align-items: center; }
.clt-legend i { width: 10px; height: 10px; border-radius: 2px; display: inline-block; margin-left: 8px; }
.clt-legend i.is-rev, .clt-bars .is-rev, .clt-catbar.is-rev i { background: #3f8a5c; }
.clt-legend i.is-exp, .clt-bars .is-exp, .clt-catbar.is-exp i { background: #b5523f; }
.clt-months { display: grid; grid-template-columns: repeat(12, 1fr); gap: 8px; align-items: end; height: 180px; }
.clt-month { display: flex; flex-direction: column; align-items: center; height: 100%; }
.clt-bars { flex: 1; width: 100%; display: flex; gap: 3px; align-items: flex-end; justify-content: center; border-bottom: 1px solid var(--clt-line); }
.clt-bars span { width: 40%; max-width: 18px; border-radius: 3px 3px 0 0; min-height: 1px; }
.clt-month small { font-size: 11.5px; color: var(--clt-muted); margin-top: 6px; }
.clt-catrow { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--clt-line); color: var(--clt-ink) !important; font-size: 14px; }
.clt-catrow:hover { text-decoration: none !important; background: #faf5ef; }
.clt-catbar { height: 8px; background: var(--clt-bg); border-radius: 99px; overflow: hidden; }
.clt-catbar i { display: block; height: 100%; border-radius: 99px; }
.clt-chipfilter { background: #f5ebe0; border-radius: 99px; padding: 4px 10px; font-size: 13px; }
.clt-totgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 22px; margin-bottom: 14px; }
@container clt (max-width: 1080px) { .clt-totgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.clt-search { margin: 0; }
.clt-root .clt-search input[type=search] { padding: 6px 12px; border-radius: 99px; font-size: 13px; width: 170px; min-height: 0; }
.clt-totgrid label { display: grid; grid-template-columns: 1fr 110px; gap: 8px; align-items: center; font-size: 13.5px; }
.clt-root .clt-totgrid input { padding: 6px 8px; text-align: right; }
.clt-catedit { display: flex; gap: 10px; align-items: center; margin-bottom: 6px; }
.clt-report { max-width: 820px; }
.clt-report header { border-bottom: 2px solid var(--clt-brown); padding-bottom: 12px; margin-bottom: 18px; }
.clt-report header h2 { font-size: 22px; }
.clt-report h3 { margin: 22px 0 8px; font-size: 16px; text-transform: uppercase; letter-spacing: .06em; color: var(--clt-brown); }
.clt-reporttable { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.clt-reporttable th, .clt-reporttable td { padding: 7px 4px; border-bottom: 1px solid var(--clt-line); text-align: left; font-weight: 400; background: none; }
.clt-reporttable td { text-align: right; font-variant-numeric: tabular-nums; }
.clt-reporttable thead td, .clt-reporttable thead th { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--clt-muted); }
.clt-reporttable tr.is-total th, .clt-reporttable tr.is-total td { font-weight: 700; border-top: 2px solid var(--clt-ink); }
.clt-report footer { margin-top: 24px; }
@media print {
  body * { visibility: hidden !important; }
  .clt-report, .clt-report * { visibility: visible !important; }
  .clt-report { position: absolute; left: 0; top: 0; width: 100%; max-width: none; border: 0; padding: 0; }
}
@container clt (max-width: 820px) {
  .clt-months { gap: 3px; height: 140px; }
  .clt-totgrid { grid-template-columns: 1fr; }
  .clt-catrow { grid-template-columns: 1fr auto; }
  .clt-catbar { grid-column: 1 / -1; grid-row: 2; }
}

/* ---------- 1.6: headings that never break mid-word, labelled mobile tables, year chart ---------- */
.clt-root.clt-root h1, .clt-root.clt-root h2, .clt-root.clt-root h3, .clt-root.clt-root h4 {
  word-break: normal !important; overflow-wrap: normal !important; hyphens: manual !important; white-space: normal;
}
.clt-root.clt-root h1 { font-size: 26px !important; line-height: 1.2 !important; }
.clt-root.clt-root h2 { font-size: 19px !important; line-height: 1.25 !important; }
.clt-root.clt-root h3 { font-size: 16px !important; line-height: 1.3 !important; }
.clt-cardhead h3 { flex: 0 1 auto; min-width: max-content; }
.clt-tablewrap { overflow-x: auto; }
.clt-yearchart { display: flex; gap: 10px; align-items: stretch; height: 200px; }
.clt-yearchart .clt-month { flex: 1 1 0; min-width: 0; max-width: 110px; margin: 0 auto; text-decoration: none; border-radius: 8px; padding: 4px 2px 2px; }
.clt-yearchart .clt-month:hover, .clt-yearchart .clt-month.is-current { background: #fbf6ef; text-decoration: none; }
.clt-yearchart .clt-month.is-current small { color: var(--clt-ink); font-weight: 700; }
.clt-yearchart .clt-bars span { width: 34%; max-width: 26px; }
.clt-yearnet { font-size: 11px; font-weight: 600; color: #3f8a5c; white-space: nowrap; margin-bottom: 4px; font-variant-numeric: tabular-nums; }
.clt-yearnet.is-neg { color: #b5523f; }
.clt-reportpick { padding-bottom: 14px; }
.clt-reportpick-foot { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
@container clt (max-width: 820px) {
  .clt-root.clt-root h1 { font-size: 22px !important; }
  .clt-cardhead { flex-wrap: wrap; align-items: flex-start; row-gap: 8px; }
  .clt-cardhead > :not(h3) { flex: 1 1 100%; }
  .clt-cardhead h3 { min-width: 0; flex: 1 1 100%; }
  .clt-cardhead .clt-filters { justify-content: flex-start; }
  .clt-pagehead .clt-actions { width: 100%; flex-wrap: wrap; }
  /* Tables become label / value rows; the first cell is the row's name */
  .clt-table td[data-label]:not(:first-child) { display: block; text-align: right; overflow: hidden; }
  .clt-table td[data-label]:not(:first-child)::before { content: attr(data-label); float: left; margin-right: 14px; padding-top: 2px; font-size: 11px; text-transform: uppercase; letter-spacing: .07em; color: var(--clt-muted); font-weight: 500; text-align: left; }
  .clt-table td:first-child { font-weight: 600; }
  .clt-yearchart { gap: 4px; height: 170px; }
  .clt-yearnet { font-size: 9.5px; }
  .clt-reporttable { font-size: 13.5px; }
  .clt-reporttable--4 { font-size: 12px; }
  .clt-reporttable--4 th, .clt-reporttable--4 td { padding-left: 2px; padding-right: 2px; white-space: nowrap; }
  .clt-reportpick .clt-row { grid-template-columns: 1fr 1fr; }
  .clt-reportpick .clt-row .clt-span-2 { grid-column: 1 / -1; }
}
@container clt (max-width: 480px) {
  .clt-yearnet { display: none; }
}

/* 1.7: bulk tie bar under the entries list */
.clt-checkcol { width: 28px; text-align: center; }
.clt-tiebar { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--clt-line); }
.clt-root .clt-tiebar select { width: auto; max-width: 100%; }
@container clt (max-width: 820px) { .clt-table td.clt-checkcol { text-align: left; } }

/* ---------- 1.8: player features ---------- */
.clt-main--solo { max-width: 820px; margin: 0 auto; padding: 24px 16px; }
.clt-eyebrow { font-size: 11.5px; text-transform: uppercase; letter-spacing: .1em; color: var(--clt-muted); font-weight: 600; }
.clt-big { font-size: 22px; }
.clt-card--ok { border-left: 4px solid #3f8a5c; }

/* Badges */
.clt-pbadges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.clt-pbadge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px 4px 6px; border-radius: 99px; background: color-mix(in srgb, var(--b) 12%, #fff); border: 1px solid color-mix(in srgb, var(--b) 35%, #fff); color: color-mix(in srgb, var(--b) 80%, #000); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.clt-pbadge svg { width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: var(--b); color: #fff; stroke: #fff; box-sizing: border-box; flex: 0 0 auto; }
.clt-pbadge b { font-weight: 700; opacity: .75; }
.clt-badgegrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-bottom: 12px; }
.clt-badgedef { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; border: 1px solid var(--clt-line); border-radius: 10px; background: #fff; }
.clt-badgedef.is-off { opacity: .5; }
.clt-badgedef input { margin: 0 0 2px; }
.clt-pickplayers { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 6px 0 14px; }
.clt-pickplayers fieldset { border: 1px solid var(--clt-line); border-radius: 10px; padding: 8px 12px 10px; margin: 0; }
.clt-pickplayers legend { font-weight: 600; font-size: 13px; padding: 0 4px; }
.clt-pickplayers label { display: block; font-size: 13.5px; padding: 2px 0; }

/* My Tournament */
.clt-myteam { display: flex; gap: 18px; align-items: center; border-top: 5px solid var(--team1, var(--clt-brown)); }
.clt-myteam .clt-teamlogo { width: 84px; height: 84px; object-fit: contain; flex: 0 0 auto; }
.clt-myteam-main { min-width: 0; }
.clt-myteam h2 { margin: 2px 0 4px; }
.clt-myteam h2 a { color: inherit; }
.clt-myteam p { margin: 2px 0; }
.clt-checklist { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.clt-check { display: flex; gap: 10px; align-items: center; background: #fff; border: 1px solid var(--clt-line); border-radius: 12px; padding: 14px; border-left: 4px solid #c9b8a8; }
.clt-check > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.clt-check strong { font-size: 14px; }
.clt-check span { font-size: 12.5px; color: var(--clt-muted); }
.clt-check-ico { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #f4ece3; flex: 0 0 auto; }
.clt-check-ico svg { width: 18px; height: 18px; }
.clt-check.is-ok { border-left-color: #3f8a5c; }
.clt-check.is-ok .clt-check-ico { background: #e3f1e7; color: #2f6b3a; }
.clt-check.is-bad { border-left-color: #b5523f; }
.clt-check.is-bad .clt-check-ico { background: #f8e5e1; color: #a3362a; }
.clt-check.is-wait { border-left-color: #d6a23a; }
.clt-paybtns { display: flex; flex-wrap: wrap; gap: 12px; margin: 8px 0 10px; }
.clt-paybtn { display: flex; flex-direction: column; gap: 2px; padding: 14px 22px; border-radius: 12px; min-width: 200px; text-decoration: none !important; color: #fff !important; box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.clt-paybtn strong { font-size: 16px; }
.clt-paybtn span { font-size: 12.5px; opacity: .85; }
.clt-paybtn--venmo { background: #008cff; }
.clt-paybtn--card { background: var(--clt-brown); }
.clt-paybtn:hover { filter: brightness(1.06); }
.clt-gamelist { list-style: none; margin: 0; padding: 0; }
.clt-gamelist li { display: grid; grid-template-columns: 1.1fr 1.4fr auto; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--clt-line); font-size: 14px; }
.clt-gamelist li:last-child { border-bottom: 0; }
.clt-gamelabel { display: flex; flex-direction: column; font-weight: 600; font-size: 13px; }
.clt-gamelabel small { font-weight: 400; color: var(--clt-muted); }
.clt-gamescore { font-weight: 700; font-variant-numeric: tabular-nums; }
.clt-gamescore.is-win { color: #2f6b3a; }
.clt-gamescore.is-loss { color: #a3362a; }
.clt-statline { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 10px; }
.clt-statline div { background: #faf5ef; border-radius: 10px; padding: 12px 8px; text-align: center; display: flex; flex-direction: column; }
.clt-statline b { font-size: 24px; color: var(--clt-brown); line-height: 1.1; }
.clt-statline span { font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--clt-muted); }
.clt-mates { display: flex; flex-wrap: wrap; gap: 8px; }
.clt-mate { display: inline-flex; gap: 8px; align-items: center; padding: 6px 12px 6px 6px; border: 1px solid var(--clt-line); border-radius: 99px; font-size: 13.5px; background: #fff; }
.clt-mate b { min-width: 30px; height: 24px; border-radius: 99px; background: #f4ece3; display: grid; place-items: center; font-size: 12px; padding: 0 4px; }
.clt-mate.is-me { border-color: var(--clt-brown); font-weight: 600; }
.clt-photogrid--small { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }

/* Waiver */
.clt-waivertext { max-height: 420px; overflow-y: auto; font-size: 14.5px; line-height: 1.6; }
.clt-sigpad { position: relative; border: 2px dashed #cdb9a6; border-radius: 12px; background: #fff; touch-action: none; }
.clt-sigpad canvas { display: block; width: 100%; height: 180px; cursor: crosshair; }
.clt-sigpad [data-clt-sigclear] { position: absolute; right: 10px; top: 8px; }
.clt-sigpad.is-error { border-color: #b5523f; }
.clt-sigimg { max-width: 320px; width: 100%; border-bottom: 1px solid var(--clt-ink); display: block; margin: 8px 0 12px; }

/* Free agents */
.clt-agents { display: grid; gap: 12px; }
.clt-agent { display: flex; gap: 14px; align-items: flex-start; padding: 14px; border: 1px solid var(--clt-line); border-radius: 12px; background: #fff; }
.clt-agent img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.clt-agent-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.clt-agent-body p { margin: 4px 0; }
.clt-agent-act { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.clt-agent-act select { max-width: 180px; }

/* Stats */
.clt-gamepick { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.clt-gamepick a { padding: 6px 12px; border-radius: 99px; border: 1px solid var(--clt-line); background: #fff; font-size: 13px; color: var(--clt-ink); }
.clt-gamepick a.is-active { background: var(--clt-brown); border-color: var(--clt-brown); color: var(--clt-cream); }
.clt-root .clt-stattable input { width: 70px; padding: 6px 8px; text-align: right; }
.clt-leaders { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.clt-leader { border: 1px solid var(--clt-line); border-radius: 12px; padding: 12px 14px; background: #fff; }
.clt-leader h4 { margin: 0 0 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--clt-muted); }
.clt-leader ol { margin: 0; padding: 0 0 0 18px; }
.clt-leader li { padding: 5px 0; border-bottom: 1px solid #f3ebe2; font-size: 14px; }
.clt-leader li:last-child { border-bottom: 0; }
.clt-leader li > span { display: inline-flex; flex-direction: column; }
.clt-leader li small { color: var(--clt-muted); font-size: 11.5px; }
.clt-leader li b { float: right; font-size: 16px; color: var(--clt-brown); }

/* Photo tags */
.clt-tags { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px 8px 0; align-items: center; }
.clt-tags:empty { display: none; }
.clt-tag, .clt-root button.clt-tag { display: inline-flex; align-items: center; gap: 2px; padding: 2px 8px; border-radius: 99px; background: #f4ece3; font-size: 11.5px; line-height: 1.6; border: 0; color: var(--clt-ink); cursor: default; }
.clt-root button.clt-tag--me { background: var(--clt-brown); color: var(--clt-cream); cursor: pointer; font-weight: 600; }
.clt-root button.clt-tag-x { background: none; border: 0; padding: 0 0 0 4px; font-size: 13px; line-height: 1; cursor: pointer; color: var(--clt-muted); }
.clt-tagadd summary { font-size: 11.5px; cursor: pointer; color: var(--clt-brown); font-weight: 600; list-style: none; padding: 2px 6px; }
.clt-tagadd summary::-webkit-details-marker { display: none; }
.clt-tagadd form { display: flex; gap: 4px; margin-top: 4px; }
.clt-tagadd select { font-size: 12px; padding: 4px; max-width: 150px; }

@container clt (max-width: 1080px) {
  .clt-checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container clt (max-width: 820px) {
  .clt-checklist { grid-template-columns: 1fr; }
  .clt-myteam { flex-direction: column; text-align: center; }
  .clt-paybtn { flex: 1 1 100%; }
  .clt-gamelist li { grid-template-columns: 1fr auto; }
  .clt-gamelist li .clt-gamelabel { grid-column: 1 / -1; }
  .clt-agent { flex-wrap: wrap; }
  .clt-agent-act { width: 100%; align-items: stretch; }
}

/* ---------- 1.9: Hospitality ---------- */
.clt-card--warn { border-left: 4px solid #d6a23a; background: #fffaf0; }
.clt-card--warn ul { margin: 6px 0 0 18px; }
.clt-row--tight { grid-template-columns: 1fr 1fr !important; gap: 0 10px; }
.clt-hosts { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.clt-host { border: 1px solid var(--clt-line); border-radius: 14px; background: #fff; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.clt-host.is-focus { box-shadow: 0 0 0 3px #ddc0a2; }
.clt-host.is-closed { opacity: .6; }
.clt-host header { display: flex; gap: 12px; align-items: center; }
.clt-host header img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; }
.clt-host header > div:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.clt-hostspots { text-align: center; background: #f4ece3; border-radius: 10px; padding: 6px 10px; display: flex; flex-direction: column; }
.clt-hostspots b { font-size: 22px; line-height: 1; color: var(--clt-brown); }
.clt-hostspots span { font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--clt-muted); }
.clt-hostfacts { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13.5px; }
.clt-hostfacts li { display: flex; gap: 8px; align-items: flex-start; }
.clt-hostfacts svg { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; color: var(--clt-muted); }
.clt-host p { margin: 0; }
.clt-hostprivate { background: #eef6f0; border: 1px solid #cfe5d6; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 3px; font-size: 13.5px; }
.clt-host footer { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; border-top: 1px solid var(--clt-line); padding-top: 10px; }
.clt-hostreq { width: 100%; }
.clt-hostreq summary { list-style: none; display: inline-flex; }
.clt-hostreq summary::-webkit-details-marker { display: none; }
.clt-hostreq form { margin-top: 10px; }
.clt-hostmine { border: 1px solid var(--clt-line); border-radius: 12px; padding: 12px 14px; margin-bottom: 12px; }
.clt-hostmine-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 8px; }
.clt-hostmine-head > div { display: flex; flex-direction: column; }

/* ---------- 1.9: Scholarships ---------- */
.clt-schhead h2 { margin: 2px 0 6px; }
.clt-schfacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin: 12px 0; }
.clt-schfacts div { background: #faf5ef; border-radius: 10px; padding: 12px; display: flex; flex-direction: column; }
.clt-schfacts b { font-size: 20px; color: var(--clt-brown); line-height: 1.15; }
.clt-schfacts span { font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--clt-muted); }
.clt-schcommittee { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 6px 14px; }
.clt-schcommittee li { display: flex; flex-direction: column; font-size: 13.5px; }
.clt-schcommittee span { color: var(--clt-muted); font-size: 12px; }
.clt-schlist { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; margin-bottom: 18px; }
.clt-schcard { display: block; color: inherit !important; text-decoration: none !important; transition: transform .15s, box-shadow .15s; }
.clt-schcard:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(81,45,30,.1); }
.clt-schcard h3 { margin: 4px 0 4px; }
.clt-schcard-nums { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--clt-muted); margin-top: 10px; }
.clt-schcard-nums b { color: var(--clt-ink); }
.clt-steps { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; padding: 0; counter-reset: s; }
.clt-steps li { display: flex; align-items: center; gap: 6px; padding: 6px 12px 6px 6px; border-radius: 99px; background: #fff; border: 1px solid var(--clt-line); font-size: 12.5px; color: var(--clt-muted); }
.clt-steps li span { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: #f4ece3; font-weight: 600; font-size: 11.5px; }
.clt-steps li.is-done { color: #2f6b3a; }
.clt-steps li.is-done span { background: #e3f1e7; }
.clt-steps li.is-now { border-color: var(--clt-brown); color: var(--clt-brown); font-weight: 600; }
.clt-steps li.is-now span { background: var(--clt-brown); color: var(--clt-cream); }
.clt-progress { height: 6px; border-radius: 99px; background: #f1e8de; overflow: hidden; margin-bottom: 4px; max-width: 220px; }
.clt-progress i { display: block; height: 100%; background: #3f8a5c; border-radius: 99px; }
.clt-segment { display: flex; flex-wrap: wrap; gap: 8px; }
.clt-segment label { border: 1px solid var(--clt-line); border-radius: 10px; padding: 10px 14px; cursor: pointer; background: #fff; display: flex; gap: 8px; align-items: center; }
.clt-segment label:has(input:checked) { border-color: var(--clt-brown); background: #fbf6ef; font-weight: 600; }
.clt-essaynum { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--clt-brown); color: var(--clt-cream); font-size: 13px; font-weight: 700; margin-right: 4px; vertical-align: middle; }
.clt-essay { margin-bottom: 20px; }
.clt-essay > label { font-size: 15px; }
.clt-essay p { margin: 4px 0 8px; }
.clt-wordcount.is-bad { color: #a3362a; font-weight: 600; }
.clt-wordcount.is-ok { color: #2f6b3a; }
.clt-filebox p { margin: 2px 0 6px; }
.clt-qedit { border: 1px solid var(--clt-line); border-radius: 12px; padding: 12px 14px; margin-bottom: 12px; background: #fff; }
.clt-qedit summary { cursor: pointer; font-weight: 600; display: flex; gap: 8px; align-items: center; }
.clt-qedit[open] summary { margin-bottom: 12px; }
.clt-rubricedit { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0 12px; }
.clt-checks { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 4px; }
.clt-checks li { padding-left: 22px; position: relative; }
.clt-checks li::before { content: "•"; position: absolute; left: 6px; color: var(--clt-muted); }
.clt-checks li.is-ok::before { content: "✓"; color: #2f6b3a; font-weight: 700; left: 4px; }
.clt-checks li.is-bad::before { content: "!"; color: #a3362a; font-weight: 700; left: 7px; }
.clt-essaycard { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 20px; }
.clt-essaytext { font-size: 15px; line-height: 1.65; max-height: 520px; overflow-y: auto; padding-right: 6px; }
.clt-rubric { background: #faf5ef; border-radius: 12px; padding: 14px; align-self: start; position: sticky; top: 12px; }
.clt-rubric h4 { margin: 0 0 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; }
.clt-band { display: flex; flex-direction: column; padding: 7px 9px; border-radius: 8px; font-size: 12.5px; border: 1px solid transparent; margin-bottom: 4px; }
.clt-band b { font-size: 12px; color: var(--clt-brown); }
.clt-band span { color: var(--clt-ink); line-height: 1.4; }
.clt-band.is-hit { background: #fff; border-color: var(--clt-brown); box-shadow: 0 2px 8px rgba(81,45,30,.08); }
.clt-scorebox { margin-top: 10px; border-top: 1px solid #eadccb; padding-top: 10px; }
.clt-scorebox label { font-weight: 600; display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.clt-root .clt-scorebox input[type=number] { width: 84px; font-size: 18px; font-weight: 700; text-align: center; padding: 6px; }
.clt-root .clt-scorebox textarea { width: 100%; font-size: 13px; }
.clt-scoretotal { text-align: center; display: flex; flex-direction: column; justify-content: center; }
.clt-scoretotal b { font-size: 32px; color: var(--clt-brown); line-height: 1.1; }
.clt-scoretotal span { font-size: 12px; color: var(--clt-muted); }
.clt-reviewhead { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.clt-reviewhead > div:first-child { flex: 1; min-width: 220px; }
.clt-reviewhead h2 { margin: 2px 0 4px; }
.clt-ring { --p: 0; width: 86px; height: 86px; border-radius: 50%; background: conic-gradient(#3f8a5c calc(var(--p) * 1%), #efe5da 0); display: grid; place-items: center; position: relative; }
.clt-ring::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #fff; }
.clt-ring b, .clt-ring span { position: relative; z-index: 1; text-align: center; }
.clt-ring b { font-size: 17px; line-height: 1; margin-top: 18px; }
.clt-ring span { font-size: 10.5px; color: var(--clt-muted); margin-top: -20px; }
.clt-results { display: grid; gap: 14px; }
.clt-result { border: 1px solid var(--clt-line); border-radius: 12px; padding: 12px 14px; background: #fff; }
.clt-result.is-winner { border-color: #3f8a5c; box-shadow: 0 0 0 2px #e3f1e7; }
.clt-result-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.clt-result-rank { display: inline-grid; place-items: center; min-width: 34px; height: 26px; border-radius: 99px; background: #f4ece3; font-weight: 700; font-size: 12.5px; margin-right: 6px; }
.clt-result-avg { text-align: right; display: flex; flex-direction: column; }
.clt-result-avg b { font-size: 26px; color: var(--clt-brown); line-height: 1; }
.clt-result-avg span { font-size: 11.5px; color: var(--clt-muted); }
.clt-scoretable .clt-avgrow td { background: #faf5ef; }
.clt-approve { margin-top: 18px; border-top: 1px solid var(--clt-line); padding-top: 12px; }
.clt-approve-row { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border: 1px solid var(--clt-line); border-radius: 10px; margin-bottom: 6px; background: #fff; cursor: pointer; }
.clt-approve-row:has(input:checked) { border-color: #3f8a5c; background: #f2f9f4; }
@container clt (max-width: 820px) {
  .clt-essaycard { grid-template-columns: 1fr; }
  .clt-rubric { position: static; }
  .clt-hosts { grid-template-columns: 1fr; }
}
.clt-root [hidden] { display: none !important; }
.clt-hostfacts li { display: block; position: relative; padding-left: 24px; }
.clt-hostfacts li svg { position: absolute; left: 0; top: 2px; margin: 0; }
.clt-steps { margin-top: 14px; }

/* 1.10: Where to stay */
.clt-hotels { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.clt-hotel { border: 1px solid var(--clt-line); border-radius: 14px; background: #fff; overflow: hidden; display: flex; flex-direction: column; }
.clt-hotel.is-official { border-color: #d9b891; box-shadow: 0 0 0 2px #f1e2cf; }
.clt-hotel-img { position: relative; aspect-ratio: 16 / 7; background: #f4ece3 center / cover no-repeat; display: flex; align-items: center; justify-content: center; color: #c9ab8b; }
.clt-hotel-img > svg { width: 34px; height: 34px; }
.clt-hotel-badge { position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 5px; background: var(--clt-brown, #5a3b22); color: #fff; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; border-radius: 99px; padding: 5px 10px; }
.clt-hotel-badge svg { width: 13px; height: 13px; }
.clt-hotel-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.clt-hotel-body p { margin: 0; }
.clt-hotel-head { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.clt-hotel-head > div { display: flex; flex-direction: column; min-width: 0; }
.clt-hotel-head strong { font-size: 16px; }
.clt-hotel-price { flex: none; background: var(--clt-bg); border-radius: 8px; padding: 4px 8px; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.clt-hotel-rate { display: flex; flex-wrap: wrap; gap: 6px 18px; background: #eef6f0; border: 1px solid #cfe5d6; border-radius: 10px; padding: 9px 12px; }
.clt-hotel-rate.is-ended { background: var(--clt-bg); border-color: var(--clt-line); opacity: .75; }
.clt-hotel-rate span { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--clt-muted); }
.clt-hotel-rate strong { font-size: 14.5px; }
.clt-hotel footer { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; border-top: 1px solid var(--clt-line); padding-top: 10px; }
@container clt (max-width: 480px) { .clt-hotels { grid-template-columns: 1fr; } }

/* 1.10: Announcements */
.clt-audience { display: grid; gap: 8px; margin-bottom: 6px; }
.clt-audience-groups { padding: 4px 4px 4px 34px; }
.clt-audience-groups[hidden], [data-for-chan][hidden] { display: none !important; }
.clt-audience .clt-pollopt { align-items: flex-start; }
.clt-audience .clt-pollopt input { margin-top: 3px; }
.clt-banner--announce { background: #f5ebe0; border-color: #e2c9ad; color: var(--clt-brown); align-items: flex-start; margin-bottom: 12px; }
.clt-banner--announce > svg { flex: none; width: 18px; height: 18px; margin-top: 2px; }
.clt-banner-text { flex: 1; min-width: 0; }
.clt-banner-actions { display: flex; align-items: center; gap: 12px; flex: none; }
.clt-banner--announce .clt-banner-actions a { margin: 0; color: var(--clt-brown); }
.clt-root .clt-banner-x { border: 0; background: none; box-shadow: none; padding: 0 4px; font-size: 20px; line-height: 1; color: var(--clt-muted); cursor: pointer; }
.clt-post.is-announce { border-left: 3px solid var(--clt-tan); }
.clt-post-a { background: #f5ebe0; color: var(--clt-brown); }

.clt-polledit { border: 1px solid var(--clt-line); background: #fffaf5; border-radius: 12px; padding: 4px 18px 18px; margin: 10px 0 6px; }
.clt-polledit[hidden] { display: none !important; }