.start-sit-workspace {
   display: grid;
   grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr);
   gap: 18px;
   align-items: start;
}

.compare-column h2,
.queue-column h2,
.suggestions-card h2 {
   margin: 0;
   color: var(--red-700);
}

.tool-copy {
   margin: 8px 0 0;
   color: var(--ink-700);
   font-size: 14px;
}

.league-profile-status {
   margin: 8px 0 0;
   color: #695156;
   font-size: 12px;
   font-weight: 700;
}

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

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

.feed-toolbar {
   margin-top: 12px;
   border: 1px solid #e0caa4;
   border-radius: 10px;
   background: linear-gradient(155deg, #fffef9 0%, #fff7e8 100%);
   padding: 10px;
   display: grid;
   grid-template-columns: auto minmax(90px, 120px) auto minmax(70px, 95px) auto 1fr;
   gap: 8px;
   align-items: center;
}

.feed-toolbar label {
   font-size: 12px;
   font-weight: 800;
   color: #5d4046;
}

.feed-toolbar input {
   border: 1px solid #cbb9a0;
   border-radius: 8px;
   background: #fffefb;
   color: #3f2f33;
   padding: 7px 9px;
   font-size: 13px;
}

.feed-toolbar input:focus {
   outline: 3px solid rgba(195, 140, 20, 0.28);
   outline-offset: 1px;
}

.matchup-feed-status {
   font-size: 12px;
   font-weight: 700;
   color: #695156;
   min-height: 18px;
}

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

.matchup-feed-status.success {
   color: #285d32;
}

.compare-grid {
   margin-top: 14px;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px 12px;
}

.compare-grid label {
   font-size: 12px;
   font-weight: 800;
   color: var(--ink-700);
   margin-top: 2px;
}

.compare-grid input,
.compare-grid select {
   border: 1px solid #cbb9a0;
   border-radius: 9px;
   background: #fffefb;
   color: #3f2f33;
   padding: 8px 10px;
   font-size: 14px;
}

.compare-grid input:focus,
.compare-grid select:focus {
   outline: 3px solid rgba(195, 140, 20, 0.28);
   outline-offset: 1px;
}

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

.tool-button-row button,
.queue-column button,
.suggestions-head button,
.top-suggestion-row button {
   border: 1px solid #7f131d;
   border-radius: 999px;
   background: linear-gradient(135deg, #a8212d 0%, #7f131d 100%);
   color: #fff9e8;
   font-size: 12px;
   font-weight: 800;
   letter-spacing: 0.01em;
   padding: 8px 12px;
   cursor: pointer;
   transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.tool-button-row button:hover,
.queue-column button:hover,
.suggestions-head button:hover,
.top-suggestion-row button:hover {
   transform: none;
   box-shadow: 0 8px 16px rgba(72, 9, 13, 0.2);
}

.tool-button-row button.secondary,
.queue-column button.secondary,
.suggestions-head button.secondary,
.top-suggestion-row button.secondary {
   border-color: #c8a567;
   background: linear-gradient(135deg, #fff7e4 0%, #f2dfbe 100%);
   color: #6a3b41;
}

.tool-button-row button.secondary.subtle,
.queue-column button.secondary.subtle {
   border-color: #c8d4dd;
   background: linear-gradient(135deg, #ffffff 0%, #f1f6fa 100%);
   color: #3a4f60;
}

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

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

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

.result-card {
   margin-top: 12px;
   border: 1px solid #d8ba87;
   border-radius: 12px;
   background: linear-gradient(170deg, #fffdf7 0%, #fff7e8 100%);
   padding: 14px;
   box-shadow: 0 12px 24px rgba(72, 9, 13, 0.12);
}

.recommendation-kicker {
   margin: 0;
   color: #8b1822;
   font-size: 11px;
   font-weight: 800;
   letter-spacing: 0.12em;
   text-transform: uppercase;
}

.result-card h3 {
   margin: 6px 0 0;
   color: #5d1119;
   font-size: 24px;
}

.recommendation-subtitle {
   margin: 6px 0 0;
   color: #68494e;
   font-size: 14px;
}

.confidence-meter-wrap {
   margin-top: 10px;
   display: flex;
   align-items: center;
   gap: 10px;
}

.confidence-meter-track {
   flex: 1;
   height: 12px;
   border-radius: 999px;
   background: #f2d9bc;
   border: 1px solid #dfb173;
   overflow: hidden;
}

.confidence-meter-fill {
   height: 100%;
   width: 0;
   border-radius: inherit;
   background: linear-gradient(90deg, #d26a3f 0%, #cb9f38 48%, #4a8a2e 100%);
   transition: width 220ms ease;
}

.confidence-label {
   font-size: 12px;
   font-weight: 800;
   color: #5f3137;
   white-space: nowrap;
}

.projection-grid {
   margin-top: 10px;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
}

.projection-grid section {
   border: 1px solid #e8d4b5;
   border-radius: 10px;
   background: #fffefb;
   padding: 9px;
}

.projection-grid h4 {
   margin: 0;
   font-size: 14px;
   color: #59363b;
}

.projection-score {
   margin: 4px 0 0;
   color: #7f131d;
   font-size: 18px;
   font-weight: 800;
}

.projection-opponent {
   margin: 4px 0 0;
   font-size: 12px;
   color: #5f4b50;
   font-weight: 700;
}

.recommendation-reasons {
   margin: 10px 0 0;
   padding-left: 18px;
   color: #654950;
   display: flex;
   flex-direction: column;
   gap: 5px;
   font-size: 13px;
}

.quick-action-row {
   margin-top: 12px;
}

.queue-column {
   border: 1px solid #e2c8a3;
   border-radius: 12px;
   background: linear-gradient(160deg, #fffcf3 0%, #fff6e7 100%);
   padding: 14px;
   box-shadow: 0 10px 22px rgba(72, 9, 13, 0.08);
}

#importMyTeamButton {
   margin-top: 12px;
}

.queue-group {
   margin-top: 12px;
}

.queue-group h3 {
   margin: 0;
   color: #7a1a23;
   font-size: 15px;
}

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

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

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

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

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

.queue-item button {
   padding: 5px 9px;
   font-size: 11px;
}

.queue-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;
}

#clearQueueButton {
   margin-top: 12px;
}

#clearDecisionHistoryButton {
   margin-top: 8px;
}

.suggestions-card {
   margin-top: 14px;
}

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

.top-suggestions-list {
   list-style: none;
   margin: 10px 0 0;
   padding: 0;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 10px;
}

.top-suggestion-row {
   border: 1px solid #e5d2b0;
   border-radius: 10px;
   background: #fffef9;
   padding: 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
}

.top-suggestion-main {
   display: flex;
   flex-direction: column;
   gap: 4px;
   min-width: 0;
}

.top-suggestion-name {
   font-size: 14px;
   font-weight: 800;
   color: #56353a;
}

.top-suggestion-meta {
   font-size: 12px;
   color: #785f64;
}

.top-suggestion-row button {
   padding: 6px 10px;
   font-size: 11px;
}

@media (max-width: 980px) {
   .start-sit-workspace {
      grid-template-columns: minmax(0, 1fr);
   }
}

@media (max-width: 720px) {
   .feed-toolbar {
      grid-template-columns: minmax(0, 1fr);
   }

   .compare-grid {
      grid-template-columns: minmax(0, 1fr);
   }

   .tool-button-row button,
   .queue-column button,
   .suggestions-head button,
   .top-suggestion-row button {
      width: 100%;
   }

   .projection-grid {
      grid-template-columns: minmax(0, 1fr);
   }

   .top-suggestions-list {
      grid-template-columns: minmax(0, 1fr);
   }

   .top-suggestion-row {
      flex-direction: column;
      align-items: stretch;
   }
}

:root[data-theme="dark"] .league-profile-status,
:root[data-theme="dark"] .tool-copy,
:root[data-theme="dark"] .compare-status,
:root[data-theme="dark"] .matchup-feed-status,
:root[data-theme="dark"] .recommendation-subtitle,
:root[data-theme="dark"] .projection-opponent,
:root[data-theme="dark"] .queue-item-meta,
:root[data-theme="dark"] .top-suggestion-meta,
:root[data-theme="dark"] .suggestion-subtle {
   color: #ffffff;
}

:root[data-theme="dark"] .feed-toolbar,
:root[data-theme="dark"] .queue-column,
:root[data-theme="dark"] .result-card,
:root[data-theme="dark"] .projection-grid section,
:root[data-theme="dark"] .queue-item,
:root[data-theme="dark"] .queue-empty,
:root[data-theme="dark"] .top-suggestion-row {
   border-color: #bf9a4a;
   background: linear-gradient(155deg, #000000 0%, #080808 100%);
   box-shadow: 0 12px 24px rgba(0, 0, 0, 0.62);
}

:root[data-theme="dark"] .compare-column h2,
:root[data-theme="dark"] .queue-column h2,
:root[data-theme="dark"] .suggestions-card h2,
:root[data-theme="dark"] .result-card h3,
:root[data-theme="dark"] .queue-group h3,
:root[data-theme="dark"] .top-suggestion-name,
:root[data-theme="dark"] .queue-item-name {
   color: #bf9a4a;
}

:root[data-theme="dark"] .compare-grid label,
:root[data-theme="dark"] .feed-toolbar label,
:root[data-theme="dark"] .recommendation-kicker,
:root[data-theme="dark"] .confidence-label,
:root[data-theme="dark"] .projection-score,
:root[data-theme="dark"] .snapshot-tag {
   color: #bf9a4a;
}

:root[data-theme="dark"] .compare-grid input,
:root[data-theme="dark"] .compare-grid select,
:root[data-theme="dark"] .feed-toolbar input,
:root[data-theme="dark"] .tool-button-row button,
:root[data-theme="dark"] .queue-column button,
:root[data-theme="dark"] .suggestions-head button,
:root[data-theme="dark"] .top-suggestion-row button {
   border-color: #bf9a4a;
   background: #000000;
   color: #ffffff;
}

:root[data-theme="dark"] .compare-grid input:focus,
:root[data-theme="dark"] .compare-grid select:focus,
:root[data-theme="dark"] .feed-toolbar input:focus {
   outline: none;
   border-color: #bf9a4a;
   box-shadow: 0 0 0 2px rgba(191, 154, 74, 0.35), 0 0 12px rgba(191, 154, 74, 0.15);
}

:root:not([data-theme="dark"]) .compare-grid input:focus,
:root:not([data-theme="dark"]) .compare-grid select:focus,
:root:not([data-theme="dark"]) .feed-toolbar input:focus {
   outline: none;
   border-color: #c7001f;
   box-shadow: 0 0 0 2px rgba(199, 0, 31, 0.2), 0 0 10px rgba(199, 0, 31, 0.08);
}

:root[data-theme="dark"] .confidence-meter-track {
   border-color: #bf9a4a;
   background: #000000;
}

:root[data-theme="dark"] .tool-button-row button:hover,
:root[data-theme="dark"] .queue-column button:hover,
:root[data-theme="dark"] .suggestions-head button:hover,
:root[data-theme="dark"] .top-suggestion-row button:hover {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

:root[data-theme="dark"] .league-profile-status.error,
:root[data-theme="dark"] .matchup-feed-status.error,
:root[data-theme="dark"] .compare-status.error {
   color: #ff6b80;
}

/* Light mode palette lock: #C7001F #000000 #FFFFFF #BF9A4A */
:root:not([data-theme="dark"]) .league-profile-status,
:root:not([data-theme="dark"]) .tool-copy,
:root:not([data-theme="dark"]) .compare-status,
:root:not([data-theme="dark"]) .matchup-feed-status,
:root:not([data-theme="dark"]) .recommendation-subtitle,
:root:not([data-theme="dark"]) .projection-opponent,
:root:not([data-theme="dark"]) .queue-item-meta,
:root:not([data-theme="dark"]) .top-suggestion-meta,
:root:not([data-theme="dark"]) .suggestion-subtle,
:root:not([data-theme="dark"]) .recommendation-reasons {
   color: #000000;
}

:root:not([data-theme="dark"]) .league-profile-status.error,
:root:not([data-theme="dark"]) .matchup-feed-status.error,
:root:not([data-theme="dark"]) .compare-status.error {
   color: #c7001f;
}

:root:not([data-theme="dark"]) .feed-toolbar,
:root:not([data-theme="dark"]) .queue-column,
:root:not([data-theme="dark"]) .result-card,
:root:not([data-theme="dark"]) .projection-grid section,
:root:not([data-theme="dark"]) .queue-item,
:root:not([data-theme="dark"]) .queue-empty,
:root:not([data-theme="dark"]) .top-suggestion-row {
   border-color: #bf9a4a;
   background: #ffffff;
}

:root:not([data-theme="dark"]) .compare-column h2,
:root:not([data-theme="dark"]) .queue-column h2,
:root:not([data-theme="dark"]) .suggestions-card h2,
:root:not([data-theme="dark"]) .result-card h3,
:root:not([data-theme="dark"]) .queue-group h3,
:root:not([data-theme="dark"]) .top-suggestion-name,
:root:not([data-theme="dark"]) .queue-item-name,
:root:not([data-theme="dark"]) .recommendation-kicker,
:root:not([data-theme="dark"]) .projection-score {
   color: #c7001f;
}

:root:not([data-theme="dark"]) .compare-grid label,
:root:not([data-theme="dark"]) .feed-toolbar label,
:root:not([data-theme="dark"]) .confidence-label,
:root:not([data-theme="dark"]) .snapshot-tag {
   color: #000000;
}

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

:root:not([data-theme="dark"]) .tool-button-row button,
:root:not([data-theme="dark"]) .queue-column button,
:root:not([data-theme="dark"]) .suggestions-head button,
:root:not([data-theme="dark"]) .top-suggestion-row button {
   border-color: #bf9a4a;
   background: #bf9a4a;
   color: #000000;
}

:root:not([data-theme="dark"]) .tool-button-row button.secondary,
:root:not([data-theme="dark"]) .queue-column button.secondary,
:root:not([data-theme="dark"]) .suggestions-head button.secondary,
:root:not([data-theme="dark"]) .top-suggestion-row button.secondary {
   border-color: #c7001f;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .tool-button-row button:hover,
:root:not([data-theme="dark"]) .queue-column button:hover,
:root:not([data-theme="dark"]) .suggestions-head button:hover,
:root:not([data-theme="dark"]) .top-suggestion-row button:hover {
   border-color: #c7001f;
   background: #c7001f;
   color: #ffffff;
}

:root:not([data-theme="dark"]) .confidence-meter-track {
   border-color: #bf9a4a;
   background: #ffffff;
}