/* Альбом 1920×1080 — объекты из портрета, координаты по эталону land/*.jpg */

html.app-landscape {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0f141a;
}

html.app-landscape body {
    width: 2130px;
    height: 2130px;
    margin: 0 auto;
    overflow: hidden;
    background: #29333f;
    position: relative;
}

html.app-landscape .ng-layout-toggle {
    position: absolute;
    z-index: 480;
    min-width: 200px;
    height: 60px;
    padding: 0 14px;
    border: 2px solid #4a5a6d;
    border-radius: 22px;
    background: rgba(42, 52, 64, 0.95);
    color: #d8e4f0;
    font-size: 22px;
    font-family: inherit;
    cursor: pointer;
}

html.app-landscape .ng-land-chrome.warning_false,
html.app-landscape .ng-land-chrome.warning_true,
html.app-landscape .ng-land-chrome.alarm_false,
html.app-landscape .ng-land-chrome.alarm_true {
    top: auto !important;
    right: auto !important;
}

html.app-landscape .process_page_block,
html.app-landscape .process_page_none {
    top: 168px !important;
    left: 0 !important;
    width: 2130px !important;
    height: 1850px !important;
    margin: 0 !important;
}

html.app-landscape .process_page_block {
    position: absolute;
    overflow: hidden;
    background-color: rgb(38, 47, 59);
    background-image: none !important;
}

html.app-landscape .process_page_none {
    display: none !important;
}

/* Скрыть только неперенесённые секции портрета */
html.app-landscape .process_page_block.ng-land-ready > *:not(.ng-land-placed) {
    display: none !important;
}

html.app-landscape .ng-land-item-hidden {
    display: none !important;
}

html.app-landscape .ng-land-placed {
    box-sizing: border-box;
}

html.app-landscape .ng-land-placed.ng-land-chart {
    z-index: 10;
}

html.app-landscape #app_bottom_bar {
    display: block !important;
}

html.app-landscape #main_page.process_page_block,
html.app-landscape #brod_page.process_page_block,
html.app-landscape #bouler_page.process_page_block,
html.app-landscape #nbk_page.process_page_block {
    top: 168px !important;
    height: 1850px !important;
}

html.app-landscape #warning.ng-land-chrome,
html.app-landscape #alarm.ng-land-chrome {
    width: 255px !important;
    height: 48px !important;
    top: 18px !important;
    right: auto !important;
    box-sizing: border-box;
}

html.app-landscape #app_bottom_bar .ng-land-end-wrap {
    display: none !important;
}

html.app-landscape #app_bottom_bar .ng-land-end-wrap.ng-land-end-active {
    display: block !important;
}

html.app-landscape #set_page .SetBlock,
html.app-landscape #alarmlog_page .block {
    transform:  translate(20px, 60px) scale(1.5, 1.5);
    transform-origin: 0 0;
}

html.app-landscape .zatemnenie_block {
    position: absolute;
    top: 0;
    left: 0;
    width: 2130px;
    height: 2130px;
    z-index: 390;
}

html.app-landscape #window_panel.window_panel_block {
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 1850px;
    max-height: 1850px;
    margin: 0;
    z-index: 400;
    background: rgba(20, 26, 32, 0.96);
    transform: translate(500px, 250px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
    pointer-events: auto;
}

html.app-landscape #window_confirm.window_block {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 410;
    transform: translate(555px, 400px);
}

html:not(.app-landscape) .status_panel_main {
    position: relative;
}

html:not(.app-landscape) .ng-layout-toggle {
    position: absolute;
    top: 15px;
    left: 250px;
    z-index: 210;
    min-width: 205px;
    height: 60px;
    padding: 0 14px;
    border: 2px solid #4a5a6d;
    border-radius: 22px;
    background: #2a3440;
    color: #d8e4f0;
    font-size: 22px;
    font-family: inherit;
    cursor: pointer;
}

@media (max-width: 1919px), (max-height: 1079px) {
    html.app-landscape body {
        transform-origin: top center;
        transform: scale(min(calc(100vw / 2130), calc(100vh / 2130)));
    }
}