/* Table styles */
.wp-list-table input[type="text"],
.wp-list-table select {
    width: 100%;
}

.wp-list-table .column-thumbnail {
    width: 80px;
}

.wp-list-table .column-date {
    width: 150px;
}

.wp-list-table .column-license {
    width: 200px;
}

.wp-list-table .column-used_in {
    width: 200px;
}

/* Settings navigation */
.pn-settings-sections {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
}

.pn-section-link {
    display: block;
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
    color: #111;
    font-size: 14px;
    text-decoration: none;
}

.pn-section-link.active {
    background: #fff;
    border-left: 4px solid #2271b1;
    font-weight: 600;
}

.pn-section-link:hover {
    background: #fff;
    color: #2271b1;
}

.pn-section-link:focus {
    box-shadow: none;
    outline: none;
}

/* Settings layout */
.pn-settings-container {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

.pn-settings-nav {
    flex: 0 0 250px;
}

.pn-settings-content {
    flex: 1;
}

.pn-settings-content input {
    vertical-align: middle;
}

.pn-settings-content input[type="number"] {
    width: 80px;
}

/* Section visibility */
.settings-section {
    display: none;
}

.settings-section.active {
    display: block;
}

/* Progress bar */
#reindex-progress .progress-bar {
    margin-top: 10px;
    height: 20px;
    background: #f0f0f0;
    border-radius: 3px;
    overflow: hidden;
}

#reindex-progress .progress {
    width: 0;
    height: 100%;
    background: #2271b1;
    transition: width 0.3s;
}

.progress-text {
    margin: 5px 0 0;
    font-size: 12px;
}

/* PRO styles */
.pro-notice {
    margin-top: 5px;
}

.pro-notice::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNCRjdBMzYiIGQ9Ik0zMiwwYzE3LjcsMCwzMiwxNC4zLDMyLDMyUzQ5LjcsNjQsMzIsNjRTMCw0OS43LDAsMzJTMTQuMywwLDMyLDB6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ4LjgsMjQuMmMyLjEsMC4yLDIuOSwyLjgsMS40LDQuMkw0MywzNWMtMC42LDAuNi0wLjksMS41LTAuNywyLjRsMi4yLDkuN2MwLjUsMi4xLTEuOCwzLjctMy42LDIuNg0KCQkJCWwtNy42LTUuMWMtMC44LTAuNS0xLjgtMC41LTIuNiwwbC03LjYsNS4xYy0xLjgsMS4yLTQuMS0wLjUtMy42LTIuNmwyLjItOS43YzAuMi0wLjktMC4xLTEuOC0wLjctMi40bC03LjItNi41DQoJCQkJYy0xLjYtMS40LTAuNy00LDEuNC00LjJsOS4yLTAuN2MwLjktMC4xLDEuNy0wLjcsMi0xLjVsMy40LTguNWMwLjgtMiwzLjYtMiw0LjQsMGwzLjQsOC41YzAuMywwLjksMS4xLDEuNSwyLDEuNUw0OC44LDI0LjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);    width: 14px;
    height: 14px;
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 4px;
}

.pro-notice .title,
.pro-notice .desc a {
    color: #BF7A36;
    font-weight: bold;
}

.pro-notice .desc {
    color: #A66A2E;
}

.pro-notice .desc a:hover {
    text-decoration: none;
}

/* Select2 customization */
.select2-container .select2-selection--multiple {
    min-height: 30px;
}

.select2-container .select2-search--inline {
    margin-bottom: 0;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 20px;
    min-height: 20px;
    margin: 5px 0 0;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 3px;
    border: none;
    box-shadow: inset 0 0 0 1px #8c8f94;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    box-shadow: inset 0 0 0 1px #000;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: block;
    padding: 0 8px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 0;
}

.custom-style-settings {
    position: relative;
}