.sb-cards{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:16px;margin-top:16px}
.sb-card{
    background:#dbdbdb;
    color:#000;
    border-radius:10px;
    padding:22px;
    box-shadow:0 2px 6px rgba(0,0,0,.1);
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:20px;
}
.sb-card h2{margin:0 0 8px 0;font-size:18px}
.sb-card .sb-count{font-size:28px;font-weight:700}
.sb-topbar{display:flex;gap:10px;align-items:center;margin:10px 0}
.sb-table img{
    height:100px;
    width: 100px;
    transform: scaleX(-1);
    /*object-fit:contain;*/
    background:#000;
    /*border-radius:4px;*/
    margin:0 auto;
    /* filter: invert(1); */
    filter: brightness(100%) contrast(130%);
}
.sb-table .column-actions a{margin-right:8px}
@media (max-width: 900px){.sb-cards{grid-template-columns:1fr}}

/* Hide WordPress admin footer text */
#wpfooter {
    display: none !important;
}

#screen-meta-links{
    display: none !important;
}

/* Hide WordPress logo from login screen */
.login h1 a {
    display: none !important;
}
.wp-login-lost-password{
    display: none !important;
}
.login #nav{
    display: none !important;
}
.login #backtoblog{
    display: none !important;
}

/* Pagination Styling */
.tablenav {
    margin: 20px 0;
    text-align: center;
}

.tablenav-pages {
    display: inline-block;
    margin: 0 auto;
}

.tablenav-pages .page-numbers {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 2px;
    background: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-decoration: none;
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    transition: all 0.2s ease;
}

.tablenav-pages .page-numbers:hover {
    background: #e1e1e1;
    border-color: #999;
    color: #333;
}

.tablenav-pages .page-numbers.current {
    background: #0073aa;
    border-color: #0073aa;
    color: #fff;
    font-weight: bold;
}

.tablenav-pages .page-numbers.current:hover {
    background: #005a87;
    border-color: #005a87;
}
.sb-table td{
    border: 1px solid #d1d1d1;
}

/* Brightness and Contrast Slider Controls */
.sb-brightness-control,
.sb-contrast-control {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sb-brightness-control label,
.sb-contrast-control label {
    color: #23282d;
    font-size: 14px;
}

.sb-brightness-control #brightness-slider,
.sb-contrast-control #contrast-slider {
    -webkit-appearance: none;
    appearance: none;
    height: 10px;
    background: #ddd;
    border-radius: 13px;
    outline: none;
    transition: background 0.3s;
}

.sb-brightness-control #brightness-slider:hover,
.sb-contrast-control #contrast-slider:hover {
    background: #ccc;
}

.sb-brightness-control #brightness-slider::-webkit-slider-thumb,
.sb-contrast-control #contrast-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #0073aa;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s;
}

.sb-brightness-control #brightness-slider::-webkit-slider-thumb:hover,
.sb-contrast-control #contrast-slider::-webkit-slider-thumb:hover {
    background: #005a87;
}

.sb-brightness-control #brightness-slider::-moz-range-thumb,
.sb-contrast-control #contrast-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    background: #0073aa;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    transition: background 0.3s;
}

.sb-brightness-control #brightness-slider::-moz-range-thumb:hover,
.sb-contrast-control #contrast-slider::-moz-range-thumb:hover {
    background: #005a87;
}

/* Brightness and Contrast Input Boxes */
.sb-brightness-control input[type="number"],
.sb-contrast-control input[type="number"] {
    width: 80px;
    padding: 4px 8px;
    margin: 0 4px;
    border: 1px solid #8c8f94;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #23282d;
    background: #fff;
    transition: border-color 0.2s ease;
}

.sb-brightness-control input[type="number"]:focus,
.sb-contrast-control input[type="number"]:focus {
    outline: none;
    border-color: #0073aa;
    box-shadow: 0 0 0 1px #0073aa;
}

.sb-brightness-control input[type="number"]:hover,
.sb-contrast-control input[type="number"]:hover {
    border-color: #0073aa;
}

/* Slider Wrapper and Button Controls */
.sb-slider-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 400px;
}

.sb-btn-decrease,
.sb-btn-increase {
    min-width: 40px;
    height: 32px;
    padding: 0 12px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #f7f7f7;
    color: #555;
    border-radius: 3px;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.sb-btn-decrease:hover,
.sb-btn-increase:hover {
    background: #fafafa;
    border-color: #999;
    color: #23282d;
}

.sb-btn-decrease:active,
.sb-btn-increase:active {
    background: #e5e5e5;
    border-color: #0073aa;
    color: #0073aa;
}

.sb-btn-decrease:focus,
.sb-btn-increase:focus {
    outline: none;
    box-shadow: 0 0 0 1px #0073aa;
}