/* Focused Shortlists workspace ------------------------------------------------ */
.shortlists-page {
    min-height: calc(100vh - 150px); margin: 0; padding: 0 18px 20px;
    background: #f4f6f9; border: 1px solid #e2e8f0; border-top: 0;
    border-radius: 0 0 8px 8px; color: #172b42;
}
.shortlists-intro {
    display: flex; align-items: center; justify-content: space-between; gap: 30px;
    margin-bottom: 12px; padding: 17px 20px; background: #fff;
    border: 1px solid #dce3eb; border-left: 4px solid #176ac6; border-radius: 6px;
}
.shortlists-intro h2 {
    margin: 2px 0 3px; color: #123c65;
    font-family: var(--font-display, "Barlow Condensed", sans-serif);
    font-size: 1.42rem; line-height: 1.05;
}
.shortlists-intro p { max-width: 720px; margin: 0; color: #5c6d80; font-size: .86rem; }
.shortlists-eyebrow, .sl-active-kicker, .sl-owner-label {
    color: #176ac6; font-size: .66rem; font-weight: 800; letter-spacing: .095em;
}
.shortlists-intro-guide {
    display: flex; flex-direction: column; min-width: 270px; padding-left: 18px;
    border-left: 1px solid #dce3eb;
}
.shortlists-intro-guide strong { color: #123c65; font-size: .78rem; }
.shortlists-intro-guide span { margin-top: 3px; color: #6c7b8c; font-size: .75rem; }
.shortlists-workspace {
    display: block; margin: 0; padding: 16px; background: #fff;
    border: 1px solid #dce3eb; border-radius: 6px;
}
.shortlists-workspace > #sl-appscout-wrap,
.shortlists-workspace > #sl-olocip-wrap { display: block !important; }
.shortlists-page .sl-global-msg:empty { display: none; }
.shortlists-page .sl-global-msg:not(:empty) {
    min-height: 0; margin: 0 0 10px; padding: 8px 11px;
    background: #edf4fa; border-left: 3px solid #3978b1; border-radius: 3px;
}
.shortlists-page .sl-section {
    margin: 0 0 9px; padding: 10px 12px; border: 1px solid #e0e6ed;
    border-radius: 5px; box-shadow: none;
}
.shortlists-page .sl-scouts-title {
    margin: 0 0 7px; color: #53677d; font-size: .66rem;
    font-weight: 800; letter-spacing: .075em;
}
.sl-selection-bar {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px; margin-bottom: 10px;
}
.shortlists-page .sl-selector-section {
    min-width: 0; width: 100%; margin: 0; padding: 12px 14px;
    background: #f8fafc; box-sizing: border-box;
}
.shortlists-page .sl-scout-buttons,
.shortlists-page .sl-chips-row {
    display: block; min-width: 0; width: 100%; margin: 0;
}
.shortlists-page .sl-scout-buttons > .sl-clean-select,
.shortlists-page .sl-chips-row > .sl-clean-select {
    display: block; min-width: 100%; width: 100% !important; max-width: 100%;
}
#sl-scout-select,
#sl-list-select { width: 100% !important; min-width: 100% !important; }
.shortlists-page .sl-clean-select {
    display: block; min-width: 0; width: 100% !important;
    max-width: 100%; font-size: .82rem; box-sizing: border-box;
}
.shortlists-page .sl-scout-buttons > .sl-clean-select { flex: none; }
.shortlists-page .sl-clean-select .Select,
.shortlists-page .sl-clean-select .Select-control,
.shortlists-page .sl-clean-select .Select-multi-value-wrapper { min-width: 0; max-width: 100%; }
.shortlists-page .sl-clean-select .Select-control {
    height: 38px; border: 1px solid #cbd7e3; border-radius: 4px; box-shadow: none;
}
.shortlists-page .sl-clean-select.is-focused .Select-control,
.shortlists-page .sl-clean-select .Select-control:hover { border-color: #3978b1; box-shadow: none; }
.shortlists-page .sl-clean-select .Select-placeholder,
.shortlists-page .sl-clean-select .Select-value-label { line-height: 36px; color: #183d61 !important; }
.shortlists-page .sl-clean-select.is-disabled .Select-control { background: #edf2f6; }
.shortlists-page .sl-clean-select.is-disabled .Select-value-label { color: #526a81 !important; }
.sl-current-owner { display: flex; align-items: baseline; gap: 10px; }
.sl-owner-name { color: #112f4f; font-size: .94rem; }
.shortlists-page .sl-chip {
    min-height: 34px; border-radius: 4px; border-color: #cfdae6; box-shadow: none;
}
.shortlists-page .sl-chip:hover { border-color: #176ac6; background: #f3f8fd; }
.shortlists-page .sl-chip.active { background: #164e7a; border-color: #164e7a; }
.shortlists-page .sl-create-inline { margin: 7px 0 0; max-width: none; }
.shortlists-page .sl-create-inline > summary {
    width: max-content; cursor: pointer; list-style: none; color: #667b90;
    font-size: .68rem; font-weight: 700;
}
.shortlists-page .sl-create-inline > summary::-webkit-details-marker { display: none; }
.shortlists-page .sl-create-inline > summary::before { content: "+ "; color: #3978b1; }
.shortlists-page .sl-create-note {
    max-width: 520px; margin: 7px 0 0; color: #718195;
    font-size: .68rem; line-height: 1.4;
}
.shortlists-page .sl-create-note strong { color: #516b83; font-weight: 700; }
.shortlists-page .sl-create-form { display: flex; gap: 7px; margin-top: 7px; max-width: 430px; }
.shortlists-page .sl-create-form .filter-input { min-height: 34px; flex: 1; }
.shortlists-page .sl-create-form .home-search-btn { min-height: 34px; padding: 0 14px; }
.sl-active-header {
    display: flex; align-items: center; justify-content: space-between;
    margin: 13px 0 9px; padding: 11px 14px; background: #edf4fa;
    border: 1px solid #d4e1ed; border-left: 4px solid #164e7a; border-radius: 5px;
}
.sl-active-title {
    margin: 1px 0 0; color: #102f50;
    font-family: var(--font-display, "Barlow Condensed", sans-serif); font-size: 1.25rem;
}
.sl-active-count {
    padding: 4px 9px; color: #164e7a; background: #fff;
    border: 1px solid #c8d8e7; border-radius: 999px; font-size: .72rem; font-weight: 700;
}
.sl-optional-filters > summary, .sl-player-insights > summary {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    cursor: pointer; list-style: none;
}
.sl-optional-filters > summary::-webkit-details-marker,
.sl-player-insights > summary::-webkit-details-marker { display: none; }
.sl-filter-summary-title { color: #173f66; font-size: .8rem; font-weight: 750; }
.sl-filter-summary-copy { color: #778598; font-size: .72rem; }
.sl-optional-filters[open] > summary { padding-bottom: 10px; }
#sl-filter-bar .sl-analysis-filters {
    display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, .85fr);
    gap: 12px; align-items: stretch;
}
#sl-filter-bar .sl-analysis-control {
    min-width: 0; padding: 13px 15px 11px; background: #f7f9fc;
    border: 1px solid #dce4ed; border-radius: 5px;
}
#sl-filter-bar .sl-analysis-control-head {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: 12px; margin-bottom: 10px;
}
#sl-filter-bar .sl-analysis-control-head label {
    margin: 0; color: #183f64; font-size: .75rem; font-weight: 800;
}
#sl-filter-bar .sl-analysis-help { color: #8492a2; font-size: .64rem; }
#sl-filter-bar .sl-market-slider { margin: 8px 13px 16px; padding: 0 4px; }
#sl-filter-bar .sl-market-slider .rc-slider-rail {
    height: 5px; background: #dce5ee; border-radius: 999px;
}
#sl-filter-bar .sl-market-slider .rc-slider-track {
    height: 5px; background: linear-gradient(90deg, #4b91c8, #145f9e); border-radius: 999px;
}
#sl-filter-bar .sl-market-slider .rc-slider-handle {
    width: 18px; height: 18px; margin-top: -7px;
    border: 3px solid #176ac6; background: #fff;
    box-shadow: 0 2px 7px rgba(17,56,88,.24); opacity: 1;
}
#sl-filter-bar .sl-market-slider .rc-slider-handle:hover,
#sl-filter-bar .sl-market-slider .rc-slider-handle:focus {
    border-color: #0f528d; box-shadow: 0 0 0 4px rgba(23,106,198,.12);
}
#sl-filter-bar .sl-market-slider .rc-slider-dot-active { border-color: #3978b1; }
#sl-filter-bar .sl-market-slider .rc-slider-mark-text {
    color: #73869a; font-size: .64rem; white-space: nowrap;
}
#sl-filter-bar .sl-contract-select .Select-control { background: #fff; }
.shortlists-page .campo {
    padding: 14px; background: linear-gradient(145deg, #397ba6 0%, #185681 52%, #0f466f 100%);
    border: 1px solid #0d4269; border-radius: 6px; box-shadow: none;
}
.shortlists-page .campo-card {
    border: 1px solid rgba(11, 49, 79, .16); border-radius: 5px;
    box-shadow: 0 2px 7px rgba(8, 35, 57, .18);
}
.shortlists-page .campo-card-header { padding: .38rem .35rem; background: #eaf0f5; font-size: .79rem; }
.shortlists-page .campo-row { padding: .29rem .52rem; }
.sl-player-insights {
    margin-top: 10px; padding: 12px 14px; background: #f8fafc;
    border: 1px solid #dce4ec; border-radius: 5px;
}
.sl-insights-title { color: #123c65; font-size: .84rem; font-weight: 800; }
.sl-insights-count { color: #66788b; font-size: .72rem; }
.sl-insights-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px; padding-top: 12px;
}
.sl-insight-card { min-width: 0; padding: 11px; background: #fff; border: 1px solid #dfe6ed; border-radius: 5px; }
.sl-insight-head { display: flex; align-items: center; gap: 10px; }
.sl-insight-photo {
    width: 45px; height: 51px; flex: 0 0 auto; object-fit: cover; object-position: center 18%;
    background: #e8edf2; border-radius: 4px;
}
.sl-insight-identity { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.sl-insight-identity strong { overflow: hidden; color: #123c65; font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.sl-insight-identity span { overflow: hidden; color: #6d7d8e; font-size: .71rem; text-overflow: ellipsis; white-space: nowrap; }
.sl-insight-rating { display: flex; align-items: center; gap: 6px; }
.sl-insight-rating .scout-rating { max-width: 120px; font-size: .64rem; }
.sl-insight-note { color: #123c65; font-family: var(--font-display, sans-serif); font-size: 1.08rem; font-weight: 800; }
.sl-insight-meta { margin-top: 8px; color: #77869a; font-size: .67rem; font-weight: 650; text-transform: uppercase; }
.sl-insight-comment, .sl-insight-mental { margin: 5px 0 0; color: #33495f; font-size: .77rem; line-height: 1.42; }
.sl-insight-mental { color: #596c7f; }
.sl-insight-link {
    display: inline-block; margin-top: 7px; color: #718195; font-size: .66rem;
    font-weight: 650; text-decoration: none; border-bottom: 1px solid transparent;
}
.sl-insight-link:hover { text-decoration: underline; }
.shortlists-page .sl-add-block {
    margin: 0 0 10px; padding: 13px 14px; background: #f7faff;
    border: 1px solid #d4e2ef; border-left: 4px solid #3978b1;
    border-radius: 5px; box-shadow: none;
}
.shortlists-page .sl-add-heading {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: 16px; margin-bottom: 9px;
}
.shortlists-page .sl-add-heading h4 {
    margin: 0; color: #173f66; font: 700 .82rem var(--font-body, Arial, sans-serif);
}
.shortlists-page .sl-add-heading span { color: #7a8da0; font-size: .68rem; }
.shortlists-data-page .shortlists-workspace { padding: 14px; }
.shortlists-data-page .sl-olo-controls { margin-top: 0; }
@media (max-width: 900px) {
    .shortlists-page { padding: 0 8px 12px; }
    .shortlists-intro { align-items: flex-start; flex-direction: column; }
    .shortlists-intro-guide { min-width: 0; padding: 0; border-left: 0; }
    .sl-selection-bar { grid-template-columns: 1fr; }
    #sl-filter-bar .sl-analysis-filters { grid-template-columns: 1fr; }
    .sl-insights-grid { grid-template-columns: 1fr; }
}
