.warehouse-settings { max-width: 1100px; margin: 0 auto; }
.warehouse-settings h2 { margin: 0 0 .6rem; }
.warehouse-settings-help { color: var(--muted, #65748a); line-height: 1.55; margin: .35rem 0 1rem; }
.warehouse-settings-section { margin: 1.3rem 0; padding: 1.15rem; border: 1px solid var(--border, #dce4ee); border-radius: 16px; background: var(--panel, #fff); }
.warehouse-settings-section legend { font-weight: 750; padding: 0 .4rem; color: var(--text, #152743); }
.warehouse-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.warehouse-settings-field { display: flex; flex-direction: column; gap: .4rem; font-size: .9rem; }
.warehouse-settings-field input, .warehouse-settings-field select { width: 100%; min-height: 44px; padding: .65rem .8rem; border: 1px solid var(--border, #cdd8e5); border-radius: 9px; background: #fff; color: #152743; font: inherit; box-sizing: border-box; }
.warehouse-settings-check { display: flex; align-items: center; gap: .6rem; min-height: 40px; font-size: .9rem; }
.warehouse-settings-check input { flex: 0 0 auto; width: 18px; height: 18px; accent-color: #2463eb; }
.warehouse-settings-check small { color: #9c4b20; }
.warehouse-settings-columns, .warehouse-settings-targets { grid-column: 1 / -1; }
.warehouse-settings-columns summary { cursor: pointer; padding: .6rem 0; font-weight: 600; }
.warehouse-settings-columns[open] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem .8rem; }
.warehouse-settings-columns summary { grid-column: 1 / -1; }
.warehouse-settings-targets { display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
.warehouse-settings-targets > strong { width: 100%; }
.warehouse-settings-example { grid-column: 1 / -1; overflow-wrap: anywhere; font-size: .85rem; color: #55647b; }
.warehouse-settings-status { padding: .8rem 1rem; background: #edf5ff; color: #23466f; border-radius: 10px; }
.warehouse-settings-status.is-error { background: #fff0ec; color: #9c3524; }
#warehouseSettingsRefresh { margin-top: 1.5rem; }
.warehouse-settings button:disabled, .warehouse-settings input:disabled, .warehouse-settings select:disabled { opacity: .6; }
@media (max-width: 680px) { .warehouse-settings-grid { grid-template-columns: 1fr; } .warehouse-settings-columns[open] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .warehouse-settings-section { padding: .85rem; } }