/**
 * Panel and Tweakpane overrides – loaded after Tweakpane.
 * Unifies Settings, Add Items, and Save/Load panels to the same style.
 */

/* All panels: same padding as Save/Load */
.ui-panel { padding: 12px 14px !important; }

/* Same width (240px) across Settings, Add Items, Save/Load */
#main-controls-container {
    width: 240px !important;
    max-height: calc(100vh - 30px - 500px) !important;
}
#sidebar-container { width: 240px !important; }
#right-tool-panel-container {
    right: 265px !important;
    width: 220px !important;
}
#saveLoadPanel {
    width: 240px !important;
    padding: 12px 14px !important;
}
#saveLoadPanel h3 { margin: 12px 0 8px 0 !important; padding-bottom: 6px !important; }
#saveLoadPanel h3:first-child { margin-top: 0 !important; }
#saveLoadPanel button, #saveLoadPanel label.save-btn { margin-bottom: 6px !important; }
#saveLoadPanel select { margin-bottom: 6px !important; }

/* Section headers – match Save/Load h3 exactly */
.tp-rotv_t,
.tp-fldv_t {
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: var(--text-muted) !important;
    margin: 12px 0 8px 0 !important;
    padding: 0 0 6px 0 !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

/* Buttons – match Save/Load button exactly */
.tp-btnv,
.tp-btnv_b {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid var(--border-muted) !important;
    padding: 8px 10px !important;
    min-height: 36px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.tp-btnv_b:hover,
.tp-btnv:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--border-muted) !important;
}
#sidebar-pane-container .tp-btnv { margin-bottom: 6px !important; }

/* Search input – match Save/Load select */
#sidebar-search-input {
    padding: 8px 10px !important;
    margin-bottom: 8px !important;
    border: 1px solid var(--border-muted) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    min-height: 36px !important;
    font-size: 13px !important;
}