.csv_explorer_container {

    -webkit-overflow-scrolling: touch;

    width: 100%;

    overflow: auto;   

}



#csv_explorer_table {

    display: inline-block;

    min-width: 1000px;   

}



.tabulator-row.tabulator-row-even {

    background: #f1f1f1;

}



.tabulator-row .tabulator-cell {

    padding: .4em .78571em;

}

.tabulator-col-title-holder {

    font-weight: 500;

    font-size: 1em;

    margin-bottom: 10px;

}

.tabulator-header-filter {

    font-weight: 400;

}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {

    border-left: 1px solid #eee;

}



.ttf-tabulator-input-container {

    display: flex;

    flex-wrap: wrap;

    gap: 5px;

}



.ttf-tabulator-input {

    display: block;
    height: auto;
    width: 100%;

    box-sizing: border-box;

    min-height: 1.5rem;               /* matching height */

    padding: 0.15rem 0.75rem;      /* comfortable inner spacing */

    font-size: 1rem;

    line-height: 1.5;

    color: #333;

    background-color: #fff;       /* white background */

    border: 1px solid #ccc;       /* light gray border */

    border-radius: 0.25rem;       /* slightly rounded corners */

    transition: border-color 0.2s ease, box-shadow 0.2s ease;

}

.ttf-tabulator-input:focus {

  outline: none;

  border-color: #777777;        /* subtle blue on focus */

  box-shadow: 0 0 0 0.2rem rgba(150, 150, 150, 0.25);

}



.ttf-tabulator-input.input {

    width: 65%;

    flex: 1 1 100px;

}

.ttf-tabulator-input.filter {

    width: 35%;

    flex: 1 1 100px;

}





/* Base “btn” style */

.tabulator .tabulator-footer .tabulator-page {

    display: inline-block;

    min-height: 1.5rem;

    padding: 0.15rem 0.75rem; 

    font-size: 1rem;

    line-height: 1.5;

    color: #333;                     /* neutral text */

    background-color: #fff;          /* white background */

    border: 1px solid #ccc;          /* light gray border */

    border-radius: 0.25rem;          /* same rounding */

    box-shadow: 0 2px 4px rgba(150,150,150,0.25);

    cursor: pointer;

    transition:

    background-color 0.2s ease,

    border-color 0.2s ease,

    box-shadow 0.2s ease;

}



/* Hover state */

.tabulator .tabulator-footer .tabulator-page:hover {

  background-color: #f8f8f8;       /* very light gray */

  border-color: #b3b3b3;           /* slightly darker */

}



/* Focus state */

.tabulator .tabulator-footer .tabulator-page:focus {

  outline: none;

  border-color: #999;              /* deeper gray */

  box-shadow: 0 0 0 0.2rem rgba(150,150,150,0.25);

}



/* Active (pressed) state */

.tabulator .tabulator-footer .tabulator-page:active {

  background-color: #eee;          /* a bit darker */

  box-shadow: inset 0 2px 4px rgba(150,150,150,0.25);

}

.tabulator .tabulator-footer .tabulator-page.active {

    color: #333;    

    background: #eee;

}