/*
 * Kiln · backend · раскладка окна.
 *
 * Содержимое и инспектор справа. Сайдбар живёт уровнем выше, в оболочке
 * окна: он относится к приложению целиком, а не к разделу.
 */
.split-view {
    display: flex;
    min-height: 0;
    flex: 1;
    background: var(--native-content);
    color: var(--native-label);
}

/*
 * Колонка содержимого скроллится сама: прокручивается она, а не окно,
 * поэтому панель инструментов и строка состояния остаются на месте.
 *
 * min-width: 0 обязателен: без него широкая таблица растягивает колонку
 * и выдавливает инспектор за край окна вместо своей прокрутки.
 */
.split-view > :first-child {
    min-width: 0;
    min-height: 0;
    flex: 1;
    overflow: auto;
}

/*
 * Инспектор: третья колонка постоянной ширины. Скроллится тоже сам —
 * длинный список свойств не должен тянуть за собой таблицу.
 */
.split-view > aside {
    display: flex;
    width: var(--native-inspector-width);
    flex-direction: column;
    flex-shrink: 0;
    overflow: auto;
    border-left: var(--native-line) solid var(--native-separator);
    background: var(--native-inspector);
}

/*
 * На узком окне инспектор убирается: три колонки в него не встают, и
 * содержимое сжалось бы до нечитаемого. Показывает его тогда
 * inspector-sheet, панелью поверх.
 */
@media (width < 1280px) {
    .split-view > aside {
        display: none;
    }
}