.section-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   flex-wrap: wrap;
}

.section-head h2 {
   margin: 0;
}

.status-text {
   margin: 0;
   font-size: 13px;
   font-weight: 700;
   color: #665357;
}

.status-text.success {
   color: #27562c;
}

.status-text.error {
   color: #8d1e29;
}

.inline-action {
   text-decoration: none;
   border: 1px solid #c8a567;
   border-radius: 999px;
   background: linear-gradient(135deg, #fff7e4 0%, #f2dfbe 100%);
   color: #6a3b41;
   padding: 7px 11px;
   font-size: 12px;
   font-weight: 800;
   cursor: pointer;
}

.profile-chip-row {
   margin-top: 10px;
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.position-chip,
.profile-chip {
   border: 1px solid #debc87;
   border-radius: 999px;
   background: linear-gradient(135deg, #fff8e7 0%, #f8e8ca 100%);
   color: #6d4047;
   font-size: 12px;
   font-weight: 800;
   padding: 5px 10px;
}

.snapshot-list {
   list-style: none;
   margin: 10px 0 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.snapshot-item {
   border: 1px solid #e4d2b4;
   border-radius: 10px;
   background: #fffefb;
   padding: 8px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
}

.snapshot-main {
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 2px;
}

.snapshot-name {
   color: #53383c;
   font-size: 13px;
   font-weight: 800;
}

.snapshot-meta {
   color: #7a6468;
   font-size: 11px;
}

.snapshot-tag {
   color: #6d4047;
   font-size: 11px;
   font-weight: 800;
   border: 1px solid #debc87;
   border-radius: 999px;
   background: #fff8e7;
   padding: 4px 8px;
   white-space: nowrap;
}

.snapshot-empty {
   border: 2px dashed rgba(191, 154, 74, 0.4);
   border-radius: 12px;
   background: rgba(191, 154, 74, 0.04);
   color: #7f6a6f;
   padding: 24px 16px;
   font-size: 13.5px;
   text-align: center;
   line-height: 1.5;
}

.league-profile-card,
.history-card,
.create-team-card {
   margin-top: 14px;
}

/* ── Create Team ── */
.create-team-desc {
   margin: 6px 0 0;
   font-size: 13px;
   color: #7a6468;
}

.create-team-trigger {
   margin-top: 10px;
   border: 1px solid #7f131d;
   border-radius: 999px;
   background: linear-gradient(135deg, #a8212d 0%, #7f131d 100%);
   color: #fff9e8;
   font-size: 13px;
   font-weight: 800;
   padding: 10px 20px;
   cursor: pointer;
   transition: box-shadow 160ms ease;
}

.create-team-trigger:hover {
   box-shadow: 0 8px 16px rgba(72, 9, 13, 0.2);
}

.create-team-search-row {
   margin-top: 12px;
}

.create-team-search-row input {
   width: 100%;
   box-sizing: border-box;
   font-size: 14px;
   padding: 10px 14px;
   border: 2px solid #bf9a4a;
   border-radius: 10px;
   background: #fffefb;
   color: #53383c;
}

.create-team-results {
   list-style: none;
   margin: 8px 0 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 4px;
   max-height: 300px;
   overflow-y: auto;
}

.create-team-result-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   padding: 8px 10px;
   border: 1px solid #e4d2b4;
   border-radius: 8px;
   background: #fffefb;
}

.create-team-result-info {
   font-size: 13px;
   font-weight: 700;
   color: #53383c;
}

.create-team-action-btn {
   border: 1px solid #7f131d;
   border-radius: 999px;
   background: linear-gradient(135deg, #a8212d 0%, #7f131d 100%);
   color: #fff9e8;
   font-size: 11px;
   font-weight: 800;
   padding: 5px 12px;
   cursor: pointer;
   white-space: nowrap;
}

.create-team-action-btn.on-team {
   border-color: #27562c;
   background: #27562c;
   color: #ffffff;
   cursor: default;
}

.create-team-no-results {
   padding: 12px;
   font-size: 13px;
   color: #7a6468;
   text-align: center;
}

.create-team-roster-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   margin-top: 16px;
}

.create-team-roster-head h3 {
   margin: 0;
   font-size: 15px;
   color: #7a1a23;
}

.create-team-remove-btn {
   border: 1px solid #8d1e29;
   border-radius: 999px;
   background: transparent;
   color: #8d1e29;
   font-size: 11px;
   font-weight: 700;
   padding: 4px 10px;
   cursor: pointer;
   white-space: nowrap;
}

.create-team-remove-btn:hover {
   background: #8d1e29;
   color: #ffffff;
}

/* ── League Profile Edit Form ── */
.league-profile-checkbox-wrap {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 13px;
   color: #53383c;
}

:root[data-theme="dark"] .status-text,
:root[data-theme="dark"] .snapshot-meta {
   color: #ffffff;
}

:root[data-theme="dark"] .snapshot-name,
:root[data-theme="dark"] .section-head h2 {
   color: #bf9a4a;
}

:root[data-theme="dark"] .profile-chip,
:root[data-theme="dark"] .inline-action {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

/* ── Position-colored chips removed ── */

:root[data-theme="dark"] .snapshot-item,
:root[data-theme="dark"] .snapshot-empty,
:root[data-theme="dark"] .create-team-result-item {
   border-color: #bf9a4a;
   background: linear-gradient(155deg, #000000 0%, #080808 100%);
}

:root[data-theme="dark"] .inline-action:hover {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

:root[data-theme="dark"] .status-text.error {
   color: #ff6b80;
}

:root[data-theme="dark"] .create-team-desc {
   color: #cccccc;
}

:root[data-theme="dark"] .create-team-trigger {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

:root[data-theme="dark"] .create-team-trigger:hover {
   background: #bf9a4a;
   color: #000000;
}

:root[data-theme="dark"] .create-team-search-row input {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

:root[data-theme="dark"] .create-team-result-info {
   color: #ffffff;
}

:root[data-theme="dark"] .create-team-action-btn {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

:root[data-theme="dark"] .create-team-action-btn.on-team {
   border-color: #4caf50;
   background: #4caf50;
   color: #000000;
}

:root[data-theme="dark"] .create-team-no-results {
   color: #cccccc;
}

:root[data-theme="dark"] .create-team-roster-head h3 {
   color: #bf9a4a;
}

:root[data-theme="dark"] .create-team-remove-btn {
   border-color: #bf9a4a;
   color: #bf9a4a;
}

:root[data-theme="dark"] .create-team-remove-btn:hover {
   background: #bf9a4a;
   color: #000000;
}

:root[data-theme="dark"] .league-profile-checkbox-wrap {
   color: #ffffff;
}

/* ── Sync League Card ── */
.sync-league-card {
   margin-top: 14px;
}

.sync-league-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   flex-wrap: wrap;
}

.sync-league-head h2 {
   margin: 0;
}

.sync-league-desc {
   margin: 6px 0 0;
   font-size: 13px;
   color: #7a6468;
}

.sync-league-trigger {
   border: 1px solid #7f131d;
   border-radius: 999px;
   background: linear-gradient(135deg, #a8212d 0%, #7f131d 100%);
   color: #fff9e8;
   font-size: 13px;
   font-weight: 800;
   padding: 10px 20px;
   cursor: pointer;
   transition: transform 160ms ease, box-shadow 160ms ease;
}

.sync-league-trigger:hover {
   transform: none;
   box-shadow: 0 8px 16px rgba(72, 9, 13, 0.2);
}

.sync-platform-prompt {
   margin: 14px 0 10px;
   font-size: 14px;
   font-weight: 800;
   color: #53383c;
}

.sync-platform-buttons {
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
}

.sync-platform-btn {
   flex: 1;
   min-width: 100px;
   border: 2px solid #bf9a4a;
   border-radius: 12px;
   background: linear-gradient(135deg, #fff8e7 0%, #f2dfbe 100%);
   color: #53383c;
   font-size: 15px;
   font-weight: 800;
   padding: 16px 12px;
   cursor: pointer;
   transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.sync-platform-btn:hover {
   border-color: #7f131d;
   background: linear-gradient(135deg, #fff0d0 0%, #edd5a8 100%);
   transform: translateY(-2px);
}

.sync-form {
   margin-top: 14px;
}

.sync-form h3 {
   margin: 0 0 10px;
   font-size: 16px;
   font-weight: 800;
   color: #7a1a23;
}

.sync-form-hint {
   margin: 0 0 10px;
   font-size: 12px;
   color: #7a6468;
}

.sync-form-hint a {
   color: #7f131d;
}

.sync-grid {
   display: grid;
   grid-template-columns: auto 1fr;
   gap: 8px 12px;
   align-items: center;
}

.sync-grid label {
   font-size: 13px;
   font-weight: 700;
   color: #53383c;
}

.sync-grid input,
.sync-grid select,
.sync-grid textarea {
   font-size: 13px;
   padding: 7px 10px;
   border: 1px solid #debc87;
   border-radius: 8px;
   background: #fffefb;
   color: #53383c;
}

.sync-grid textarea {
   grid-column: 1 / -1;
   resize: vertical;
}

.sync-button-row {
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
   margin-top: 12px;
}

.sync-btn {
   border: 1px solid #7f131d;
   border-radius: 999px;
   background: linear-gradient(135deg, #a8212d 0%, #7f131d 100%);
   color: #fff9e8;
   font-size: 12px;
   font-weight: 800;
   padding: 8px 16px;
   cursor: pointer;
   transition: box-shadow 160ms ease;
}

.sync-btn:hover:not(:disabled) {
   box-shadow: 0 6px 12px rgba(72, 9, 13, 0.2);
}

.sync-btn:disabled {
   opacity: 0.6;
   cursor: wait;
}

.sync-btn.secondary {
   background: linear-gradient(135deg, #fff7e4 0%, #f2dfbe 100%);
   color: #6a3b41;
   border-color: #c8a567;
}

.sync-btn.subtle {
   background: transparent;
   border-color: #debc87;
   color: #7a6468;
}

.sync-summary-list {
   list-style: none;
   margin: 10px 0 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 4px;
   font-size: 12px;
   color: #53383c;
}

.sync-summary-list li {
   padding: 4px 0;
   border-bottom: 1px solid rgba(191, 154, 74, 0.2);
}

.sync-summary-list li.empty {
   color: #7a6468;
   font-style: italic;
}

.espn-advanced-toggle {
   margin-top: 10px;
   font-size: 13px;
   color: #7a6468;
}

.espn-advanced-toggle summary {
   cursor: pointer;
   font-weight: 700;
}

.espn-advanced-toggle .sync-grid {
   margin-top: 8px;
}

/* ── Sync League dark mode ── */
:root[data-theme="dark"] .sync-league-desc,
:root[data-theme="dark"] .sync-platform-prompt {
   color: #ffffff;
}

:root[data-theme="dark"] .sync-league-trigger {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

:root[data-theme="dark"] .sync-league-trigger:hover {
   background: #bf9a4a;
   color: #000000;
}

:root[data-theme="dark"] .sync-platform-btn {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

:root[data-theme="dark"] .sync-platform-btn:hover {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

:root[data-theme="dark"] .sync-form h3 {
   color: #bf9a4a;
}

:root[data-theme="dark"] .sync-form-hint {
   color: #cccccc;
}

:root[data-theme="dark"] .sync-form-hint a {
   color: #bf9a4a;
}

:root[data-theme="dark"] .sync-grid label {
   color: #ffffff;
}

:root[data-theme="dark"] .sync-grid input,
:root[data-theme="dark"] .sync-grid select,
:root[data-theme="dark"] .sync-grid textarea {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

:root[data-theme="dark"] .sync-btn {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

:root[data-theme="dark"] .sync-btn:hover:not(:disabled) {
   background: #bf9a4a;
   color: #000000;
}

:root[data-theme="dark"] .sync-btn.secondary {
   background: #000000;
   color: #ffffff;
   border-color: #bf9a4a;
}

:root[data-theme="dark"] .sync-btn.subtle {
   background: transparent;
   border-color: #bf9a4a;
   color: #cccccc;
}

:root[data-theme="dark"] .sync-summary-list {
   color: #ffffff;
}

:root[data-theme="dark"] .sync-summary-list li {
   border-bottom-color: rgba(191, 154, 74, 0.3);
}

:root[data-theme="dark"] .sync-summary-list li.empty {
   color: #cccccc;
}

:root[data-theme="dark"] .espn-advanced-toggle {
   color: #cccccc;
}

/* ── Sync League light mode ── */
:root:not([data-theme="dark"]) .sync-league-trigger {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

:root:not([data-theme="dark"]) .sync-league-trigger:hover {
   border-color: #c7001f;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .sync-platform-btn {
   border-color: #bf9a4a;
   background: #ffffff;
   color: #000000;
}

:root:not([data-theme="dark"]) .sync-platform-btn:hover {
   border-color: #c7001f;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .sync-form h3 {
   color: #000000;
}

:root:not([data-theme="dark"]) .sync-grid label {
   color: #000000;
}

:root:not([data-theme="dark"]) .sync-grid input,
:root:not([data-theme="dark"]) .sync-grid select,
:root:not([data-theme="dark"]) .sync-grid textarea {
   border-color: #bf9a4a;
   background: #ffffff;
   color: #000000;
}

:root:not([data-theme="dark"]) .sync-btn {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

:root:not([data-theme="dark"]) .sync-btn:hover:not(:disabled) {
   border-color: #c7001f;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .sync-btn.secondary {
   background: #ffffff;
   color: #000000;
   border-color: #bf9a4a;
}

:root:not([data-theme="dark"]) .sync-btn.secondary:hover:not(:disabled) {
   background: #bf9a4a;
   color: #000000;
}

:root:not([data-theme="dark"]) .sync-btn.subtle {
   background: transparent;
   border-color: #bf9a4a;
   color: #000000;
}

:root:not([data-theme="dark"]) .sync-summary-list {
   color: #000000;
}

/* Light mode palette lock: #C7001F #000000 #FFFFFF #BF9A4A */
:root:not([data-theme="dark"]) .status-text,
:root:not([data-theme="dark"]) .snapshot-meta,
:root:not([data-theme="dark"]) .snapshot-name,
:root:not([data-theme="dark"]) .section-head h2 {
   color: #000000;
}

:root:not([data-theme="dark"]) .create-team-trigger {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

:root:not([data-theme="dark"]) .create-team-trigger:hover {
   border-color: #c7001f;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .create-team-action-btn {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

:root:not([data-theme="dark"]) .create-team-action-btn:hover {
   border-color: #c7001f;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .create-team-action-btn.on-team {
   border-color: #27562c;
   background: #27562c;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .status-text.error {
   color: #c7001f;
}

:root:not([data-theme="dark"]) .position-chip,
:root:not([data-theme="dark"]) .profile-chip,
:root:not([data-theme="dark"]) .snapshot-tag,
:root:not([data-theme="dark"]) .inline-action,
:root:not([data-theme="dark"]) #refreshDashboardButton {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

/* ── Position-colored chips & tags (light mode) ── */
:root:not([data-theme="dark"]) .position-chip[data-position="QB"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="QB"] {
   border-color: #3d8e41;
   background: #4caf50;
   color: #000000;
}

:root:not([data-theme="dark"]) .position-chip[data-position="RB"],
:root:not([data-theme="dark"]) .position-chip[data-position="HB"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="RB"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="HB"] {
   border-color: #1b7fd0;
   background: #2196f3;
   color: #000000;
}

:root:not([data-theme="dark"]) .position-chip[data-position="WR"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="WR"] {
   border-color: #9f0018;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .position-chip[data-position="TE"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="TE"] {
   border-color: #7f1f90;
   background: #9c27b0;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .position-chip[data-position="K"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="K"] {
   border-color: #c68400;
   background: #ff9800;
   color: #000000;
}

:root:not([data-theme="dark"]) .position-chip[data-position="DST"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="DST"],
:root:not([data-theme="dark"]) .position-chip[data-position="DEF"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="DEF"] {
   border-color: #5d4037;
   background: #795548;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .position-chip[data-position="FLEX"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="FLEX"],
:root:not([data-theme="dark"]) .position-chip[data-position="SUPERFLEX"],
:root:not([data-theme="dark"]) .snapshot-tag[data-position="SUPERFLEX"] {
   border-color: #4d6672;
   background: #607d8b;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .inline-action:hover,
:root:not([data-theme="dark"]) #refreshDashboardButton:hover:not(:disabled) {
   border-color: #c7001f;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .snapshot-item,
:root:not([data-theme="dark"]) .snapshot-empty {
   border-color: #bf9a4a;
   background: #ffffff;
}