/* Mobile-Friendly Responsive Styles for Horse Stable List */

        .stable_horse_list_expand_toggle {
            cursor: pointer;
            color: #0066cc;
            font-weight: bold;
            user-select: none;
            display: none;
            padding: 4px 8px;
        }

        .stable_horse_list_expand_toggle:hover {
        color: #004499;
        }

        .stable_horse_list_expanded_info {
            display: none;
            padding: 12px;
            background-color: #f8f9fa;
            border-top: 1px solid #dee2e6;
            width: 100%;
        }

        .stable_horse_list_expanded_info.stable_horse_list_show {
        display: block;
        }

        .stable_horse_list_expanded_info.stable_horse_list_show {
            display: block;
        }

        .stable_horse_list_expanded_row {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 8px;
        }

        .stable_horse_list_expanded_item {
        display: flex;
        flex-direction: column;
        min-width: 80px;
        }

        .stable_horse_list_expanded_label {
        font-weight: 600;
        font-size: 0.75rem;
        color: #666;
        text-transform: uppercase;
        margin-bottom: 4px;
        }

        .stable_horse_list_expanded_value {
        font-size: 0.95rem;
        }

        /* Responsive column hiding */
        @media (max-width: 1400px) {
        .stable_horse_list_col_p,
        .stable_horse_list_col_s {
            display: none;
        }
        .stable_horse_list_expand_toggle {
            display: inline-block;
        }
        }

        @media (max-width: 1300px) {
        .stable_horse_list_col_bred {
            display: none;
        }
        }

        @media (max-width: 1200px) {
        .stable_horse_list_col_r {
            display: none;
        }
        }

        @media (max-width: 1100px) {
        .stable_horse_list_col_itm {
            display: none;
        }
        }

        @media (max-width: 1000px) {
        .stable_horse_list_col_usd {
            display: none;
        }
        }

        @media (max-width: 900px) {
        .stable_horse_list_col_w {
            display: none;
        }
        }

        @media (max-width: 800px) {
        .stable_horse_list_col_badges {
            display: none;
        }
        }

        @media (max-width: 700px) {
        .stable_horse_list_col_sex {
            display: none;
        }
        }

        @media (max-width: 650px) {
        .stable_horse_list_col_age {
            display: none;
        }
        }

        @media (max-width: 600px) {
        .stable_horse_list_col_last {
            display: none;
        }
        }

        @media (max-width: 550px) {
        .stable_horse_list_col_quick {
            display: none;
        }
        }

        @media (max-width: 500px) {
        .stable_horse_list_col_status {
            display: none;
        }
        }

        .claims_th-expand,
.claims_td-expand {
    display: none;
    width: 40px;
    text-align: center;
}

.claims_expand-header {
    font-size: 14px;
}

.claims_expand-btn {
    background-color: #0066cc;
    color: white;
    border: 1px solid #0052a3;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 3px;
    transition: transform 0.3s ease;
}

.claims_expand-btn:hover {
    background-color: #0052a3;
}

.claims_expand-btn.claims_expanded {
    transform: rotate(180deg);
}

.claims_detail-row {
    background-color: #f9f9f9;
}

.claims_detail-cell {
    padding: 15px !important;
}

