/*
 * Copyright (c) 2025 EUMETSAT
 * License: Proprietary
 * DataTables overrides: pagination, length/filter controls.
 */

.dataTables_wrapper .dataTables_filter input {
    height: 34px;
    padding: 0 12px;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-3);
    background: var(--color-surface-4);
    font-size: 13px;
    color: var(--color-text-primary);
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.dataTables_wrapper .dataTables_filter input:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(30,64,175,0.1);
    background: var(--color-surface);
}

.dataTables_wrapper .dataTables_length select {
    height: 34px;
    padding: 0 28px 0 10px;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-3);
    background: var(--color-surface-4);
    font-size: 13px;
    color: var(--color-text-primary);
    appearance: auto;
    cursor: pointer;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.dataTables_wrapper .dataTables_length select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(30,64,175,0.1);
    background: var(--color-surface);
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .pagination > li > a,
.dataTables_wrapper .dataTables_paginate .pagination > li > span {
    border-radius: var(--radius-md) !important;
    font-size: 13px !important;
    padding: 4px 10px !important;
    margin: 0 2px !important;
    border: 1px solid transparent !important;
    color: var(--color-text-secondary-alt) !important;
    background: transparent !important;
    transition: all 0.15s !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .pagination > li:not(.disabled):not(.active) > a:hover {
    background: var(--color-accent-light) !important;
    border-color: var(--color-accent-border) !important;
    color: var(--color-accent) !important;
    text-decoration: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .pagination > li.active > a {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
    color: var(--color-surface) !important;
    font-weight: 600 !important;
    
    font-size: 13px !important;
    padding: 4px 10px !important;
    line-height: 1.4 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .pagination > li.disabled > a {
    color: var(--color-text-muted) !important;
    cursor: default !important;
}

.dataTables_wrapper .dataTables_info {
    font-size: 13px;
    color: var(--color-text-subtle);
}

.dataTables_length select {
    height: 34px;
    padding: 0 8px;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-3);
    background: var(--color-surface-4);
    font-size: 13px;
    color: var(--color-text-primary);
}

.dataTables_paginate .pagination > li > a,
.dataTables_paginate .pagination > li > span {
    border-radius: var(--radius-base) !important;
    color: var(--color-text-secondary-alt) !important;
    border: 1px solid transparent !important;
    background: transparent !important;
}
.dataTables_paginate .pagination > li:not(.disabled):not(.active) > a:hover {
    background: var(--color-accent-light) !important;
    border-color: var(--color-accent-border) !important;
    color: var(--color-accent) !important;
}
.dataTables_paginate .pagination > li.active > a {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
    color: var(--color-surface) !important;
    font-size: 13px !important;
    padding: 4px 10px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}
.dataTables_paginate .pagination > li.disabled > a {
    color: var(--color-text-muted) !important;
}