.claims_detail-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.claims_detail-item {
    display: flex;
    flex-direction: column;
    padding: 8px;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.claims_detail-label {
    font-weight: bold;
    color: #228b22;
    font-size: 11px;
    margin-bottom: 4px;
}

.claims_detail-value {
    font-size: 13px;
    color: #333;
}

/* Show expand column when any column is hidden */
@media (max-width: 1200px) {
    .claims_th-expand,
    .claims_td-expand {
        display: table-cell;
    }
}

.jockey_detail_row {
  grid-column: 1 / -1;
  display: none;
  background-color: #f5f5f5;
  padding: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.jockey_detail_row.jockey_show {
  display: block;
}


.stable_page_container {
    max-width: 1400px;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
}

.stable_page_header {
    background: linear-gradient(135deg, #1a7a1a 0%, #2d9b2d 100%);
    color: white;
    padding: 25px;
    border-radius: 8px 8px 0 0;
}

.stable_page_header h1 {
    font-size: 28px;
    margin-bottom: 10px;
}

.stable_page_header_info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.stable_page_info_card {
    background: rgba(255,255,255,0.15);
    padding: 15px;
    border-radius: 6px;
    backdrop-filter: blur(10px);
}

.stable_page_info_card.stable_page_clickable {
    cursor: pointer;
    transition: background 0.3s;
}

.stable_page_info_card.stable_page_clickable:hover {
    background: rgba(255,255,255,0.25);
}

.stable_page_info_label {
    font-size: 12px;
    opacity: 0.9;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stable_page_info_value {
    font-size: 18px;
    font-weight: bold;
}

.stable_page_credits {
    font-size: 24px;
    color: #ffd700;
}

.stable_page_credits_hidden {
    font-size: 14px;
    color: #ffd700;
}

.stable_page_status_inactive {
    color: #ff6b6b;
    font-weight: bold;
}

.stable_page_actions {
    padding: 20px 25px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.stable_page_btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s;
}

.stable_page_btn_primary {
    background: #1a7a1a;
    color: white;
}

.stable_page_btn_primary:hover {
    background: #145c14;
}

.stable_page_btn_secondary {
    background: #2d9b2d;
    color: white;
}

.stable_page_btn_secondary:hover {
    background: #247d24;
}

.stable_page_btn_settings {
    background: #666;
    color: white;
    margin-left: auto;
}

.stable_page_btn_settings:hover {
    background: #555;
}

.stable_page_content {
    padding: 25px;
}

.stable_page_section {
    margin-bottom: 30px;
}

.stable_page_section_title {
    font-size: 20px;
    color: #1a7a1a;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #1a7a1a;
}

.stable_page_table_wrapper {
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.stable_page_table {
    width: 100%;
    border-collapse: collapse;
}

.stable_page_table thead {
    background: #1a7a1a;
    color: white;
}

.stable_page_table th {
    padding: 12px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
}

.stable_page_table td {
    padding: 12px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    white-space: nowrap;
}

.stable_page_table tbody tr:hover {
    background: #f9f9f9;
}

.stable_page_table tbody tr:last-child td {
    border-bottom: none;
}

.stable_page_expand_btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #1a7a1a;
    padding: 0 5px;
    transition: transform 0.3s;
    display: none;
}

.stable_page_expand_btn:hover {
    color: #2d9b2d;
}

.stable_page_expand_btn.stable_page_expanded {
    transform: rotate(180deg);
}

.stable_page_expand_col {
    display: none;
    width: 40px;
}

.stable_page_detail_row {
    display: none;
    background: #f0f8f0;
}

.stable_page_detail_row.stable_page_show {
    display: table-row;
}

.stable_page_detail_cell {
    padding: 15px !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.stable_page_detail_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.stable_page_detail_item {
    padding: 8px;
    background: white;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.stable_page_detail_label {
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.stable_page_detail_value {
    font-size: 14px;
    font-weight: 600;
    color: #1a7a1a;
}

/* RACING STATISTICS - Hide order: P&S (1st), Residency, A&I, W, ITM% (last) */
@media (max-width: 1200px) {
    .stable_page_racing_col_p,
    .stable_page_racing_col_s { display: none; }
    .stable_page_racing_expand_col { display: table-cell; }
    .stable_page_racing_expand_btn { display: inline-block; }
}

@media (max-width: 1100px) {
    .stable_page_racing_col_residency { display: none; }
}

@media (max-width: 1000px) {
    .stable_page_racing_col_a,
    .stable_page_racing_col_i { display: none; }
}

@media (max-width: 900px) {
    .stable_page_racing_col_w { display: none; }
}

@media (max-width: 800px) {
    .stable_page_racing_col_itm { display: none; }
}

/* FINANCIAL OVERVIEW - Hide order: +$5Max/Dy (1st), PndAuct, PndClm, PndPnt, USD (last) */
@media (max-width: 1200px) {
    .stable_page_fin_col_5max { display: none; }
    .stable_page_fin_expand_col { display: table-cell; }
    .stable_page_fin_expand_btn { display: inline-block; }
}

@media (max-width: 1100px) {
    .stable_page_fin_col_pndauct { display: none; }
}

@media (max-width: 1000px) {
    .stable_page_fin_col_pndclm { display: none; }
}

@media (max-width: 900px) {
    .stable_page_fin_col_pndpnt { display: none; }
}

@media (max-width: 800px) {
    .stable_page_fin_col_usd { display: none; }
}

.stable_page_settings_panel {
    display: none !important;
    background: #f9f9f9;
    padding: 25px;
    border-radius: 6px;
    margin: 0 25px 20px 25px;
}

.stable_page_settings_panel.stable_page_active {
    display: block  !important;
}

.stable_page_form_group {
    margin-bottom: 20px;
}

.stable_page_form_label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.stable_page_form_input {
    width: 100%;
    max-width: 500px;
    padding: 10px 12px;
    border: 2px solid #ddd;
    border-radius: 6px;
    transition: border-color 0.3s;
}

.stable_page_form_help {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    font-style: italic;
}

.stable_page_form_actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.stable_page_note {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 12px;
    margin-top: 15px;
    border-radius: 4px;
    font-size: 13px;
}

@media (max-width: 768px) {
    body {
        padding: 10px;
    }

    .stable_page_header {
        padding: 15px;
    }

    .stable_page_header h1 {
        font-size: 20px;
    }

    .stable_page_header_info {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .stable_page_info_card {
        padding: 10px;
    }

    .stable_page_info_value {
        font-size: 16px;
    }

    .stable_page_actions {
        padding: 15px;
    }

    .stable_page_btn_settings {
        margin-left: 0;
        width: 100%;
    }

    .stable_page_content {
        padding: 15px;
    }

    .stable_page_section_title {
        font-size: 18px;
    }

    .stable_page_table {
        font-size: 12px;
    }

    .stable_page_table th,
    .stable_page_table td {
        padding: 8px 6px;
    }


    .stable_page_form_input {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .stable_page_actions {
        flex-direction: column;
    }

    .stable_page_btn {
        width: 100%;
    }
}

.hof_title{text-align:center;font-size:20px;font-weight:700;margin-bottom:20px;color:#2d5016;}

.hof_table_wrapper{background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;}
.hof_table_container{overflow-x:auto;}
.hof_table{width:100%;border-collapse:collapse;font-size:13px;}
.hof_table thead{background:linear-gradient(180deg,#2d5016,#1f3a0f);color:white;}
.hof_table th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;white-space:nowrap;}
.hof_table td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid #e9ecef;}
.hof_table tbody tr:hover{background:#f8f9fa;}
.hof_table tbody tr:nth-child(4n+1){background:#ffffff;}
.hof_table tbody tr:nth-child(4n+3){background:#f9f9f9;}

.hof_horse_name{color:#0066cc;font-weight:600;cursor:pointer;}
.hof_owner_name{color:#28a745;cursor:pointer;}
.hof_expand_btn{background:#ffc107;border:none;padding:4px 10px;font-weight:bold;border-radius:4px;cursor:pointer;font-size:12px;}

.hof_hidden_row{display:none;background:#fff9e6;}
.hof_hidden_row.hof_show{display:table-row;}
.hof_hidden_row td{padding:15px 12px;border-bottom:1px solid #e9ecef;}

.hof_hidden_data{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px 20px;}
.hof_hidden_item{display:flex;gap:8px;}
.hof_hidden_label{font-weight:600;color:#6c757d;min-width:70px;}

.hof_badges{display:flex;gap:4px;align-items:center;flex-wrap:wrap;}
.hof_badge_icon{width:24px;height:24px;border-radius:3px;display:inline-block;}
.hof_badge_hof{background:linear-gradient(135deg,#8b4789,#4a2c88);border:2px solid gold;}
.hof_badge_star{background:linear-gradient(135deg,#ffd700,#ffed4e);border:2px solid #ff8c00;}
.hof_badge_1m{background:linear-gradient(135deg,#4169e1,#87ceeb);border:2px solid #000080;}
.hof_badge_1{background:#343a40;color:white;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:11px;}
.hof_badge_letter{background:#ffc107;color:#000;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:11px;}

.hof_best{font-size:11px;color:#6c757d;text-align:center;}

@media(max-width:800px){.hof_hide_800{display:none}}
@media(max-width:600px){.hof_hide_600{display:none}}



.ratings_filters{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap;align-items:center;}
.ratings_filter_select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:white;cursor:pointer;}
.ratings_update_btn{padding:8px 20px;border:none;background:#28a745;color:white;font-weight:600;border-radius:6px;cursor:pointer;font-size:14px;}
.ratings_update_btn:hover{background:#218838;}

.ratings_title{text-align:center;font-size:16px;font-weight:600;margin-bottom:10px;color:#495057;}
.ratings_subtitle{text-align:center;font-size:14px;color:#6c757d;margin-bottom:5px;}

.ratings_table_wrapper{background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;}
.ratings_table_container{overflow-x:auto;}
.ratings_table{width:100%;border-collapse:collapse;font-size:13px;}
.ratings_table thead{background:linear-gradient(180deg,#2d5016,#1f3a0f);color:white;}
.ratings_table th{padding:10px 8px;text-align:center;font-weight:600;font-size:12px;white-space:nowrap;}
.ratings_table td{padding:10px 8px;text-align:center;vertical-align:middle;border-bottom:1px solid #e9ecef;}
.ratings_table tbody tr:hover{background:#f8f9fa;}

.ratings_horse_name{color:#0066cc;font-weight:600;cursor:pointer;text-align:left;}
.ratings_expand_btn{background:#ffc107;border:none;padding:4px 10px;font-weight:bold;border-radius:4px;cursor:pointer;font-size:12px;}

.ratings_hidden_row{display:none;background:#fff9e6;}
.ratings_hidden_row.ratings_show{display:table-row;}
.ratings_hidden_row td{padding:15px 12px;border-bottom:1px solid #e9ecef;}

.ratings_hidden_data{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px 20px;}
.ratings_hidden_item{display:flex;gap:8px;justify-content:space-between;}
.ratings_hidden_label{font-weight:600;color:#6c757d;}
.ratings_hidden_value{color:#495057;}

.ratings_points{font-weight:700;color:#28a745;}

@media(max-width:1200px){.ratings_hide_1200{display:none}}
@media(max-width:1000px){.ratings_hide_1000{display:none}}
@media(max-width:800px){.ratings_hide_800{display:none}}
@media(max-width:600px){.ratings_hide_600{display:none}}