/* Файл interface_customization.css */

:root {
    --ui-main-sidebar-width: 100px; --ui-contextual-sidebar-width: 100px;
    --ui-top-tab-height: 15px; --ui-left-tab-height: 15px;
    --ui-lk-tab-height: 40px; --ui-tab-gap: 5px; --ui-lk-tab-gap: 20px;
    --ui-top-tab-title-padding: 8px; --ui-left-tab-title-padding: 8px;
    --ui-input-padding-block: 4px; --ui-input-padding-inline: 8px;
    --ui-table-row-height: 30px; --ui-table-font-size: 17px;
    --ui-workspace-zoom: 1;
}
.tab-nav-left {
    width: var(--ui-main-sidebar-width) !important;
    min-width: var(--ui-main-sidebar-width) !important;
}
.contextual-sidebar-portal {
    width: var(--ui-main-sidebar-width);
}
:root[data-ui-left-sidebar-fit-content='true'] .tab-nav-left {
    width: max-content !important; min-width: max-content !important;
}
:root[data-ui-left-sidebar-fit-content='true'] .tab-nav-left .tab-link {
    white-space: nowrap !important; overflow-wrap: normal !important;
    word-break: normal !important;
}
:root[data-ui-left-sidebar-fit-content='true'] .contextual-sidebar-portal {
    width: max-content; max-width: calc(100vw - (var(--spacing_small) * 2));
}
:root[data-ui-left-sidebar-fit-content='true'] .contextual-sidebar__tab {
    width: auto; min-width: 100%; white-space: nowrap;
}
.tab-nav-left > .tab-list, .contextual-sidebar__tabs {
    gap: var(--tab-sidebar-item-gap) !important;
}
.tab-nav-left .tab-link, .contextual-sidebar__tab {
    padding-left: var(--ui-left-tab-title-padding) !important;
    padding-right: var(--ui-left-tab-title-padding) !important;
}
.tab-nav-top > .tab-list {
    gap: var(--ui-tab-gap) !important;
}
.config_LK > .tab-widget-container > .tab-container-left > .tab-nav-left
> .tab-list {
    gap: var(--ui-lk-tab-gap) !important;
}
.config_LK > .tab-widget-container > .tab-container-left > .tab-nav-left
.tab-link {
    min-height: var(--ui-lk-tab-height) !important;
    padding-top: max( 0px, calc( (var(--ui-lk-tab-height) - min(1.2em,
    var(--ui-lk-tab-height))) / 2 ) ) !important;
    padding-bottom: max( 0px, calc( (var(--ui-lk-tab-height) - min(1.2em,
    var(--ui-lk-tab-height))) / 2 ) ) !important;
    line-height: min(1.2em, var(--ui-lk-tab-height)) !important;
}
.tab-nav-top .tab-item-wrapper {
    padding-left: var(--ui-top-tab-title-padding) !important;
    padding-right: var(--ui-top-tab-title-padding) !important;
}
.tab-nav-left .tab-item-wrapper, .tab-nav-top .tab-item-wrapper {
    margin-bottom: 0 !important;
}
.tab-nav-top .tab-link {
    min-height: var(--ui-top-tab-height) !important;
    padding-top: max( 0px, calc( (var(--ui-top-tab-height) - min(1.2em,
    var(--ui-top-tab-height))) / 2 ) ) !important;
    padding-bottom: max( 0px, calc( (var(--ui-top-tab-height) - min(1.2em,
    var(--ui-top-tab-height))) / 2 ) ) !important;
    line-height: min(1.2em, var(--ui-top-tab-height)) !important;
}
.tab-nav-left .tab-link, .contextual-sidebar__tab {
    min-height: var(--ui-left-tab-height) !important;
    padding-top: max( 0px, calc( (var(--ui-left-tab-height) - min(1.2em,
    var(--ui-left-tab-height))) / 2 ) ) !important;
    padding-bottom: max( 0px, calc( (var(--ui-left-tab-height) - min(1.2em,
    var(--ui-left-tab-height))) / 2 ) ) !important;
    line-height: min(1.2em, var(--ui-left-tab-height)) !important;
}
:root[data-ui-long-tab-names='ellipsis'] .tab-link {
    white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis;
    display: block;
}
:root[data-ui-long-tab-names='wrap'] .tab-link {
    white-space: normal !important; overflow-wrap: anywhere;
}
:root[data-ui-left-sidebar-fit-content='true'][data-ui-long-tab-names='wrap']
.tab-nav-left .tab-link {
    white-space: nowrap !important; overflow-wrap: normal;
}
.table-widget .data-table, .table-widget .cell-input, .pivot-table {
    font-size: var(--ui-table-font-size) !important;
}
.table-widget .data-table th, .table-widget .data-table td, .pivot-table th,
.pivot-table td {
    height: var(--ui-table-row-height);
}
:root[data-ui-sticky-table-header='false'] .fixed-header-row,
:root[data-ui-sticky-table-header='false'] .fixed-header-table thead,
:root[data-ui-sticky-table-header='false'] .pivot-table th,
:root[data-ui-sticky-table-header='false'] .pivot-total-row {
    position: static !important;
}
:root[data-ui-scrollbars='compact'] * {
    scrollbar-width: thin;
}
:root[data-ui-scrollbars='compact'] *::-webkit-scrollbar {
    width: 7px; height: 7px;
}
:root[data-ui-scrollbars='hover'] * {
    scrollbar-color: transparent transparent;
}
:root[data-ui-scrollbars='hover'] *:hover {
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
:root[data-ui-scrollbars='hover'] *::-webkit-scrollbar-thumb {
    background: transparent;
}
:root[data-ui-scrollbars='hover'] *:hover::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
}
:root[data-ui-animations='reduced'] * {
    animation-duration: 80ms !important; transition-duration: 80ms !important;
}
:root[data-ui-animations='off'] * {
    animation: none !important; transition: none !important;
    scroll-behavior: auto !important;
}
:root[data-ui-toast-position='top-right'] .toast-stack {
    top: 12px; right: 12px; bottom: auto; left: auto; align-items: flex-end;
}
:root[data-ui-toast-position='bottom-left'] .toast-stack {
    top: auto; right: auto; bottom: 12px; left: 12px;
}
:root[data-ui-toast-position='bottom-right'] .toast-stack {
    top: auto; right: 12px; bottom: 12px; left: auto; align-items: flex-end;
}
#tab-container-tab_0 > .tab-content-wrapper,
#tab-container-lk_main > .tab-content-wrapper,
#tab-container-developer_settings > .tab-content-wrapper,
.office-workspace__content {
    zoom: var(--ui-workspace-zoom);
}
:root[data-ui-height-greater-than-width='true'] {
    --ui-table-font-size: var(--font_size_0);
}
:root[data-ui-height-greater-than-width='true'] body,
:root[data-ui-height-greater-than-width='true'] .container {
    font-size: var(--font_size_0);
}
:root[data-ui-height-greater-than-width='true'] button,
:root[data-ui-height-greater-than-width='true'] input,
:root[data-ui-height-greater-than-width='true'] select,
:root[data-ui-height-greater-than-width='true'] textarea,
:root[data-ui-height-greater-than-width='true'] .theme-lk .nav-footer
.logout-button {
    font-size: var(--font_size_button) !important;
}
:root[data-ui-height-greater-than-width='true'] label,
:root[data-ui-height-greater-than-width='true'] .tab-link,
:root[data-ui-height-greater-than-width='true'] .contextual-sidebar__tab {
    font-size: var(--font_size_0) !important;
}
:root[data-ui-height-greater-than-width='true'] h1 {
    font-size: var(--font_size_3);
}
:root[data-ui-height-greater-than-width='true'] h2,
:root[data-ui-height-greater-than-width='true'] h3 {
    font-size: var(--font_size_2);
}

/* Файл AppErrorBoundary.css */

.app-error-boundary {
    place-content: center; text-align: center; background: #f4f7fb;
    color: #1f365c;
}
.app-error-boundary button {
    min-height: 42px; padding: 8px 18px; border: 0; border-radius: 12px;
    background: #3889c9; color: #fff; font: inherit; cursor: pointer;
}

/* Файл shared_variables.css */

:root {
    --spacing_small: 8px;
    --tab-sidebar-edge-padding: calc(var(--spacing_small) / 2);
    --tab-sidebar-item-gap: var(--spacing_small);
    --tab-sidebar-font-size: var(--font_size_0);
    --table-workspace-edge-gap: calc(var(--spacing_small) / 2);
    --button-padding-block: calc(var(--spacing_small) / 2);
    --button-padding-inline: var(--spacing_small);
    --messenger-action-size: 36px;
    --messenger-back-icon-size: calc( var(--messenger-action-size) * 0.95 );
    --messenger-call-icon-size: calc( var(--messenger-action-size) * 0.85 );
    --messenger-list-search-icon-size: calc( var(--messenger-action-size) * 0.8
    );
    --messenger-list-action-icon-size: calc( var(--messenger-action-size) *
    0.85 );
    --messenger-call-name-font-size: calc( var(--font_size_3) * 2 );
    --messenger-call-action-font-size: calc( var(--font_size_3) * 1.7 );
    --messenger-call-name-mobile-font-size: calc( var(--font_size_3) * 1.8 );
    --document_navigation_button_padding_inline: 2px;
    --button-min-height: calc( var(--font_size_button) + var(--spacing_small)
    );
    --info_button_size: 22px;
    --font_family_interface: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font_family_monospace: Consolas, 'Courier New', monospace;
    --font_size_caption: 14px; --font_size_button: 15px; --font_size_0: 17px;
    --document_editor_control_font_size: 14px;
    --document_editor_action_icon_size: calc( var(--font_size_3) * 1.35 );
    --document_editor_control_height: 28px;
    --document_editor_font_name_width: 140px;
    --document_editor_font_size_width: 54px;
    --font_size_1: calc(var(--font_size_0) * 1.1);
    --font_size_2: calc(var(--font_size_0) * 1.2);
    --font_size_3: calc(var(--font_size_0) * 1.3);
    --authorization_title_font_size: calc(var(--font_size_3) * 1.25);
    --authorization_title_landscape_font_size: calc(var(--font_size_3) * 1.45);
    --authorization_company_landscape_font_size: calc(var(--font_size_1) *
    1.08);
    --spacing_2xs: 2px; --spacing_xs: 4px; --spacing_micro: 3px;
    --spacing_tight: 5px; --spacing_compact: 6px; --spacing_dense: 7px;
    --spacing_regular: 10px; --spacing_medium: 12px; --spacing_relaxed: 14px;
    --spacing_section: 18px; --spacing_large: 16px; --spacing_xl: 24px;
    --radius_2xs: 2px; --radius_xs: 4px; --radius_tight: 5px;
    --radius_compact: 6px; --radius_dense: 7px; --radius_medium: 8px;
    --radius_relaxed: 9px; --radius_large: 10px; --radius_extended: 11px;
    --radius_xl: 12px; --radius_pill: 999px; --app-background: #e9edf0;
    --surface-primary: #ffffff; --surface-secondary: #edf1f5;
    --surface-elevated: rgba(255, 255, 255, 0.94); --surface-muted: #f6f9fc;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #0f5ca8 0%, #075298 100%);
    --sidebar-background-solid: #075aa8; --sidebar-text: #ffffff;
    --on-accent: #ffffff; --sidebar-text-muted: rgba(255, 255, 255, 0.78);
    --heading-color: #244b84; --text-primary: #0f2a15;
    --text-secondary: #334155; --text-muted: #64748b; --border-color: #b8cada;
    --primary-color: #3d84c4; --primary-hover: #2f75b5;
    --active-tab-background: #fd7e14; --active-tab-hover: #f16f08;
    --active-tab-text: #ffffff; --focus-ring: rgba(61, 132, 196, 0.28);
    --overlay-background: rgba(15, 23, 42, 0.42); --scrollbar-track: #e8eef4;
    --scrollbar-thumb: #9db5c9; --info-background: #ebf5ff;
    --info-border: #a5c0df; --app-shadow: 0 6px 16px rgba(15, 23, 42, 0.09);
    --divider-color: #a8bed1; --divider-soft: #cedbe6;
    --table-header-background: #304d6b; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #e8f1f8;
    --table-row-hover-background: #d9ebf8; --table-cell-border: #bfd0de;
    --table-custom-fill-strength: 82%; --table-fixed-accent-strength: 14%;
    --tab-border-color: var(--divider-soft);
    --tab-panel-separator: var(--divider-soft);
    --sidebar-tab-background: color-mix( in srgb, var(--sidebar-text) 13%,
    transparent );
    --sidebar-tab-border: color-mix( in srgb, var(--sidebar-text) 18%,
    transparent );
    --sidebar-tab-hover: color-mix( in srgb, var(--sidebar-text) 22%,
    transparent );
    --on-accent-muted: color-mix( in srgb, var(--on-accent) 78%, transparent );
    --control-border-on-accent: color-mix( in srgb, var(--on-accent) 42%,
    transparent );
    --control-hover-on-accent: color-mix( in srgb, var(--on-accent) 14%,
    transparent );
    --service-header-background: linear-gradient( 90deg, color-mix( in srgb,
    var(--primary-color) 16%, var(--surface-primary) ) 0%, color-mix( in
    srgb, var(--primary-color) 7%, var(--surface-primary) ) 100% );
    --service-header-border: color-mix( in srgb, var(--primary-color) 22%,
    var(--divider-soft) );
    --service-cold-background: color-mix( in srgb, var(--primary-color) 18%,
    var(--surface-primary) );
    --service-hot-background: color-mix( in srgb, var(--accent-red) 14%,
    var(--surface-primary) );
    --dropdown-background: var(--surface-elevated);
    --dropdown-border: var(--divider-color);
    --dropdown-text: var(--text-primary);
    --dropdown-hover: var(--surface-secondary);
    --dropdown-button-secondary: color-mix( in srgb, var(--primary-color) 68%,
    var(--heading-color) );
    --selection-border: var(--primary-color);
    --selection-background: color-mix( in srgb, var(--primary-color) 12%,
    transparent );
    --status-error-background: color-mix( in srgb, var(--accent-red) 14%,
    var(--surface-primary) );
    --status-error-border: color-mix( in srgb, var(--accent-red) 38%,
    var(--divider-color) );
    --status-error-text: color-mix( in srgb, var(--accent-red) 82%,
    var(--text-primary) );
    --status-warning-title: color-mix( in srgb, var(--active-tab-background)
    76%, var(--text-primary) );
    --status-warning-text: var(--text-secondary);
    --status-success-background: color-mix( in srgb, var(--accent-success) 14%,
    var(--surface-primary) );
    --status-success-border: color-mix( in srgb, var(--accent-success) 42%,
    var(--divider-color) );
    --status-success-title: color-mix( in srgb, var(--accent-success) 78%,
    var(--text-primary) );
    --status-success-text: var(--text-secondary);
    --bg-1: var(--surface-primary); --bg-2: var(--surface-secondary);
    --card: var(--surface-elevated); --page_background: var(--app-background);
    --shadow: var(--app-shadow); --border: var(--divider-color);
    --accent: var(--primary-color); --accent-blue: var(--primary-hover);
    --blue-navy: var(--heading-color); --text-1: var(--text-primary);
    --text-2: var(--text-secondary); --text-3: var(--text-muted);
    --accent-orange-bg: color-mix( in srgb, var(--active-tab-background) 12%,
    var(--surface-primary) );
    --accent-yellow-border: color-mix( in srgb, var(--active-tab-background)
    62%, var(--divider-color) );
    --accent-orange-text: color-mix( in srgb, var(--active-tab-background) 82%,
    var(--text-primary) );
    --color_3: #ce612f; --accent-2: #d4702b; --accent-red: #d23f3f;
    --accent-red-bright: #ff5b5b; --accent-success: #2f9e66;
    --accent-success-hover: #248655;
}
@media (max-width: 680px) {
    :root {
        --font_size_caption: 14px; --font_size_button: 14px;
        --font_size_0: 14px; --font_size_3: calc(var(--font_size_0) * 1.25);
    }
}
@media (max-width: 768px) {
    :root {
        --font_size_caption: 14px; --font_size_button: 14px;
        --font_size_0: 14px; --font_size_3: calc(var(--font_size_0) * 1.2);
    }
}
@media (min-width: 2200px) {
    :root {
        --font_size_caption: 15px; --font_size_button: 16px;
        --font_size_0: 18px;
    }
}
:root[data-ui-height-greater-than-width='true'] {
    --messenger-action-size: 32px; --font_size_caption: 11px;
    --font_size_button: 12px; --font_size_0: 12px; --font_size_1: 13px;
    --font_size_2: 13px; --font_size_3: 14px;
    --document_editor_control_font_size: 12px;
    --document_editor_control_height: 24px;
}

/* Файл theme_blue.css */

:root, :root[data-app-theme="blue"], [data-app-theme-preview="blue"] {
    --app-background: #e9edf0; --surface-primary: #ffffff;
    --surface-secondary: #edf1f5;
    --surface-elevated: rgba(255, 255, 255, 0.94); --surface-muted: #f6f9fc;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #0f5ca8 0%, #075298 100%);
    --sidebar-background-solid: #075aa8; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.78); --heading-color: #244b84;
    --text-primary: #0f2a15; --text-secondary: #334155; --text-muted: #64748b;
    --border-color: #b8cada; --primary-color: #3d84c4;
    --primary-hover: #2f75b5; --active-tab-background: #fd7e14;
    --active-tab-hover: #f16f08; --active-tab-text: #ffffff;
    --focus-ring: rgba(61, 132, 196, 0.28);
    --overlay-background: rgba(15, 23, 42, 0.42); --scrollbar-track: #e8eef4;
    --scrollbar-thumb: #9db5c9; --info-background: #ebf5ff;
    --info-border: #a5c0df; --app-shadow: 0 6px 16px rgba(15, 23, 42, 0.09);
    --divider-color: #a8bed1; --divider-soft: #cedbe6;
    --table-header-background: #304d6b; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #e8f1f8;
    --table-row-hover-background: #d9ebf8; --table-cell-border: #bfd0de;
}

/* Файл theme_sky.css */

:root[data-app-theme="sky"], [data-app-theme-preview="sky"] {
    --app-background: #edf1f5; --surface-primary: #ffffff;
    --surface-secondary: #edf1f5;
    --surface-elevated: rgba(255, 255, 255, 0.92); --surface-muted: #f6f9fc;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient( 135deg, #3681c7 0%, #73a4b4 100% );
    --sidebar-background-solid: #3d84c4; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.84); --heading-color: #2a4d8f;
    --text-primary: #0f2a15; --text-secondary: #334155; --text-muted: #64748b;
    --border-color: #d7e7f2; --primary-color: #3d84c4;
    --primary-hover: #2f75b5; --active-tab-background: #fd7e14;
    --active-tab-hover: #e96f08; --active-tab-text: #ffffff;
    --focus-ring: rgba(61, 132, 196, 0.28);
    --overlay-background: rgba(29, 60, 91, 0.38); --scrollbar-track: #edf1f5;
    --scrollbar-thumb: #9db5c9; --info-background: #ebf5ff;
    --info-border: #a5c0df; --app-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
    --divider-color: #d7e7f2; --divider-soft: #e5eef4;
    --tab-border-color: #d7e7f2; --tab-panel-separator: #d7e7f2;
    --sidebar-tab-background: rgba(255, 255, 255, 0.2);
    --sidebar-tab-border: rgba(255, 255, 255, 0.28);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.3);
    --table-header-background: #3681c7; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #edf1f5;
    --table-row-hover-background: #dcecf8; --table-cell-border: #d7e7f2;
}

/* Файл theme_light.css */

:root[data-app-theme="light"], [data-app-theme-preview="light"] {
    --app-background: #f4f6f8; --surface-primary: #ffffff;
    --surface-secondary: #eef2f6;
    --surface-elevated: rgba(255, 255, 255, 0.96); --surface-muted: #f8fafc;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #364b63 0%, #273b52 100%);
    --sidebar-background-solid: #31475f; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.76); --heading-color: #243b53;
    --text-primary: #17212b; --text-secondary: #405266; --text-muted: #6b7c8f;
    --border-color: #c4ced8; --primary-color: #3478b8;
    --primary-hover: #255f94; --active-tab-background: #e97027;
    --active-tab-hover: #cf5d1c; --active-tab-text: #ffffff;
    --focus-ring: rgba(52, 120, 184, 0.26);
    --overlay-background: rgba(22, 33, 45, 0.38); --scrollbar-track: #edf1f5;
    --scrollbar-thumb: #a8b5c2; --info-background: #edf6ff;
    --info-border: #b5cee6; --app-shadow: 0 8px 22px rgba(31, 45, 61, 0.08);
    --divider-color: #acb9c6; --divider-soft: #dfe5eb;
    --table-header-background: #344b62; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #eef3f7;
    --table-row-hover-background: #e0edf7; --table-cell-border: #cbd5de;
}

/* Файл theme_dark.css */

:root[data-app-theme="dark"], [data-app-theme-preview="dark"] {
    --app-background: #111827; --surface-primary: #1b2534;
    --surface-secondary: #151f2d; --surface-elevated: rgba(29, 40, 56, 0.96);
    --surface-muted: #202c3d; --input-background: #111b29;
    --sidebar-background: linear-gradient(180deg, #101827 0%, #0b1220 100%);
    --sidebar-background-solid: #111827; --sidebar-text: #f8fafc;
    --sidebar-text-muted: #aab8c8; --heading-color: #d8e8ff;
    --text-primary: #edf4fc; --text-secondary: #c3cfdd; --text-muted: #93a4b8;
    --border-color: #43536a; --primary-color: #4d9bd8;
    --primary-hover: #67afe4; --active-tab-background: #d9772f;
    --active-tab-hover: #eb8b42; --active-tab-text: #ffffff;
    --focus-ring: rgba(77, 155, 216, 0.34);
    --overlay-background: rgba(0, 0, 0, 0.66); --scrollbar-track: #141e2b;
    --scrollbar-thumb: #506279; --info-background: #182d42;
    --info-border: #365c7d; --app-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
    --divider-color: #52657e; --divider-soft: #2d3b4d;
    --table-header-background: #2b3b50; --table-header-text: #f8fafc;
    --table-row-background: #1b2534; --table-row-alt-background: #202d3e;
    --table-row-hover-background: #293b50; --table-cell-border: #35475d;
}

/* Файл theme_graphite.css */

:root[data-app-theme="graphite"], [data-app-theme-preview="graphite"] {
    --app-background: #191c20; --surface-primary: #25292e;
    --surface-secondary: #202429; --surface-elevated: rgba(39, 44, 50, 0.97);
    --surface-muted: #2b3036; --input-background: #1c2025;
    --sidebar-background: linear-gradient(180deg, #252a30 0%, #171b20 100%);
    --sidebar-background-solid: #252a30; --sidebar-text: #f1f5f4;
    --sidebar-text-muted: #aebbb8; --heading-color: #d8f3ee;
    --text-primary: #edf2f1; --text-secondary: #c5cecc; --text-muted: #98a5a2;
    --border-color: #4c555e; --primary-color: #2ea89a;
    --primary-hover: #42c1b2; --active-tab-background: #d17a3b;
    --active-tab-hover: #e38b4b; --active-tab-text: #ffffff;
    --focus-ring: rgba(46, 168, 154, 0.34);
    --overlay-background: rgba(0, 0, 0, 0.68); --scrollbar-track: #202429;
    --scrollbar-thumb: #59615f; --info-background: #203936;
    --info-border: #3d6861; --app-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
    --divider-color: #5b6670; --divider-soft: #343b42;
    --table-header-background: #343c44; --table-header-text: #f1f5f4;
    --table-row-background: #25292e; --table-row-alt-background: #2b3036;
    --table-row-hover-background: #34413f; --table-cell-border: #454e56;
}

/* Файл theme_emerald.css */

:root[data-app-theme="emerald"], [data-app-theme-preview="emerald"] {
    --app-background: #edf5f2; --surface-primary: #ffffff;
    --surface-secondary: #e4f0ec;
    --surface-elevated: rgba(255, 255, 255, 0.96); --surface-muted: #f4faf8;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #087f72 0%, #05655b 100%);
    --sidebar-background-solid: #087f72; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.78); --heading-color: #145c54;
    --text-primary: #16332f; --text-secondary: #365b55; --text-muted: #65817c;
    --border-color: #abcac2; --primary-color: #118f80;
    --primary-hover: #08766a; --active-tab-background: #e27238;
    --active-tab-hover: #c95f2a; --active-tab-text: #ffffff;
    --focus-ring: rgba(17, 143, 128, 0.28);
    --overlay-background: rgba(12, 59, 53, 0.42); --scrollbar-track: #e4efec;
    --scrollbar-thumb: #8fb9b0; --info-background: #e4f6f2;
    --info-border: #9dd2c7; --app-shadow: 0 8px 22px rgba(22, 82, 73, 0.1);
    --divider-color: #8eb9af; --divider-soft: #d3e6e1;
    --table-header-background: #1b665c; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #e7f3ef;
    --table-row-hover-background: #d6eee8; --table-cell-border: #b7d2cb;
}

/* Файл theme_lavender.css */

:root[data-app-theme="lavender"], [data-app-theme-preview="lavender"] {
    --app-background: #f2f0f8; --surface-primary: #ffffff;
    --surface-secondary: #ebe8f4;
    --surface-elevated: rgba(255, 255, 255, 0.96); --surface-muted: #f8f6fc;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #6654a7 0%, #4f408c 100%);
    --sidebar-background-solid: #6250a3; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.8); --heading-color: #55468b;
    --text-primary: #2a2638; --text-secondary: #514b68; --text-muted: #7a738f;
    --border-color: #c5bbdc; --primary-color: #7661c7;
    --primary-hover: #604cae; --active-tab-background: #e16f52;
    --active-tab-hover: #c85b40; --active-tab-text: #ffffff;
    --focus-ring: rgba(118, 97, 199, 0.28);
    --overlay-background: rgba(43, 34, 72, 0.42); --scrollbar-track: #ebe8f3;
    --scrollbar-thumb: #aaa0ca; --info-background: #f0edfb;
    --info-border: #c7bdea; --app-shadow: 0 8px 24px rgba(73, 58, 120, 0.12);
    --divider-color: #afa1cf; --divider-soft: #e2dced;
    --table-header-background: #5a4d88; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #f0edf7;
    --table-row-hover-background: #e8e1f5; --table-cell-border: #cec4e1;
}

/* Файл theme_arctic.css */

:root[data-app-theme="arctic"], [data-app-theme-preview="arctic"] {
    --app-background: #eef5f8; --surface-primary: #ffffff;
    --surface-secondary: #e4eef3; --surface-elevated: rgba(255,255,255,0.96);
    --surface-muted: #f5fafc; --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #2f6177 0%, #1f485d 100%);
    --sidebar-background-solid: #28566b; --sidebar-text: #f8fcff;
    --sidebar-text-muted: rgba(248,252,255,0.78); --heading-color: #21536a;
    --text-primary: #17313d; --text-secondary: #426473; --text-muted: #718b96;
    --border-color: #b8cfd8; --primary-color: #3187a8;
    --primary-hover: #226d8a; --active-tab-background: #ee7445;
    --active-tab-hover: #d96035; --focus-ring: rgba(49,135,168,0.28);
    --overlay-background: rgba(20,55,70,0.42); --scrollbar-track: #e6eff3;
    --scrollbar-thumb: #91b0bd; --info-background: #e7f6fb;
    --info-border: #9bc8d8; --app-shadow: 0 8px 22px rgba(30,76,94,0.11);
    --divider-color: #9bbbc7; --divider-soft: #d4e3e9;
    --table-header-background: #2b6075; --table-row-background: #ffffff;
    --table-row-alt-background: #e9f3f7; --table-row-hover-background: #d9ecf3;
    --table-cell-border: #bdd2da; --active-tab-text: #ffffff;
    --table-header-text: #ffffff;
}

/* Файл theme_sakura.css */

:root[data-app-theme="sakura"], [data-app-theme-preview="sakura"] {
    --app-background: #f8f1f3; --surface-primary: #ffffff;
    --surface-secondary: #f3e7eb; --surface-elevated: rgba(255,255,255,0.97);
    --surface-muted: #fcf7f9; --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #8d5368 0%, #6f3d52 100%);
    --sidebar-background-solid: #825064; --sidebar-text: #fff9fb;
    --sidebar-text-muted: rgba(255,249,251,0.8); --heading-color: #7a3e57;
    --text-primary: #38232c; --text-secondary: #684b58; --text-muted: #907681;
    --border-color: #d9bdc7; --primary-color: #b55f7d;
    --primary-hover: #984761; --active-tab-background: #df7044;
    --active-tab-hover: #c85d35; --focus-ring: rgba(181,95,125,0.27);
    --overlay-background: rgba(63,31,44,0.4); --scrollbar-track: #f2e7eb;
    --scrollbar-thumb: #c29aaa; --info-background: #fbecf2;
    --info-border: #dfb6c6; --app-shadow: 0 8px 22px rgba(98,47,66,0.11);
    --divider-color: #cca7b5; --divider-soft: #ead9df;
    --table-header-background: #77495c; --table-row-background: #ffffff;
    --table-row-alt-background: #f7edf1; --table-row-hover-background: #f0dce4;
    --table-cell-border: #ddc4cd; --active-tab-text: #ffffff;
    --table-header-text: #ffffff;
}

/* Файл theme_sand.css */

:root[data-app-theme="sand"], [data-app-theme-preview="sand"] {
    --app-background: #f4f0e8; --surface-primary: #fffdf8;
    --surface-secondary: #ece5d8; --surface-elevated: rgba(255,253,248,0.97);
    --surface-muted: #faf7f0; --input-background: #fffdf8;
    --sidebar-background: linear-gradient(180deg, #746451 0%, #564838 100%);
    --sidebar-background-solid: #675743; --sidebar-text: #fffaf1;
    --sidebar-text-muted: rgba(255,250,241,0.8); --heading-color: #665039;
    --text-primary: #342b22; --text-secondary: #625647; --text-muted: #897c6a;
    --border-color: #d2c3ad; --primary-color: #a97748;
    --primary-hover: #8d5e35; --active-tab-background: #d86e37;
    --active-tab-hover: #bd5728; --focus-ring: rgba(169,119,72,0.28);
    --overlay-background: rgba(53,43,32,0.42); --scrollbar-track: #eee7dc;
    --scrollbar-thumb: #b5a38d; --info-background: #f7efd9;
    --info-border: #d7c08b; --app-shadow: 0 8px 22px rgba(75,59,41,0.1);
    --divider-color: #bea98d; --divider-soft: #e2d7c6;
    --table-header-background: #655744; --table-row-background: #fffdf8;
    --table-row-alt-background: #f2ece1; --table-row-hover-background: #e9dfd0;
    --table-cell-border: #d3c4af; --active-tab-text: #ffffff;
    --table-header-text: #ffffff;
}

/* Файл theme_midnight.css */

:root[data-app-theme="midnight"], [data-app-theme-preview="midnight"] {
    --app-background: #0e1020; --surface-primary: #171a2d;
    --surface-secondary: #121526; --surface-elevated: rgba(25,29,49,0.97);
    --surface-muted: #1d2137; --input-background: #111426;
    --sidebar-background: linear-gradient(180deg, #171b35 0%, #0b0e1d 100%);
    --sidebar-background-solid: #151a31; --sidebar-text: #f3f5ff;
    --sidebar-text-muted: #aab1cf; --heading-color: #d8ddff;
    --text-primary: #f0f2ff; --text-secondary: #c5cae5; --text-muted: #969dbd;
    --border-color: #454c70; --primary-color: #6687e8;
    --primary-hover: #7d9afb; --active-tab-background: #e47a45;
    --active-tab-hover: #f08d59; --focus-ring: rgba(102,135,232,0.35);
    --overlay-background: rgba(0,0,0,0.7); --scrollbar-track: #121526;
    --scrollbar-thumb: #535b83; --info-background: #1c2a50;
    --info-border: #3e5793; --app-shadow: 0 12px 30px rgba(0,0,0,0.34);
    --divider-color: #596284; --divider-soft: #303753;
    --table-header-background: #2d355b; --table-row-background: #171a2d;
    --table-row-alt-background: #1d2138; --table-row-hover-background: #272e4b;
    --table-cell-border: #39415f; --active-tab-text: #ffffff;
    --table-header-text: #ffffff;
}

/* Файл theme_neon.css */

:root[data-app-theme="neon"], [data-app-theme-preview="neon"] {
    --app-background: #101519; --surface-primary: #182126;
    --surface-secondary: #131b20; --surface-elevated: rgba(25,34,40,0.97);
    --surface-muted: #202b31; --input-background: #111a1f;
    --sidebar-background: linear-gradient(180deg, #15323a 0%, #111721 55%,
    #241631 100%);
    --sidebar-background-solid: #172a32; --sidebar-text: #effffc;
    --sidebar-text-muted: #a9c9c3; --heading-color: #baf5eb;
    --text-primary: #eaf8f5; --text-secondary: #bfd2ce; --text-muted: #8fa7a2;
    --border-color: #3d5a5b; --primary-color: #24b9a8;
    --primary-hover: #39d1be; --active-tab-background: #9b5de5;
    --active-tab-hover: #b176ee; --focus-ring: rgba(36,185,168,0.34);
    --overlay-background: rgba(0,0,0,0.7); --scrollbar-track: #131b20;
    --scrollbar-thumb: #466b69; --info-background: #173b3b;
    --info-border: #2c716b; --app-shadow: 0 12px 30px rgba(0,0,0,0.32);
    --divider-color: #4d7070; --divider-soft: #2a4144;
    --table-header-background: #24464b; --table-row-background: #182126;
    --table-row-alt-background: #1e2a30; --table-row-hover-background: #273a3d;
    --table-cell-border: #355154; --active-tab-text: #ffffff;
    --table-header-text: #ffffff;
}

/* Файл theme_aurora.css */

:root[data-app-theme="aurora"], [data-app-theme-preview="aurora"] {
    --app-background: #0b1220; --surface-primary: #121d31;
    --surface-secondary: #172640; --surface-elevated: rgba(20, 32, 53, 0.97);
    --surface-muted: #0f192b; --input-background: #0e192b;
    --sidebar-background: linear-gradient(160deg, #10233f 0%, #15204a 52%,
    #312150 100%);
    --sidebar-background-solid: #142543; --sidebar-text: #f4f8ff;
    --sidebar-text-muted: rgba(225, 236, 255, 0.8); --heading-color: #9fe8ff;
    --text-primary: #edf6ff; --text-secondary: #b7c8df; --text-muted: #8295b1;
    --border-color: #354966; --primary-color: #2ec5ce;
    --primary-hover: #24aeb7; --active-tab-background: #d65cba;
    --active-tab-hover: #bf49a3; --active-tab-text: #ffffff;
    --focus-ring: rgba(46, 197, 206, 0.34);
    --overlay-background: rgba(4, 9, 19, 0.68); --scrollbar-track: #101a2b;
    --scrollbar-thumb: #526987; --info-background: #142b3f;
    --info-border: #34738b; --app-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
    --divider-color: #3c506b; --divider-soft: #263a56;
    --tab-border-color: #3a506e; --tab-panel-separator: #304663;
    --sidebar-tab-background: rgba(255, 255, 255, 0.07);
    --sidebar-tab-border: rgba(194, 225, 255, 0.18);
    --sidebar-tab-hover: rgba(46, 197, 206, 0.15);
    --table-header-background: #203956; --table-header-text: #f4f9ff;
    --table-row-background: #121d31; --table-row-alt-background: #16243a;
    --table-row-hover-background: #1d3550; --table-cell-border: #344a67;
}

/* Файл theme_space.css */

:root[data-app-theme="space"], [data-app-theme-preview="space"] {
    --app-background: rgba(3, 8, 22, 0.74);
    --surface-primary: rgba(7, 16, 38, 0.78);
    --surface-secondary: rgba(11, 24, 52, 0.82);
    --surface-elevated: rgba(14, 29, 61, 0.88);
    --surface-muted: rgba(17, 34, 68, 0.76);
    --input-background: rgba(8, 20, 44, 0.88);
    --sidebar-background: linear-gradient( 180deg, rgba(4, 15, 38, 0.92) 0%,
    rgba(10, 24, 57, 0.88) 100% );
    --sidebar-background-solid: #07152f; --sidebar-text: #f8fbff;
    --sidebar-text-muted: rgba(224, 235, 255, 0.82); --heading-color: #dceaff;
    --text-primary: #f7fbff; --text-secondary: #c9d7ed; --text-muted: #91a5c4;
    --border-color: rgba(145, 180, 226, 0.36); --primary-color: #5c9dff;
    --primary-hover: #7db3ff; --active-tab-background: #d861a8;
    --active-tab-hover: #e879bc; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #70aaff 38%, transparent);
    --overlay-background: rgba(0, 4, 16, 0.64);
    --scrollbar-track: rgba(6, 16, 36, 0.82); --scrollbar-thumb: #526e9d;
    --info-background: rgba(17, 43, 82, 0.88);
    --info-border: rgba(104, 159, 226, 0.56);
    --app-shadow: 0 12px 34px rgba(0, 0, 15, 0.34);
    --divider-color: rgba(121, 155, 205, 0.42);
    --divider-soft: rgba(94, 126, 176, 0.26);
    --tab-border-color: rgba(129, 165, 218, 0.44);
    --tab-panel-separator: rgba(112, 148, 201, 0.34);
    --sidebar-tab-background: rgba(255, 255, 255, 0.08);
    --sidebar-tab-border: rgba(222, 235, 255, 0.18);
    --sidebar-tab-hover: rgba(92, 157, 255, 0.18);
    --table-header-background: #173765; --table-header-text: #ffffff;
    --table-row-background: #071229; --table-row-alt-background: #0d1e3d;
    --table-row-hover-background: #224577; --workspace-opaque-surface: #071026;
    --workspace-opaque-surface-secondary: #0c1c3d;
    --selection-list-background: #071229;
    --table-cell-border: rgba(118, 151, 199, 0.36);
}
:root[data-app-theme="space"] {
    background-color: #020815;
    background-image: linear-gradient(rgba(0, 4, 15, 0.2), rgba(0, 4, 15,
    0.38)), url(/static/media/space_galaxy.f1138c0c.jpg);
    background-position: center; background-size: cover;
    background-attachment: fixed;
}
:root[data-app-theme="space"] body, :root[data-app-theme="space"] #root,
:root[data-app-theme="space"] .tab-content,
:root[data-app-theme="space"] .tab-content-wrapper,
:root[data-app-theme="space"] .tab-content-item,
:root[data-app-theme="space"] .container,
:root[data-app-theme="space"] .office-workspace,
:root[data-app-theme="space"] .developer-settings-root {
    background-color: transparent; background-image: none;
}
:root[data-app-theme="space"] .modal-content,
:root[data-app-theme="space"] .drawer-panel {
    backdrop-filter: blur(13px) saturate(118%);
}
[data-app-theme-preview="space"].app-theme-preview,
[data-app-theme-preview="space"] .app-theme-preview__content {
    background-image: linear-gradient(rgba(3, 9, 24, 0.18), rgba(3, 9, 24,
    0.5)), url(/static/media/space_galaxy.f1138c0c.jpg);
    background-position: center; background-size: cover;
}
:root[data-app-theme="space"] .doc-card {
    background: var(--workspace-opaque-surface);
}
:root[data-app-theme="space"] .bank-dashboard__header,
:root[data-app-theme="space"] .bank-account-page__statement-toolbar,
:root[data-app-theme="space"] .bank-account-page__table-toolbar {
    padding: var(--spacing_small); border: 1px solid var(--border-color);
    border-radius: 8px; background: var(--workspace-opaque-surface);
    box-shadow: var(--app-shadow);
}
:root[data-app-theme="space"] .bank-dashboard__settings {
    background: var(--workspace-opaque-surface-secondary);
}

/* Файл theme_space_nebula.css */

:root[data-app-theme="space_nebula"], [data-app-theme-preview="space_nebula"] {
    --app-background: rgba(225, 238, 250, 0.34);
    --surface-primary: rgba(246, 251, 255, 0.76);
    --surface-secondary: rgba(224, 239, 251, 0.74);
    --surface-elevated: rgba(255, 255, 255, 0.84);
    --surface-muted: rgba(231, 243, 252, 0.68);
    --input-background: rgba(255, 255, 255, 0.78);
    --sidebar-background: linear-gradient( 180deg, rgba(20, 92, 143, 0.86) 0%,
    rgba(35, 116, 157, 0.76) 100% );
    --sidebar-background-solid: #216f9a; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(239, 250, 255, 0.84); --heading-color: #173f68;
    --text-primary: #102b37; --text-secondary: #365269; --text-muted: #687f95;
    --border-color: rgba(94, 143, 181, 0.36); --primary-color: #3188ca;
    --primary-hover: #236fae; --active-tab-background: #7b6bed;
    --active-tab-hover: #6959db; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #3188ca 28%, transparent);
    --overlay-background: rgba(2, 19, 38, 0.4);
    --scrollbar-track: rgba(224, 239, 250, 0.72); --scrollbar-thumb: #82a9c3;
    --info-background: rgba(226, 243, 255, 0.82);
    --info-border: rgba(83, 141, 186, 0.46);
    --app-shadow: 0 10px 28px rgba(7, 34, 57, 0.16);
    --divider-color: rgba(94, 142, 180, 0.4);
    --divider-soft: rgba(121, 164, 197, 0.26);
    --tab-border-color: rgba(90, 143, 183, 0.42);
    --tab-panel-separator: rgba(102, 152, 189, 0.34);
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.24);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.2);
    --table-header-background: #296c9d; --table-header-text: #ffffff;
    --table-row-background: #eef7fc; --table-row-alt-background: #dcecf6;
    --table-row-hover-background: #cce6f7; --workspace-opaque-surface: #f6fbff;
    --workspace-opaque-surface-secondary: #e5f1f9;
    --table-cell-border: rgba(107, 153, 188, 0.36);
    --selection-list-background: #eef7fc;
}
:root[data-app-theme="space_nebula"] {
    background-color: #153e62;
    background-image: linear-gradient( 120deg, rgba(196, 229, 248, 0.2),
    rgba(13, 50, 88, 0.24) ),
    url(/static/media/space_nebula.c35885ba.jpg);
    background-position: center; background-size: cover;
    background-attachment: fixed;
}
:root[data-app-theme="space_nebula"] body,
:root[data-app-theme="space_nebula"] #root,
:root[data-app-theme="space_nebula"] .tab-content,
:root[data-app-theme="space_nebula"] .tab-content-wrapper,
:root[data-app-theme="space_nebula"] .tab-content-item,
:root[data-app-theme="space_nebula"] .container,
:root[data-app-theme="space_nebula"] .office-workspace,
:root[data-app-theme="space_nebula"] .developer-settings-root {
    background-color: transparent; background-image: none;
}
:root[data-app-theme="space_nebula"] .modal-content,
:root[data-app-theme="space_nebula"] .drawer-panel {
    backdrop-filter: blur(16px) saturate(125%);
}
[data-app-theme-preview="space_nebula"].app-theme-preview,
[data-app-theme-preview="space_nebula"] .app-theme-preview__content {
    background-image: linear-gradient( rgba(225, 242, 253, 0.28), rgba(232,
    246, 255, 0.56) ),
    url(/static/media/space_nebula.c35885ba.jpg);
    background-position: center; background-size: cover;
}
:root[data-app-theme="space_nebula"] .doc-card {
    background: var(--workspace-opaque-surface);
}
:root[data-app-theme="space_nebula"] .bank-dashboard__header,
:root[data-app-theme="space_nebula"] .bank-account-page__statement-toolbar,
:root[data-app-theme="space_nebula"] .bank-account-page__table-toolbar {
    padding: var(--spacing_small); border: 1px solid var(--border-color);
    border-radius: 8px; background: var(--workspace-opaque-surface);
    box-shadow: var(--app-shadow);
}
:root[data-app-theme="space_nebula"] .bank-dashboard__settings {
    background: var(--workspace-opaque-surface-secondary);
}

/* Файл theme_porcelain.css */

:root[data-app-theme="porcelain"], [data-app-theme-preview="porcelain"] {
    --app-background: #f5f3ef; --surface-primary: #fffefd;
    --surface-secondary: #ece9e3;
    --surface-elevated: rgba(255, 254, 253, 0.97); --surface-muted: #faf8f4;
    --input-background: #fffefd;
    --sidebar-background: linear-gradient(180deg, #334a62 0%, #26394d 100%);
    --sidebar-background-solid: #2e4358; --sidebar-text: #fffdf9;
    --sidebar-text-muted: rgba(255, 253, 249, 0.8); --heading-color: #294b69;
    --text-primary: #25313d; --text-secondary: #596571; --text-muted: #7d868e;
    --border-color: #cfc9bf; --primary-color: #3f7898;
    --primary-hover: #32647f; --active-tab-background: #c66a4b;
    --active-tab-hover: #ae573b; --active-tab-text: #ffffff;
    --focus-ring: rgba(63, 120, 152, 0.25);
    --overlay-background: rgba(31, 42, 52, 0.42); --scrollbar-track: #ece9e3;
    --scrollbar-thumb: #a79f94; --info-background: #edf5f8;
    --info-border: #abc8d5; --app-shadow: 0 8px 22px rgba(53, 61, 68, 0.1);
    --divider-color: #c3bdb3; --divider-soft: #ded9d1;
    --tab-border-color: #d1cbc2; --tab-panel-separator: #d3cdc4;
    --sidebar-tab-background: rgba(255, 255, 255, 0.1);
    --sidebar-tab-border: rgba(255, 255, 255, 0.2);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.17);
    --table-header-background: #3b5267; --table-header-text: #ffffff;
    --table-row-background: #fffefd; --table-row-alt-background: #f0ede7;
    --table-row-hover-background: #e7edf0; --table-cell-border: #d1cbc2;
}

/* Файл theme_ocean.css */

:root[data-app-theme="ocean"], [data-app-theme-preview="ocean"] {
    --app-background: #071b25; --surface-primary: #0d2732;
    --surface-secondary: #123540; --surface-elevated: rgba(13, 39, 50, 0.97);
    --surface-muted: #0a222c; --input-background: #0a202a;
    --sidebar-background: linear-gradient(180deg, #075d68 0%, #083e54 100%);
    --sidebar-background-solid: #075262; --sidebar-text: #ecffff;
    --sidebar-text-muted: rgba(219, 252, 252, 0.78); --heading-color: #77e1dd;
    --text-primary: #ecfbfb; --text-secondary: #aed0d1; --text-muted: #789da1;
    --border-color: #2e5862; --primary-color: #20aeb0;
    --primary-hover: #178f92; --active-tab-background: #ff8b4d;
    --active-tab-hover: #e97539; --active-tab-text: #ffffff;
    --focus-ring: rgba(32, 174, 176, 0.32);
    --overlay-background: rgba(2, 17, 24, 0.68); --scrollbar-track: #0a222c;
    --scrollbar-thumb: #3e737d; --info-background: #10343e;
    --info-border: #34747d; --app-shadow: 0 10px 28px rgba(0, 0, 0, 0.27);
    --divider-color: #37616b; --divider-soft: #214751;
    --tab-border-color: #35616b; --tab-panel-separator: #2b5660;
    --sidebar-tab-background: rgba(255, 255, 255, 0.07);
    --sidebar-tab-border: rgba(218, 255, 255, 0.17);
    --sidebar-tab-hover: rgba(32, 174, 176, 0.16);
    --table-header-background: #154653; --table-header-text: #f1ffff;
    --table-row-background: #0d2732; --table-row-alt-background: #11323d;
    --table-row-hover-background: #17434d; --table-cell-border: #2e5963;
}

/* Файл theme_copper.css */

:root[data-app-theme="copper"], [data-app-theme-preview="copper"] {
    --app-background: #171615; --surface-primary: #22201e;
    --surface-secondary: #2b2825; --surface-elevated: rgba(35, 32, 29, 0.97);
    --surface-muted: #1c1a18; --input-background: #1d1b19;
    --sidebar-background: linear-gradient(180deg, #312b27 0%, #201d1b 100%);
    --sidebar-background-solid: #292522; --sidebar-text: #fff7ef;
    --sidebar-text-muted: rgba(248, 228, 211, 0.78); --heading-color: #e6a574;
    --text-primary: #f4ece5; --text-secondary: #c8b8aa; --text-muted: #95877c;
    --border-color: #55483f; --primary-color: #c77b4c;
    --primary-hover: #ad6338; --active-tab-background: #d58b50;
    --active-tab-hover: #bb733f; --active-tab-text: #ffffff;
    --focus-ring: rgba(199, 123, 76, 0.32);
    --overlay-background: rgba(10, 9, 8, 0.7); --scrollbar-track: #1d1b19;
    --scrollbar-thumb: #6b5b50; --info-background: #302821;
    --info-border: #74543e; --app-shadow: 0 10px 26px rgba(0, 0, 0, 0.3);
    --divider-color: #5c4d43; --divider-soft: #40362f;
    --tab-border-color: #5b4c42; --tab-panel-separator: #4a3e36;
    --sidebar-tab-background: rgba(255, 255, 255, 0.06);
    --sidebar-tab-border: rgba(255, 233, 214, 0.15);
    --sidebar-tab-hover: rgba(199, 123, 76, 0.16);
    --table-header-background: #49372b; --table-header-text: #fff7ef;
    --table-row-background: #22201e; --table-row-alt-background: #292623;
    --table-row-hover-background: #352d27; --table-cell-border: #55483f;
}

/* Файл theme_coral.css */

:root[data-app-theme="coral"], [data-app-theme-preview="coral"] {
    --app-background: #fff5f0; --surface-primary: #ffffff;
    --surface-secondary: #f8e8e2;
    --surface-elevated: rgba(255, 255, 255, 0.97); --surface-muted: #fffaf7;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #d66f69 0%, #b84f5e 100%);
    --sidebar-background-solid: #c45f64; --sidebar-text: #fffafa;
    --sidebar-text-muted: rgba(255, 250, 250, 0.82); --heading-color: #85424e;
    --text-primary: #3d2930; --text-secondary: #72535d; --text-muted: #967b83;
    --border-color: #e1c4c2; --primary-color: #d96f6a;
    --primary-hover: #bd5957; --active-tab-background: #385f82;
    --active-tab-hover: #2d4e6c; --active-tab-text: #ffffff;
    --focus-ring: rgba(217, 111, 106, 0.27);
    --overlay-background: rgba(67, 39, 45, 0.42); --scrollbar-track: #f8e8e2;
    --scrollbar-thumb: #c99d9a; --info-background: #fff0ed;
    --info-border: #e6b5b0; --app-shadow: 0 8px 22px rgba(112, 62, 70, 0.1);
    --divider-color: #d8b4b2; --divider-soft: #eed7d3;
    --tab-border-color: #e4c5c2; --tab-panel-separator: #e4c6c3;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.22);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.2);
    --table-header-background: #8c4e58; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #fbefeb;
    --table-row-hover-background: #f7dfdc; --table-cell-border: #e0c1bf;
}

/* Файл theme_mint.css */

:root[data-app-theme="mint"], [data-app-theme-preview="mint"] {
    --app-background: #effaf6; --surface-primary: #ffffff;
    --surface-secondary: #e1f3ec;
    --surface-elevated: rgba(255, 255, 255, 0.97); --surface-muted: #f7fcfa;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #1d8b78 0%, #126456 100%);
    --sidebar-background-solid: #187565; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #165f54;
    --text-primary: #173c35; --text-secondary: #496b64; --text-muted: #718f88;
    --border-color: #b9ddd3; --primary-color: #24a88e;
    --primary-hover: #17856f; --active-tab-background: #e57b2f;
    --active-tab-hover: #ca6420; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #24a88e 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #e1f3ec;
    --scrollbar-thumb: #81b9ab; --info-background: #e4f8f2;
    --info-border: #9fd2c5; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #b9ddd3;
    --divider-soft: color-mix(in srgb, #b9ddd3 58%, #ffffff);
    --tab-border-color: #b9ddd3; --tab-panel-separator: #b9ddd3;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #1b7567; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #edf8f4;
    --table-row-hover-background: #dff2eb; --table-cell-border: #b9ddd3;
}

/* Файл theme_plum.css */

:root[data-app-theme="plum"], [data-app-theme-preview="plum"] {
    --app-background: #17121c; --surface-primary: #211827;
    --surface-secondary: #2b2032; --surface-elevated: rgba(37, 42, 48, 0.97);
    --surface-muted: #261d2c; --input-background: #211827;
    --sidebar-background: linear-gradient(180deg, #4e2d58 0%, #281a32 100%);
    --sidebar-background-solid: #3d2548; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #f0c9f1;
    --text-primary: #f7edf8; --text-secondary: #cfb8d3; --text-muted: #9e879f;
    --border-color: #54435a; --primary-color: #b06bc1;
    --primary-hover: #c47ad4; --active-tab-background: #dd7b57;
    --active-tab-hover: #ec8c68; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #b06bc1 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #2b2032;
    --scrollbar-thumb: #725c78; --info-background: #30203b;
    --info-border: #775681; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #54435a;
    --divider-soft: color-mix(in srgb, #54435a 58%, #211827);
    --tab-border-color: #54435a; --tab-panel-separator: #54435a;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #5b3567; --table-header-text: #ffffff;
    --table-row-background: #211827; --table-row-alt-background: #291e30;
    --table-row-hover-background: #3b2844; --table-cell-border: #54435a;
}

/* Файл theme_nord.css */

:root[data-app-theme="nord"], [data-app-theme-preview="nord"] {
    --app-background: #202833; --surface-primary: #2a3441;
    --surface-secondary: #344150; --surface-elevated: rgba(37, 42, 48, 0.97);
    --surface-muted: #2f3a47; --input-background: #2a3441;
    --sidebar-background: linear-gradient(180deg, #3b5268 0%, #273849 100%);
    --sidebar-background-solid: #32485b; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #d9edf7;
    --text-primary: #edf5f8; --text-secondary: #b8cbd4; --text-muted: #8da3ae;
    --border-color: #506273; --primary-color: #6fb6cf;
    --primary-hover: #86c9df; --active-tab-background: #d8904b;
    --active-tab-hover: #e7a05d; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #6fb6cf 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #344150;
    --scrollbar-thumb: #6a8192; --info-background: #304454;
    --info-border: #628195; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #506273;
    --divider-soft: color-mix(in srgb, #506273 58%, #2a3441);
    --tab-border-color: #506273; --tab-panel-separator: #506273;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #3f596d; --table-header-text: #ffffff;
    --table-row-background: #2a3441; --table-row-alt-background: #303c49;
    --table-row-hover-background: #3c4d5d; --table-cell-border: #506273;
}

/* Файл theme_solar.css */

:root[data-app-theme="solar"], [data-app-theme-preview="solar"] {
    --app-background: #fff9e9; --surface-primary: #ffffff;
    --surface-secondary: #f8edcf;
    --surface-elevated: rgba(255, 255, 255, 0.97); --surface-muted: #fffcf4;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #d39a2c 0%, #a86e18 100%);
    --sidebar-background-solid: #bd8120; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #7b5514;
    --text-primary: #3f331f; --text-secondary: #6f6045; --text-muted: #95866b;
    --border-color: #e4d2a4; --primary-color: #e1a82e;
    --primary-hover: #c98c17; --active-tab-background: #4c79ad;
    --active-tab-hover: #37638f; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #e1a82e 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #f8edcf;
    --scrollbar-thumb: #cbb77f; --info-background: #fff3cd;
    --info-border: #e3c777; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #e4d2a4;
    --divider-soft: color-mix(in srgb, #e4d2a4 58%, #ffffff);
    --tab-border-color: #e4d2a4; --tab-panel-separator: #e4d2a4;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #9c711f; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #fbf3dc;
    --table-row-hover-background: #f6e7ba; --table-cell-border: #e4d2a4;
}

/* Файл theme_rosewood.css */

:root[data-app-theme="rosewood"], [data-app-theme-preview="rosewood"] {
    --app-background: #1d1718; --surface-primary: #282021;
    --surface-secondary: #342829; --surface-elevated: rgba(37, 42, 48, 0.97);
    --surface-muted: #2e2425; --input-background: #282021;
    --sidebar-background: linear-gradient(180deg, #643a3f 0%, #392327 100%);
    --sidebar-background-solid: #4e2d32; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #f2d7d3;
    --text-primary: #f6efed; --text-secondary: #cdb9b6; --text-muted: #9d8582;
    --border-color: #5a4748; --primary-color: #b9675e;
    --primary-hover: #cc766c; --active-tab-background: #d4964f;
    --active-tab-hover: #e3a55e; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #b9675e 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #342829;
    --scrollbar-thumb: #796163; --info-background: #3a292c;
    --info-border: #785055; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #5a4748;
    --divider-soft: color-mix(in srgb, #5a4748 58%, #282021);
    --tab-border-color: #5a4748; --tab-panel-separator: #5a4748;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #704148; --table-header-text: #ffffff;
    --table-row-background: #282021; --table-row-alt-background: #302526;
    --table-row-hover-background: #433032; --table-cell-border: #5a4748;
}

/* Файл theme_cloud.css */

:root[data-app-theme="cloud"], [data-app-theme-preview="cloud"] {
    --app-background: #f2f6fa; --surface-primary: #ffffff;
    --surface-secondary: #e7eef5;
    --surface-elevated: rgba(255, 255, 255, 0.97); --surface-muted: #f8fafc;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #7896b1 0%, #536f8a 100%);
    --sidebar-background-solid: #66839e; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #365470;
    --text-primary: #243746; --text-secondary: #566b7c; --text-muted: #7d909f;
    --border-color: #c8d6e2; --primary-color: #5d93bf;
    --primary-hover: #477ba5; --active-tab-background: #e2813c;
    --active-tab-hover: #c76b2d; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #5d93bf 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #e7eef5;
    --scrollbar-thumb: #9eb2c2; --info-background: #eaf4fb;
    --info-border: #b3ccdf; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #c8d6e2;
    --divider-soft: color-mix(in srgb, #c8d6e2 58%, #ffffff);
    --tab-border-color: #c8d6e2; --tab-panel-separator: #c8d6e2;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #5b7892; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #edf3f8;
    --table-row-hover-background: #e0edf6; --table-cell-border: #c8d6e2;
}

/* Файл theme_steel.css */

:root[data-app-theme="steel"], [data-app-theme-preview="steel"] {
    --app-background: #25292d; --surface-primary: #30353a;
    --surface-secondary: #3a4147; --surface-elevated: rgba(37, 42, 48, 0.97);
    --surface-muted: #343a40; --input-background: #30353a;
    --sidebar-background: linear-gradient(180deg, #505b65 0%, #333b43 100%);
    --sidebar-background-solid: #424c55; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #e1edf3;
    --text-primary: #f2f5f6; --text-secondary: #c0c9ce; --text-muted: #909ba1;
    --border-color: #596269; --primary-color: #6da2bf;
    --primary-hover: #7eb5d1; --active-tab-background: #d77d43;
    --active-tab-hover: #e78d51; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #6da2bf 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #3a4147;
    --scrollbar-thumb: #707b82; --info-background: #35434b;
    --info-border: #617783; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #596269;
    --divider-soft: color-mix(in srgb, #596269 58%, #30353a);
    --tab-border-color: #596269; --tab-panel-separator: #596269;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #4d626e; --table-header-text: #ffffff;
    --table-row-background: #30353a; --table-row-alt-background: #373d42;
    --table-row-hover-background: #454d53; --table-cell-border: #596269;
}

/* Файл theme_amber.css */

:root[data-app-theme="amber"], [data-app-theme-preview="amber"] {
    --app-background: #fff6e6; --surface-primary: #fffdf9;
    --surface-secondary: #f4dfbd;
    --surface-elevated: rgba(255, 255, 255, 0.97); --surface-muted: #fffaf1;
    --input-background: #fffdf9;
    --sidebar-background: linear-gradient(180deg, #b96d20 0%, #7b4418 100%);
    --sidebar-background-solid: #94531a; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #6d3f19;
    --text-primary: #3d2b1f; --text-secondary: #705541; --text-muted: #957965;
    --border-color: #dfc29f; --primary-color: #d58427;
    --primary-hover: #b96b17; --active-tab-background: #326f9c;
    --active-tab-hover: #275c83; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #d58427 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #f4dfbd;
    --scrollbar-thumb: #c6a075; --info-background: #ffedcf;
    --info-border: #deb77c; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #dfc29f;
    --divider-soft: color-mix(in srgb, #dfc29f 58%, #fffdf9);
    --tab-border-color: #dfc29f; --tab-panel-separator: #dfc29f;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #83501f; --table-header-text: #ffffff;
    --table-row-background: #fffdf9; --table-row-alt-background: #f9ead2;
    --table-row-hover-background: #f3d9b0; --table-cell-border: #dfc29f;
}

/* Файл theme_aqua.css */

:root[data-app-theme="aqua"], [data-app-theme-preview="aqua"] {
    --app-background: #eefafb; --surface-primary: #ffffff;
    --surface-secondary: #dff3f4;
    --surface-elevated: rgba(255, 255, 255, 0.97); --surface-muted: #f7fcfd;
    --input-background: #ffffff;
    --sidebar-background: linear-gradient(180deg, #238da1 0%, #176477 100%);
    --sidebar-background-solid: #1e7688; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #155d70;
    --text-primary: #173943; --text-secondary: #496b73; --text-muted: #729099;
    --border-color: #b8dce1; --primary-color: #2ca2b6;
    --primary-hover: #1f8497; --active-tab-background: #ef7f35;
    --active-tab-hover: #d66b25; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #2ca2b6 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #dff3f4;
    --scrollbar-thumb: #82b8c1; --info-background: #e3f7fa;
    --info-border: #9fd4dc; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #b8dce1;
    --divider-soft: color-mix(in srgb, #b8dce1 58%, #ffffff);
    --tab-border-color: #b8dce1; --tab-panel-separator: #b8dce1;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #207489; --table-header-text: #ffffff;
    --table-row-background: #ffffff; --table-row-alt-background: #eaf7f8;
    --table-row-hover-background: #d8eff2; --table-cell-border: #b8dce1;
}

/* Файл theme_monochrome.css */

:root[data-app-theme="monochrome"], [data-app-theme-preview="monochrome"] {
    --app-background: #151515; --surface-primary: #222222;
    --surface-secondary: #2d2d2d; --surface-elevated: rgba(37, 42, 48, 0.97);
    --surface-muted: #272727; --input-background: #222222;
    --sidebar-background: linear-gradient(180deg, #3b3b3b 0%, #1f1f1f 100%);
    --sidebar-background-solid: #2b2b2b; --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255, 255, 255, 0.80); --heading-color: #f5f5f5;
    --text-primary: #f7f7f7; --text-secondary: #cccccc; --text-muted: #999999;
    --border-color: #4c4c4c; --primary-color: #d7d7d7;
    --primary-hover: #ffffff; --active-tab-background: #d77a32;
    --active-tab-hover: #e88b43; --active-tab-text: #ffffff;
    --focus-ring: color-mix(in srgb, #d7d7d7 28%, transparent);
    --overlay-background: rgba(18, 24, 31, 0.46); --scrollbar-track: #2d2d2d;
    --scrollbar-thumb: #707070; --info-background: #2b2b2b;
    --info-border: #5b5b5b; --app-shadow: 0 8px 22px rgba(20, 32, 44, 0.10);
    --divider-color: #4c4c4c;
    --divider-soft: color-mix(in srgb, #4c4c4c 58%, #222222);
    --tab-border-color: #4c4c4c; --tab-panel-separator: #4c4c4c;
    --sidebar-tab-background: rgba(255, 255, 255, 0.12);
    --sidebar-tab-border: rgba(255, 255, 255, 0.23);
    --sidebar-tab-hover: rgba(255, 255, 255, 0.20);
    --table-header-background: #454545; --table-header-text: #ffffff;
    --table-row-background: #222222; --table-row-alt-background: #292929;
    --table-row-hover-background: #383838; --table-cell-border: #4c4c4c;
}

/* Файл theme_base.css */

html, body, #root {
    background: var(--app-background); color: var(--text-1);
}
body {
    transition: background-color 0.18s ease, color 0.18s ease;
}
::selection {
    background: color-mix(in srgb, var(--accent) 34%, transparent);
    color: var(--text-1);
}
* {
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
input, select, textarea {
    accent-color: var(--accent);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select,
textarea {
    padding: var(--ui-input-padding-block) var(--ui-input-padding-inline);
    background-color: var(--input-background); color: var(--text-1);
    border-color: var(--border);
}
input::placeholder, textarea::placeholder {
    color: var(--text-3);
}
.top-panel__row input.input_text[type="text"] {
    width: 150px; margin: 0; padding: 0; border: 0; background: transparent;
    color: var(--on-accent); box-shadow: none; font-weight: 400;
    text-align: center;
}
.tab-content, .tab-content-wrapper, .tab-content-item, .container,
.page_authorization, .auth-pd-side, .office-workspace,
.developer-settings-root {
    background-color: var(--app-background); color: var(--text-1);
}
.modal-content, .drawer-content {
    background-color: var(--surface-primary); color: var(--text-1);
    border-color: var(--border);
}
.app-theme-preview, [data-app-theme-preview] {
    --preview-surface: var(--surface-primary);
    --preview-surface-secondary: var(--surface-secondary);
    --preview-sidebar: var(--sidebar-background-solid);
    --preview-accent: var(--accent); --preview-text: var(--text-1);
    --preview-muted: var(--text-3);
}
hr {
    border: 0; border-top: 1px solid var(--divider-color);
}
fieldset, .modal-content, .drawer-content {
    border-color: var(--divider-color);
}

/* Файл common_layout.css */

.block_1 {
    box-sizing: border-box; min-width: 0; margin: 0 0 var(--spacing_large);
    padding: var(--font_size_0) var(--font_size_0) calc(var(--font_size_0) +
    var(--spacing_micro));
    border: 1px solid var(--divider-color); border-radius: var(--radius_xl);
    background: var(--surface-primary); color: var(--text-1);
    box-shadow: var(--shadow); font-family: var(--font_family_interface);
    font-size: var(--font_size_0); line-height: 1.35;
}
.block_1 :is(h1, h2, h3, h4, h5, h6), .block_1 .block_1__title {
    margin: 0 0 var(--font_size_0); color: var(--blue-navy) !important;
    font-size: var(--font_size_0) !important; font-weight: 700;
    line-height: 1.25;
}
.tab-content-item.active:has(> .management-workspace),
.tab-content-item.active:has(> .company-information-root),
.tab-content-item.active:has(> .meetings-root),
.tab-content-item.active:has(> .taxes-and-reporting-root) {
    flex: 1 1 auto; min-height: 0; height: 100%; overflow: hidden;
}
.management-workspace, .company-information-root, .taxes-and-reporting-root {
    display: flex; width: 100%; max-width: 100%; height: 100%; min-height: 0;
    flex-direction: column; box-sizing: border-box;
}
.management-workspace > .tab-widget-container,
.company-information-root > .tab-widget-container,
.taxes-and-reporting-root > .tab-widget-container {
    flex: 1 1 auto; min-height: 0;
}
.tab-content .tab-content-wrapper.scrollable >
.tab-content-item.active:has(> .management-workspace),
.tab-content .tab-content-wrapper.scrollable >
.tab-content-item.active:has(> .company-information-root),
.tab-content .tab-content-wrapper.scrollable >
.tab-content-item.active:has(> .meetings-root),
.tab-content .tab-content-wrapper.scrollable >
.tab-content-item.active:has(> .taxes-and-reporting-root) {
    overflow: hidden !important; scrollbar-gutter: auto;
}
.workspace-card__title {
    margin: 0 0 var(--font_size_0); color: var(--blue-navy);
    font-size: var(--font_size_0); font-weight: 700; line-height: 1.15;
}
.workspace-card__title-group {
    min-width: 0; gap: calc(var(--spacing_small) / 2);
    margin-bottom: var(--font_size_0);
}
.workspace-card__title-group > :last-child {
    margin-bottom: 0;
}
.workspace-card__subtitle, .workspace-card__intro {
    color: var(--text-2); font-size: var(--font_size_0);
}
.workspace-card__intro {
    margin-top: 0;
}
.workspace-form-grid--three {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
}
.workspace-form-grid--two {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
}
.workspace-field, .house-details-params, .house-details-files, .meeting-field,
.meeting-answers-block, .meeting-question-list {
    display: flex; min-width: 0; flex-direction: column;
    gap: var(--spacing_small);
}
.workspace-field > span, .house-details-paramrow > span,
.company-information__field > span, .meeting-field > span,
.meeting-answers-block > span {
    color: var(--text-3); font-size: var(--font_size_0); font-weight: 600;
}
.ui-form-control, .company-information__field input,
.company-information__field select, .meeting-field input,
.meeting-answer-row input, .integrations-house-card select,
.integration-card input:not([type="checkbox"]), .integration-card select,
.outgoing-settings__delivery-row select, .debtor-card-page__field input,
.debtor-card-page__field select, .accounting-report-page__toolbar input {
    width: 100%; min-width: 0; min-height: var(--button-min-height);
    height: auto; box-sizing: border-box; margin: 0;
    padding: var(--button-padding-block) var(--button-padding-inline);
    outline: none; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-1); font-family: var(--font_family_interface);
    font-size: var(--font_size_0); line-height: 1.35;
}
.workspace-textarea {
    width: 100%; min-width: 0; min-height: calc(var(--font_size_0) * 5);
    height: auto; box-sizing: border-box; margin: 0;
    padding: var(--spacing_small) var(--button-padding-inline); outline: none;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
    line-height: 1.35; resize: vertical;
}
.ui-form-control:focus, .workspace-textarea:focus,
.company-information__field input:focus,
.company-information__field select:focus,
.company-information__field textarea:focus, .meeting-field input:focus,
.meeting-field textarea:focus, .meeting-answer-row input:focus {
    border-color: var(--accent); outline: none;
}
.company-information__row-actions, .meetings-toolbar, .meeting-answer-row,
.meeting-question-actions {
    display: flex; align-items: center; flex-wrap: wrap;
    gap: var(--spacing_small);
}
.workspace-table-wrap {
    min-width: 0; overflow: auto; scrollbar-gutter: stable;
}
.counters-toolbar button:disabled, .counters-import-panel__submit:disabled,
.counterparty-driverbtn:disabled, .house-details-savebtn:disabled,
.pad-btn-approve:disabled, .pad-btn-chat:disabled, .pad-btn-reject:disabled,
.driver_messages_send:disabled {
    cursor: not-allowed; opacity: 0.55;
}
.check_window_table, .personnel-hires__table, .ndfl-page__table,
.meter-readings-history-table {
    width: 100%; border-collapse: collapse;
}
@media (max-aspect-ratio: 1 / 1), (max-width: 900px) {
    .workspace-form-grid--three, .workspace-form-grid--two {
        grid-template-columns: 1fr;
    }
}

/* Файл shared_layout_01.css */

.developer-storage__disk-legend, .doc-editor__formula-help,
.office-dashboard-gauge, .universal-chart__donut-hole {
    align-content: center;
}
.accounting-journal, .document-templates__item-actions,
.office-dashboard-slicer {
    align-content: flex-start;
}
.doc-editor__tab-panel, .office-dashboard-treemap {
    align-content: stretch;
}
.developer-dashboard__integration-time, .developer-dashboard__ranked-label,
.developer-performance-route__metrics, .doc-card__heading-line,
.doc-editor__proofread-card-head, .warehouse-accounting__description-text {
    align-items: baseline;
}
.PDFViewer-container, .accounting-entries__header,
.accounting-journal__form-header, .accounting-line-editor__line,
.accounting-report-page__status, .accounting-report-page__toolbar,
.accounting-report__columns, .accounting-report__row,
.accruals-apartment-status, .app-theme-settings__scope-result,
.approval-sheet-employee, .approval-sheet-employee-picker__header,
.approval-sheet-employee__order, .auth-actions-row, .authorization-title-group,
.btn, .btn__action-icon, .bulk-access-assignment__heading--right,
.calendar-nav-button, .cash-receipt-batch__field,
.cash-receipt-batch__file-button, .config-switch-container,
.consent-accepted-icon, .contract_files,
.counterparty-payment-details__section-title, .counterparty-toolbarbtn,
.counters-card__badge, .counters-card__empty-mark, .court-case-check,
.data_export_panel__source, .debtor-card-page__field,
.developer-auth-errors__row, .developer-column-row, .developer-cpu-detail__row,
.developer-cpu-drill__history-row, .developer-dashboard__drill-head,
.developer-dashboard__integration-error-button,
.developer-dashboard__integration-info-button, .developer-dashboard__status,
.developer-integration-error-panel__icon, .developer-key, .developer-log-level,
.developer-log-toolbar, .developer-preview__header,
.developer-releases__title-row, .developer-schema-column,
.developer-server__toolbar, .developer-storage__disk-legend-row,
.developer-storage__donut-card, .developer-storage__row,
.developer-storage__section-title,
.developer-storage__section-title--integrations, .developer-table-card__stats,
.doc-card__employee-picker-hint, .doc-card__employee-picker-item,
.doc-card__file-delete, .doc-card__file-download, .doc-card__footer,
.doc-card__internal-employees-header, .doc-card__related-row-head,
.doc-editor__bottom-panel, .doc-editor__color-control,
.doc-editor__indent-control, .doc-editor__layout-mode-btn,
.doc-editor__mini-field, .doc-editor__review-toolbar,
.doc-editor__review-toolbar-main, .doc-editor__review-toolbar-side,
.doc-editor__save-text-btn, .doc-editor__select, .doc-editor__statistics,
.doc-editor__status-chip, .doc-editor__tool-btn, .doc-editor__zoom-control,
.document-office-selector__count, .document-showcase__filters,
.document-showcase__folder, .document-showcase__settings-button,
.document-showcase__tree, .document-upload-button, .drawer-header,
.drawer-header__main, .driver_audio_call_action,
.driver_audio_call_action_icon, .driver_audio_call_backdrop,
.driver_audio_call_identity, .driver_audio_call_panel,
.driver_chat_creation__choice, .driver_chat_creation__header,
.driver_message_action_bar, .driver_message_day, .driver_message_document_link,
.driver_message_forward_preview, .driver_message_time, .driver_messages_form,
.driver_messages_header_buttons, .driver_messages_loading,
.driver_messages_presence, .driver_messages_room_identity,
.driver_messages_send, .driver_messages_settings_button,
.driver_messages_toolbar--chat-list, .driver_messenger_avatar,
.driver_participant_permission, .driver_room_card__identity,
.driver_room_card__meta, .driver_room_title_editor--header,
.driver_user_picker__item, .driver_user_picker__search, .driver_voice_message,
.driver_voice_message__play, .driver_voice_recorder__button,
.employee-position-field, .hierarchy-header__content, .hierarchy-kind-badge,
.house-details-files, .house-details-paramrow, .house-details-upload,
.incoming-resolutions__assignment-number, .incoming-resolutions__deadline,
.incoming-resolutions__delete-btn, .incoming-resolutions__drag-handle,
.incoming-resolutions__employee-avatar,
.incoming-resolutions__employee-avatar-placeholder,
.incoming-resolutions__phone, .incoming-resolutions__phone-icon,
.incoming-resolutions__status, .info-driver-button, .integration-info-button,
.integration-label-row, .management-contacts__indicator, .menu-button,
.meter-reading-year-selector__add, .meter-sort-settings__interval,
.meter-sort-settings__rule, .meter_readings_export_color_section,
.office-color-field, .office-conditional-formatting__checkbox,
.office-conditional-formatting__preset, .office-dashboard-analytics-panel__row,
.office-dashboard-bar-row, .office-dashboard-checkbox,
.office-formula-picker__info-button, .office-query-steps__header,
.office-ribbon-menu__summary, .office-ribbon__content--file,
.office-ribbon__tabs-actions, .office-workspace__brand,
.office-workspace__menu-button, .office-workspace__settings-button,
.outgoing-delivery-attachments__row, .outgoing-settings__delivery-row,
.outgoing-settings__template-by-type-row, .personnel-hires__documents,
.pivot-search__button, .pivot-search__icon, .portrait-column-navigator__search,
.sale-invoice-header__identity, .sale-invoice-header__title,
.sale-invoice-page--loading, .sale-invoice-page__actions,
.sale-templates-panel__attachments, .service-detail-badge,
.shared-loading-indicator, .tab-layout-settings__tab,
.table-search-panel__footer, .table-search-portrait__field,
.tariff-benefits__documents, .tariff-benefits__upload, .toggle-button,
.universal-chart--donut, .universal-chart__legend-item,
.warehouse-accounting__description {
    align-items: center;
}
.cash-receipt-form__file, .meter-sort-settings__header, .ndfl-page__settings,
.office-sheet-chart__point, .universal-chart__bar-columns,
.universal-chart__bar-stage {
    align-items: end;
}
.accounting-opening-balances__toolbar, .approval-sheet-reviewer__result,
.cash-receipts__pivot-filter-toolbar, .doc-editor__formula-actions,
.document-history__compact-filter, .meeting-votes__top,
.office-dashboard-combo__bars, .office-sheet-chart,
.reconciliation-page__toolbar, .services-table-layout__actions {
    align-items: flex-end;
}
.app-theme-settings__intro, .app-theme-settings__scope-heading,
.approval-sheet-create__heading, .approval-sheet-version__header,
.auto-payment-orders-panel__header, .counterparty-page, .counters-card__header,
.debtor-card-report-types__item, .developer-release__head,
.developer-storage-detail__guidance, .doc-card__distribution-mode,
.doc-card__file-item, .doc-card__internal-employee, .doc-card__internal-toggle,
.doc-card__modal-backdrop, .doc-card__requisites, .doc-editor__page-meta,
.doc-editor__review-toolbar-modes, .driver_messages_room_identity_text,
.driver_room_card__header, .form-field-row, .house-download-mode,
.import-1c-settings__mode, .incoming-resolutions__assignment,
.incoming-resolutions__assignment-main, .management-contacts__header,
.meeting-question-head, .meter-readings-navigation__bottom-action,
.meter_readings_export_option, .office-dashboard-slicer,
.office-dashboard-stage, .office-dashboard-text-object,
.office-dataflow-combine-panel__query-title, .office-dataflow-queries__item,
.office-file-panel__section, .office-file-settings__header,
.office-settings__header, .outgoing-settings__checkbox-row,
.outgoing-settings__signature-status, .person-card-drawer__header,
.person-card-drawer__identity, .receipt_generation_panel_checkbox,
.receipt_upload_mode, .sale-products-panel__item,
.sale-templates-panel__template, .tab-layout-settings__header, .tab-nav-top,
.tariff-benefits__panel-heading, .toast {
    align-items: flex-start;
}
.cash-receipt-batch__cards, .developer-dashboard__integration-card-header,
.developer-log-item__header, .developer-performance-subgrid,
.developer-performance-summary, .developer-release__details,
.developer-storage-detail__row-main, .doc-card__internal-employee-content,
.doc-card__recipient-columns, .driver_messages_member,
.meter-readings-navigation, .payment-card, .portrait-table-card__field,
.residents-actions, .tab-layout-settings__board,
.tab-layout-settings__widget-header {
    align-items: start;
}
.app-theme-card, .bank-dashboard__header, .counters-page__workspace,
.developer-dashboard__overview-metrics, .developer-storage__bottom-grid,
.developer-storage__hero-main, .doc-editor__layout,
.doc-editor__review-toolbar-history, .doc-editor__tabs-row,
.document-templates, .driver_chat_creation__title,
.driver_messages_members_list, .driver_messages_tabs--header,
.driver_room_title_editor, .house-details-body,
.office-dashboard-navigator__slides, .office-dashboard-object--shape,
.office-dashboard-source-actions, .office-dashboard-waterfall,
.office-formula-bar, .office-ribbon-extensions, .office-ribbon__tabs,
.office-workspace__footer, .outgoing-settings, .service-toolbar--stack {
    align-items: stretch;
}
.developer-log-load-more, .doc-editor__save-text-btn, .excel-viewer__more {
    align-self: center;
}
.counters-import-panel__submit,
.developer-dashboard__integration-error-button {
    align-self: flex-end;
}
.app-theme-card__mark, .common-house-readings__save-button,
.counterparty-pageside, .doc-card__related, .driver_messages_member_add,
.driver_messenger_sound_test, .house-details-savebtn {
    align-self: flex-start;
}
.consent-badge, .developer-performance-api-panel,
.developer-performance-summary__item, .developer-storage-detail__size,
.house-details-apartments, .house-details-divider {
    align-self: start;
}
.cash-receipts__summary, .doc-editor__formula-group, .doc-editor__formula-help,
.nav-footer, .news-type-filter, .upd-format-settings {
    align-self: stretch;
}
.accounting-opening-balances__table, .auto-payment-orders-panel__table,
.cash-receipt-items__table, .check_window_table, .data-table,
.developer-integration-history__table, .doc-card__table, .excel-viewer__table,
.import-1c-settings__report-table, .late-readings-tab__table,
.management-contacts__table, .norm-people-settings__table,
.office-query__table, .personnel-hires__table, .tariff-benefits__table {
    border-collapse: collapse;
}
.pivot-table, .tax-reference-page__table, .usn-page__period-table {
    border-collapse: separate;
}
.office-formula-bar__resizer, .office-sheet-grid__row-resizer {
    bottom: -3px;
}
.calendar-modal-overlay, .counterparty-driverfooter,
.doc-editor__modal-overlay, .driver_messages_form,
.driver_user_picker__actions, .pivot-total-cell, .window-overlay {
    bottom: 0;
}
.management-object-selector--floating, .meter_readings_import_progress {
    bottom: var(--spacing_small);
}
.PDFViewer-container, .accounting-journal, .accounting-opening-balances,
.accounting-opening-balances__summary, .accounting-report-page__status,
.accruals-workspace, .app-error-boundary, .app-input, .auth-pd-inline,
.bank-account-page, .btn, .calendar-date-input, .cash-receipts__summary-card,
.cell-input, .cell_select, .check_window_root, .company-information__page,
.consent-block, .contextual-sidebar-portal, .contract_files,
.counterparty-page, .counterparty-toolbarbtn, .counters-card__badge,
.counters-card__empty, .counters-page, .debtor-card-page__format-value,
.debtor-card-page__layout, .debtor-card-report-types__item,
.developer-integration-error-panel__text, .developer-log-summary,
.developer-schema-column, .developer-search, .developer-server, .doc-card,
.doc-card__attachments-tab, .doc-card__body--sections,
.doc-card__employee-picker, .doc-card__employee-picker-hint,
.doc-card__field-input, .doc-card__field-number, .doc-card__field-select,
.doc-card__field-textarea, .doc-card__file-item, .doc-card__related,
.doc-card__requisites, .doc-editor, .doc-editor__bottom-panel,
.doc-editor__editable, .doc-editor__page, .doc-editor__proofread-panel,
.doc-editor__reviewer-chip, .doc-editor__reviewer-item, .doc-editor__viewport,
.document-appearance__preview, .document-office-selector,
.document-office-selector__count, .document-showcase, .document-showcase__tree,
.document-templates, .document-upload-button, .download-panel,
.download-residents__root, .download-residents__select, .drawer-body,
.drawer-panel, .driver_messages_input, .driver_messages_member,
.driver_user_picker__actions, .driver_user_picker__search, .house-details-body,
.house-details-paramrow, .house-details-upload, .incoming-email-content__frame,
.incoming-email-content__plain, .incoming-resolutions,
.incoming-resolutions__assignment, .incoming-resolutions__assignment-card,
.incoming-resolutions__assignment-main,
.incoming-resolutions__assignment-title-input,
.incoming-resolutions__deadline-input, .incoming-resolutions__employee-card,
.incoming-resolutions__resolution, .incoming-resolutions__resolution-textarea,
.info_blocks__card, .management-contacts__filter,
.management-contacts__indicator, .management-house-status-filter,
.management-workspace__toolbar, .meeting-card, .nav-footer, .news-layout,
.norm-value-input, .office-dashboard-kpi, .office-dashboard-object,
.office-dashboard-title-input, .office-formula-bar__editor, .office-settings,
.office-sheet-grid__cell-editor-frame, .office-sheet-grid__cell-input,
.office-workspace__menu-button, .office-workspace__settings-button,
.office-workspace__sidebar, .outgoing-delivery-attachments,
.outgoing-delivery-attachments__row, .page_authorization, .pivot-radio-visual,
.pivot-table-container, .portrait-card-table, .portrait-column-navigator,
.portrait-table-card__field, .receipt_generation_panel_section,
.receipt_generation_panel_select, .sale-templates-panel__template,
.services-table-layout, .settings-index, .settings-workspace,
.shared-loading-indicator__spinner, .tab-container-top, .tab-content-item,
.tab-content-left, .tab-content-top, .tab-layout-settings,
.tab-layout-settings__empty, .tab-layout-settings__tab,
.tab-layout-settings__title-input, .tab-link, .tab-nav-left,
.tab-widget-empty-content, .tab_receipt_root, .table-search-panel__content,
.table-search-portrait__field, .table-widget, .table-wrapper, .tariff-benefits,
.tariff-benefits__assignment-panel, .tariff-benefits__upload, .toast,
.tw-total-cell, .upd-format-settings, .upd-format-settings__table-wrap,
.window-operation-details {
    box-sizing: border-box;
}

/* Файл shared_layout_02.css */

.PDFViewer-webview-image, .auth-pd-inline, .authorization-logo, .cell-checkbox,
.cell-input, .counterparty-sectionsubtitle, .document-file-preview__pdf,
.document-showcase__load-more, .download-panel__option-label,
.download-residents__label, .driver_room_card, .form-field-text, .header-label,
.house-details-subtitle, .image-viewer__img, .incoming-email-content__frame,
.incoming-resolutions__assignment-title-input,
.incoming-resolutions__employee-avatar-image,
.incoming-resolutions__resolution-textarea, .news-list-area__scroll,
.office-conditional-formatting__format-preview,
.office-conditional-formatting__preset-preview,
.office-dashboard-thumbnail__preview, .office-sheet-grid__cell-input,
.office-workspace__brand-row, .person-card-drawer__photo,
.personnel-hires__document-link, .sale-invoice-columns__section-title,
.sale-invoice-page__scroll, .tariff-benefits {
    display: block;
}
.developer-auth-errors__identity, .meter_readings_export_color_option,
.person-card-drawer__field {
    display: contents;
}
.PDFViewer-container, .PDFViewer-page, .access-to-lc-root,
.accounting-entries__header, .accounting-journal__form-header,
.accounting-journal__table-toolbar, .accounting-line-editor__tools,
.accounting-opening-balances__toolbar, .accounting-report-page__status,
.accounting-report-page__toolbar, .accruals-apartment-status,
.accruals_left_dropdowns, .accruals_left_panel, .add-service-actions,
.app-theme-preview__content, .app-theme-preview__sidebar,
.app-theme-settings__intro, .app-theme-settings__scope-heading,
.app-theme-settings__scope-result, .approval-review-panel,
.approval-sheet-create__heading, .approval-sheet-employee-picker__header,
.approval-sheet-selected-order, .approval-sheet-version__header,
.approvals-control-tab__tabs, .auth-actions-row, .authorization-title-group,
.auto-payment-orders-panel__header, .bank-account-details-panel__actions,
.bank-dashboard__legend, .bank-dashboard__settings, .calendar-footer,
.calendar-nav-button, .cash-receipt-form, .cash-receipt-panel__footer,
.cash-receipts__pivot-filter-toolbar, .check_window_root,
.config-switch-container, .confirm_payments_content,
.contextual-sidebar-portal, .counterparty-download-options, .counterparty-page,
.counterparty-payment-details__actions,
.counterparty-payment-details__contract-card,
.counterparty-payment-details__section-title,
.counterparty-payment-details__subsection, .counters-card__header,
.counters-card__table, .court-case-balance, .data_export_panel,
.data_export_panel__source, .debtor-card-page__actions,
.debtor-card-report-types__actions, .debtor-card-report-types__item,
.developer-auth-errors__list, .developer-cpu-drill__chart-panel,
.developer-cpu-trend__legend, .developer-dashboard__drill-head,
.developer-dashboard__integration-time, .developer-dashboard__ranked-label,
.developer-diagram-shell, .developer-log-item__actions,
.developer-log-item__context, .developer-performance-api-panel--routes,
.developer-performance-chart-legend, .developer-performance-resource-meta,
.developer-performance-route__metrics, .developer-performance-summary__item,
.developer-preview__header, .developer-release, .developer-release__actions,
.developer-release__head, .developer-release__summary-item,
.developer-releases__head, .developer-releases__list,
.developer-releases__title-row, .developer-server__axis,
.developer-server__toolbar, .developer-storage-detail__guidance,
.developer-storage-detail__list, .developer-storage-detail__measurement,
.developer-storage-detail__row-name, .developer-storage__area-chart,
.developer-storage__chart-axis, .developer-storage__legend,
.developer-storage__metric, .developer-storage__section-title,
.developer-storage__server-card, .developer-table-card__actions,
.developer-table-card__stats, .doc-card, .doc-card__body--sections,
.doc-card__distribution-mode, .doc-card__employee-picker-hint,
.doc-card__file-delete, .doc-card__file-download, .doc-card__file-item,
.doc-card__footer, .doc-card__header, .doc-card__heading-line,
.doc-card__internal-employee, .doc-card__internal-employees-header,
.doc-card__internal-toggle, .doc-card__modal-backdrop,
.doc-card__related-row-head, .doc-card__requisites, .doc-editor,
.doc-editor-find-replace-panel__actions, .doc-editor__bottom-panel,
.doc-editor__footer, .doc-editor__formula-actions, .doc-editor__layout,
.doc-editor__margin-panel-actions, .doc-editor__modal-footer,
.doc-editor__page, .doc-editor__page-meta, .doc-editor__proofread-card-head,
.doc-editor__proofread-replacements, .doc-editor__quick-access,
.doc-editor__tab-panel--formulas, .doc-editor__tabs, .doc-editor__tabs-row,
.doc-editor__topbar, .doc-editor__view-switch, .doc-editor__workspace,
.doc-editor__zoom-control, .document-appearance__fields,
.document-download-panel, .document-download-panel__actions,
.document-editor-settings, .document-history__compact-filter,
.document-showcase__folder, .document-showcase__sort-setting,
.document-showcase__tree, .document-templates__item,
.download-residents__button-row, .drawer-header, .drawer-header__main,
.drawer-panel, .driver_audio_call_actions, .driver_audio_call_backdrop,
.driver_audio_call_identity, .driver_audio_call_output_modes,
.driver_audio_call_panel, .driver_chat_creation__actions,
.driver_message_action_bar, .driver_message_day,
.driver_message_forward_preview, .driver_message_group, .driver_message_row,
.driver_message_time, .driver_messages_header_buttons, .driver_messages_list,
.driver_messages_loading, .driver_messages_room_identity,
.driver_messages_room_identity_text, .driver_messages_tabs,
.driver_messages_tabs--header, .driver_messages_toolbar--chat-list,
.driver_messages_wrap, .driver_messenger_settings_actions,
.driver_participant_permission, .driver_room_card__identity,
.driver_user_picker__actions, .driver_user_picker__item,
.employee-panel__actions, .employee-position-field, .excel-viewer__tabs,
.external-integrations-settings, .form-field-checkbox-wrapper,
.form-field-content, .form-field-photo-with-rows, .form-field-row,
.hierarchy-header__content, .house-details-paramrow, .house-download-footer,
.import-1c-settings__mode, .import-1c-settings__tables,
.incoming-resolutions__assignment, .incoming-resolutions__assignment-main,
.incoming-resolutions__resolution-actions, .integration-credential-actions,
.integration-label-row, .integration-main-actions, .late-readings-tab__header,
.management-contacts__header, .management-workspace, .meeting-protocol-options,
.meeting-question-head, .meter-readings-navigation__bottom-action,
.meter-sort-settings__actions, .meter-sort-settings__header,
.meter-sort-settings__interval, .meter_readings_export_option,
.ndfl-page__settings, .office-dashboard-analytics-panel__row,
.office-dashboard-combo__bars, .office-dashboard-legend,
.office-dashboard-line-labels, .office-dashboard-main,
.office-dashboard-navigator__slides, .office-dashboard-slide-pane,
.office-dashboard-stage, .office-dashboard-treemap,
.office-dashboard-treemap__item, .office-dashboard-waterfall,
.office-dashboard-workspace, .office-dataflow-combine-panel__actions,
.office-dataflow-combine-panel__query-title, .office-file-panel,
.office-file-panel__fields, .office-file-settings__header,
.office-formula-picker__groups, .office-postgres-import__actions,
.office-query-steps__header, .office-query__status, .office-ribbon-extensions,
.office-ribbon-menu__summary, .office-ribbon__tabs,
.office-ribbon__tabs-actions, .office-settings__header, .office-sheet-chart,
.office-sheet-slicer__values, .office-sheet-tool-form,
.office-sheet-tool-form__actions, .office-sheet-tool-form__row,
.office-sheet__objects, .office-workspace, .office-workspace__brand,
.office-workspace__favorites, .office-workspace__sidebar,
.outgoing-settings__actions, .outgoing-settings__checkbox-row,
.outgoing-settings__template-list, .pad-actions, .payment-card__file,
.payment-card__footer, .payment-order-templates__weekdays,
.payment-period-driver__buttons, .person-card-drawer__header,
.portrait-column-navigator__actions, .potale-agent-card__actions,
.profile-photo-approvals__actions, .purchases_and_sales_house_download,
.receipt_generation_panel_actions, .receipt_generation_panel_checkbox,
.receipt_generation_panel_summary, .receipt_upload_actions,
.receipt_upload_mode, .reconciliation-page__actions,
.reconciliation-page__toolbar, .sale-invoice-document,
.sale-invoice-header__identity, .sale-invoice-header__title,
.sale-invoice-page__actions, .sale-products-panel__item,
.sale-templates-panel__attachments, .sale-templates-panel__editor,
.settings-actions, .settings-workspace, .tab-close-button, .tab-container-left,
.tab-container-top, .tab-content-wrapper, .tab-item-wrapper,
.tab-layout-settings__header, .tab-link, .tab-nav-left, .tab-nav-top,
.tab-user-actions__table, .tab-widget-container, .tab_receipt_body,
.tab_receipt_periods, .tab_receipt_viewer, .table-search-panel__footer,
.table-search-portrait__field, .tariff-benefits__actions, .tax-object-tabs,
.th-direction-group, .th-multi-panel__footer, .toast,
.universal-chart__bar-columns, .upd-format-settings, .usn-page,
.warehouse-accounting__description, .warehouse-accounting__description-text,
.warehouse-entry-panel, .warehouse-entry-panel__actions,
.warehouse-entry-panel__field {
    display: flex;
}
.accounting-journal__fields, .accounting-line-editor__line,
.accruals_left_panel--apartment, .approval-sheet-mode,
.approval-sheet-reviewer, .cash-receipt-form__file, .cash-receipts__filters,
.counterparty-driverfooter, .counterparty-payment-details__grid,
.court-case-check, .court-case-grid, .developer-auth-errors__row,
.developer-cpu-detail__core, .developer-dashboard__integration-card-header,
.developer-dashboard__runtime-grid, .developer-performance-subgrid,
.developer-performance-summary, .developer-releases__summary,
.developer-schema-column, .developer-storage-detail__row,
.developer-storage-detail__row-main, .developer-storage-detail__summary,
.developer-storage__cards--compact, .developer-storage__dashboard,
.developer-storage__disk-legend-row, .developer-storage__donut,
.developer-storage__donut-card, .developer-storage__hero-main,
.developer-storage__row, .developer-storage__server-summary,
.doc-editor-find-replace-panel__fields, .doc-editor__find-grid,
.document-download-panel__formats, .driver_chat_creation__choice,
.driver_messages_form, .driver_messages_member,
.driver_messages_member_actions, .driver_messages_members_list,
.driver_participant_permissions, .driver_room_title_editor,
.employee-panel__payment-details, .grid-container, .house-details-files,
.import-1c-settings__report, .meter-transmission-settings__grid,
.news-type-filter__list, .office-dashboard-bar-row,
.office-dashboard-thumbnail, .office-dataflow-combine-panel__keys,
.office-dataflow-model-panel__parameters, .office-dataflow-queries__actions,
.office-file-settings__checks, .office-postgres-import__grid,
.office-query-steps__item, .office-settings__documents, .office-settings__grid,
.outgoing-delivery-attachments__row, .outgoing-settings__delivery-row,
.outgoing-settings__pdf-types, .payment-order-templates__grid,
.personnel-hires__panel, .sale-invoice-columns__list,
.sale-invoice-header__grid, .sale-templates-panel__grid,
.sale-templates-panel__layout, .service-layout, .table-search-panel__options,
.universal-chart--donut, .universal-chart__legend,
.universal-chart__legend-item, .warehouse-entry-panel__fields {
    display: grid;
}
.accounting-report__expand-marker, .common-house-readings__save-button-text,
.consent-badge, .doc-card__attachments-footer, .doc-card__related-link,
.doc-card__value--badge, .doc-editor__bookmark--marker,
.doc-editor__formula-field, .driver_messages_presence_dot, .dropdown-container,
.pad-status-badge, .pivot-radio-visual {
    display: inline-block;
}
.approval-sheet-employee__order, .btn, .btn__action-icon,
.cash-receipt-batch__file-button, .consent-accepted-icon,
.counterparty-toolbarbtn, .counters-card__badge, .counters-card__empty-mark,
.developer-dashboard__integration-error-button,
.developer-dashboard__integration-info-button, .developer-dashboard__status,
.developer-integration-error-panel__icon, .developer-key, .developer-log-level,
.developer-log-toolbar__modes, .developer-release__status,
.doc-editor__color-control, .doc-editor__indent-control,
.doc-editor__layout-mode-btn, .doc-editor__mini-field,
.doc-editor__save-text-btn, .doc-editor__select, .doc-editor__status-chip,
.doc-editor__tool-btn, .document-office-selector__count,
.document-showcase__settings-button, .document-upload-button,
.driver_audio_call_action, .driver_audio_call_action_icon,
.driver_message_document_link, .driver_messages_presence,
.driver_messages_send, .driver_messages_settings_button,
.driver_messenger_avatar, .driver_room_card__meta, .driver_voice_message__play,
.driver_voice_recorder__button, .hierarchy-kind-badge, .house-details-upload,
.incoming-email-content__switch, .incoming-resolutions__assignment-number,
.incoming-resolutions__deadline, .incoming-resolutions__delete-btn,
.incoming-resolutions__drag-handle, .incoming-resolutions__employee-avatar,
.incoming-resolutions__employee-avatar-placeholder,
.incoming-resolutions__phone-icon, .incoming-resolutions__status,
.info-driver-button, .integration-info-button, .management-contacts__indicator,
.office-color-field, .office-dashboard-checkbox,
.office-dashboard-drill-controls, .office-field,
.office-formula-picker__info-button, .office-workspace__settings-button,
.pivot-search__button, .pivot-search__icon, .portrait-column-navigator__search,
.service-detail-badge, .shared-loading-indicator, .tariff-benefits__upload,
.toggle-button {
    display: inline-flex;
}
.driver_message_file_button, .incoming-resolutions__phone {
    display: inline-grid;
}
.accruals-hidden-file-explorer, .auth-pd-side, .driver_audio_call_remote_audio,
.generate-document-button__tooltip, .menu-button,
.office-workspace__menu-button, .selection-list-portrait-toggle,
.tab-content-item {
    display: none;
}
.doc-editor__topbar, .office-ribbon, .office-ribbon--dashboard {
    flex: 0 0 132px;
}
.doc-card__recipient-card-number, .doc-card__related-remove-btn,
.office-dashboard-line-labels {
    flex: 0 0 24px;
}
.incoming-resolutions__employee-avatar, .office-dashboard-object__title {
    flex: 0 0 34px;
}
.doc-editor__tabs-row, .lk-theme-option__preview, .office-ribbon__tabs,
.office-workspace__logo {
    flex: 0 0 38px;
}

/* Файл shared_layout_03.css */

.accounting-chart__notice, .accounting-entries__header,
.accounting-journal__form, .accounting-journal__form-actions,
.accounting-journal__table, .accounting-journal__table-toolbar,
.accounting-opening-balances__summary, .accounting-opening-balances__toolbar,
.accounting-report-page__status, .accounting-report-page__toolbar,
.accounting-report-page__warnings, .accruals-settings-button,
.accruals_left_dropdowns, .app-theme-settings__status, .approval-sheet-status,
.bank-dashboard__settings-wrap, .bulk-access-assignment__heading,
.company-information-toolbar, .counterparty-toolbar, .counters-card__badge,
.counters-card__header, .counters-page__intro, .counters-toolbar,
.developer-app-toolbar, .developer-code-drill__columns,
.developer-code-drill__note, .developer-dashboard__header,
.developer-dashboard__routes-panel, .developer-dashboard__switch,
.developer-integration-error-panel__icon, .developer-log-item__actions,
.developer-performance-summary, .developer-server__cards,
.developer-server__toolbar, .developer-storage-detail__badge,
.developer-summary-grid, .developer-table-card, .doc-card__footer,
.doc-card__header, .doc-card__section, .doc-editor__page, .doc-editor__tab,
.doc-editor__topbar-actions, .document-templates__item-actions,
.documents-context-actions, .documents-context-view, .drawer-title,
.driver_message_search, .driver_messages_member, .driver_voice_recorder,
.driver_voice_recorder__pulse, .gis-import-report__summary,
.hierarchy-kind-badge, .image-viewer__toolbar, .incoming-resolutions__actions,
.incoming-resolutions__assignment-actions,
.incoming-resolutions__employee-select-btn, .incoming-resolutions__resolution,
.incoming-resolutions__section-title, .lk-content-search__icon,
.management-workspace__toolbar, .meeting-question-actions, .meetings-toolbar,
.ndfl-page__table-wrap, .office-dataflow-queries__actions,
.office-dataflow-queries__header, .office-query-steps__header,
.office-query__status, .office-ribbon-menu, .office-ribbon__tab,
.office-ribbon__tabs-actions, .office-sheet__objects,
.office-slide-show__canvas, .pivot-search, .portrait-column-navigator,
.portrait-column-navigator__actions, .portrait-column-navigator__search,
.portrait-table-card, .purchases-and-sales-table-page__toolbar,
.reconciliation-page__toolbar, .sale-invoice-document,
.sale-invoice-page__actions, .sales-tab-page__toolbar,
.tab-layout-settings__board, .table-search-portrait,
.tax-payment-templates__account, .toast__close, .upd-format-settings__form,
.upd-format-settings__list, .usn-page__calculation,
.warehouse-accounting__description {
    flex: 0 0 auto;
}
.developer-dashboard__integration-info-button, .info-driver-button {
    flex: 0 0 var(--info_button_size);
}
.auto-payment-orders-panel__selection, .bank-dashboard__header-actions,
.bank-dashboard__header-controls, .driver_messages_members_list,
.office-ribbon-extensions {
    flex: 0 1 auto;
}
.confirm_payments_content, .doc-card__attachment-local-open, .drawer-body,
.driver_chat_creation__pivot, .driver_messages_list,
.driver_messages_room_identity, .driver_messages_wrap,
.driver_room_title_editor--header, .employee-position-field__button,
.form-field-item, .form-field-layout-right, .form-field-photo-rows-container,
.office-file-panel__content, .options-container--scroll, .pad-btn-approve,
.pad-btn-reject, .reconciliation-page__content, .sale-invoice-page__scroll,
.service-card__body, .tab-content-top, .tab-content-wrapper,
.table-search-portrait__field, .th-checkbox-label, .window-body {
    flex: 1;
}
.doc-card__distribution-guard, .doc-editor__group--grow {
    flex: 1 1 100%;
}
.accruals-apartment-status, .bulk-access-assignment__empty,
.contextual-sidebar__tabs, .counterparty-pagemain, .counters-card__table,
.data_export_rule_value, .debtor-card-report-types__content,
.developer-code-drill__rows, .developer-diagram-viewport,
.developer-server__chart, .developer-storage-detail__list,
.developer-storage__breakdown, .developer-storage__chart-canvas,
.doc-card__body, .doc-card__fields, .doc-card__file-name,
.doc-card__recipient-card-title-wrap, .doc-card__related-table-content,
.doc-editor__editable, .doc-editor__tab-panel, .doc-editor__tabs,
.doc-editor__viewport, .document-showcase__tree,
.document-templates__item-main, .documents-context-sidebar__body,
.drawer-header__actions, .drawer-header__main,
.driver_messages_room_identity_text, .image-viewer__canvas,
.incoming-resolutions__assignment-card,
.incoming-resolutions__assignment-content,
.incoming-resolutions__employee-info, .lk-content-search__field,
.lk-egrn-preview-panel__document, .ndfl-page__table-widget-content,
.news-list-area, .office-dashboard-main, .office-dashboard-navigator__slides,
.office-dashboard-stage, .office-file-panel, .office-query-steps__empty,
.office-query__workspace, .office-workspace__content, .office-workspace__panel,
.person-card-drawer__identity, .portrait-column-navigator__current,
.reconciliation-page__table-wrap, .resident-status-cell__select,
.settings-workspace, .tab-widget-empty-content, .table-wrapper,
.upd-format-settings, .warehouse-accounting__table {
    flex: 1 1 auto;
}
.PDFViewer-container, .access-to-lc-root, .accounting-line-editor__tools,
.accruals_left_panel, .app-theme-preview__content, .app-theme-preview__sidebar,
.approval-review-panel, .approval-sheet-selected-order,
.authorization-title-group, .bank-dashboard__settings, .cash-receipt-form,
.confirm_payments_content, .contextual-sidebar-portal,
.counterparty-payment-details__contract-card,
.counterparty-payment-details__subsection, .data_export_panel,
.developer-auth-errors__list, .developer-cpu-drill__chart-panel,
.developer-performance-api-panel--routes, .developer-performance-summary__item,
.developer-release, .developer-release__summary-item,
.developer-releases__head, .developer-releases__list,
.developer-storage-detail__list, .developer-storage-detail__row-name,
.developer-storage__area-chart, .developer-storage__legend,
.developer-storage__metric, .developer-storage__server-card, .doc-card,
.doc-card__body--sections, .doc-editor, .doc-editor__group--column,
.doc-editor__page, .doc-editor__review-toolbar-modes, .doc-editor__topbar,
.document-download-panel, .document-editor-settings,
.document-showcase__sort-setting, .drawer-panel, .driver_audio_call_action,
.driver_audio_call_identity, .driver_audio_call_panel,
.driver_chat_creation__title, .driver_message_group, .driver_messages_list,
.driver_messages_loading, .driver_messages_room_identity,
.driver_messages_room_identity_text, .driver_messages_wrap,
.external-integrations-settings, .management-workspace,
.meeting-protocol-options, .menu-button, .office-dashboard-legend,
.office-dashboard-main, .office-dashboard-slide-pane, .office-field,
.office-sheet-tool-form, .office-sheet__objects, .office-workspace__brand,
.office-workspace__menu-button, .office-workspace__sidebar,
.outgoing-settings__signature-status, .sale-invoice-document,
.sale-templates-panel__editor, .service-toolbar--stack, .settings-workspace,
.tab-container-top, .tab-content-wrapper, .tab-item-wrapper, .tab-nav-left,
.tab-widget-container, .upd-format-settings, .usn-page, .warehouse-entry-panel,
.warehouse-entry-panel__field {
    flex-direction: column;
}
.access-to-lc-actions, .accruals_left_dropdowns,
.bulk-access-assignment__heading--right, .check_window_root,
.form-field-photo-row, .meter-readings-left-actions,
.meter_readings_import_progress, .office-dashboard-slicer,
.office-dashboard-workspace, .receipt_generation_panel_summary,
.tab_receipt_body, .tab_receipt_top_bar {
    flex-direction: row;
}
.doc-card__file-delete, .doc-card__file-download, .doc-card__file-icon {
    flex-grow: 0;
}
.cash-receipt-panel__footer, .doc-card__file-delete, .doc-card__file-download,
.doc-card__file-icon, .document-showcase__folder-icon,
.download-residents__block, .download-residents__button-row, .drawer-header,
.driver_messages_form, .driver_messages_member_add, .driver_messages_presence,
.driver_messages_presence_dot, .driver_messages_room_actions,
.driver_messages_settings, .driver_messages_tab, .driver_messages_tabs,
.driver_messages_toolbar_actions, .driver_room_card__meta,
.driver_room_title_editor, .driver_user_picker__actions, .dropdown-item-image,
.form-field-photo-container, .incoming-email-content__switch, .norm-value-wrap,
.radio-custom, .radio-list-label, .service-toolbar, .tab-close-button,
.tab-nav-left, .tab-nav-top, .th-direction-btn, .th-icon-btn {
    flex-shrink: 0;
}
.auto-payment-orders-panel__history-toolbar,
.auto-payment-orders-panel__selection, .doc-card__heading-line,
.document-showcase__tree, .driver_messages_tabs--header,
.meeting-question-actions, .sale-invoice-header__title {
    flex-wrap: nowrap;
}
.access-to-lc-actions, .accounting-journal__form-actions,
.accounting-opening-balances__summary, .accounting-opening-balances__toolbar,
.accounting-report-page__status, .auto-payment-orders-panel__header,
.bank-dashboard__header-meta, .cash-receipts__toolbar,
.company-information-toolbar, .counterparty-download-options,
.counterparty-toolbar, .counters-toolbar, .court-case-balance,
.developer-cpu-trend__legend, .developer-log-item__context,
.developer-performance-chart-legend, .developer-performance-resource-meta,
.developer-performance-route__metrics, .developer-release__actions,
.developer-storage-detail__guidance, .developer-storage-detail__measurement,
.developer-table-card__stats, .doc-card__distribution-header,
.doc-card__footer, .doc-card__header, .doc-card__header-actions,
.doc-card__internal-employees-header, .doc-card__meta,
.doc-card__related-row-head, .doc-editor-find-replace-panel__actions,
.doc-editor__proofread-replacements, .doc-editor__quick-access,
.document-appearance__fields, .driver_audio_call_actions,
.driver_message_action_bar, .driver_messages_member_name,
.driver_room_card__identity, .excel-viewer__tabs, .form-field-photo-with-rows,
.form-field-row, .house-details-sectionhead, .house-download-mode-grid,
.image-viewer__toolbar, .import-1c-settings__tables,
.incoming-resolutions__assignment-actions, .incoming-resolutions__meta-row,
.integration-label-row, .ndfl-page__settings,
.office-dashboard-analytics-panel__row, .office-dashboard-slicer,
.office-dashboard-treemap, .office-file-panel__fields,
.office-formula-picker__groups, .office-query__status,
.office-sheet-slicer__values, .office-workspace__favorites,
.outgoing-settings__actions, .outgoing-settings__template-list,
.payment-order-templates__weekdays, .personnel-hires__toolbar,
.potale-agent-card__actions, .profile-photo-approvals__actions,
.receipt_generation_panel_summary, .receipt_upload_file_row,
.reconciliation-page__summary, .reconciliation-page__toolbar,
.sale-invoice-header__identity, .sale-invoice-page__actions,
.sale-templates-panel__actions, .sale-templates-panel__attachments,
.sale-templates-panel__weekdays, .sales-tab-page__toolbar, .service-toolbar,
.settings-actions, .tab_receipt_top_bar {
    flex-wrap: wrap;
}
.company-information__page, .doc-card__body--incoming,
.doc-card__body--sections, .doc-editor, .doc-editor--file-mode,
.doc-editor__layout, .outgoing-attachments-card,
.outgoing-delivery-attachments, .portrait-table-card {
    gap: 0;
}
.calendar-months-grid, .counterparty-download-options,
.developer-dashboard__header, .developer-dashboard__storage-hero,
.developer-preview__header, .developer-scheduler-control,
.developer-storage__disk-legend, .developer-storage__disk-legend-row,
.developer-storage__hero-main, .doc-card__employee-picker,
.doc-card__heading-line, .doc-card__internal-employees-header,
.doc-card__internal-toggle, .doc-card__modal-actions,
.doc-card__recipient-card-title-wrap, .doc-card__recipient-section-header,
.doc-card__related-row-head, .document-download-panel__section,
.driver_chat_creation, .driver_chat_creation__choice,
.driver_chat_creation__choices, .driver_chat_creation__header,
.form-field-photo-row, .form-field-photo-with-rows,
.incoming-resolutions__actions, .incoming-resolutions__employee-card,
.outgoing-delivery-attachments__row, .outgoing-settings__template-by-type,
.outgoing-settings__template-by-type-row, .payment-order-templates__editor,
.payment-order-templates__grid, .payment-order-templates__layout,
.payment-order-templates__weekdays, .pivot-table-error,
.table-search-panel__options, .tariff-benefits__form-grid, .toast-stack,
.warehouse-entry-panel__actions {
    gap: 10px;
}
.accounting-report__balance-grid, .app-theme-preview__content,
.approval-sheet-create__heading, .approval-sheet-employee-picker__header,
.approval-sheet-reviewer, .approval-sheet-version__header,
.bank-dashboard__widget-title, .developer-dashboard__drill-head,
.developer-dashboard__toolbar, .developer-storage__donut-card,
.developer-storage__section-title, .doc-card__distribution-header,
.doc-card__distribution-list, .doc-card__header,
.doc-card__recipient-card-header, .doc-card__recipient-columns,
.doc-editor__find-grid, .doc-editor__footer, .doc-editor__margin-panel-actions,
.doc-editor__modal-footer, .document-templates__item, .file-viewer__message,
.incoming-email-content__header, .incoming-resolutions__assignment-main,
.incoming-resolutions__employee-picker, .outgoing-settings__delivery-row,
.outgoing-settings__signature-grid, .profile-photo-approvals,
.profile-photo-approvals__card, .sale-invoice-header__title,
.table-search-panel__footer, .tariff-benefits__drawer-workspace,
.tariff-benefits__heading-row, .tariff-benefits__panel-heading,
.tariff-benefits__pivots, .universal-chart__legend,
.universal-chart__legend-item, .warehouse-accounting__description,
.warehouse-entry-panel {
    gap: 12px;
}
.app-error-boundary, .approval-review-panel,
.developer-dashboard__ranked-label, .doc-card__distribution,
.document-appearance__fields, .table-search-panel__content,
.universal-chart__bar-stage {
    gap: 14px;
}
.add-service-form, .bank-dashboard__legend, .doc-editor__margin-grid,
.doc-editor__page-meta, .download-panel, .form-field-container,
.person-card-drawer, .person-card-drawer__header {
    gap: 16px;
}
.counterparty-download-panel, .doc-editor__page-stack,
.document-download-panel, .warehouse-accounting__description-text {
    gap: 18px;
}
.driver_messages_room_identity, .incoming-resolutions__assignment-meta,
.incoming-resolutions__resolution-meta {
    gap: 1px;
}
.counterparty-payment-details, .counterparty-payment-details__contract-card {
    gap: 1rem;
}
.approval-sheet-panel, .doc-card__requisites, .doc-editor__margin-panel {
    gap: 20px;
}

/* Файл shared_layout_04.css */

.authorization-title-group, .developer-cpu-drill__history,
.developer-storage-detail__row-name, .developer-storage__chart-tooltip,
.doc-editor__proofread-summary, .driver_messages_header_buttons,
.driver_voice_message__waveform, .form-field-row,
.incoming-resolutions__employee-info, .meter_readings_export_option_text,
.sales-tab-page {
    gap: 2px;
}
.developer-cpu-detail__core, .developer-cpu-detail__rows,
.developer-dashboard__metric, .developer-side-dashboard__server-selector,
.doc-card__employee-picker-person, .doc-editor__review-panel-current,
.driver_voice_message__content, .incoming-resolutions__deadline,
.management-object-selector, .reconciliation-page,
.sale-templates-panel__template {
    gap: 3px;
}
.accounting-entries, .accounting-line-editor__standard,
.accounting-line-editor__visibility, .accounting-report-page__warnings,
.app-theme-card__text, .bank-dashboard__header, .bank-dashboard__metric,
.check_window_months, .column-settings-list, .developer-schema-column,
.developer-storage__area-chart, .doc-editor__formula-help,
.doc-editor__quick-access, .doc-editor__review-clear-stack,
.doc-editor__reviewer-item, .doc-editor__selection-toolbar,
.doc-editor__switches, .doc-editor__zoom-control, .driver_message_action_bar,
.driver_message_time, .driver_messages_toolbar--chat-list,
.driver_user_picker__title, .excel-viewer__tabs, .hierarchy-content,
.payment-order-templates__counterparty, .payment-order-templates__item,
.purchases-and-sales-table-page, .sale-invoice-header__grid,
.services-table-layout, .th-direction-group, .th-filter-menu {
    gap: 4px;
}
.developer-dashboard__integration-details, .doc-editor__review-toolbar {
    gap: 4px 10px;
}
.doc-editor__formula-actions, .doc-editor__mini-field,
.doc-editor__proofread-replacements, .doc-editor__switch,
.document-templates__field, .driver_message_group,
.form-field-photo-rows-container, .grid-container,
.incoming-resolutions__phone, .incoming-resolutions__resolution-actions,
.portrait-column-navigator__actions, .receipt_generation_panel_field,
.receipt_upload_field, .sale-products-panel__items, .tariff-benefits__field {
    gap: 5px;
}
.accounting-chart, .accounting-journal, .accounting-line-editor__tools,
.accounting-report-page, .approvals-control-tab__tabs,
.bank-dashboard__metrics, .check_window_month_item,
.developer-app-toolbar__switches, .developer-cpu-detail__cores,
.developer-dashboard__integration-time, .developer-dashboard__switcher,
.developer-diagram-tools, .developer-side-dashboard,
.developer-side-navigation, .developer-storage--rich,
.developer-storage__server-card, .developer-toolbar__modes,
.doc-card__internal-employees-list, .doc-editor__color-control,
.doc-editor__indent-control, .doc-editor__layout-field,
.doc-editor__proofread-card, .doc-editor__select, .doc-editor__tabs,
.doc-editor__tool-btn, .doc-editor__topbar-actions, .doc-editor__view-switch,
.document-office-selector, .document-showcase__filters,
.document-showcase__tree, .download-residents__radio-group,
.driver_messages_member_name, .driver_messages_presence, .driver_messages_wrap,
.driver_participant_permission, .image-viewer__toolbar,
.incoming-resolutions__assignment-actions, .norm-value-wrap,
.outgoing-settings__field, .person-card-drawer__identity,
.portrait-column-navigator, .reconciliation-page__actions, .th-checkbox-label,
.th-checkbox-row, .th-multi-panel__footer, .universal-chart__bar-columns,
.warehouse-accounting__table-page, .warehouse-entry-panel__field {
    gap: 6px;
}
.accounting-line-editor, .accounting-line-editor__balance,
.approval-sheet-employees, .approval-sheet-selected-order,
.developer-column-name, .developer-cpu-detail__row,
.developer-storage-detail__row, .driver_messages_form,
.driver_messages_member_actions, .payment-order-templates__items,
.sale-products-panel__item {
    gap: 7px;
}
.accounting-entry-source__row, .accounting-journal__form-header,
.accounting-line-editor__line, .accounting-line-editor__section-title,
.accounting-report-page__toolbar, .accounting-report__columns,
.accounting-report__row, .approval-sheet-employee-picker, .approval-sheet-mode,
.bank-dashboard__documents, .bank-dashboard__settings,
.bank-dashboard__widgets, .column-settings-item, .developer-column-row,
.developer-dashboard__chart-stack,
.developer-dashboard__integration-card-header,
.developer-dashboard__integration-grid, .developer-dashboard__integration-list,
.developer-dashboard__metrics, .developer-dashboard__overview-metrics,
.developer-storage__bottom-grid, .developer-storage__cards--compact,
.developer-storage__dashboard, .developer-storage__server-summary,
.doc-card__distribution-line, .doc-card__distribution-mode,
.doc-card__distribution-mode-list, .doc-card__employee-picker-hint,
.doc-card__employee-picker-list, .doc-card__employee-picker-search,
.doc-card__file-item, .doc-card__footer, .doc-card__header-actions,
.doc-card__internal-employee, .doc-card__internal-employees, .doc-card__meta,
.doc-card__related-table-panel, .doc-editor__margin-field,
.doc-editor__proofread-card-head, .doc-editor__proofread-panel,
.doc-editor__review-panel, .doc-editor__tabs-row,
.document-download-panel__actions, .document-download-panel__formats,
.download-residents__radio-row, .driver_messages_member,
.driver_messages_members_list, .driver_messages_members_view,
.driver_messages_settings, .driver_messages_toolbar_actions,
.driver_room_card__identity, .driver_room_card__meta,
.driver_voice_message__meta, .driver_voice_recorder__status,
.form-field-checkbox-wrapper, .incoming-resolutions__assignment,
.incoming-resolutions__section-title, .incoming-resolutions__tree,
.late-readings-tab__header, .outgoing-settings__actions,
.outgoing-settings__pdf-types, .outgoing-settings__template-list,
.outgoing-settings__templates, .portrait-card-table,
.portrait-table-card__field, .profile-photo-approvals__actions,
.reconciliation-page__content, .reconciliation-page__toolbar,
.sale-invoice-columns__header, .sale-invoice-header__identity,
.sale-invoice-page__scroll, .sale-products-panel__content,
.services-table-layout__actions, .table-search-panel__field,
.table-search-portrait, .table-search-portrait__field,
.tariff-benefits__actions, .universal-chart__bar-group {
    gap: 8px;
}
.app-theme-preview__sidebar, .driver_voice_message,
.outgoing-settings__checkbox-row, .personnel-hires__panel {
    gap: 9px;
}
.config-switch-container, .developer-log-item__actions,
.developer-log-item__context, .developer-table-list {
    gap: calc(var(--spacing_small) * .5);
}
.bulk-access-assignment__heading, .bulk_access_download_mode,
.cash-receipts__search-field, .company-information__field,
.doc-card__distribution-value, .document-history__search,
.house-details-apartmentsbody, .integration-card__heading,
.integration-label-row, .meter-reading-year-selector__add,
.ndfl-page__settings-title, .tab-layout-settings__tabs {
    gap: calc(var(--spacing_small) / 2);
}
.app-theme-settings__grid, .app-theme-settings__intro,
.app-theme-settings__scope, .app-theme-settings__scope-heading,
.app-theme-settings__scope-result, .bank-account-details-panel,
.bulk-access-assignment, .bulk-access-assignment__heading--right,
.cash-receipt-form, .cash-receipt-panel__body, .cash-receipts__content,
.cash-receipts__summary, .counterparty-contractrequisites,
.counterparty-driverbody, .counterparty-page,
.developer-dashboard__runtime-grid, .developer-log-item__header,
.developer-log-list, .developer-log-summaries, .developer-log-toolbar,
.developer-server__legend, .developer-server__toolbar, .developer-storage__row,
.doc-editor-find-replace-panel__fields, .drawer-header__main,
.house-details-body, .house-details-paramrow, .management-contacts,
.management-contacts__form, .management-contacts__header,
.meeting-protocol-options, .meter-sort-settings__header,
.meter-sort-settings__interval, .office-dataflow-combine-panel__keys,
.office-dataflow-combine-panel__query, .office-dataflow-list-panel__grid,
.tab-layout-settings__board, .tab-layout-settings__header,
.upd-format-settings__form {
    gap: var(--font_size_0);
}
.driver_message_forward_preview_list, .driver_message_forwarded_cards {
    gap: var(--spacing-xs, 4px);
}
.office-dataflow-queries__item, .office-ribbon-extensions {
    gap: var(--spacing_2xs);
}
.office-color-field, .office-dashboard-checkbox, .office-dashboard-navigator,
.office-dashboard-navigator__slides, .office-dashboard-slicer,
.office-dataflow-queries__actions, .office-formula-picker__search,
.office-query__header-cell, .office-sheet-slicer__values,
.office-toolbar-buttons {
    gap: var(--spacing_compact);
}
.meter-readings-left-actions, .meter-readings-navigation,
.office-dashboard-bar-row, .office-formula-picker__groups,
.office-query-steps__item, .office-workspace__brand {
    gap: var(--spacing_dense);
}
.accruals-settings-panel, .court-case-balance, .developer-auth-errors__row,
.developer-release, .developer-release__head, .developer-releases__list,
.developer-releases__summary, .developer-releases__title-row,
.norm-people-settings, .office-conditional-formatting,
.office-file-settings__header, .office-formula-picker, .office-query__status,
.office-sheet-tool-form__row, .office-slide-show__controls,
.receipt_upload_panel {
    gap: var(--spacing_medium);
}
.office-dashboard-drill-controls, .office-dashboard-line-labels,
.office-dashboard-treemap, .office-field, .office-sheet-chart__point {
    gap: var(--spacing_micro);
}
.accruals_left_controls, .accruals_left_panel, .accruals_left_panel--apartment,
.developer-integration-history, .developer-performance-subgrid,
.employee-position-field, .lk-egrn-preview-panel__content,
.meter-readings-settings, .office-postgres-import__actions,
.office-sheet-tool-form__actions, .office-sheet__addons,
.office-workspace__sidebar, .payment-period-driver__actions,
.payment-period-driver__content {
    gap: var(--spacing_regular);
}
.office-file-panel__fields, .office-file-panel__section, .office-file-settings,
.office-postgres-import__grid, .office-sheet-tool-form {
    gap: var(--spacing_relaxed);
}
.driver_audio_call_panel--receiver, .office-dashboard-chart--pie,
.office-postgres-import {
    gap: var(--spacing_section);
}

/* Файл shared_layout_05.css */

.access-to-lc-actions, .accounting-journal__form-actions,
.accounting-opening-balances, .accounting-opening-balances__toolbar,
.accounting-report-page__scroll, .accruals-workspace, .app-theme-card,
.auth-actions-row, .auto-payment-orders-panel__column-option,
.auto-payment-orders-panel__columns-list, .auto-payment-orders-panel__content,
.bank-account-documents__toolbar, .bank-account-page, .calendar-footer,
.cash-receipt-form__fields, .cash-receipt-form__file,
.cash-receipt-items__header, .cash-receipt-panel__footer,
.cash-receipts__filters, .cash-receipts__pivot-filter-toolbar,
.cash-receipts__toolbar, .check_window_sort_button,
.company-information__card-header, .company-information__download-actions,
.company-information__download-panel, .company-information__fields,
.confirm_payments_content, .consent-block, .contract_files,
.counterparty-driverfield, .counterparty-driverfooter,
.counterparty-payment-details__section-title, .counterparty-toolbar,
.counterparty-toolbarbtn, .counters-card__title-row,
.counters-import-report__summary, .counters-page, .counters-page__intro,
.counters-page__workspace, .court-case-check, .court-case-grid,
.data_export_panel, .data_export_panel__source, .debtor-card-page__field,
.debtor-card-page__layout, .debtor-card-report-types__content,
.debtor-card-report-types__item, .developer-app-toolbar,
.developer-auth-errors__list, .developer-cpu-drill__history-row,
.developer-cpu-drill__layout, .developer-integration-error-panel__notice,
.developer-integration-history__toolbar, .developer-log-item__footer,
.developer-performance-summary, .developer-release__actions,
.developer-releases__head, .developer-server, .developer-server__cards,
.developer-server__chart, .developer-storage-detail__guidance,
.developer-storage-detail__measurement, .developer-storage-detail__row-main,
.developer-storage-detail__summary, .developer-storage__cards,
.developer-storage__legend, .developer-storage__main, .developer-summary-card,
.developer-summary-grid, .doc-card__file-list,
.doc-editor-find-replace-panel__actions, .document-showcase__folder,
.document-showcase__grid, .document-showcase__sort-setting,
.document-showcase__toolbar, .document-templates, .drawer-header__actions,
.driver_audio_call_action, .driver_audio_call_actions,
.driver_audio_call_identity, .driver_audio_call_output_modes,
.driver_audio_call_panel, .driver_forward_rooms,
.driver_message_forward_preview, .driver_messages_loading,
.driver_messages_room_actions, .driver_messenger_settings_content,
.driver_messenger_settings_group, .driver_room_title_editor,
.driver_user_picker, .driver_user_picker__item, .driver_user_picker__list,
.driver_user_picker__search, .employee-panel__payment-details,
.gis-import-report__summary, .gis-integration-help,
.house-details-apartments-inner, .house-details-files,
.house-details-sectionhead, .house-download-card, .house-download-footer,
.house-download-mode-grid, .house-download-panel, .import-1c-settings__file,
.import-1c-settings__mode, .import-1c-settings__modes,
.import-1c-settings__report, .import-1c-settings__tables, .info_blocks,
.integration-certificate-upload, .lk-content-search, .lk-content-search__field,
.lk-font-settings, .lk-theme-option, .lk-theme-settings__grid,
.meeting-attachments-header, .meeting-card, .meeting-checkbox-row,
.meeting-form-grid, .meeting-question-head, .meetings-list-shell,
.meter-reading-year-selector, .meter-readings-settings__item,
.meter-sort-settings__actions, .meter-sort-settings__rule,
.meter-transmission-settings, .meter-transmission-settings__grid,
.meter_readings_compare_panel, .meter_readings_export_scroll_area,
.meter_readings_import_panel, .meter_readings_import_panel__actions,
.ndfl-page__settings, .ndfl-page__table-wrap, .news-type-filter,
.news-type-filter__header, .office-card, .office-card__header,
.office-command-panel__commands, .office-conditional-formatting__preset,
.office-conditional-formatting__presets,
.office-dashboard-analytics-panel__row, .office-dashboard-kpi,
.office-dashboard-main, .office-dashboard-slide-pane__header,
.office-dashboard-slide-pane__list, .office-dashboard-workspace,
.office-dataflow-combine-panel__actions, .office-dataflow-combine-panel__base,
.office-dataflow-combine-panel__queries,
.office-dataflow-combine-panel__query-title,
.office-dataflow-model-panel__graph, .office-dataflow-model-panel__parameters,
.office-dataflow-model-panel__section, .office-dataflow-queries__header,
.office-extended-tools__grid, .office-file-panel__sidebar,
.office-file-settings__group, .office-query-steps__header,
.office-query__workspace, .office-settings__grid, .office-settings__header,
.office-settings__section, .office-sheet-chart, .office-sheet__objects,
.office-workspace__footer, .office-workspace__settings-button, .pad-actions,
.pad-approval-content, .payment-card, .payment-card__footer,
.personnel-hires__documents, .potale-agent-card__actions,
.potale-agent-card__title-row, .receipt_upload_mode,
.sale-invoice-page__actions, .sale-invoice-page__format,
.sale-templates-panel__editor, .sale-templates-panel__grid,
.sale-templates-panel__layout, .sales-tab-page__toolbar,
.service-card__heading-row, .service-detail-heading-row, .settings-actions,
.settings-index, .settings-title-row, .tab-layout-settings,
.tab-layout-settings__tab, .tab-layout-settings__widget-header,
.tariff-benefits__documents, .toast, .usn-page__calculation {
    gap: var(--spacing_small);
}
.accruals_left_dropdowns, .office-dashboard-chart--bar,
.office-dashboard-combo__bars, .office-dashboard-gauge,
.office-dashboard-legend, .office-ribbon__group-row,
.office-settings__documents, .office-workspace__favorites,
.office-workspace__menu-button {
    gap: var(--spacing_tight);
}
.developer-release__summary-item, .document-office-selector__label-row,
.office-conditional-formatting__categories, .office-dashboard-funnel,
.office-dashboard-heatmap, .office-dashboard-notes,
.office-dashboard-source-actions, .office-dashboard-waterfall,
.office-formula-picker__item, .office-ribbon-menu__list,
.office-ribbon-menu__summary, .office-ribbon__group, .resident-status-cell {
    gap: var(--spacing_xs);
}
.developer-performance-chart-legend, .developer-performance-route__metrics {
    gap: var(--spacing_xs) var(--spacing_medium);
}
.meter_readings_compare_panel__summary,
.meter_readings_import_panel__description,
.meter_readings_import_panel__rules {
    gap: var(--spacing_xsmall);
}
.contextual-sidebar__tabs, .documents-context-actions,
.documents-context-sidebar__body {
    gap: var(--tab-sidebar-item-gap);
}
.consent-accepted-icon, .doc-editor__review-toolbar-modes {
    grid-column: 1;
}
.cash-receipt-form__file-name, .counterparty-contractgrid__wide,
.counterparty-payment-details__wide, .developer-cpu-causes__events-panel,
.developer-storage__bottom-grid, .developer-storage__hero,
.developer-storage__server-summary, .driver_message_forward_preview,
.integration-card__heading, .integration-credential-actions,
.integration-warning, .meter-readings-left-actions,
.meter-readings-navigation__bottom-action, .meter-readings-navigation__years,
.meter_readings_import_panel__cancel, .office-postgres-import__wide,
.payment-card__footer, .payment-order-templates__wide,
.profile-photo-approvals__actions, .sale-templates-panel__wide,
.settings-grid__separator, .warehouse-entry-panel__field--wide {
    grid-column: 1 / -1;
}
.doc-editor__review-toolbar-main, .doc-editor__review-toolbar-side {
    grid-column: 3;
}
.consent-accepted-icon, .doc-editor__review-toolbar-main {
    grid-row: 1;
}
.doc-editor__review-toolbar-history, .doc-editor__review-toolbar-modes,
.office-ribbon__group {
    grid-row: 1 / span 2;
}
.doc-editor__review-toolbar-side, .meter-readings-navigation__years {
    grid-row: 2;
}
.doc-editor__formula-group, .doc-editor__formula-help {
    grid-row: auto;
}
.bank-dashboard__widgets--single, .developer-storage__cards,
.document-showcase__grid--list, .sale-invoice-header__grid {
    grid-template-columns: 1fr;
}
.counterparty-driverfooter, .doc-editor__find-grid, .doc-editor__margin-grid,
.meeting-form-grid, .tariff-benefits__form-grid {
    grid-template-columns: 1fr 1fr;
}
.office-dashboard-thumbnail, .office-query-steps__item {
    grid-template-columns: 24px minmax(0, 1fr);
}
.service-layout, .service-layout--wide {
    grid-template-columns: 40% minmax(0, 1fr);
}
.developer-code-drill__head, .driver_user_picker__search {
    grid-template-columns: auto minmax(0, 1fr);
}
.developer-cpu-drill__head, .developer-log-item__header,
.driver_chat_creation__header, .tab-layout-settings__tab {
    grid-template-columns: auto minmax(0, 1fr) auto;
}
.cash-receipt-batch__cards, .doc-card__internal-employees-list {
    grid-template-columns: minmax(0, 1fr);
}
.accounting-report__columns, .accounting-report__row {
    grid-template-columns: minmax(0, 1fr) 70px 130px;
}
.accounting-line-editor__line, .cash-receipt-form__file, .contract_files,
.developer-dashboard__integration-card-header,
.developer-storage-detail__row-main, .doc-card__internal-employee-content,
.driver_room_title_editor--header, .house-details-files,
.meter-reading-year-selector__add, .meter_readings_export_color_section,
.personnel-hires__documents, .tab-layout-settings__widget-header,
.tariff-benefits__documents {
    grid-template-columns: minmax(0, 1fr) auto;
}
.developer-dashboard__integration-details, .doc-card__recipient-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.accruals-workspace--apartment, .bulk-access-assignment {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.accounting-report__balance-grid, .approval-sheet-employees,
.approval-sheet-mode, .cash-receipt-form__fields,
.counterparty-payment-details__grid, .developer-dashboard__integration-list,
.developer-log-summaries, .developer-side-navigation,
.developer-storage__cards--compact, .driver_chat_creation__choices,
.driver_participant_permissions, .house-download-mode-grid,
.integration-certificate-upload, .meter_readings_import_panel__actions,
.office-command-panel__commands, .office-conditional-formatting__presets,
.office-dataflow-combine-panel__keys, .office-dataflow-list-panel__grid,
.office-extended-tools__grid, .office-file-settings__checks,
.office-postgres-import__grid, .office-ribbon-menu__list,
.payment-order-templates__grid, .receipt_upload_grid, .residents-actions,
.sale-invoice-columns__list, .warehouse-entry-panel__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bank-dashboard__metrics, .company-information__download-actions,
.developer-releases__summary, .developer-server__cards,
.developer-storage__server-summary, .doc-card__distribution-mode-list,
.document-download-panel__formats, .import-1c-settings__modes,
.sale-templates-panel__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.developer-cpu-summary, .developer-dashboard__integration-grid,
.developer-dashboard__overview-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cash-receipts__filters, .developer-realtime-summary {
    grid-template-columns: repeat(4, minmax(130px, 1fr));
}
.developer-summary-grid, .import-1c-settings__report {
    grid-template-columns: repeat(5, minmax(120px, 1fr));
}
.developer-dashboard__runtime-grid, .office-dataflow-model-panel__graph {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.developer-dashboard__chart-stack, .doc-editor__review-toolbar,
.doc-editor__tab-panel {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

/* Файл shared_layout_06.css */

.PDFViewer-container, .access-to-lc-root, .accounting-chart,
.accounting-journal, .accounting-line-editor, .accounting-opening-balances,
.accounting-supplier-debts, .accruals-workspace, .accruals_left_panel,
.approvals-control-tab, .auto-payment-orders-panel__content,
.auto-payment-orders-panel__settings-pivot, .bank-account-page,
.cash-receipt-batch, .cash-receipt-panel, .cell-input, .check_window_root,
.common-house-readings, .contextual-tab-widget, .counterparty-page,
.counters-page, .data_export_panel__tabs, .debtor-card-page__layout,
.developer-app-content, .developer-dashboard__metric--code-total,
.developer-diagram-viewport, .developer-server, .doc-card,
.doc-card__editor-panel, .doc-card__employee-picker,
.doc-card__related-table-panel, .doc-editor, .doc-editor__review-toolbar,
.doc-editor__review-toolbar-history, .document-history, .document-showcase,
.document-templates-panel, .documents-tab-layout,
.documents-tab-layout--contextual, .download-residents__root,
.driver_messages_wrap, .driver_user_picker, .grid-container, .image-viewer,
.incoming-resolutions, .incoming-resolutions__employee-avatar-image,
.incoming-resolutions__employee-avatar-placeholder, .management-workspace,
.management-workspace__direct-placeholder, .news-layout,
.office-dashboard-chart, .office-dashboard-kpi, .office-formula-bar__editor,
.office-formula-bar__fx, .office-settings, .office-sheet-chart__point,
.office-sheet-grid__column-resizer, .office-sheet-grid__row-header-sticky,
.payment-order-templates__layout, .person-card-drawer__photo,
.photo-upload-frame, .photo-upload-preview, .pivot-table-container,
.radio-button-list--scroll, .sale-invoice-page__scroll,
.sale-products-panel__content, .sale-templates-panel__layout, .service-layout,
.services-table-layout, .settings-index, .settings-workspace,
.tab-container-top, .tab-content-left, .tab-layout-settings, .tab-user-actions,
.tab-widget-container, .tab_receipt_root, .tab_receipt_viewer_empty,
.table-container, .table-search-panel__content, .tariff-benefits,
.tariff-benefits__list-panel, .universal-chart__donut-svg,
.upd-format-settings {
    height: 100%;
}
.config_LK, .developer-app-shell, .document-text-drawer, .drawer-panel,
.driver_audio_call_panel--receiver, .driver_messages_panel, .office-workspace,
.office-workspace__content, .office-workspace__sidebar {
    height: 100dvh;
}
.app-theme-preview__heading, .bank-dashboard__legend-dot,
.developer-storage__bar, .radio-custom {
    height: 10px;
}
.developer-storage__disk-dot, .pivot-radio-visual, .th-sort-badge {
    height: 14px;
}
.incoming-resolutions__phone-icon, .universal-chart__legend-dot {
    height: 16px;
}
.consent-checkbox, .driver_voice_message__loader, .hierarchy-indent,
.toggle-button {
    height: 18px;
}
.add_row_column__row_highlight, .consent-divider,
.incoming-resolutions__tree-line-horizontal, .office-formula-picker__load-more,
.office-sheet-context-menu__separator, .settings-grid__separator,
.table-context-menu__separator {
    height: 1px;
}
.add_row_column__button, .app-theme-preview__button, .dropdown-item-image,
.management-contacts__indicator, .office-query__header-cell, .tab-close-button,
.th-icon-btn {
    height: 20px;
}
.consent-accepted-icon, .office-query-steps__index {
    height: 22px;
}
.doc-editor__bottom-panel, .incoming-resolutions__assignment-number {
    height: 23px;
}
.doc-card__recipient-card-number, .doc-card__related-remove-btn,
.document-office-selector__count, .incoming-resolutions__deadline-input,
.incoming-resolutions__delete-btn, .lk-theme-option__preview,
.office-conditional-formatting__format-preview, .photo-upload-remove {
    height: 24px;
}
.developer-schema-column, .office-conditional-formatting__preset-preview {
    height: 26px;
}
.app-theme-preview__field, .driver_voice_message__speed,
.driver_voice_message__waveform, .office-settings__star {
    height: 28px;
}
.check_window_format, .doc-editor__status-chip, .doc-editor__tab,
.document-showcase__folder-icon, .office-formula-picker__info-button,
.office-ribbon__tab, .portrait-column-navigator__search {
    height: 30px;
}
.doc-card__distribution-icon-btn, .doc-editor__layout-mode-btn,
.doc-editor__modal-close, .doc-editor__save-text-btn,
.incoming-resolutions__drag-handle {
    height: 32px;
}
.download-panel__select, .incoming-resolutions__employee-avatar {
    height: 34px;
}
.management-house-status-filter, .table-search-portrait__field {
    height: 36px;
}
.driver_message_file_button, .driver_messages_input,
.driver_voice_recorder__button, .office-ribbon__tabs,
.office-slide-show__close, .office-workspace__logo {
    height: 38px;
}
.calendar-nav-button, .driver_messenger_avatar, .menu-button {
    height: 40px;
}
.doc-editor__modal-btn, .driver_chat_creation__choice-icon,
.driver_messages_add, .driver_messages_settings_button,
.driver_voice_message__play {
    height: 42px;
}
.office-dashboard-slide, .office-slide-show__slide {
    height: 562px;
}
.developer-cpu-detail__bar, .office-sheet-grid__row-resizer {
    height: 7px;
}
.developer-cpu-drill__history-bar, .driver_messages_presence_dot {
    height: 8px;
}
.developer-cpu-trend__dot, .driver_voice_recorder__pulse {
    height: 9px;
}
.PDFViewer-webview-image, .authorization-logo, .counters-import-report__table,
.lk-egrn-preview-panel__image, .meter-readings-navigation,
.office-workspace__panel, .residents-actions, .table-wrapper,
.upd-format-settings__table-widget {
    height: auto;
}
.house-details-apartments, .house-details-divider {
    height: calc(100% - (var(--font_size_0) * 2));
}
.doc-card__file-icon, .download-residents__select {
    height: calc(var(--font_size_0) * 2);
}
.developer-dashboard__integration-info-button, .info-driver-button,
.integration-info-button {
    height: var(--info_button_size);
}
.add_row_column_overlay, .developer-relations, .doc-card__modal-backdrop,
.drawer-overlay, .driver_audio_call_backdrop, .house-details-apartments-inner,
.office-dashboard-combo__bars, .office-dashboard-empty,
.office-dashboard-scatter__point, .office-slide-show {
    inset: 0;
}
.PDFViewer-page, .accruals-apartment-status, .add_row_column__button,
.approval-sheet-employee__order, .auth-actions-row, .bank-dashboard__metric,
.btn__action-icon, .bulk-access-assignment__empty, .calendar-modal-overlay,
.calendar-nav-button, .cash-receipts__summary-card, .consent-accepted-icon,
.counterparty-page_loading, .counters-card__empty, .counters-card__empty-mark,
.developer-dashboard__integration-error-button,
.developer-dashboard__integration-info-button, .developer-dashboard__metric,
.developer-dashboard__metric--code-total, .developer-dashboard__status,
.developer-integration-error-panel__icon, .developer-key, .developer-log-level,
.developer-performance-chart-legend, .developer-performance-summary__item,
.developer-server__metric, .developer-storage__donut-card,
.developer-storage__metric, .doc-card__distribution-icon-btn,
.doc-card__modal-backdrop, .doc-card__recipient-card-number,
.doc-editor__layout, .doc-editor__layout-mode-btn, .doc-editor__modal-overlay,
.doc-editor__review-toolbar-modes, .doc-editor__save-text-btn,
.doc-editor__select, .doc-editor__tool-btn, .doc-editor__workspace,
.document-office-selector__count, .document-showcase__settings-button,
.document-upload-button, .driver_audio_call_action_icon,
.driver_audio_call_actions, .driver_audio_call_backdrop,
.driver_audio_call_output_modes, .driver_message_day, .driver_messages_loading,
.driver_messages_room_identity_text, .driver_messages_send,
.driver_messages_settings_button, .driver_messenger_avatar,
.driver_voice_message__play, .driver_voice_recorder__button,
.file-viewer__message, .house-details-upload,
.incoming-resolutions__assignment-number, .incoming-resolutions__delete-btn,
.incoming-resolutions__drag-handle, .incoming-resolutions__employee-avatar,
.incoming-resolutions__employee-avatar-placeholder,
.incoming-resolutions__phone-icon, .incoming-resolutions__status,
.info-driver-button, .integration-info-button, .lk-content-loader, .loading,
.management-contacts__indicator, .management-workspace__direct-placeholder,
.no-data, .office-dashboard-chart--bar, .office-dashboard-chart--pie,
.office-dashboard-empty, .office-dashboard-kpi, .office-dashboard-shape-object,
.office-dashboard-stage, .office-empty-state,
.office-formula-picker__info-button, .office-query-steps__empty,
.office-query-steps__index, .office-ribbon__group, .office-slide-show,
.office-workspace__logo, .office-workspace__menu-button,
.outgoing-settings__loading, .person-card-drawer__photo-button,
.photo-upload-frame, .photo-upload-placeholder, .photo-upload-remove,
.pivot-search__button, .pivot-search__icon, .pivot-table-error,
.portrait-column-navigator__search, .sale-invoice-page--loading,
.shared-loading-indicator, .tab-layout-settings__empty,
.tab-widget-empty-content, .tab_receipt_viewer_empty, .tariff-benefits__upload,
.th-icon-btn, .th-sort-badge, .toggle-button, .universal-chart__bar-columns,
.window-overlay {
    justify-content: center;
}
.access-to-lc-actions, .accounting-journal__form-actions,
.accounting-journal__table-toolbar, .add-service-actions,
.bank-account-details-panel__actions, .calendar-footer,
.cash-receipt-panel__footer, .config-switch-container,
.counterparty-payment-details__actions, .debtor-card-page__actions,
.debtor-card-report-types__actions, .developer-dashboard__integration-time,
.developer-release__actions, .developer-table-card__actions,
.developer-table-card__stats, .doc-card__footer, .doc-editor__bottom-panel,
.doc-editor__footer, .doc-editor__margin-panel-actions,
.doc-editor__modal-footer, .doc-editor__review-toolbar-side,
.document-download-panel__actions, .driver_chat_creation__actions,
.driver_message_action_bar, .driver_message_time,
.driver_messages_header_buttons, .driver_messenger_settings_actions,
.driver_user_picker__actions, .employee-panel__actions, .house-download-footer,
.incoming-resolutions__assignment-actions, .integration-credential-actions,
.integration-main-actions, .meter-sort-settings__actions,
.office-conditional-formatting__actions,
.office-dataflow-combine-panel__actions, .office-dataflow-list-panel__actions,
.office-postgres-import__actions, .office-sheet-tool-form__actions,
.payment-card__file, .payment-card__footer,
.purchases-and-sales-table-page__toolbar, .sale-invoice-items__totals,
.sale-invoice-page__actions, .sale-templates-panel__actions,
.sales-tab-page__toolbar, .settings-actions, .th-multi-panel__footer,
.usn-page__actions, .warehouse-entry-panel__actions {
    justify-content: flex-end;
}
.bank-dashboard__documents, .bank-dashboard__header-meta,
.doc-editor__reviewer-chip, .download-panel__actions,
.driver_audio_call_panel--receiver, .driver_messages_members_list,
.office-formula-bar__address, .office-workspace__settings-button,
.potale-agent-card__title-row, .reconciliation-page__summary,
.sale-templates-panel__field-title, .services-table-layout__actions,
.settings-inline-check, .upd-format-settings__actions {
    justify-content: flex-start;
}
.tab-close-button, .tab-link {
    justify-content: left;
}

/* Файл shared_layout_07.css */

.accounting-journal__form-header, .accounting-line-editor__section-title,
.accounting-opening-balances__toolbar, .accounting-report-page__toolbar,
.app-theme-settings__intro, .app-theme-settings__scope-heading,
.app-theme-settings__scope-result, .approval-sheet-create__heading,
.approval-sheet-employee-picker__header, .approval-sheet-version__header,
.auto-payment-orders-panel__history-toolbar, .bank-account-documents__toolbar,
.bank-dashboard__widget-title, .bulk-access-assignment__heading--right,
.calendar-header, .cash-receipt-items__header, .check_window_sort_button,
.company-information__card-header, .counters-card__header,
.counters-page__intro, .developer-app-toolbar, .developer-dashboard__header,
.developer-dashboard__ranked-label, .developer-dashboard__toolbar,
.developer-integration-history__toolbar, .developer-log-item__footer,
.developer-preview__header, .developer-release__head,
.developer-releases__title-row, .developer-server__axis,
.developer-server__toolbar, .developer-storage-detail__measurement,
.developer-storage__chart-axis, .developer-storage__section-title,
.developer-storage__toolbar, .developer-summary-card,
.doc-card__distribution-header, .doc-card__header--outgoing,
.doc-card__internal-employees-header, .doc-card__recipient-card-header,
.doc-card__recipient-section-header, .doc-card__related-row-head,
.doc-editor__modal-header, .doc-editor__page-meta,
.doc-editor__proofread-card-head, .doc-editor__tabs-row,
.document-office-selector__label-row, .document-templates__item,
.drawer-header, .driver_message_forward_preview, .driver_messages_member,
.driver_voice_message__meta, .hierarchy-header__content,
.house-details-paramrow, .house-details-sectionhead,
.incoming-email-content__header, .incoming-resolutions__assignment-main,
.incoming-resolutions__resolution-head, .late-readings-tab__header,
.management-contacts__header, .meeting-attachments-header,
.meeting-question-head, .menu-button, .meter-transmission-settings__header,
.news-type-filter__header, .office-card__header, .office-dashboard-line-labels,
.office-dashboard-slide-pane__header, .office-dataflow-queries__header,
.office-file-settings__header, .office-query-steps__header,
.office-query__header-cell, .office-settings__header,
.sale-invoice-columns__header, .sale-invoice-header__title,
.settings-inline-field, .tab-layout-settings__header,
.table-search-panel__footer, .tariff-benefits__heading-row,
.tariff-benefits__panel-heading, .th-checkbox-row--spread,
.warehouse-accounting__description, .window-header {
    justify-content: space-between;
}
.doc-editor__tab-panel, .driver_messages_member_actions,
.sale-invoice-header__grid {
    justify-content: start;
}
.doc-editor__layout--with-proofreader, .doc-editor__layout--with-review,
.driver_messages_toolbar--chat-list, .office-dashboard-object--shape {
    justify-content: stretch;
}
.calendar-modal-overlay, .developer-diagram-canvas, .doc-editor__modal-overlay,
.dropdown-menu, .excel-viewer__corner, .excel-viewer__rowhead,
.office-formula-bar__resizer, .office-formula-suggestions,
.office-formula-suggestions--cell, .office-query__checkbox-cell,
.office-sheet-grid__corner-sticky, .office-sheet-grid__row-header-sticky,
.office-sheet-grid__row-resizer, .office-slide-show__slide, .window-overlay {
    left: 0;
}
.generate-document-button__tooltip, .office-slide-show__controls {
    left: 50%;
}
.incoming-resolutions__tree-line-horizontal,
.incoming-resolutions__tree-line-vertical {
    left: calc((var(--assignment-level) * var(--assignment-indent)) - 18px);
}
.accounting-line-editor__section-title, .accounting-opening-balances__summary,
.accounting-opening-balances__table-wrap,
.accounting-opening-balances__toolbar, .accounting-report-page__status,
.accounting-report__row, .app-input, .check_window_sort_button,
.config-switch-container, .contextual-sidebar__tab,
.counterparty-driversubtitle, .counterparty-sectiontitle, .counters-card,
.counters-import-panel__submit, .counters-page__intro,
.developer-integration-error-panel__text, .developer-log-raw,
.developer-storage__disk-legend-row, .doc-card__employee-picker-hint,
.doc-card__field-input, .doc-card__field-number, .doc-card__field-textarea,
.doc-card__file-list, .doc-editor__bottom-panel, .doc-editor__layout,
.doc-editor__margin-panel-hint, .doc-editor__save-text-btn,
.doc-editor__topbar, .doc-editor__viewport, .document-download-panel__hint,
.document-showcase__tree, .driver_forward_room, .driver_message_card,
.driver_message_text, .driver_messages_add, .driver_messages_back,
.driver_messages_input, .driver_messages_room_title, .driver_messages_send,
.driver_messages_settings_button, .driver_messages_tab, .file-viewer__text,
.form-field-checkbox, .gis-import-report__hint, .house-download-hint,
.incoming-email-content__plain, .incoming-email-content__title,
.incoming-resolutions__resolution-textarea, .info_blocks__card,
.meter-transmission-settings, .meter_readings_import_panel__rules,
.norm-people-settings__hint, .office-formula-bar__fx,
.office-sheet-grid__cell-input, .outgoing-settings__template,
.personnel-hires__documents, .portrait-table-card,
.purchases-and-sales-table-page__table,
.purchases-and-sales-table-page__toolbar, .sale-invoice-columns__toggle,
.sale-invoice-document, .sale-invoice-items__remove,
.sale-templates-panel__template, .sales-tab-page__table,
.sales-tab-page__toolbar, .service-card__title, .settings-description,
.tab-layout-settings__header, .toast__close,
.warehouse-accounting__description {
    margin: 0;
}
.PDFViewer-webview-image, .authorization-logo, .cell-checkbox,
.developer-log-load-more, .doc-editor__zoom-stage, .form-field-container {
    margin: 0 auto;
}
.doc-editor__inline-blockquote, .excel-viewer__more {
    margin: 12px 0;
}
.driver_message_day, .tab-layout-settings__title-input {
    margin: 5px 0;
}
.outgoing-settings__pdf-types, .outgoing-settings__template-by-type {
    margin: var(--font_size_1) 0 0;
}
.office-sheet-context-menu__separator, .table-context-menu__separator {
    margin: var(--spacing_xs, 4px) 0;
}
.doc-editor__header, .document-templates__field, .document-templates__title,
.download-residents__label, .error-message, .radio-list-label,
.tariff-benefits__panel-heading {
    margin-bottom: 10px;
}
.doc-card__recipient-card-header, .doc-editor__find-grid,
.download-panel__status-info, .node-stats, .node-value, .pivot-radio-visual {
    margin-bottom: 12px;
}
.doc-card__related-row, .doc-card__related-title {
    margin-bottom: 14px;
}
.doc-card__modal-text, .download-panel__options {
    margin-bottom: 16px;
}
.calendar-header, .calendar-months-grid {
    margin-bottom: 20px;
}
.driver_message_author, .incoming-resolutions__resolution-head {
    margin-bottom: 2px;
}
.accounting-journal__form-header, .check_window_months_title,
.contextual-sidebar__header, .developer-cpu-trend__legend,
.doc-card__related-label, .doc-editor__notes-title,
.document-showcase__toolbar, .driver_message_forwarded,
.th-multi-panel__title {
    margin-bottom: 4px;
}
.developer-storage__section-title, .sale-invoice-columns__header {
    margin-bottom: 6px;
}
.accounting-entry-source__notice, .doc-card__header {
    margin-bottom: 7px;
}
.accounting-report__section, .developer-side-navigation,
.doc-card__modal-title, .doc-editor__page-title, .document-showcase__filters,
.download-panel__option-label, .download-panel__section-title,
.incoming-resolutions__resolution, .photo-upload-plus, .service-detail-badge,
.th-checkbox-list {
    margin-bottom: 8px;
}
.documents-table-full-width, .meter-readings-fixed-widths {
    margin-bottom: calc(0px - var(--table-workspace-edge-gap));
}
.bank-account-page__table, .calendar-date-input, .calendar-date-title,
.company-information__card-header {
    margin-bottom: var(--font_size_0);
}
.authorization-logo-row, .authorization-title-row,
.bulk-access-assignment__heading, .bulk-access-assignment__status,
.bulk_access_download_mode, .cash-receipt-batch__card-header,
.cash-receipt-batch__message, .cash-receipts__pivot-filters,
.cash-receipts__toolbar, .company-information__fields,
.counters-card__empty-mark, .court-case-check, .court-case-section__title,
.debtor-card-page__field, .debtor-card-page__title, .developer-storage__row,
.document-showcase__inline-navigation, .house-details-sectionhead,
.house-details-subtitle, .meeting-question-title,
.meter-sort-settings__rules-hint, .meter-sort-settings__title,
.office-settings__header, .office-settings__section, .pad-section-title,
.tab-layout-settings__widget-header {
    margin-bottom: var(--spacing_small);
}
.tab-item-wrapper, .tab-link {
    margin-bottom: var(--tab-margin-bottom, 0.5rem);
}
.image-viewer__scale, .required-asterisk {
    margin-left: 4px;
}
.auto-payment-orders-panel__selection, .bank-dashboard__header-controls,
.doc-card__file-download, .driver_message_action_bar, .driver_room_card__meta,
.office-dashboard-drill-controls, .office-ribbon__group--save,
.office-ribbon__tabs-actions, .portrait-column-navigator__actions,
.reconciliation-page__actions {
    margin-left: auto;
}
.meeting-section, .reconciliation-page__table-wrap, .usn-page__actions {
    margin-top: 0;
}
.doc-editor__footer, .payment-order-templates__items {
    margin-top: 10px;
}
.doc-editor__hint, .norm-value-wrap, .payment-order-templates__counterparty,
.payment-order-templates__grid, .payment-order-templates__tax {
    margin-top: 12px;
}
.doc-editor__notes, .document-appearance__preview {
    margin-top: 18px;
}
.agg-label, .driver_message_forwarded_date, .incoming-resolutions__drag-handle,
.incoming-resolutions__resolution-meta, .radio-description {
    margin-top: 2px;
}
.consent-badge, .consent-checkbox, .doc-card__related-hint,
.doc-editor__meta-value, .doc-editor__reviewer-chip, .form-field-error,
.th-menu-hint {
    margin-top: 4px;
}
.driver_message_voice_attachment, .personnel-hires__document-link {
    margin-top: 5px;
}
.developer-dashboard__integration-note, .doc-card__attachments--compact,
.doc-card__footer, .driver_chat_creation__choices {
    margin-top: 6px;
}
.driver_participant_permissions, .incoming-resolutions__assignment-number,
.sale-invoice-header__grid, .sale-invoice-items__table-wrap,
.sale-invoice-items__totals {
    margin-top: 7px;
}
.add-service-actions, .bank-dashboard__documents, .developer-side-dashboard {
    margin-top: 8px;
}
.debtor-card-page__actions, .documents-context-actions, .driver_messages_form,
.driver_user_picker__actions, .office-dataflow-combine-panel__actions,
.office-dataflow-list-panel__actions, .office-workspace__footer,
.person-card-drawer__upload-btn, .table-search-panel__footer {
    margin-top: auto;
}
.auth-pd-inline, .tariff-benefits__documents {
    margin-top: var(--font_size_0);
}
.lk-theme-settings, .outgoing-settings__actions, .outgoing-settings__field,
.outgoing-settings__templates {
    margin-top: var(--font_size_1);
}
.office-ribbon-menu__list, .office-workspace__links {
    margin-top: var(--spacing_2xs);
}

/* Файл shared_layout_08.css */

.PDFViewer-error-link, .access_download_mode_setting, .authorization-logo-row,
.authorization-title-row, .auto-payment-orders-panel__settings-table,
.auto-payment-orders-panel__table-wrap, .bank-account-page__statement-toolbar,
.cash-receipts__filters, .counterparty-driverfooter, .counterparty-tablehint,
.counters-import-report, .developer-log-item__context,
.developer-log-item__footer, .developer-performance-resource-meta,
.driver_audio_call_actions, .house-details-savebtn,
.import-1c-settings__report-table-wrap, .import-1c-settings__tables,
.meeting-attachments-header, .meeting-question-list, .pad-status-badge,
.sale-templates-panel__grid, .sale-templates-panel__history-scroll,
.usn-page__grid--small {
    margin-top: var(--spacing_small);
}
.office-dashboard-legend, .sale-invoice-page__scroll, .table-container,
.table-wrapper {
    max-height: 100%;
}
.office-formula-suggestions, .th-checkbox-list {
    max-height: 220px;
}
.office-sheet__objects, .payment-order-templates__history-scroll {
    max-height: 260px;
}
.doc-card__internal-employees-list, .import-1c-settings__log {
    max-height: 320px;
}
.app-theme-settings__pivot, .approval-sheet-employee-pivot {
    max-height: 360px;
}
.doc-editor__proofread-panel, .doc-editor__review-panel,
.doc-editor__viewport {
    max-height: min(68vh, 850px);
}
.counters-import-report__table, .image-viewer__img,
.upd-format-settings__table-widget {
    max-height: none;
}
.auto-payment-orders-panel__table-wrap, .doc-card__employee-picker,
.doc-editor__select, .driver_audio_call_name, .driver_messages_tabs--header,
.driver_room_card__title, .driver_user_picker__submit,
.excel-viewer__table-wrap, .external-integrations-settings,
.house-details-body, .house-details-paramrow, .house-details-params,
.incoming-resolutions__employee-name-btn, .lk-content-search,
.management-objects-root, .meter-readings-navigation, .personnel-entities-root,
.personnel-hires__table-wrap, .pivot-table, .pivot-table-container,
.sale-invoice-document, .sale-invoice-header__grid, .table-widget,
.table-wrapper, .upd-format-settings__table-wrap {
    max-width: 100%;
}
.drawer-panel, .driver_messages_panel {
    max-width: 100vw;
}
.doc-card__related, .file-viewer__text {
    max-width: 360px;
}
.accruals_left_panel, .accruals_left_panel--apartment, .doc-editor__workspace,
.driver_audio_call_panel--receiver, .image-viewer__img,
.integrations-house-card, .office-sheet-grid__cell-input,
.sale-invoice-items__table {
    max-width: none;
}
.access-to-lc-root, .accounting-chart, .accounting-journal,
.accounting-line-editor, .accounting-line-editor__canvas,
.accounting-line-editor__tools, .accounting-opening-balances,
.accruals-apartment-status, .accruals-table-area, .accruals-workspace,
.accruals_left_controls, .accruals_left_filter--apartments,
.accruals_left_panel, .approvals-control-tab,
.auto-payment-orders-panel__content, .bank-account-details-panel,
.bank-account-page, .bulk-access-assignment__panel, .cash-receipt-panel,
.cash-receipts__summary, .cash-receipts__table-card, .cell-input,
.check_window_months, .check_window_root, .config_LK,
.confirm_payments_content, .contextual-sidebar-portal,
.contextual-sidebar__tabs, .contextual-tab-widget, .counterparty-page,
.counters-card, .counters-card__table, .counters-page, .data_export_panel,
.debtor-card-page__layout, .developer-app-shell, .developer-auth-errors,
.developer-auth-errors__list, .developer-code-drill__panel,
.developer-code-drill__rows, .developer-cpu-drill__chart-panel,
.developer-cpu-drill__history, .developer-cpu-drill__layout,
.developer-dashboard__chart-panel, .developer-dashboard__chart-stack,
.developer-dashboard__drill, .developer-dashboard__section--performance,
.developer-diagram-viewport, .developer-integration-history,
.developer-integration-history__table-wrap, .developer-log-list,
.developer-server, .developer-server__chart, .developer-storage-detail__list,
.developer-storage__breakdown, .developer-storage__cards,
.developer-storage__chart-canvas, .developer-storage__main, .doc-card,
.doc-card__body, .doc-card__editor-panel, .doc-card__employee-picker,
.doc-card__related-table-content, .doc-editor, .doc-editor__editable,
.doc-editor__layout, .doc-editor__tab-panel, .doc-editor__workspace,
.document-showcase, .document-templates-panel,
.documents-context-sidebar__body, .documents-tab-layout,
.documents-tab-layout--contextual, .documents-table-full-width, .drawer-body,
.driver_chat_creation__pivot, .driver_forward_rooms, .driver_messages_list,
.driver_messages_wrap, .grid-item, .house-details-apartments,
.house-details-apartments-inner, .image-viewer, .image-viewer__canvas,
.incoming-resolutions, .lk-egrn-preview-panel__image, .management-workspace,
.meter-readings-navigation__years, .news-layout, .news-list-area,
.news-type-filter, .office-dashboard-main, .office-dashboard-slide-pane,
.office-dashboard-stage, .office-dataflow-queries, .office-dataflow-resizer,
.office-file-panel, .office-formula-bar__fx, .office-formula-picker,
.office-query-steps, .office-query__preview, .office-query__workspace,
.office-workspace__content, .office-workspace__panel,
.options-container--scroll, .pad-approval-content,
.payment-order-templates__layout, .purchases-and-sales-table-page__toolbar,
.radio-button-list--scroll, .reconciliation-page__content,
.sale-products-panel__content, .sale-templates-panel__layout,
.sales-tab-page__toolbar, .service-card__body, .service-card__body--pivot,
.service-layout, .services-table-layout, .services-table-layout__table,
.settings-workspace, .tab-container-top, .tab-content-top,
.tab-content-wrapper, .tab-layout-settings, .tab-widget-container,
.table-container, .table-widget, .table-wrapper, .tariff-benefits,
.tariff-benefits__pivots, .universal-chart__bar, .upd-format-settings,
.upd-format-settings__list, .upd-format-settings__table-widget,
.usn-page__calculation, .usn-page__period-wrap, .warehouse-entry-panel {
    min-height: 0;
}
.company-information__page, .developer-diagram-canvas, .document-templates,
.incoming-resolutions__employee-picker, .lk-egrn-preview-panel__content,
.meeting-card, .person-card-drawer {
    min-height: 100%;
}
.app-error-boundary, .office-workspace, .office-workspace--portrait,
.page_authorization {
    min-height: 100dvh;
}
.bank-dashboard__documents, .developer-log-summary, .driver_messages_loading,
.office-query-steps__empty, .sale-invoice-items__table-wrap,
.tab-widget-empty-content {
    min-height: 120px;
}
.incoming-email-content__frame, .incoming-email-content__plain,
.universal-chart--empty {
    min-height: 180px;
}
.incoming-resolutions__resolution-head, .office-dashboard-bar-row {
    min-height: 18px;
}
.developer-key, .office-query__header-cell {
    min-height: 20px;
}
.counters-card__empty, .developer-preview, .tariff-benefits__assignment-widget,
.universal-chart--area {
    min-height: 220px;
}
.auto-payment-orders-panel__settings-table, .bulk-access-assignment__empty,
.developer-integration-error-panel__text, .meter_readings_compare_panel__empty,
.universal-chart__bar-stage {
    min-height: 240px;
}
.approval-sheet-employee-picker,
.auto-payment-orders-panel__history-table-widget {
    min-height: 260px;
}
.ndfl-page__table-widget-content, .office-card--sheet-chart {
    min-height: 280px;
}
.config-switch-button, .sale-invoice-columns__toggle,
.tab-layout-settings__title-input {
    min-height: 28px;
}
.accounting-entries__header, .accounting-report-page__status,
.incoming-resolutions__assignment-title-input, .office-formula-bar,
.office-formula-picker__info-button {
    min-height: 30px;
}
.accounting-report__columns, .doc-editor__save-text-btn,
.document-showcase__toolbar, .office-primary-button {
    min-height: 32px;
}
.developer-column-row, .developer-search, .doc-card__field-number,
.doc-card__field-select, .document-showcase__tree, .tab-layout-settings__tab {
    min-height: 34px;
}
.developer-dashboard__switch, .doc-editor__view-switch-btn,
.receipt_generation_panel_select {
    min-height: 36px;
}
.accounting-report__row, .doc-editor__tabs-row, .driver_messages_back,
.driver_messages_input, .driver_user_picker__search,
.office-dashboard-slide-pane__header, .office-ribbon__tabs,
.office-workspace__settings-button {
    min-height: 38px;
}
.bank-account-page__table, .developer-log-raw, .doc-card__related-table-panel,
.office-conditional-formatting {
    min-height: 420px;
}
.developer-app-toolbar, .doc-card__employee-picker-search,
.incoming-email-content__header {
    min-height: 42px;
}
.document-showcase__folder, .driver_messages_form {
    min-height: 46px;
}
.doc-editor__reviewer-item, .driver_voice_recorder--recording,
.tab-layout-settings__empty {
    min-height: 48px;
}
.driver_messages_member, .office-conditional-formatting__preset,
.tab-layout-settings__tabs, .warehouse-accounting__description {
    min-height: 52px;
}
.developer-dashboard__metric, .driver_chat_creation__choice,
.incoming-resolutions__assignment-main {
    min-height: 78px;
}
.bank-dashboard__metric, .cash-receipts__summary-card {
    min-height: 88px;
}
.meter_readings_import_progress, .sale-invoice-document {
    min-height: auto;
}
.debtor-card-page__report-type-button, .developer-summary-card {
    min-height: calc((var(--font_size_0) * 2) + var(--spacing_small));
}
.accounting-opening-balances__summary, .btn, .cash-receipt-batch__file-button,
.counterparty-driverbtn, .counterparty-toolbarbtn,
.debtor-card-page__format-value, .doc-card__related-add-btn,
.document-upload-button, .dropdown-button, .employee-position-field__button,
.house-details-savebtn, .house-details-upload, .management-contacts__filter,
.office-dataflow-source-select, .resident-status-panel__input,
.tariff-benefits__upload {
    min-height: var(--button-min-height);
}

/* Файл shared_layout_09.css */

.access-to-lc-root, .access_rights_pivot, .accounting-journal,
.accounting-line-editor__canvas, .accounting-line-editor__column,
.accounting-opening-balances, .accounting-report__code,
.accounting-report__name, .accounting-report__value,
.accruals-apartment-status, .accruals-table-area, .accruals-workspace,
.accruals_left_controls, .accruals_left_filter, .app-theme-card__text,
.auto-payment-orders-panel__history-toolbar,
.auto-payment-orders-panel__selection, .bank-account-page,
.bank-dashboard__header, .bank-dashboard__header-meta, .bank-dashboard__widget,
.bank-dashboard__widgets, .btn, .cash-receipt-form,
.cash-receipt-items__tablewrap, .cash-receipt-preview,
.cash-receipts__table-card, .cell_select, .company-information__field,
.contextual-sidebar-portal, .contextual-tab-widget, .contract_files,
.counterparty-pagemain, .counters-card__table, .counters-card__title-row,
.counters-page, .counters-page__workspace, .counters-toolbar,
.data_export_panel, .debtor-card-page__format-value, .debtor-card-page__layout,
.debtor-card-page__report-type-button, .debtor-card-report-types__content,
.developer-app-content, .developer-app-shell, .developer-column-name,
.developer-cpu-drill__chart-panel, .developer-cpu-drill__layout,
.developer-dashboard__chart-stack, .developer-dashboard__composition,
.developer-dashboard__integration-card-header,
.developer-dashboard__integration-details,
.developer-dashboard__integration-time, .developer-dashboard__metric,
.developer-dashboard__panel, .developer-dashboard__ranked-label,
.developer-dashboard__switcher, .developer-diagram-viewport,
.developer-log-item__source, .developer-performance-api-panel,
.developer-performance-api-panel--chart, .developer-performance-report,
.developer-performance-route__metrics, .developer-performance-summary__item,
.developer-release__summary-item, .developer-server, .developer-side-dashboard,
.developer-side-dashboard__server-selector,
.developer-storage-detail__guidance, .developer-storage-detail__measurement,
.developer-storage-detail__row, .developer-storage-detail__row-main,
.developer-storage-detail__row-name, .doc-card__attachment-local-open,
.doc-card__distribution-input, .doc-card__distribution-mode,
.doc-card__employee-picker-person, .doc-card__fields, .doc-card__file-item,
.doc-card__file-name, .doc-card__heading-line, .doc-card__internal-employee,
.doc-card__internal-employee-content, .doc-card__recipient-card-title-wrap,
.doc-card__section, .doc-editor__formula-group, .doc-editor__tab-panel,
.doc-editor__tabs, .doc-editor__tabs-row, .doc-editor__viewport,
.document-office-selector, .document-showcase__folder-title,
.document-showcase__toolbar, .document-showcase__tree,
.document-templates__item-main, .documents-context-view, .documents-tab-layout,
.documents-tab-layout--contextual, .documents-table-full-width,
.drawer-header__actions, .drawer-header__main, .driver_audio_call_identity,
.driver_audio_call_output_mode, .driver_message_action_bar,
.driver_message_forward_preview_list, .driver_messages_room_identity,
.driver_messages_room_identity_text, .driver_messages_room_title,
.driver_messages_tabs--header, .driver_participant_permission,
.driver_room_card__identity, .driver_room_card__title,
.driver_room_title_editor--header, .driver_voice_message__content,
.driver_voice_message__meta, .driver_voice_recorder__status,
.external-integrations-settings, .gis-import-report__metric, .grid-item,
.house-details-apartments, .house-details-apartments-inner,
.house-details-body, .house-details-files, .house-details-paramrow,
.house-details-upload, .image-viewer, .image-viewer__canvas,
.incoming-resolutions__assignment-card,
.incoming-resolutions__assignment-content,
.incoming-resolutions__employee-info, .incoming-resolutions__meta-row,
.incoming-resolutions__phone, .incoming-resolutions__phone-text,
.integration-label-row, .lk-content-search__field, .lk-theme-option,
.management-contacts__header, .management-contacts__tablewrap,
.management-object-selector, .meter-reading-year-selector,
.meter-reading-year-selector__add, .meter-readings-left-actions,
.meter-readings-navigation, .meter-readings-navigation__bottom-action,
.meter-readings-navigation__years, .news-list-area, .node-value,
.office-conditional-formatting__rule-table, .office-dashboard-legend,
.office-dashboard-main, .office-dashboard-navigator__slides,
.office-dataflow-queries, .office-dataflow-queries__item,
.office-file-panel__content, .office-formula-bar, .office-formula-bar__editor,
.office-query-steps, .office-query__empty-preview, .office-query__preview,
.office-ribbon-extensions, .office-ribbon__tabs, .office-workspace__brand,
.office-workspace__brand-row, .office-workspace__content,
.office-workspace__panel, .office-workspace__policy,
.outgoing-delivery-attachments__row, .person-card-drawer__identity,
.person-card-drawer__value, .pivot-table-container, .portrait-card-table,
.portrait-column-navigator, .portrait-column-navigator__current,
.portrait-table-card__field, .portrait-table-card__label,
.portrait-table-card__value, .profile-photo-approvals, .radio-content,
.receipt_upload_panel, .sale-invoice-header__grid,
.sale-invoice-header__identity, .selection-list-shell,
.service-card__heading-row, .services-table-layout,
.services-table-layout__actions, .services-table-layout__table,
.settings-pivot, .settings-workspace, .tab-layout-settings__tab,
.tab-layout-settings__title-input, .table-search-portrait__field,
.table-widget, .table-wrapper, .tariff-benefits__documents, .th-checkbox-label,
.toast__message, .upd-format-settings, .upd-format-settings__table-wrap,
.warehouse-accounting__description-text, .warehouse-accounting__table,
.warehouse-entry-panel__field {
    min-width: 0;
}
.accounting-opening-balances__table, .contextual-sidebar__footer,
.developer-diagram-canvas, .doc-editor__review-toolbar, .dropdown-menu,
.nav-footer, .office-query__table, .office-sheet-grid__cell-input,
.pivot-table, .sale-invoice-items__table {
    min-width: 100%;
}
.auto-payment-orders-panel__table, .tax-reference-page__table {
    min-width: 1180px;
}
.developer-integration-error-panel__copy, .office-query__header-cell {
    min-width: 120px;
}
.employee-position-field__label, .form-field-text, .office-dashboard-thumbnail,
.office-file-panel__sidebar {
    min-width: 150px;
}
.doc-editor__formula-help, .office-dashboard-slide-pane,
.office-dataflow-source-select {
    min-width: 180px;
}
.employee-position-field__button, .form-field-item {
    min-width: 200px;
}
.doc-editor__proofread-summary, .meeting-votes__search {
    min-width: 220px;
}
.doc-editor__review-toolbar-modes, .download-panel, .office-card--sheet-slicer,
.office-formula-suggestions--cell {
    min-width: 280px;
}
.btn-square, .doc-editor__layout-mode-btn, .doc-editor__save-text-btn {
    min-width: 34px;
}
.driver_voice_message__speed, .excel-viewer__corner, .excel-viewer__rowhead {
    min-width: 38px;
}
.office-query__checkbox-cell, .office-sheet-chart__point {
    min-width: 54px;
}
.office-dashboard-treemap__item, .universal-chart__bar-group {
    min-width: 70px;
}
.dropdown-item-image, .lk-egrn-preview-panel__image {
    object-fit: contain;
}
.incoming-resolutions__employee-avatar-image, .person-card-drawer__photo,
.photo-upload-preview {
    object-fit: cover;
}
.accounting-line-editor__canvas, .accounting-opening-balances__table-wrap,
.app-theme-settings__pivot, .approval-sheet-employee-pivot,
.approval-sheet-employees, .auto-payment-orders-panel__content,
.auto-payment-orders-panel__table-wrap, .bank-account-details-panel,
.cash-receipts__summary, .cash-receipts__table-card, .check_window_months,
.counterparty-download-pivot, .court-case-card, .data_export_panel__config,
.debtor-card-page__settings, .developer-dashboard__content,
.developer-diagram-viewport, .developer-integration-error-panel__text,
.developer-integration-history__table-wrap, .developer-log-list,
.developer-performance-report__pivot, .developer-storage__breakdown,
.doc-editor__modal, .doc-editor__proofread-panel, .doc-editor__review-panel,
.doc-editor__viewport, .document-file-preview, .docx-viewer,
.driver_chat_creation__pivot, .excel-viewer__table-wrap,
.external-integrations-settings, .import-1c-settings__log,
.late-readings-tab__table-wrap, .meeting-card,
.meter-readings-navigation__years, .office-dashboard-chart--bar,
.office-dashboard-legend, .office-dashboard-slicer, .office-dashboard-stage,
.office-dataflow-model-panel__profile-wrap, .office-file-panel__content,
.office-formula-bar__editor, .office-formula-suggestions,
.office-query__preview, .office-ribbon-menu__list, .office-settings,
.office-sheet__objects, .office-slide-show__notes,
.payment-order-templates__history-scroll, .personnel-hires__table-wrap,
.pivot-table-container, .sale-invoice-page__scroll,
.sale-products-panel__items, .sale-templates-panel__editor,
.sale-templates-panel__history-scroll, .settings-index, .toast,
.upd-format-settings, .window-body {
    overflow: auto;
}
.PDFViewer-page, .access-to-lc-root, .accounting-entry-source__grid,
.accounting-line-editor, .accounting-line-editor__section,
.accounting-opening-balances, .accounting-report__section,
.accruals-table-area, .accruals-workspace, .accruals_left_filter--apartments,
.accruals_left_panel, .app-theme-preview, .approval-sheet-version,
.bank-account-details-panel__table, .cash-receipt-preview,
.cash-receipts-house, .config_LK, .contextual-sidebar-portal,
.counterparty-page_loading, .counters-card, .counters-card__table,
.counters-page, .developer-app-content, .developer-app-shell,
.developer-code-drill__panel, .developer-cpu-detail__bar,
.developer-cpu-drill__history-bar, .developer-dashboard__drill,
.developer-dashboard__routes-panel, .developer-diagram-shell,
.developer-performance-api-panel--routes,
.developer-performance-api-panel__route, .developer-preview,
.developer-schema-column__type, .developer-schema-table, .developer-server,
.developer-server__chart, .developer-server__progress,
.developer-settings-root, .developer-storage__bar, .developer-table-card,
.doc-card, .doc-card__editor-panel, .doc-card__related-table-content,
.doc-card__related-table-panel, .doc-editor__editable,
.doc-editor__formula-help, .doc-editor__layout, .doc-editor__page,
.doc-editor__topbar, .documents-table-full-width, .drawer-panel,
.driver_audio_call_name, .driver_audio_call_panel--receiver,
.driver_chat_creation, .driver_messages_members_view,
.driver_messages_room_identity, .driver_messages_room_title,
.driver_messages_wrap, .driver_messenger_avatar, .driver_room_card__message,
.driver_room_card__title, .dropdown-button, .grid-item, .image-viewer__canvas,
.incoming-email-content__frame, .incoming-resolutions,
.incoming-resolutions__assignment-title-input, .incoming-resolutions__content,
.incoming-resolutions__employee-avatar, .incoming-resolutions__phone-icon,
.lk-theme-option__preview, .news-layout, .news-list-area,
.office-command-panel__group, .office-conditional-formatting__rule-table,
.office-dashboard-main, .office-dashboard-navigator, .office-dashboard-object,
.office-dashboard-slide, .office-dashboard-slide-pane,
.office-dashboard-thumbnail__preview, .office-dashboard-workspace,
.office-dataflow-queries, .office-file-panel, .office-query-steps,
.office-query__workspace, .office-ribbon, .office-ribbon__tabs,
.office-sheet-grid__cell, .office-slide-show, .office-workspace,
.office-workspace--portrait, .office-workspace__content,
.office-workspace__panel--dashboard, .person-card-drawer__fields,
.person-card-drawer__photo-button, .photo-upload-frame,
.reconciliation-page__content, .sale-invoice-items__service-picker,
.sale-templates-panel__list, .service-card__body, .service-layout,
.services-table-layout__table, .tab-container-top, .tab-content-top,
.tab-nav-left, .table-container, .table-widget, .tax-object-tabs,
.upd-format-settings__table-wrap, .window-content {
    overflow: hidden;
}
.counterparty-pagemain, .counterparty-pageside, .developer-relations,
.dropdown-item, .dropdown-menu, .incoming-email-content,
.incoming-email-content__plain, .meter-readings-navigation,
.office-sheet-grid__cell-editor-frame, .options-container,
.sale-invoice-document, .universal-chart__donut-svg,
.upd-format-settings__list, .upd-format-settings__table-widget {
    overflow: visible;
}
.cash-receipt-items__tablewrap, .developer-dashboard__switcher,
.doc-editor__tabs, .document-showcase__tree, .driver_messages_tabs,
.driver_messages_tabs--header, .import-1c-settings__report-table-wrap,
.management-contacts__tablewrap, .office-dashboard-navigator__slides,
.office-formula-bar__address, .office-ribbon-extensions, .office-sheet-chart,
.sale-invoice-items__table-wrap, .universal-chart__bar-scroll,
.usn-page__period-wrap {
    overflow-x: auto;
}
.PDFViewer-container, .accounting-journal, .accruals_left_controls,
.bank-account-page, .cash-receipt-batch__cards-wrap, .contextual-sidebar__tabs,
.counterparty-page, .developer-code-drill__rows,
.developer-dashboard__composition, .doc-card__body, .document-showcase,
.documents-context-sidebar__body, .driver_messages_list,
.external-integrations-settings, .house-details-apartmentsbody,
.incoming-resolutions__tree-scroll, .office-dashboard-slide-pane__list,
.office-workspace__sidebar, .page_authorization, .portrait-card-table,
.sale-invoice-page__scroll, .settings-workspace, .tab-layout-settings {
    overflow-x: hidden;
}
.PDFViewer-container, .accounting-journal, .accounting-line-editor__tools,
.accounting-report-page__scroll, .accruals_left_controls, .bank-account-page,
.cash-receipt-batch__cards-wrap, .confirm_payments_content,
.contextual-sidebar__tabs, .counterparty-page, .developer-auth-errors__list,
.developer-code-drill__rows, .developer-cpu-detail__cores,
.developer-cpu-drill__history, .developer-cpu-processes,
.developer-dashboard__composition, .developer-memory__processes,
.developer-storage-detail__list, .doc-card__body,
.doc-card__employee-picker-list, .doc-card__internal-employees-list,
.document-showcase, .documents-context-sidebar__body, .driver_forward_rooms,
.driver_messages_input, .driver_messages_list, .driver_messages_members_list,
.driver_user_picker__list, .house-details-apartmentsbody,
.incoming-resolutions__resolution-textarea, .incoming-resolutions__tree-scroll,
.news-list-area__scroll, .office-dashboard-slide-pane__list,
.office-workspace__sidebar, .options-container--scroll, .portrait-card-table,
.sale-invoice-page__scroll, .settings-workspace, .tab-layout-settings,
.table-wrapper, .th-checkbox-list {
    overflow-y: auto;
}
.doc-editor__tab-panel, .doc-editor__tabs, .document-showcase__tree,
.driver_messages_tabs, .driver_messages_tabs--header,
.office-dashboard-navigator__slides, .office-ribbon-extensions {
    overflow-y: hidden;
}

/* Файл shared_layout_10.css */

.sale-invoice-items__table-wrap, .usn-page__period-wrap {
    overflow-y: visible;
}
.accounting-opening-balances__table-wrap, .add_row_column__button,
.check_window_sort_button, .counters-card, .debtor-card-page__layout,
.developer-dashboard__integration-error-button,
.developer-dashboard__integration-info-button,
.developer-storage__disk-legend-row, .developer-table-card,
.doc-card__attachment-local-open, .doc-card__attachments-tab,
.doc-card__field-textarea, .doc-card__file-list, .doc-card__header,
.doc-editor, .doc-editor--file-mode, .doc-editor__topbar,
.doc-editor__workspace, .document-editor-settings,
.document-showcase__settings-button, .document-templates,
.document-templates__item-main, .driver_audio_call_backdrop--receiver,
.driver_message_file_button, .driver_messages_add,
.driver_messages_settings_button, .driver_messages_wrap,
.driver_voice_message__play, .driver_voice_message__waveform,
.driver_voice_recorder__button, .incoming-resolutions__assignment-number,
.incoming-resolutions__delete-btn, .incoming-resolutions__drag-handle,
.incoming-resolutions__employee-name-btn, .incoming-resolutions__person-link,
.incoming-resolutions__status-btn, .info-driver-button,
.integration-info-button, .office-dashboard-heatmap__cell,
.office-dashboard-treemap__item, .office-formula-bar__fx,
.office-formula-picker__info-button, .office-settings__star,
.office-workspace__content, .office-workspace__logo,
.office-workspace__menu-button, .outgoing-delivery-attachments,
.person-card-drawer__photo-button, .pivot-search__button,
.portrait-column-navigator__search, .resident-status-cell__add, .th-icon-btn,
.toast__close, .toggle-button, .universal-chart__bar-group,
.universal-chart__legend-item, .warehouse-accounting__edit-link {
    padding: 0;
}
.doc-editor__select, .doc-editor__status-chip, .driver_chat_creation__search,
.management-house-status-filter {
    padding: 0 10px;
}
.doc-card__employee-picker-search, .table-search-panel__field {
    padding: 0 12px;
}
.doc-editor__comment, .incoming-resolutions__assignment-title-input {
    padding: 0 2px;
}
.developer-key, .doc-editor__formula-field, .driver_messages_tabs--header,
.universal-chart__bar-stage {
    padding: 0 4px;
}
.purchases-and-sales-table-page, .reconciliation-page, .sales-tab-page {
    padding: 0 6px 6px;
}
.developer-schema-column, .driver_voice_message__speed {
    padding: 0 7px;
}
.check_window_format, .doc-editor__color-control, .doc-editor__mini-field,
.doc-editor__tab, .doc-editor__tool-btn, .document-office-selector__count {
    padding: 0 8px;
}
.auth-pd-inline, .driver_user_picker__search {
    padding: 0 var(--font_size_0);
}
.cash-receipt-batch__file-button, .debtor-card-page__report-type-button,
.office-dashboard-title-input, .office-ribbon__tab {
    padding: 0 var(--spacing_small);
}
.tab-container-top, .tab-nav-top {
    padding: 0.2rem;
}
.accounting-report, .approval-sheet-employee-picker, .developer-storage__hero,
.doc-card__internal-employees, .doc-editor__proofread-panel,
.doc-editor__review-panel, .payment-order-templates__counterparty,
.payment-order-templates__item, .payment-order-templates__tax,
.sale-invoice-document {
    padding: 10px;
}
.approval-sheet-version__header, .bank-dashboard__metric,
.bank-dashboard__widget, .developer-dashboard__metric,
.developer-dashboard__storage-hero, .developer-dashboard__toolbar,
.developer-storage__metric, .developer-storage__server-card,
.doc-card__distribution-mode, .doc-card__employee-picker-item,
.doc-card__recipient-directory, .document-office-selector, .driver_room_card,
.incoming-resolutions__employee-card, .outgoing-settings__reminder,
.sale-templates-panel__attachments, .warehouse-entry-panel__info {
    padding: 10px 12px;
}
.incoming-resolutions__save-order-btn, .toast {
    padding: 10px 14px;
}
.bank-dashboard__settings, .counterparty-download-switch,
.developer-dashboard__drill-head, .doc-card__body--sections,
.doc-card__internal-toggle, .doc-editor__viewport, .download-panel,
.driver_chat_creation__choice, .error-message, .outgoing-settings__pdf-types,
.outgoing-settings__template-by-type, .table-search-panel__content,
.table-search-panel__options, .tariff-benefits__assignment-panel {
    padding: 12px;
}
.doc-card__recipient-card, .incoming-email-content__plain,
.payment-order-templates__empty, .profile-photo-approvals__card,
.warehouse-entry-panel__fields {
    padding: 14px;
}
.approvals-signature-reminder, .doc-card__related, .pivot-table-error {
    padding: 16px;
}
.app-theme-preview__content, .approval-sheet-empty,
.doc-card__distribution-empty, .doc-card__modal, .document-file-preview--docx {
    padding: 18px;
}
.accounting-entry-source__empty, .calendar-modal, .counterparty-download-panel,
.document-appearance__preview {
    padding: 20px;
}
.app-error-boundary, .doc-editor__modal-body, .document-file-preview__message,
.file-viewer__message, .profile-photo-approvals__empty {
    padding: 24px;
}
.accounting-line-editor__canvas, .developer-dashboard__switcher,
.developer-storage__donut-card, .doc-card__employee-picker-list,
.incoming-email-content__switch, .no-options-message {
    padding: 2px;
}
.accounting-journal, .accounting-opening-balances, .accounting-report-page {
    padding: 2px 6px 6px;
}
.approval-sheet-employee__order, .tab-layout-settings__title-input {
    padding: 3px 6px;
}
.incoming-resolutions__mini-btn, .sale-invoice-items__remove {
    padding: 3px 7px;
}
.developer-dashboard__status, .developer-storage-detail__badge,
.excel-viewer__rowhead {
    padding: 3px 8px;
}
.doc-editor__selection-toolbar, .document-download-panel,
.driver_chat_creation, .driver_message_action_bar, .selection-list-border,
.warehouse-entry-panel {
    padding: 4px;
}
.developer-column-row, .excel-viewer__tab {
    padding: 4px 12px;
}
.download-residents__radio-group, .th-multi-panel {
    padding: 4px 2px;
}
.column-settings-item, .doc-editor__quick-access, .pivot-total-cell,
.tw-total-cell {
    padding: 4px 6px;
}
.accounting-entries__header, .download-panel__select,
.download-residents__select {
    padding: 4px 8px;
}
.developer-app-toolbar, .document-showcase__view-button, .pad-status-badge {
    padding: 4px var(--font_size_0);
}
.app-theme-card__mark, .consent-badge, .driver_messages_tab,
.driver_messages_toolbar--chat-list {
    padding: 4px var(--spacing_small);
}
.approvals-control-tab__tabs, .developer-cpu-detail__core,
.developer-diagram-tools, .form-field-container, .hierarchy-kind-badge,
.portrait-card-table, .window-body {
    padding: 5px;
}
.accounting-report-page__status, .accounting-report__columns {
    padding: 5px 10px;
}
.doc-card__field-input, .doc-card__field-number, .doc-card__field-select,
.doc-editor__tab-panel, .driver_message_document_link,
.incoming-resolutions__assignment-save-btn, .portrait-table-card {
    padding: 5px 8px;
}
.document-showcase__tree, .incoming-resolutions__status {
    padding: 5px 9px;
}
.column-settings-empty, .image-viewer__toolbar, .sale-invoice-page__actions,
.sale-invoice-page__scroll, .tab-close-button, .th-checkbox-list,
.th-filter-menu {
    padding: 6px;
}
.accounting-report-page__toolbar, .accounting-report__row,
.developer-scheduler-control__button, .developer-search,
.doc-card__distribution-btn--small, .doc-card__modal-cancel-btn,
.doc-card__recipient-card-menu, .incoming-resolutions__employee-select-btn {
    padding: 6px 10px;
}
.developer-dashboard__switch, .doc-editor__status {
    padding: 6px 12px;
}
.incoming-email-content__security-note, .th-checkbox-row {
    padding: 6px 4px;
}
.accounting-entry-source__row, .accounting-journal__form,
.developer-storage__chart-tooltip, .document-showcase__filters {
    padding: 6px 8px;
}
.accounting-line-editor__tools, .doc-card, .sale-products-panel__item {
    padding: 7px;
}
.accounting-report-page__warnings, .accounting-report__section-title,
.driver_message_forward_preview {
    padding: 7px 10px;
}
.outgoing-settings__template, .person-card-drawer__upload-btn,
.warehouse-accounting__description {
    padding: 7px 12px;
}
.developer-dashboard__routes-panel, .lk-theme-option {
    padding: 7px 9px;
}
.accounting-entry-source, .developer-cpu-causes__current,
.doc-card__file-delete, .doc-card__file-download, .doc-editor__hint,
.doc-editor__proofread-card, .doc-editor__review-panel-current,
.doc-editor__view-switch, .dropdown-item, .excel-viewer__tabs,
.late-readings-tab__header, .menu-button, .reconciliation-page__toolbar,
.sale-invoice-columns__panel {
    padding: 8px;
}
.accounting-chart__notice, .developer-dashboard__note,
.developer-preview__header, .doc-card__internal-employee,
.doc-card__related-item, .norm-value-input {
    padding: 8px 10px;
}
.developer-code-drill__row, .developer-table-card__actions,
.developer-table-error, .doc-card__distribution-btn,
.doc-card__employee-picker-hint {
    padding: 8px 12px;
}
.calendar-close-button, .file-viewer__download-btn {
    padding: 8px 16px;
}
.doc-editor__proofread-empty, .incoming-resolutions__empty {
    padding: 8px 2px;
}

/* Файл shared_layout_11.css */

.add-service-form, .incoming-email-content__header,
.outgoing-delivery-attachments__row {
    padding: 8px 4px;
}
.approval-sheet-reviewer, .doc-card__distribution-input {
    padding: 9px 12px;
}
.integration-status, .integration-warning, .potale-agent-card__status {
    padding: calc(var(--spacing_small) - 2px);
}
.cash-receipts__loading, .tab-layout-settings__tab {
    padding: calc(var(--spacing_small) / 2) var(--spacing_small);
}
.accounting-opening-balances__summary, .btn, .counterparty-driverbtn,
.counterparty-toolbarbtn, .debtor-card-page__format-value,
.doc-card__related-add-btn, .document-upload-button, .dropdown-button,
.house-details-savebtn, .house-details-upload, .management-contacts__filter,
.meetings-empty, .office-dataflow-source-select, .office-primary-button,
.tab-link, .tariff-benefits__upload {
    padding: var(--button-padding-block) var(--button-padding-inline);
}
.counters-card__header, .counters-page__intro {
    padding: var(--counters-heading-padding);
}
.app-theme-settings__loading, .cash-receipt-batch__card,
.cash-receipts__summary-card, .consent-block, .counterparty-contractgrid,
.counterparty-contractrequisites, .counterparty-page,
.debtor-card-report-types__item, .developer-integration-error-panel__notice,
.developer-integration-error-panel__text, .developer-log-item,
.developer-log-summary, .developer-server__chart, .developer-server__metric,
.developer-storage-detail__summary, .developer-storage__breakdown,
.drawer-body, .driver_forward_room, .house-download-card, .management-contacts,
.meeting-card, .meeting-question-item, .office-command-panel__commands,
.office-dataflow-combine-panel__empty, .office-dataflow-combine-panel__query,
.pad-section, .person-card-drawer__header, .person-card-drawer__state,
.tab-nav-empty-drop, .upd-format-settings__empty {
    padding: var(--font_size_0);
}
.bank-account-details-panel__empty, .counters-card__empty,
.doc-card__file-item, .document-showcase__attachments,
.tab-widget-empty-content {
    padding: var(--font_size_1);
}
.house-download-option, .office-dashboard-slide-pane__header {
    padding: var(--spacing_compact) var(--spacing_small);
}
.office-dataflow-queries__actions, .office-query-steps__item {
    padding: var(--spacing_dense);
}
.court-case-card, .court-case-section, .developer-release,
.developer-releases__head, .developer-releases__summary,
.driver_audio_call_backdrop, .office-conditional-formatting__empty,
.office-file-panel__sidebar, .office-file-settings__group, .office-sheet-chart,
.tax-payment-templates__account {
    padding: var(--spacing_medium);
}
.auto-payment-orders-panel__columns-list, .counterparty-payment-details__empty,
.counterparty-payment-details__subsection, .meter-readings-settings__item,
.office-card, .office-dashboard-object__content, .office-sheet-slicer__values,
.payment-period-driver__empty {
    padding: var(--spacing_regular);
}
.office-dataflow-queries__header, .office-query-steps__header {
    padding: var(--spacing_regular) calc(var(--spacing_small) * 1.375);
}
.office-formula-picker__item, .office-sheet-tool-form__reference {
    padding: var(--spacing_regular) var(--spacing_medium);
}
.office-dashboard-stage, .office-file-panel__content, .office-formula-picker,
.sale-templates-panel__item {
    padding: var(--spacing_relaxed);
}
.office-dashboard-kpi, .office-query-steps__empty {
    padding: var(--spacing_section);
}
.PDFViewer-container, .accounting-opening-balances__toolbar,
.calendar-date-input, .cash-receipt-batch__cards-wrap,
.cash-receipt-form__file, .cash-receipt-form__warning, .cash-receipts-house,
.cash-receipts__filters, .cash-receipts__table-card,
.company-information__page, .counters-card__badge,
.developer-integration-history__load-error, .developer-log-toolbar,
.developer-server, .doc-card__attachments-footer,
.document-history__compact-filter, .document-history__filters,
.document-showcase__folder, .driver_messages_settings,
.driver_messenger_settings_content, .gis-import-report__errors,
.gis-import-report__metric, .house-download-footer, .house-download-mode,
.house-download-panel, .import-1c-settings__log, .import-1c-settings__mode,
.management-object-selector--floating,
.management-workspace__direct-placeholder,
.meter_readings_compare_panel__empty, .meter_readings_compare_panel__summary,
.office-conditional-formatting__preset,
.office-conditional-formatting__rule-head,
.office-conditional-formatting__rule-row,
.office-dashboard-analytics-panel__row, .office-dashboard-slide-pane__list,
.office-dataflow-combine-panel__stats, .office-dataflow-queries__item,
.office-ribbon-menu__list, .office-settings, .office-settings__section,
.pad-actions, .receipt_upload_hint, .receipt_upload_mode,
.sale-templates-panel__items-list, .sale-templates-panel__template,
.settings-index, .settings-warning, .tab-layout-settings,
.tab-layout-settings__empty {
    padding: var(--spacing_small);
}
.calendar-select-button, .consent-hint,
.developer-integration-error-panel__copy, .developer-memory__note,
.developer-server__toolbar, .drawer-header, .lk-content-search,
.meter_readings_import_progress, .personnel-hires__order-card-link {
    padding: var(--spacing_small) var(--font_size_0);
}
.meter_readings_export_color_section, .meter_readings_export_option {
    padding: var(--spacing_small) var(--font_size_0, 12px);
}
.driver_audio_call_permission, .office-dashboard-notes,
.office-workspace__settings-button {
    padding: var(--spacing_small) var(--spacing_medium);
}
.office-conditional-formatting__reference, .office-workspace__policy {
    padding: var(--spacing_small) var(--spacing_regular);
}
.employee-position-field, .employee-position-field__button,
.office-workspace__favorites {
    padding: var(--spacing_tight);
}
.office-dashboard-slide__mode, .office-formula-bar__editor,
.resident-status-panel__input {
    padding: var(--spacing_xs) var(--spacing_small);
}
.office-sheet-context-menu, .table-context-menu {
    padding: var(--spacing_xs, 4px);
}
.bank-dashboard__widget--chart, .radio-label {
    padding-bottom: 12px;
}
.accounting-line-editor__standard, .driver_messages_tabs {
    padding-bottom: 4px;
}
.cash-receipts__pivot-filters, .doc-card__header, .doc-card__related-row-head {
    padding-bottom: var(--spacing_small);
}
.doc-card__delivery-status, .doc-editor__formula-help,
.doc-editor__review-toolbar-side {
    padding-left: 10px;
}
.developer-dashboard__composition, .driver_message_forwarded {
    padding-left: 8px;
}
.doc-card__body, .doc-card__body--sections, .doc-card__requisites {
    padding-right: 0;
}
.developer-dashboard__content, .meter_readings_export_scroll_area {
    padding-right: 2px;
}
.accounting-report-page__scroll, .driver_messages_list {
    padding-right: 4px;
}
.accounting-line-editor__visibility, .doc-editor__topbar-actions {
    padding-right: 7px;
}
.developer-dashboard__composition, .office-conditional-formatting__categories {
    padding-right: var(--spacing_small);
}
.calendar-footer, .doc-card__requisites {
    padding-top: 10px;
}
.doc-editor__footer, .warehouse-accounting__table-page {
    padding-top: 2px;
}
.doc-editor__margin-panel-actions, .doc-editor__notes {
    padding-top: 4px;
}
.developer-storage--rich, .doc-card__footer, .warehouse-entry-panel__actions {
    padding-top: 6px;
}
.driver_user_picker__actions, .sale-invoice-columns__section-title,
.sale-invoice-items__totals {
    padding-top: 7px;
}
.doc-card, .lk-theme-settings {
    padding-top: var(--font_size_0);
}
.office-conditional-formatting__checkbox, .office-workspace__footer,
.office-workspace__links {
    padding-top: var(--spacing_medium);
}
.app-theme-settings__scope-result, .cash-receipt-batch__footer,
.cash-receipt-panel__footer, .contextual-sidebar__footer,
.debtor-card-page__actions, .debtor-card-report-types__actions,
.doc-editor-find-replace-panel__actions, .driver_messages_form,
.integration-certificate-upload, .office-dataflow-combine-panel__actions,
.office-dataflow-list-panel__actions {
    padding-top: var(--spacing_small);
}
.add_row_column__button, .add_row_column__column_highlight,
.add_row_column__row_highlight, .add_row_column_overlay,
.bank-dashboard__settings, .cash-receipts__loading, .developer-diagram-canvas,
.developer-diagram-tools, .developer-relations, .developer-schema-table,
.developer-storage__chart-tooltip, .doc-card__modal-backdrop,
.driver_messages_button_badge, .dropdown-menu,
.generate-document-button__tooltip, .house-details-apartments-inner,
.incoming-resolutions__resolution-actions,
.incoming-resolutions__tree-line-horizontal,
.incoming-resolutions__tree-line-vertical,
.management-object-selector--floating, .office-dashboard-combo__bars,
.office-dashboard-empty, .office-dashboard-object,
.office-dashboard-scatter__point, .office-dashboard-slide__mode,
.office-formula-bar__resizer, .office-formula-suggestions,
.office-sheet-grid__cell-editor-frame, .office-sheet-grid__column-resizer,
.office-sheet-grid__row-resizer, .office-slide-show__close,
.office-slide-show__controls, .office-slide-show__notes,
.office-slide-show__slide, .photo-upload-remove, .pivot-radio-native,
.pivot-search__popover, .radio-input, .sale-invoice-columns__panel,
.selection-range, .th-sort-badge, .universal-chart__bar-grid,
.universal-chart__donut-hole {
    position: absolute;
}
.calendar-modal-overlay, .contextual-sidebar-portal,
.doc-editor__modal-overlay, .doc-editor__selection-toolbar, .drawer-overlay,
.drawer-panel, .driver_audio_call_backdrop, .driver_messages_button,
.meter_readings_import_progress, .office-ribbon-menu__list,
.office-sheet-context-menu, .office-slide-show, .table-context-menu,
.toast-stack, .window-overlay {
    position: fixed;
}

/* Файл shared_layout_12.css */

.approval-sheet-employee, .bank-dashboard__settings-wrap,
.cash-receipts__table-card, .cell-input, .contextual-sidebar__footer,
.copied-range-cell, .counters-card__table, .data-table,
.developer-diagram-shell, .developer-diagram-viewport, .developer-preview,
.developer-storage__chart-canvas, .doc-editor__editable, .doc-editor__page,
.doc-editor__zoom-stage, .document-office-selector,
.documents-tab-layout--contextual, .driver_audio_call_panel--receiver,
.dropdown-container, .generate-document-button, .hierarchy-cell,
.house-details-apartments, .image-viewer__canvas,
.incoming-resolutions__actions, .incoming-resolutions__assignment,
.incoming-resolutions__assignment-number, .incoming-resolutions__resolution,
.incoming-resolutions__tree, .management-workspace, .office-dashboard-combo,
.office-dashboard-scatter, .office-dashboard-slide,
.office-dashboard-thumbnail__preview, .office-dataflow-resizer,
.office-formula-bar, .office-ribbon-menu, .office-sheet-grid,
.office-sheet-grid__cell-input, .office-slide-show__canvas,
.photo-upload-container, .photo-upload-frame, .pivot-radio-visual,
.pivot-search, .radio-custom, .radio-label, .sale-invoice-items__toolbar,
.selected-cell, .selection-list-shell, .service-card--detail,
.service-card__header--detail, .tab-container-left, .tab-item-wrapper,
.tab-item-wrapper--drop-before, .tab-nav-left, .tab-widget-container,
.table-container, .table-header--resizable, .table-widget, .table-wrapper,
.universal-chart__bar-group, .universal-chart__bar-stage,
.universal-chart__donut-wrap {
    position: relative;
}
.cash-receipts__pivot-filters, .counterparty-driverfooter,
.counterparty-pageside, .driver_messages_form, .driver_user_picker__actions,
.excel-viewer__rowhead, .house-details-apartmentshead,
.office-query__checkbox-cell, .office-sheet-grid__column-header-sticky,
.office-sheet-grid__corner-sticky, .office-sheet-grid__row-header-sticky,
.pad-actions, .pivot-total-cell {
    position: sticky;
}
.driver_messages_button_badge, .th-sort-badge {
    right: -4px;
}
.bank-dashboard__settings, .calendar-modal-overlay, .doc-editor__modal-overlay,
.drawer-panel, .office-formula-bar__resizer, .pivot-search__popover,
.sale-invoice-columns__panel, .window-overlay {
    right: 0;
}
.office-slide-show__close, .office-slide-show__notes {
    right: 18px;
}
.cash-receipts__loading, .meter_readings_import_progress {
    right: var(--spacing_small);
}
.developer-schema-column__type, .driver_audio_call_name,
.driver_messages_room_title, .driver_room_card__message,
.driver_room_card__title, .dropdown-button, .office-sheet-grid__cell,
.sale-invoice-items__service-picker, .tab-layout-settings__title-input,
.th-col-name {
    text-overflow: ellipsis;
}
.driver_messages_button_badge, .th-sort-badge {
    top: -4px;
}
.calendar-modal-overlay, .cash-receipts__pivot-filters, .counterparty-pageside,
.developer-diagram-canvas, .doc-editor__modal-overlay, .drawer-panel,
.house-details-apartmentshead, .office-sheet-grid__column-header-sticky,
.office-sheet-grid__column-resizer, .office-sheet-grid__corner-sticky,
.office-slide-show__slide, .window-overlay {
    top: 0;
}
.dropdown-menu, .office-formula-suggestions {
    top: 100%;
}
.developer-diagram-tools, .menu-button {
    top: 10px;
}
.btn-wrap, .counters-card__badge, .debtor-card-page__report-type-button,
.driver_user_picker__submit, .dropdown-item, .office-workspace__policy,
.tab-link, .th-menu-btn, .th-menu-hint {
    white-space: normal;
}
.accounting-line-editor__visibility, .accounting-report__value,
.app-theme-settings__status, .auto-payment-orders-panel__selection, .btn,
.cash-receipt-batch__status, .consent-badge, .counterparty-toolbarbtn,
.developer-dashboard__integration-time, .developer-schema-column__type,
.developer-storage-detail__size, .developer-storage__chart-tooltip,
.doc-card__heading-line, .doc-editor__color-label, .doc-editor__indent-control,
.doc-editor__save-text-btn, .document-showcase__tree, .document-upload-button,
.drawer-title, .driver_audio_call_name, .driver_messages_presence,
.driver_messages_room_title, .driver_messages_tab, .driver_room_card__date,
.driver_room_card__message, .driver_room_card__title, .dropdown-button,
.form-field-text, .hierarchy-kind-badge, .house-details-upload,
.incoming-resolutions__phone, .incoming-resolutions__status, .node-stats,
.office-formula-bar__address, .office-primary-button,
.office-ribbon-menu__summary, .sale-invoice-items__service-picker,
.tariff-benefits__upload, .th-col-name {
    white-space: nowrap;
}
.developer-integration-error-panel__text, .driver_message_forwarded_text,
.driver_message_text, .import-1c-settings__log, .incoming-email-content__plain,
.incoming-resolutions__assignment-title-input, .integration-error,
.office-slide-show__notes, .toast {
    white-space: pre-wrap;
}
.PDFViewer-page, .PDFViewer-webview-image, .access-to-lc-actions,
.access-to-lc-root, .access_download_mode_setting, .access_rights_pivot,
.accounting-chart, .accounting-journal, .accounting-journal__table,
.accounting-line-editor, .accounting-line-editor__section-title,
.accounting-opening-balances, .accounting-opening-balances__summary,
.accounting-report-page__status, .accounting-report__row, .accruals-workspace,
.accruals_left_panel, .accruals_left_panel--apartment,
.app-theme-preview__field, .auto-payment-orders-panel__content,
.auto-payment-orders-panel__table, .bank-account-page, .bulk-access-assignment,
.calendar-date-input, .cash-receipt-items__table, .cell-input, .cell_select,
.check_window_sort_button, .check_window_table, .config_LK, .consent-divider,
.contextual-sidebar__tab, .contextual-tab-widget, .contract_files,
.counterparty-page, .counters-card__empty, .counters-page, .data-table,
.debtor-card-page__format-value, .debtor-card-page__layout,
.debtor-card-page__report-type-button, .debtor-card-report-types__item,
.developer-app-shell, .developer-diagram-viewport,
.developer-integration-history__table, .developer-performance-route-button,
.developer-server, .developer-server__progress, .developer-side-dashboard,
.developer-side-dashboard__policy, .developer-side-dashboard__server-selector,
.developer-storage-detail__row, .developer-storage__disk-legend-row,
.doc-card__attachments--compact, .doc-card__distribution-input,
.doc-card__employee-picker, .doc-card__employee-picker-item,
.doc-card__field-input, .doc-card__field-number, .doc-card__field-select,
.doc-card__field-textarea, .doc-card__file-item,
.doc-card__internal-employee-content, .doc-card__table,
.doc-editor__bottom-panel, .doc-editor__reviewer-chip,
.doc-editor__reviewer-item, .doc-editor__viewport, .doc-editor__workspace,
.document-file-preview__pdf, .document-office-selector, .document-showcase,
.document-templates-panel, .documents-tab-layout,
.documents-tab-layout--contextual, .documents-table-full-width, .docx-viewer,
.download-residents__select, .driver_audio_call_identity, .driver_forward_room,
.driver_message_day, .driver_message_document_attachment,
.driver_message_group, .driver_message_row, .driver_messages_input,
.driver_messages_member, .driver_messages_member_add,
.driver_messages_tabs--header, .driver_room_card, .driver_user_picker__actions,
.driver_voice_message__waveform, .dropdown-container, .excel-viewer,
.external-integrations-settings, .form-field-photo-row, .form-field-vertical,
.grid-container, .house-details-paramrow, .image-viewer,
.import-1c-settings__progress, .import-1c-settings__report-table,
.import-1c-settings__report-table-wrap, .incoming-email-content__frame,
.incoming-resolutions, .incoming-resolutions__assignment-title-input,
.incoming-resolutions__employee-avatar-image,
.incoming-resolutions__employee-avatar-placeholder,
.incoming-resolutions__employee-card,
.incoming-resolutions__resolution-textarea, .info_blocks__card,
.integration-label-row, .late-readings-tab__table, .lk-content-loader,
.lk-content-search, .management-contacts__table, .management-objects-root,
.management-workspace, .news-layout, .norm-people-settings__table,
.norm-value-input, .office-conditional-formatting__rule-row,
.office-dashboard-bar-row, .office-dashboard-chart,
.office-dashboard-funnel__item, .office-dashboard-kpi,
.office-dashboard-thumbnail__preview, .office-dataflow-queries__item,
.office-dataflow-source-select, .office-formula-bar__editor,
.office-formula-bar__fx, .office-formula-picker__item,
.office-formula-picker__load-more, .office-query-steps__item, .office-settings,
.office-sheet-grid__column-header-sticky, .office-sheet-grid__row-resizer,
.office-workspace__settings-button, .page_authorization,
.payment-order-templates__item, .person-card-drawer__photo,
.personnel-entities-root, .personnel-hires__document-link,
.personnel-hires__table, .photo-upload-frame, .photo-upload-preview,
.pivot-table, .portrait-card-table, .portrait-column-navigator,
.portrait-table-card, .resident-status-cell__select, .sale-invoice-document,
.sale-invoice-header__grid, .sale-products-panel__content,
.sale-templates-panel__history-scroll, .sale-templates-panel__layout,
.sale-templates-panel__template, .services-table-layout,
.settings-grid__separator, .settings-pivot, .settings-workspace,
.tab-container-top, .tab-content-item, .tab-content-top, .tab-layout-settings,
.tab-layout-settings__title-input, .tab-widget-container,
.tab_receipt_viewer_empty, .table-widget, .table-wrapper,
.tariff-benefits__table, .tax-reference-page__table,
.universal-chart__donut-svg, .upd-format-settings,
.upd-format-settings__table-widget, .upd-format-settings__table-wrap,
.usn-page__period-table, .usn-page__period-wrap,
.warehouse-accounting__edit-link, .warehouse-accounting__table,
.window-operation-details {
    width: 100%;
}
.office-dashboard-slide, .office-slide-show__slide {
    width: 1000px;
}
.bank-dashboard__legend-dot, .radio-custom {
    width: 10px;
}
.developer-storage__disk-dot, .pivot-radio-visual {
    width: 14px;
}
.office-dashboard-gauge__ring, .office-file-panel__sidebar {
    width: 150px;
}
.accounting-report__expand-marker, .incoming-resolutions__phone-icon,
.universal-chart__legend-dot {
    width: 16px;
}
.consent-checkbox, .driver_voice_message__loader, .hierarchy-indent,
.incoming-resolutions__tree-line-horizontal, .toggle-button {
    width: 18px;
}
.add_row_column__column_highlight, .incoming-resolutions__tree-line-vertical {
    width: 1px;
}
.add_row_column__button, .dropdown-item-image, .management-contacts__indicator,
.tab-close-button, .th-icon-btn {
    width: 20px;
}
.consent-accepted-icon, .incoming-resolutions__drag-handle,
.office-query-steps__index, .universal-chart__bar {
    width: 22px;
}
.pivot-search__popover, .sale-invoice-items__column--name {
    width: 240px;
}
.doc-card__recipient-card-number, .doc-card__related-remove-btn,
.incoming-resolutions__delete-btn, .photo-upload-remove {
    width: 24px;
}
.document-showcase__folder-icon, .office-formula-picker__info-button {
    width: 30px;
}
.doc-card__distribution-icon-btn, .doc-editor__modal-close {
    width: 32px;
}
.btn-square, .doc-editor__layout-mode-btn, .doc-editor__save-text-btn,
.incoming-resolutions__employee-avatar, .portrait-column-navigator__search {
    width: 34px;
}
.driver_message_file_button, .driver_voice_recorder__button,
.lk-theme-option__preview, .office-slide-show__close, .office-workspace__logo {
    width: 38px;
}
.calendar-nav-button, .driver_messenger_avatar, .menu-button {
    width: 40px;
}
.driver_chat_creation__choice-icon, .driver_messages_add,
.driver_messages_settings_button, .driver_voice_message__play,
.sale-invoice-items__column--actions {
    width: 42px;
}
.doc-card__employee-picker-avatar, .office-workspace__menu-button {
    width: 44px;
}
.driver_messages_button, .office-query__checkbox-cell {
    width: 54px;
}
.app-theme-preview__heading, .office-sheet-chart__bar {
    width: 70%;
}
.office-conditional-formatting__preset-preview,
.sale-invoice-items__column--unit-code {
    width: 76px;
}

/* Файл shared_layout_13.css */

.office-conditional-formatting__format-preview,
.sale-invoice-items__column--unit {
    width: 78px;
}
.developer-cpu-trend__dot, .driver_voice_recorder__pulse {
    width: 9px;
}
.document-showcase__tree, .news-type-filter {
    width: auto;
}
.document-upload-button, .house-download-check,
.personnel-hires__order-card-link, .toast {
    width: fit-content;
}
.accounting-opening-balances__table, .doc-editor__review-toolbar,
.incoming-resolutions__deadline, .incoming-resolutions__employee-name-btn,
.meter-readings-navigation, .office-query__table, .sale-invoice-items__table {
    width: max-content;
}
.developer-dashboard__integration-info-button, .info-driver-button,
.integration-info-button {
    width: var(--info_button_size);
}

/* Файл index.css */

/* Файл common_patterns.css */
.text-ellipsis {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.grid-layout {
    display: grid;
}
.gap-default {
    gap: var(--font_size_0);
}
.min-width-0 {
    min-width: 0;
}
.flex-align-center {
    display: flex; align-items: center;
}
.gap-small {
    gap: var(--spacing_small);
}
.full-width {
    width: 100%;
}
.flex-column {
    display: flex; flex-direction: column;
}
.gap-8 {
    gap: 8px;
}
.hidden {
    display: none !important;
}
.justify-end {
    justify-content: flex-end;
}
.grid-span-all {
    grid-column: 1 / -1;
}
.flex-scroll {
    flex: 1 1 auto; min-height: 0; overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.min-height-0 {
    min-height: 0;
}
.justify-between {
    justify-content: space-between;
}
.gap-10 {
    gap: 10px;
}
.align-self-start {
    align-self: flex-start;
}
.position-relative {
    position: relative;
}
.flex-fill {
    flex: 1 1 auto; min-height: 0;
}
.text-muted {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.text-secondary-small {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.empty-state-spacious {
    padding: calc(var(--font_size_0) * 2); color: var(--text-3);
    text-align: center;
}
.flex-wrap-row {
    display: flex; flex-wrap: wrap; gap: var(--spacing_small);
}
.gap-6 {
    gap: 6px;
}
.flex-static {
    flex: 0 0 auto;
}
.flex-grow {
    flex: 1; min-height: 0;
}
.text-secondary-caption {
    color: var(--text-2); font-size: var(--font_size_caption);
    line-height: 1.35;
}
.empty-state-compact {
    padding: var(--font_size_0); color: var(--text-3); text-align: center;
}
.section-heading {
    color: var(--blue-navy); font-size: var(--font_size_1); font-weight: 600;
}
.empty-state-regular {
    padding: 18px; color: var(--text-3); text-align: center;
}
.block_1--interactive {
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .12s
    ease;
}
.block_1--interactive:hover {
    border-color: var(--accent);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--accent) 14%, transparent);
    transform: translateY(-2px);
}
.block_1--interactive:focus-visible {
    outline: 3px solid var(--focus-ring); outline-offset: 2px;
}
.block_1--selected {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--focus-ring), var(--shadow);
}
.settings-fieldset {
    display: grid; gap: var(--spacing_medium); margin: var(--font_size_1) 0 0;
    padding: var(--spacing_relaxed); border: 0;
}
.settings-fieldset > legend {
    padding: 0 var(--spacing_compact); font-size: var(--font_size_0);
    font-weight: 700;
}
.office-query-steps__list, .office-dataflow-queries__list {
    display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column;
    gap: var(--spacing_tight); padding: var(--spacing_dense); overflow-y: auto;
}
.accounting-tab-root, .accounting-report-page, .accounting-entries,
.debtor-card-page, .purchases-and-sales-table-page {
    display: flex; width: 100%; height: 100%; min-width: 0; min-height: 0;
    box-sizing: border-box; flex-direction: column; overflow: hidden;
}
.meter-readings-drawer-loading {
    display: flex; flex-direction: column; align-items: center;
}
.app-theme-card, .bank-dashboard__metric, .developer-dashboard__chart-panel,
.developer-dashboard__metric, .developer-log-summary, .developer-preview,
.developer-server, .developer-server__chart, .developer-table-list,
.doc-card__related-table-panel, .driver_messages_settings,
.form-field-vertical, .incoming-resolutions, .incoming-resolutions__content,
.incoming-resolutions__resolution-meta, .incoming-resolutions__tree,
.info_blocks, .ndfl-page__table-wrap, .office-dashboard-object,
.office-dataflow-combine-panel__query, .office-dataflow-queries__item,
.office-ribbon__group, .office-sheet-context-menu, .office-workspace__panel,
.options-container, .payment-order-templates__counterparty,
.payment-order-templates__item, .radio-button-list, .radio-content,
.receipt_upload_panel, .sale-templates-panel__editor,
.sale-templates-panel__list, .sale-templates-panel__template,
.service-card__body--pivot, .services-table-layout__actions,
.table-context-menu, .table-widget, .top-panel, .warehouse-entry-form__field {
    display: flex; flex-direction: column;
}
.accounting-opening-balances__summary, .add_row_column__button,
.bank-dashboard__header-meta, .bank-dashboard__widget-title, .block_2,
.counterparty-page_loading, .developer-app-toolbar,
.developer-app-toolbar__switches, .developer-column-name,
.developer-dashboard__toolbar, .developer-diagram-tools,
.developer-server__legend, .developer-summary-card, .developer-toolbar__modes,
.doc-card__header-actions, .doc-card__meta, .doc-card__modal-actions,
.driver_voice_recorder, .incoming-resolutions__actions,
.incoming-resolutions__meta-row, .incoming-resolutions__resolution-head,
.incoming-resolutions__section-title, .lk-theme-option, .loading,
.meter-readings-drawer-header-actions, .office-dashboard-navigator,
.office-ribbon__group-row, .office-toolbar-buttons, .office-workspace__logo,
.pivot-table-error, .radio-label, .search, .tab-widget-empty-content {
    display: flex; align-items: center;
}
.accounting-report-page__warnings, .accounting-report__row,
.approval-sheet-employees, .bank-dashboard__metrics, .bank-dashboard__widgets,
.company-information__field, .developer-column-row,
.developer-cpu-drill__layout, .developer-dashboard__integration-grid,
.developer-dashboard__integration-list, .developer-server__cards,
.developer-storage__bottom-grid, .developer-storage__cards,
.developer-storage__main, .developer-summary-grid, .doc-editor__reviewer-item,
.document-showcase__filters, .document-showcase__grid,
.meter-readings-settings, .meter-readings-settings__item,
.meter_readings_compare_panel, .meter_readings_import_panel,
.office-formula-suggestion, .office-ribbon-menu__list,
.profile-photo-approvals__card, .sale-templates-panel__layout,
.services-table-layout, .tab-layout-settings__tab, .warehouse-entry-form {
    display: grid;
}
.doc-card__attachment-local-open {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.PDFViewer-spinner, .file-viewer__spinner, .lk-content-loader__spinner,
.meter-readings-drawer-spinner {
    width: 38px; height: 38px; box-sizing: border-box; flex: 0 0 38px;
    border: 4px solid var(--border); border-top-color: var(--accent);
    border-radius: 50%; animation: app-loading-spin .8s linear infinite;
}
@keyframes app-loading-spin {
    to {
        transform: rotate(360deg);
    }
}
@media (prefers-reduced-motion: reduce) {
    .PDFViewer-spinner, .file-viewer__spinner, .lk-content-loader__spinner,
    .meter-readings-drawer-spinner {
        animation-duration: 1.6s;
    }
}

/* Файл loading.css */

.shared-loading-indicator {
    display: flex; width: fit-content; min-width: calc(var(--font_size_1) * 2);
    min-height: calc(var(--font_size_1) * 2); margin: auto;
    flex-direction: column; align-items: center; justify-content: center;
    gap: var(--spacing_xs); vertical-align: middle; text-align: center;
    align-self: center;
}
.shared-loading-indicator--full-screen {
    position: fixed; inset: 0; width: auto; background: var(--app-background);
    z-index: 9999;
}
.shared-loading-indicator__spinner {
    width: calc(var(--font_size_1) * 2); height: calc(var(--font_size_1) * 2);
    box-sizing: border-box;
    border: var(--spacing_2xs) solid var(--border-color);
    border-top-color: var(--primary-color); border-radius: 50%;
    animation: shared-loading-indicator-spin 0.8s linear infinite;
}
.shared-loading-indicator__caption {
    display: inline-flex; align-items: baseline; color: var(--text-2);
    font-size: var(--font_size_0); line-height: 1.2;
}
.shared-loading-indicator__dots {
    display: inline-flex; min-width: 1.15em;
}
.shared-loading-indicator__dots span {
    display: inline-block; opacity: 0.28;
    animation: shared-loading-indicator-dot 1.2s ease-in-out infinite;
}
.shared-loading-indicator__dots span:nth-child(2) {
    animation-delay: 0.15s;
}
.shared-loading-indicator__dots span:nth-child(3) {
    animation-delay: 0.3s;
}
.shared-loading-indicator--small {
    gap: 0; min-width: 0; min-height: 0; margin: 0;
}
.shared-loading-indicator--small .shared-loading-indicator__spinner {
    width: calc(var(--font_size_0) * 2); height: calc(var(--font_size_0) * 2);
}
.shared-loading-indicator--small .shared-loading-indicator__caption {
    display: none;
}
.shared-loading-indicator--large .shared-loading-indicator__spinner {
    width: calc(var(--font_size_3) * 2); height: calc(var(--font_size_3) * 2);
}
@keyframes shared-loading-indicator-spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes shared-loading-indicator-dot {
    0%, 60%, 100% {
        opacity: 0.28; transform: translateY(0);
    }
    30% {
        opacity: 1; transform: translateY(-0.18em);
    }
}
@media (prefers-reduced-motion: reduce) {
    .shared-loading-indicator__spinner {
        animation-duration: 1.6s;
    }
    .shared-loading-indicator__dots span {
        opacity: 1; animation: none; transform: none;
    }
}
.shared-loading-indicator__spinner.lk-content-loader__spinner,
.shared-loading-indicator__spinner.meter-readings-drawer-spinner {
    width: calc(var(--font_size_1) * 2); height: calc(var(--font_size_1) * 2);
    min-width: 0; min-height: 0; flex: 0 0 auto;
}
.route-loading__fallback {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* Файл toast.css */

.toast-stack {
    top: 12px; left: 12px; z-index: 9999;
}
.toast {
    background: #1f9d57; color: var(--on-accent); border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
    max-width: min(420px, calc(100vw - 24px)); max-height: calc(100dvh - 24px);
    overflow-wrap: anywhere; word-break: break-word;
    font-size: var(--font_size_caption); line-height: 1.25;
    will-change: transform, opacity, background-color;
}
.toast__close {
    min-width: var(--font_size_0); border: 0; background: transparent;
    color: var(--on-accent); font: inherit; font-size: var(--font_size_0);
    line-height: 1; cursor: pointer; opacity: 0.85;
}
.toast__close:hover {
    opacity: 1;
}
.toast__close:focus-visible {
    outline: 2px solid var(--on-accent); outline-offset: var(--spacing_2xs);
}
.toast--error {
    background: var(--accent-red);
}
.toast--enter {
    animation: toast-in 180ms ease-out both, toast-blink 360ms ease-in-out
    180ms 2;
}
.toast--leave {
    animation: toast-out 180ms ease-in both;
}
@keyframes toast-in {
    from {
        transform: translateX(-110%); opacity: 0;
    }
    to {
        transform: translateX(0); opacity: 1;
    }
}
@keyframes toast-out {
    from {
        transform: translateX(0); opacity: 1;
    }
    to {
        transform: translateX(-110%); opacity: 0;
    }
}
@keyframes toast-blink {
    0% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.6);
    }
    100% {
        filter: brightness(1);
    }
}

/* Файл DriverPanel.css */

.drawer-overlay {
    z-index: 999; background: var(--text-1); opacity: 0.15;
}
.drawer-panel {
    width: 58%; background: var(--bg-2); color: var(--blue-navy);
    font-size: var(--font_size_0); z-index: 1000; transform: translateX(100%);
    transition: transform 0.25s ease;
}
.drawer-panel.open {
    transform: translateX(0); box-shadow: var(--shadow);
}
.drawer-header {
    background: var(--accent); color: var(--on-accent);
    font-size: var(--font_size_0); font-weight: 600;
}
.drawer-header button {
    border: none; background: transparent; color: var(--on-accent);
    font-size: var(--font_size_1); cursor: pointer;
}
.drawer-header button:hover {
    background: transparent; color: var(--on-accent); transform: none;
    box-shadow: none;
}
.drawer-body {
    padding-bottom: calc(var(--font_size_0) / 2); color: var(--blue-navy);
    font-size: var(--font_size_0);
}
.drawer-body--scrollable {
    overflow: auto;
}
.drawer-body--fixed {
    overflow: hidden;
}
.drawer-body :is( h1, h2, h3, h4, h5, h6 ):not(.doc-editor *) {
    margin-top: 0; color: var(--blue-navy); font-size: var(--font_size_1);
    line-height: 1.2;
}
.drawer-body :is( label, p, span, input, select, textarea, td, th
):not(.doc-editor *) {
    font-size: var(--font_size_0);
}
.drawer-body :is( label > span, .label_info, .label-info ):not(.doc-editor *) {
    color: var(--text-3);
}
.drawer-body :is( input:not([type="checkbox"]):not([type="radio"]),
select, textarea ):not(.doc-editor *) {
    box-sizing: border-box; margin: 0; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--blue-navy);
}
.drawer-body :is( input:not([type="checkbox"]):not([type="radio"]),
select, textarea ):not(.doc-editor *):focus {
    border-color: var(--accent); outline: none;
    box-shadow: 0 0 0 3px rgba(61, 132, 196, 0.14);
}
@media (orientation: portrait) {
    .drawer-panel {
        width: 98%;
    }
}
@media (max-width: 762px) {
    .drawer-panel {
        width: 98%;
    }
}
.drawer-header__actions button, .drawer-header__actions input {
    min-height: 32px; box-sizing: border-box;
}
@media (max-width: 762px) {
    .drawer-header {
        align-items: flex-start;
    }
    .drawer-header__main {
        flex-direction: column; align-items: flex-start;
    }
    .drawer-header__actions {
        width: 100%; flex-wrap: wrap;
    }
}
@media (orientation: landscape) {
    .drawer-panel.drawer-panel--wide-landscape,
    .drawer-panel.document-text-drawer {
        width: 85%;
    }
}

/* Файл PDFViewer.css */

.PDFViewer-container {
    width: 100%; background: #f3f4f6;
}
.PDFViewer-container .react-pdf__Document {
    display: flex; flex-direction: column; align-items: center; width: auto;
    max-width: 100%;
}
.PDFViewer-page {
    margin: 0 0 var(--spacing_small) 0;
}
.PDFViewer-container .react-pdf__Page {
    display: flex; justify-content: center; align-items: flex-start;
    max-width: 100%; background: white;
}
.PDFViewer-container .react-pdf__Page__canvas {
    display: block; max-width: 100%; height: auto !important; margin: 0 auto;
}
.PDFViewer-container .react-pdf__Page__textContent,
.PDFViewer-container .react-pdf__Page__annotations {
    left: 50% !important; transform: translateX(-50%); max-width: 100%;
}
.PDFViewer-loading, .PDFViewer-error {
    width: 100%; min-height: 240px; display: flex; align-items: center;
    justify-content: center; text-align: center; padding: var(--font_size__2);
    box-sizing: border-box;
}
.PDFViewer-loading {
    color: var(--text-2);
}
.PDFViewer-webview-image {
    max-width: 900px; background: var(--surface-primary);
}

/* Файл attachment_list.css */

.doc-card__attachments-tab {
    border: 0; border-radius: 0; background: transparent;
}
.doc-card__attachments-tab > .doc-card__related-row-head {
    border-bottom: 0 !important; box-shadow: none !important;
}
.doc-card__attachments-tab > .doc-card__attachments,
.doc-card__attachments-tab > .doc-card__empty {
    border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
.doc-card__attachments-tab .doc-card__empty, .doc-card__attachments-title {
    font-size: var(--font_size_0); line-height: 1.45;
}
.doc-card__file-list {
    list-style: none;
}
.doc-card__file-item {
    border: 0; border-radius: 0; background: transparent;
    transition: background 0.15s;
}
.doc-card__file-item:hover {
    background: var(--bg-1);
}
.doc-card__file-icon {
    width: calc(var(--font_size_0) * 2);
}
.doc-card__file-name {
    color: var(--text-3); font-size: var(--font_size_0); font-weight: 500;
}
.doc-card__file-download {
    border: none; background: transparent; color: var(--text-3);
    cursor: pointer;
}
.doc-card__file-download:hover {
    color: var(--accent);
}
.doc-card__file-delete {
    border: none; background: transparent; color: var(--text-3);
    cursor: pointer;
}
.doc-card__file-delete:hover {
    color: var(--accent-red);
}
.doc-card__attachments-footer {
    margin-top: calc(var(--spacing_small) / 2); border: 0; border-radius: 0;
    background: transparent; box-shadow: none; color: var(--text-3);
    font-size: var(--font_size_0);
}
.doc-card__empty--error {
    color: var(--accent-red); font-style: normal;
}
@media (max-width: 760px) {
    .doc-card__attachments, .doc-card__file-list {
        width: 100%; max-width: 100%; min-width: 0; overflow: hidden;
        box-sizing: border-box;
    }
    .doc-card__file-item {
        display: flex; align-items: flex-start; gap: 6px; width: 100%;
        max-width: 100%; min-width: 0; padding: 6px 4px;
        box-sizing: border-box;
    }
    .doc-card__file-icon {
        width: 22px; height: 22px; flex-shrink: 0; flex-grow: 0;
    }
    .doc-card__file-name {
        flex: 1 1 0; min-width: 0; overflow: visible; color: var(--text-3);
        font-size: var(--font_size_0); line-height: 1.3; text-overflow: clip;
        white-space: normal; overflow-wrap: break-word; word-break: normal;
        hyphens: none;
    }
    .doc-card__file-download, .doc-card__file-delete {
        display: inline-flex; align-items: center; justify-content: center;
        width: 28px; height: 28px; flex-shrink: 0; flex-grow: 0; margin: 0;
        padding: 4px; box-sizing: border-box;
    }
    .doc-card__file-download {
        margin-left: auto;
    }
    .doc-card__file-download svg, .doc-card__file-delete svg {
        width: 18px; height: 18px; flex-shrink: 0;
    }
}

/* Файл document_viewers.css */

.file-viewer__message {
    text-align: center; color: var(--text-2, #57606a);
}
.file-viewer__message--error {
    color: #b42318;
}
.file-viewer__text {
    line-height: 1.4;
}
.file-viewer__download-btn {
    border: 1px solid #0078d4; border-radius: 6px; background: #0078d4;
    color: #fff; font-size: var(--font_size_caption); cursor: pointer;
}
.file-viewer__download-btn:disabled {
    opacity: 0.5; cursor: default;
}
.docx-viewer {
    background: transparent;
}
.docx-viewer .docx-wrapper {
    padding: 5px; background: transparent;
}
.docx-viewer .docx {
    background: #fff;
}
.excel-viewer__tabs {
    background: #f3f5f4; border-bottom: 2px solid #217346;
}
.excel-viewer__tab {
    border: 1px solid #cfd8d3; border-bottom: none; border-radius: 4px 4px 0 0;
    background: #e8efe9; color: #217346; cursor: pointer;
    font-size: var(--font_size_0); font-weight: 600;
}
.excel-viewer__tab.is-active {
    background: #217346; border-color: #217346; color: #fff;
}
.excel-viewer__table-wrap {
    background: #fff;
}
.excel-viewer__table {
    font-size: var(--font_size_0); color: #1f2328;
}
.excel-viewer__table td {
    border: 1px solid #d4d4d4; padding: 3px 8px; white-space: nowrap;
    max-width: 320px; overflow: hidden; text-overflow: ellipsis;
    background: #fff;
}
.excel-viewer__table tbody tr:hover td {
    background: #eef6f0;
}
.excel-viewer__colhead, .excel-viewer__corner {
    position: sticky; top: 0; z-index: 2; background: #f1f4f2;
    border: 1px solid #cfd8d3; color: #4a5a52; font-weight: 600;
    text-align: center; padding: 3px 8px;
}
.excel-viewer__rowhead {
    z-index: 1; background: #f1f4f2; border: 1px solid #cfd8d3; color: #4a5a52;
    font-weight: 600; text-align: center;
}
.excel-viewer__corner {
    z-index: 3;
}

/* Файл image_and_compact_viewers.css */

.image-viewer__toolbar {
    border-bottom: 1px solid var(--border, #d0d7de);
}
.image-viewer__toolbar button {
    min-width: 30px; height: 28px; padding: 0 7px;
    border: 1px solid var(--border, #d0d7de); border-radius: 4px;
    background: var(--bg-1, #fff); color: var(--text-1, #1f2328);
    cursor: pointer; font-size: var(--font_size_button); line-height: 1;
}
.image-viewer__toolbar .image-viewer__wide-button {
    width: auto;
}
.image-viewer__scale {
    color: var(--text-2, #57606a); font-size: var(--font_size_0);
}
.image-viewer__canvas {
    place-items: center;
    background: repeating-conic-gradient(#f0f0f0 0% 25%, #fafafa 0% 50%) 50% /
    20px 20px;
    cursor: grab; touch-action: none; overscroll-behavior: contain;
}
.image-viewer__canvas:active {
    cursor: grabbing;
}
.image-viewer__img {
    transform-origin: center center; user-select: none;
    -webkit-user-drag: none; will-change: transform;
}
@media (orientation: portrait) {
    .image-viewer__toolbar {
        gap: 4px; padding: 4px;
    }
    .image-viewer__toolbar button {
        height: 26px; padding-inline: 5px;
    }
}
.docx-viewer .docx-wrapper {
    padding: 0; background: #ffffff;
}
.docx-viewer .docx {
    margin: 0 auto; box-shadow: none;
}
.csv-viewer .excel-viewer__table-wrap {
    background: #ffffff;
}
.doc-card__attachments--compact .doc-card__file-list {
    width: 100%;
}
.doc-card__attachments--compact .doc-card__file-item {
    align-items: center; gap: 6px; padding: var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); cursor: pointer;
}
.doc-card__attachments--compact .doc-card__file-item:hover {
    background: var(--bg-2);
}
.doc-card__attachments--compact .doc-card__file-icon {
    width: 28px; height: 28px;
}
.doc-card__attachments--compact .doc-card__file-name {
    color: var(--text-1); font-size: var(--font_size_0); line-height: 1.2;
}
.doc-card__attachments--compact .doc-card__file-download {
    width: 30px; height: 30px; padding: 5px;
}
.doc-card__attachments--compact .doc-card__attachments-footer {
    display: none;
}
.drawer-overlay.document-attachment-overlay--transparent {
    background: transparent; opacity: 0;
}
.document-attachment-viewer .drawer-body {
    padding: 0; overflow: hidden;
}
.document-attachment-viewer .file-viewer__message {
    box-sizing: border-box; height: 100%;
}
.document-attachment-viewer .drawer-body {
    display: flex; min-height: 0; flex-direction: column;
}
.document-attachment-viewer .drawer-body > * {
    min-height: 0; flex: 1 1 auto;
}
.document-attachment-viewer .docx-viewer,
.document-attachment-viewer .excel-viewer,
.document-attachment-viewer .csv-viewer,
.document-attachment-viewer .PDFViewer-container {
    height: 100%; max-height: 100%;
}
@media (min-aspect-ratio: 1/1) {
    .drawer-panel.document-attachment-viewer {
        width: 80%;
    }
}

/* Файл DocumentAttachments.css */

/* Файл Button.css */

.btn {
    justify-content: center; gap: var(--spacing_compact);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid transparent; border-radius: var(--radius_medium);
    color: var(--on-accent); background: var(--accent);
    font-family: var(--font_family_interface);
    font-size: var(--font_size_button); font-weight: 400; text-align: center;
    text-decoration: none; cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, box-shadow
    .16s ease, transform .06s ease;
}
.btn__action-icon {
    font-size: var(--font_size_caption); line-height: 1;
}
.btn:hover:not(:disabled):not(.disabled) {
    background: var(--accent-blue); box-shadow: var(--shadow);
}
.btn:active:not(:disabled):not(.disabled) {
    transform: translateY(1px); box-shadow: none;
}
.btn:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--accent) 55%, transparent);
    outline-offset: 2px;
}
.btn-primary {
    color: var(--on-accent); background: var(--accent);
    border-color: var(--accent);
}
.btn-secondary {
    color: var(--text-2); background: var(--bg-1); border-color: var(--border);
}
.btn-secondary:hover:not(:disabled):not(.disabled) {
    color: var(--accent-blue); background: var(--bg-2);
    border-color: var(--accent);
}
.btn-success {
    color: var(--on-accent); background: var(--accent-success);
    border-color: var(--accent-success);
}
.btn-success:hover:not(:disabled):not(.disabled) {
    background: var(--accent-success-hover);
}
.btn-danger {
    color: var(--on-accent); background: var(--accent-red);
    border-color: var(--accent-red);
}
.btn-danger:hover:not(:disabled):not(.disabled) {
    background: var(--accent-red-bright);
}
.btn-orange {
    color: var(--on-accent); background: var(--accent-2);
    border-color: var(--accent-2);
}
.btn-orange:hover:not(:disabled):not(.disabled) {
    background: var(--accent-orange-text);
}
.btn-ghost {
    color: var(--accent-blue); background: transparent;
    border-color: transparent;
}
.btn-ghost:hover:not(:disabled):not(.disabled) {
    background: var(--bg-2); box-shadow: none;
}
.btn-small {
    font-size: var(--font_size_button);
}
.btn-large {
    font-size: var(--font_size_1);
}
.btn-wrap {
    overflow-wrap: anywhere;
}
.btn-small.btn-square {
    width: 30px; min-width: 30px;
}
.btn-active {
    color: var(--on-accent); background: var(--blue-navy);
    border-color: var(--blue-navy);
}
.btn:disabled, .btn.disabled {
    opacity: .55; cursor: not-allowed; box-shadow: none; transform: none;
}

/* Файл page_authorization.css */

.page_authorization {
    background: var(--bg-1); color: var(--text-1);
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
}
.page_authorization .label_info_3 {
    color: var(--text-1); font-size: var(--font_size_0);
}
.authorization-title-row .label_info_3 {
    color: var(--blue-navy);
    font-size: var(
    --authorization_title_font_size,
    calc(var(--font_size_3) * 1.25)
    );
    font-weight: 750; letter-spacing: -0.02em;
}
.authorization-company-title-row .label_info_3 {
    color: var(--text-2); font-size: var(--font_size_1); font-weight: 600;
    letter-spacing: 0;
}
.authorization-logo {
    width: clamp(72px, 10vw, 96px);
}
.auth-actions-row {
    margin: var(--spacing_small) 0;
}
.page_authorization input {
    box-sizing: border-box; margin-top: 4px;
    margin-bottom: var(--spacing_small); border: 1px solid var(--border);
    border-radius: 12px; background: var(--bg-2); color: var(--text-1);
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
    outline: none; transition: border-color .18s ease, box-shadow .18s ease;
}
.page_authorization input:focus {
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 3px color-mix( in srgb, var(--accent-blue) 14%,
    transparent );
}
.page_authorization button {
    border-radius: 12px; background: var(--accent-blue);
    color: var(--on-accent); font-family: var(--font_family_interface);
    font-size: var(--font_size_0); font-weight: 650;
    transition: transform .16s ease, box-shadow .16s ease, background .16s
    ease;
}
.page_authorization button:hover {
    background: var(--blue-navy);
    box-shadow: 0 8px 18px color-mix( in srgb, var(--accent-blue) 20%,
    transparent );
}
.page_authorization button:active {
    transform: translateY(1px);
}
.consent-block .pd-policy-link {
    color: var(--accent-blue); text-decoration: underline; cursor: pointer;
}
.consent-block .pd-policy-link:hover {
    opacity: 0.7;
}
#button_login:disabled {
    opacity: 0.5; cursor: not-allowed;
}
.consent-block {
    margin: var(--font_size_0); border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-2); font-size: var(--font_size_0); line-height: 1.4;
    text-align: left;
}
.consent-hint {
    border: 1px solid var(--accent-yellow-border);
    border-radius: var(--spacing_small); background: var(--accent-orange-bg);
    color: var(--accent-orange-text); font-size: var(--font_size_0);
}
.consent-hint-icon {
    margin-right: 4px; font-weight: 700;
}
.consent-row {
    grid-template-columns: 22px minmax(0, 1fr) auto;
    column-gap: var(--spacing_small); align-items: start;
}
.consent-row .consent-badge {
    grid-row: 1; grid-column: 3;
}
.consent-row--accepted {
    align-items: center;
}
.consent-accepted-icon {
    border: 1px solid var(--border); border-radius: 50%;
    background: var(--bg-2); color: var(--accent-blue);
    font-size: var(--font_size_0); font-weight: 700; line-height: 1;
}
.consent-checkbox {
    cursor: pointer;
}
.consent-text {
    color: var(--text-2); font-size: var(--font_size_0);
}
.consent-text label {
    cursor: pointer;
}
.consent-divider {
    background: var(--border);
}
.consent-badge {
    border-radius: var(--font_size_0); font-size: var(--font_size_0);
    font-weight: 600; line-height: 1.2;
}
.consent-badge--required {
    border: 1px solid var(--accent-red); background: var(--bg-1);
    color: var(--accent-red);
}
.consent-badge--optional {
    border: 1px solid var(--border); background: var(--bg-2);
    color: var(--accent-blue);
}
.auth-pd-inline {
    margin-bottom: var(--font_size_1); text-align: center;
}
.auth-pd-inline .consent-block {
    margin-left: auto; margin-right: auto;
}

/* Файл page_authorization_landscape.css */

@media (orientation: landscape) and (min-width: 769px) {
    .page_authorization {
        position: fixed; inset: 0 auto 0 0; display: flex; width: 50%;
        height: 100dvh; min-height: 0; flex-direction: column;
        justify-content: center; padding: clamp(18px, 3vw, 42px);
        overflow: hidden;
        background: radial-gradient( circle at 20% 18%, color-mix(in srgb,
        var(--accent-blue) 12%, transparent), transparent 38% ),
        linear-gradient(145deg, var(--bg-1), var(--bg-2));
    }
    .authorization-brand {
        width: min(100%, 390px); margin: 0 auto 14px;
    }
    .authorization-logo-row {
        margin: 0 0 12px;
    }
    .authorization-logo {
        width: clamp(88px, 8vw, 112px); padding: 10px;
        border: 1px solid var(--border); border-radius: 24px;
        background: var(--bg-1); box-shadow: var(--shadow);
    }
    .authorization-title-row {
        margin: 2px 0;
    }
    .authorization-title-row .label_info_3 {
        font-size: var( --authorization_title_landscape_font_size,
        calc(var(--font_size_3) * 1.45) );
    }
    .authorization-company-title-row .label_info_3 {
        font-size: var(--authorization_company_landscape_font_size);
    }
    .page_authorization > p, .page_authorization form > p {
        margin-top: 4px; margin-bottom: 4px;
    }
    #form_authorization {
        width: min(100%, 390px); box-sizing: border-box; margin: 0 auto;
        padding: 18px; border: 1px solid var(--border); border-radius: 20px;
        background: color-mix(in srgb, var(--bg-1) 94%, transparent);
        box-shadow: var(--shadow);
    }
    #form_authorization > p, #form_download p {
        margin: 0;
    }
    #form_authorization input {
        width: 100%; height: 46px; margin: 0 0 10px; padding: 0 14px;
        background: var(--bg-1);
    }
    .auth-actions-row {
        margin: 2px 0 0;
    }
    #button_login {
        min-height: 42px; padding: 0 18px;
    }
    #form_download {
        width: min(100%, 390px); margin: 10px auto 0;
    }
    #button_load {
        min-height: 38px; padding: 0 14px; border: 1px solid var(--border);
        background: var(--bg-1); color: var(--accent-blue); box-shadow: none;
    }
    #button_load:hover {
        border-color: var(--accent-blue); background: var(--bg-2);
        color: var(--blue-navy); box-shadow: none;
    }
    .auth-pd-inline {
        display: none; margin: 0; padding: 0;
    }
    .auth-pd-side {
        position: fixed; top: 0; right: 0; display: flex; width: 50%;
        height: 100dvh; box-sizing: border-box; align-items: center;
        justify-content: center; padding: clamp(18px, 3vw, 42px);
        overflow: hidden; border-left: 1px solid var(--border);
        background: radial-gradient( circle at 80% 25%, color-mix(in srgb,
        var(--accent-blue) 8%, transparent), transparent 34% ),
        var(--bg-1);
    }
    .auth-pd-side .consent-block {
        width: min(100%, 760px); max-height: calc(100dvh - 84px); margin: 0;
        padding: 18px; overflow-y: auto; border-radius: 18px;
        box-shadow: var(--shadow);
    }
    #button_register {
        position: fixed; top: var(--font_size_0); right: var(--font_size_1);
        z-index: 5; min-height: 40px; margin: 0; padding: 0 14px;
        box-shadow: var(--shadow);
    }
}

/* Файл page_authorization_brand_mobile.css */

.authorization-portrait .authorization-brand {
    position: sticky; top: 0; z-index: 4; display: flex;
    width: min(100%, 460px); flex: 0 0 auto; flex-direction: column;
    align-items: center; padding: 2px 0 6px;
    background: color-mix(in srgb, var(--bg-1) 92%, transparent);
    backdrop-filter: blur(10px);
}
.authorization-portrait .authorization-title-group {
    display: flex; flex-direction: column; align-items: center;
}
.authorization-portrait .authorization-company-title-row .label_info_3 {
    font-size: var(--font_size_0);
}
.authorization-portrait.authorization-keyboard-open .authorization-brand {
    flex-direction: row; justify-content: center; gap: var(--spacing_small);
    padding-top: 0; padding-bottom: 4px;
}
.authorization-portrait.authorization-keyboard-open .authorization-logo-row {
    margin: 0;
}
.authorization-portrait.authorization-keyboard-open .authorization-logo {
    width: 44px; padding: 4px; border-radius: 14px;
}
.authorization-portrait.authorization-keyboard-open
.authorization-title-group {
    align-items: flex-start;
}
.authorization-portrait.authorization-keyboard-open .authorization-title-row {
    text-align: left;
}
.authorization-portrait.authorization-keyboard-open #form_authorization {
    margin-top: 4px;
}

/* Файл page_authorization_mobile.css */
.authorization-portrait .page_authorization {
    position: relative; inset: auto; display: flex; width: 100%;
    height: var(--authorization-viewport-height, 100dvh); min-height: 0;
    box-sizing: border-box; flex-direction: column; align-items: center;
    justify-content: flex-start;
    padding: max(10px, env(safe-area-inset-top)) max(12px,
    env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom))
    max(12px, env(safe-area-inset-left));
    overflow-y: auto;
    background: radial-gradient( circle at top, color-mix(in srgb,
    var(--accent-blue) 14%, var(--bg-1)), var(--bg-1) 48% );
    overscroll-behavior-y: contain; scroll-padding-top: 10px;
    scroll-padding-bottom: calc(72px + env(safe-area-inset-bottom));
    -webkit-overflow-scrolling: touch;
}
.authorization-portrait .auth-pd-side,
.authorization-portrait #form_authorization > p > br {
    display: none;
}
.authorization-portrait .authorization-logo-row {
    margin: 0 0 4px;
}
.authorization-portrait .authorization-logo {
    width: 64px; padding: 8px; border: 1px solid var(--border);
    border-radius: 20px; background: var(--card); box-shadow: var(--shadow);
}
.authorization-portrait .authorization-title-row {
    margin: 0; line-height: 1.15;
}
.authorization-portrait .page_authorization .label_info_3 {
    color: var(--blue-navy); font-size: var(--font_size_3); font-weight: 750;
    letter-spacing: -0.02em;
}
.authorization-portrait #form_authorization {
    order: 1; display: flex; width: min(100%, 460px); box-sizing: border-box;
    flex-direction: column; align-self: center; margin: 10px 0 0;
    padding: 14px; border: 1px solid var(--border); border-radius: 20px;
    background: var(--card); box-shadow: var(--shadow);
    backdrop-filter: blur(12px);
}
.authorization-portrait #form_authorization > p {
    display: grid; width: 100%; margin: 0; gap: 10px;
}
.authorization-portrait #form_authorization input {
    width: 100%; height: 48px; margin: 0; padding: 0 14px;
    border: 1px solid var(--border); border-radius: 13px;
    background: var(--bg-1); color: var(--text-1); outline: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background
    0.18s ease;
}
.authorization-portrait #form_authorization input:focus {
    border-color: var(--accent-blue); background: var(--bg-1);
    box-shadow: 0 0 0 3px color-mix( in srgb, var(--accent-blue) 16%,
    transparent );
}
.authorization-portrait .auth-actions-row {
    order: 1; display: grid; width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
    align-self: center; margin: 10px 0 0;
}
.authorization-portrait .auth-actions-row button {
    min-width: 0; min-height: 44px; padding: 0 16px;
    border: 1px solid var(--accent-blue); border-radius: 13px;
    font-weight: 700; white-space: nowrap;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s
    ease;
}
.authorization-portrait .auth-actions-row button:active {
    transform: translateY(1px);
}
.authorization-portrait .auth-actions-row #button_login {
    width: 100%;
    box-shadow: 0 8px 18px color-mix( in srgb, var(--accent-blue) 24%,
    transparent );
}
.authorization-portrait .auth-actions-row #button_login:only-child {
    grid-column: 1 / -1;
}
.authorization-portrait .auth-actions-row #button_register {
    position: static; top: auto; right: auto; z-index: auto; justify-self: end;
    margin: 0; background: var(--bg-1); color: var(--accent-blue);
    box-shadow: none;
}
.authorization-portrait .auth-actions-row #button_register:hover {
    background: var(--bg-2); color: var(--blue-navy);
}
.authorization-portrait .auth-pd-inline {
    order: 2; display: block; margin: 10px 0 0; padding: 0;
}
.authorization-portrait .auth-pd-inline .consent-block {
    width: 100%; margin: 0 auto; padding: 12px; border-radius: 14px;
    background: color-mix(in srgb, var(--bg-2) 56%, var(--bg-1));
    box-shadow: none;
}
.authorization-portrait #form_download {
    order: 2; width: min(100%, 460px); margin: 6px 0 0;
}
.authorization-portrait #form_download p {
    margin: 0;
}
.authorization-portrait #button_load {
    border: 0; background: transparent; color: var(--accent-blue);
    text-decoration: underline; text-underline-offset: 3px;
}
.authorization-portrait #button_load:hover {
    background: transparent; color: var(--blue-navy);
}
.authorization-portrait #label_RepeatPassword {
    order: 3; width: min(100%, 460px); box-sizing: border-box; margin: 8px 0 0;
    padding: 12px; border: 1px solid var(--border); border-radius: 14px;
    background: var(--bg-1); color: var(--text-2); line-height: 1.45;
}
.authorization-portrait.authorization-compact .page_authorization {
    padding-top: max(6px, env(safe-area-inset-top));
}
.authorization-portrait.authorization-compact .authorization-logo-row {
    margin-bottom: 2px;
}
.authorization-portrait.authorization-compact .authorization-logo {
    width: 48px; padding: 6px; border-radius: 15px;
}
.authorization-portrait.authorization-compact #form_authorization {
    margin-top: 6px; padding: 10px; border-radius: 16px;
}
.authorization-portrait.authorization-compact #form_authorization > p {
    gap: 7px;
}
.authorization-portrait.authorization-compact #form_authorization input {
    height: 42px;
}
.authorization-portrait.authorization-compact .auth-actions-row,
.authorization-portrait.authorization-compact .auth-pd-inline {
    margin-top: 7px;
}
.authorization-portrait.authorization-compact .auth-actions-row button {
    min-height: 40px;
}
.authorization-portrait.authorization-compact .auth-pd-inline .consent-block {
    gap: 4px; padding: 8px;
}
@media (max-width: 390px) {
    .authorization-portrait .auth-actions-row {
        grid-template-columns: minmax(0, 1fr) minmax(132px, auto); gap: 7px;
    }
    .authorization-portrait .auth-actions-row button {
        padding-right: 10px; padding-left: 10px;
        font-size: var(--font_size_caption);
    }
}

/* Файл page_load_mobile_version.css */

.page_load_mobile_version {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font_family_interface);
    line-height: 1.6;
    color: var(--text-1);
    background-color: #f5f5f5;
    display: flex;
    min-height: 100vh;
}
.page_load_mobile_version .left-section {
    flex: 1;
    padding-left: 40px;
    padding-right: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: var(--on-accent);
}
.page_load_mobile_version .left-section h1 {
    font-size: var(--font_size_3);
    margin-bottom: calc(var(--font_size_0) * 2);
    text-align: center;
    color: #2c3e50;
}
.page_load_mobile_version .left-section .back-button {
    position: absolute;
    top: var(--spacing_xl);
    left: var(--spacing_xl);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing_small);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--divider-soft);
    border-radius: var(--radius_pill);
    background: var(--surface-primary);
    color: var(--text-secondary);
    box-shadow: var(--app-shadow);
    font-size: var(--font_size_button);
    font-family: var(--font_family_interface);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.page_load_mobile_version .left-section .back-button:hover {
    transform: translateY(-1px);
}
.page_load_mobile_version .left-section .back-button:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: var(--spacing_2xs);
}
.page_load_mobile_version .app-image {
    margin-left: 50%;
    width: 80%;
}
.page_load_mobile_version .app-image img {
    width: 25%;
}
.page_load_mobile_version .app-description {
    font-size: var(--font_size_1);
    text-align: justify;
    color: #2c3e50;
}
.page_load_mobile_version .left-section button {
    background: none;
    border: none;
    cursor: pointer;
}
.page_load_mobile_version .right-section {
    flex: 1;
    padding: 40px;
    background-color: #f8f9fa;
    display: flex;
    flex-direction: column;
}
.page_load_mobile_version .history-title {
    margin: 0 0 20px;
    color: #2c3e50;
    font-size: var(--font_size_0);
}
.page_load_mobile_version .history-status {
    padding: var(--font_size_3);
    border-radius: 8px;
    background-color: var(--on-accent);
    color: #2c3e50;
}
.page_load_mobile_version .history-status-error {
    color: #9c1c1c;
}
.page_load_mobile_version .changelog-container {
    flex: 1;
    overflow-y: auto;
    max-height: calc(100vh - 80px);
    padding-right: 10px;
}
.page_load_mobile_version .changelog-container::-webkit-scrollbar {
    width: 8px;
}
.page_load_mobile_version .changelog-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.page_load_mobile_version .changelog-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}
.page_load_mobile_version .changelog-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
.page_load_mobile_version .changelog {
    position: relative;
    max-width: 600px;
    margin: 0 auto 0 calc(var(--spacing_section) * -1);
    padding-left: 18px;
}
.page_load_mobile_version .changelog::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 5px;
    width: 2px;
    background-color: #c8d8e8;
}
.page_load_mobile_version .changelog-item {
    position: relative;
}
.page_load_mobile_version .changelog-item::before {
    content: "";
    position: absolute;
    top: 24px;
    left: -18px;
    width: 12px;
    height: 2px;
    background-color: #c8d8e8;
}
.page_load_mobile_version .changelog-item {
    background: white;
    border-radius: 8px;
    margin-bottom: var(--font_size_3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.page_load_mobile_version .changelog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--font_size_3);
    cursor: pointer;
    background-color: var(--on-accent);
    border-bottom: 1px solid #eee;
}
.page_load_mobile_version .changelog-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.page_load_mobile_version .date {
    font-weight: bold;
    color: #2c3e50;
    font-size: var(--font_size_button);
}
.page_load_mobile_version .version {
    color: #3498db;
    font-weight: bold;
    font-size: var(--font_size_button);
}
.page_load_mobile_version .toggle-btn {
    background: #3498db;
    color: white;
    border: none;
    width: calc(var(--font_size_0) * 2);
    height: calc(var(--font_size_0) * 2);
    border-radius: 50%;
    font-size: var(--font_size_2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}
.page_load_mobile_version .toggle-btn:hover {
    background: #2980b9;
}
.page_load_mobile_version .changelog-details {
    display: none;
    padding: var(--font_size_3);
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
}
.page_load_mobile_version .improvements,
.page_load_mobile_version .fixes {
    margin-bottom: 15px;
}
.page_load_mobile_version .improvements strong,
.page_load_mobile_version .fixes strong {
    color: #2c3e50;
    display: block;
    margin-bottom: 8px;
}
.page_load_mobile_version .improvements ul,
.page_load_mobile_version .fixes ul {
    list-style-type: none;
    padding-left: 0;
}
.page_load_mobile_version .improvements li,
.page_load_mobile_version .fixes li {
    padding: 5px 0;
    padding-left: 15px;
    position: relative;
}
.page_load_mobile_version .improvements li::before,
.page_load_mobile_version .fixes li::before {
    content: "•";
    color: #3498db;
    position: absolute;
    left: 0;
}

@media (max-aspect-ratio: 1/1) {
    .page_load_mobile_version {
        flex-direction: column;
    }
    .page_load_mobile_version .left-section,
    .page_load_mobile_version .right-section {
        width: 100%;
    }
    .page_load_mobile_version .left-section {
        min-height: auto;
        padding: calc(var(--font_size_0) * 2) var(--font_size_3);
    }
    .page_load_mobile_version .right-section {
        padding: var(--font_size_3);
    }
    .page_load_mobile_version .changelog-container {
        max-height: none;
        overflow-y: visible;
    }
    .page_load_mobile_version .left-section h1 {
        font-size: var(--font_size_3);
    }
}

@media (max-width: 480px) {
    .page_load_mobile_version .left-section h1 {
        font-size: var(--font_size_3);
    }
    .page_load_mobile_version .app-description {
        font-size: var(--font_size_button);
    }
    .page_load_mobile_version .changelog-header,
    .page_load_mobile_version .changelog-details {
        padding: 15px;
    }
}

/* Файл base.css */

html, body {
    height: 100%; margin: 0px; padding: 0px;
    font-family: var(--font_family_interface);
}
.menu-button {
    position: absolute; left: 10px; z-index: 1000; background: none;
    border: none; cursor: pointer;
}
.menu-button span {
    display: block; width: 100%; height: 4px;
    background-color: var(--active-tab-background); border-radius: 2px;
    transition: all 0.3s ease;
}
.menu-button:hover span {
    background-color: var(--active-tab-hover);
}
.menu-button.active span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}
.menu-button.active span:nth-child(2) {
    opacity: 0;
}
.menu-button.active span:nth-child(3) {
    transform: rotate(-45deg) translate(8px, -8px);
}
.tab-content-item.active {
    display: flex; flex-direction: column;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.nav-footer {
    width: 0;
}
.nav-footer .policy-button {
    display: block; width: 100%; padding: 0; border: none;
    background: transparent; font-size: var(--tab-sidebar-font-size);
    color: var(--sidebar-text); cursor: pointer; text-decoration: underline;
    white-space: normal; overflow-wrap: anywhere; word-break: break-word;
    line-height: 1.3; text-align: center;
}
.nav-footer .label-info {
    display: block; width: 100%; min-width: 0; max-width: 100%;
    white-space: normal; overflow-wrap: anywhere; word-break: break-word;
    box-sizing: border-box;
}
.nav-footer .policy-button:hover {
    opacity: 0.7;
}
.tab-content-wrapper.scrollable,
.tab-content-wrapper.scrollable > .tab-content-item.active.scrollable-content {
    flex: 1 1 auto; min-height: 0;
}
html, body, #root {
    width: 100%; height: 100dvh; max-height: 100dvh; min-height: 0;
    overflow: hidden; box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.tab-widget-container, .tab-container-left, .tab-container-top,
.tab-content-wrapper, .tab-content-item.active {
    min-height: 0; max-height: 100%;
}
.tab-widget-container, .tab-container-left, .tab-container-top {
    overflow: hidden;
}
#tab-container-tab_0 > .tab-content-wrapper.scrollable >
.tab-content-item.active.scrollable-content {
    overflow: hidden;
}
#tab-container-tab_0 > .tab-content-wrapper.scrollable >
.tab-content-item.active.scrollable-content > * {
    flex: 1 1 auto; min-height: 0; overflow: auto;
}

/* Файл tabs.css */

.tab-link {
    padding: var(--button-padding-block) var(--button-padding-inline);
    text-decoration: none; color: var(--text-2); border: 0;
    border-radius: 0.375rem; background: transparent; cursor: pointer;
    word-wrap: break-word; overflow-wrap: break-word; line-height: 1.2;
    min-height: var(--button-min-height); align-items: left; text-align: left;
    width: 100%;
}
.tab-link:hover {
    background-color: color-mix(in srgb, var(--text-1) 6%, transparent);
}
.tab-link.active {
    cursor: default; color: var(--active-tab-text);
    background-color: var(--active-tab-background);
}
.tab-close-button {
    background: none; border: none; color: var(--accent-red); cursor: pointer;
    font-size: var(--font_size_button); font-weight: bold; border-radius: 3px;
}
.tab-close-button:hover {
    background-color: var(--bg-2); color: var(--text-1);
}

/* Файл left-panel.css */

.tab-container-left {
    transition: margin-left 0.3s ease;
}
.tab-nav-left {
    background-color: var(--surface-secondary);
    font-size: var(--tab-sidebar-font-size); padding-top: 0.2rem;
    padding-left: 0.5rem; padding-right: 0.5rem;
    width: var(--left-panel-width, auto);
    min-width: var(--left-panel-width, 200px); transition: transform 0.3s ease;
    z-index: 100; min-height: 0;
}
.tab-nav-left > .nav-header, .tab-nav-left > .nav-footer {
    flex: 0 0 auto;
}
.tab-nav-left > .tab-list {
    display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column;
    overflow-x: hidden; overflow-y: auto; padding-right: 2px;
    scrollbar-gutter: stable; overscroll-behavior: contain;
}
.tab-nav-left.tab-nav--scrollbar-hidden > .tab-list {
    padding-right: 0; scrollbar-width: none; -ms-overflow-style: none;
    scrollbar-gutter: auto;
}
.tab-nav-left.tab-nav--scrollbar-hidden > .tab-list::-webkit-scrollbar {
    width: 0; height: 0;
}
.tab-content-wrapper {
    transition: margin-left 0.3s ease;
}
.tab-nav-left .tab-link {
    white-space: normal; word-wrap: break-word; overflow-wrap: break-word;
    line-height: 1.2; font-size: var(--tab-sidebar-font-size);
    min-height: 0rem; display: flex; justify-content: left; text-align: left;
}
.tab-nav-left .tab-item-wrapper {
    flex-direction: column; align-items: stretch;
}
.tab-nav-left .tab-close-button {
    margin-top: 0.25rem; margin-right: 0;
}
.tab-container-left.hide-panel .tab-nav-left {
    display: none;
}
.tab-container-left.hide-panel .tab-content-wrapper,
.tab-container-left.fixed-panel {
    margin-left: 0 !important;
}
.tab-container-left.fixed-panel .tab-nav-left {
    transform: translateX(0) !important; position: relative !important;
}
.tab-container-left.fixed-panel .menu-button {
    display: none !important;
}

/* Файл top-panel.css */

.tab-container-top {
    border: 1px solid var(--tab-border-color); border-radius: 0.375rem;
}
.tab-container-top .tab-nav-top .tab-link:not(.active) {
    background: transparent !important; color: var(--blue-navy) !important;
    border: none !important; opacity: 1 !important;
    visibility: visible !important; text-shadow: none !important;
    box-shadow: none !important;
}
.tab-container-top .tab-nav-top .tab-link:not(.active):hover {
    background: transparent !important; color: var(--accent-blue) !important;
}
.tab-container-top .tab-nav-top .tab-link.active {
    background: transparent !important;
    color: var(--active-tab-text) !important; border: none !important;
    opacity: 1 !important; box-shadow: none !important;
}
.tab-container-top > .tab-content-wrapper {
    flex: 1 1 auto; min-height: 0; overflow: hidden;
}
.tab-nav-top {
    margin-bottom: 0.1rem; background-color: var(--surface-secondary);
    border-radius: 0.375rem;
}
.tab-nav-top > .tab-list {
    display: flex; flex: 1 1 auto; min-width: 0; flex-wrap: wrap; gap: 0.28rem;
}
.tab-nav-top .tab-link {
    line-height: 1; min-height: auto; display: inline-flex;
    align-items: center; justify-content: center; width: auto;
    margin-bottom: 0; padding: 0; background: transparent;
    color: var(--blue-navy); border: none; border-radius: 0;
    font-size: var(--font_size_button); font-weight: 600; white-space: nowrap;
    text-decoration: none; box-shadow: none; transition: color 0.15s ease;
}
.tab-nav-top .tab-link:hover {
    background: transparent; color: var(--accent-blue); box-shadow: none;
}
.tab-nav-top .tab-link.active {
    background: transparent; color: var(--active-tab-text); box-shadow: none;
}
.tab-nav-top .tab-link.active:hover {
    background: transparent; color: var(--active-tab-text);
}
.tab-nav-top .tab-item-wrapper {
    display: inline-flex; align-items: center; flex-direction: row;
    margin-right: 0; margin-bottom: 0;
    padding: var(--button-padding-block) var(--button-padding-inline);
    background: var(--surface-primary);
    border: 1px solid var(--tab-border-color); border-radius: 0.42rem;
    box-shadow: var(--shadow);
    transition: background-color 0.15s ease, border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.tab-nav-top .tab-item-wrapper:hover {
    background: var(--surface-muted); border-color: var(--accent);
    box-shadow: var(--shadow);
}
.tab-nav-top .tab-item-wrapper:has(.tab-link.active) {
    background: var(--active-tab-background);
    border-color: var(--active-tab-background);
    box-shadow: 0 2px 5px color-mix( in srgb, var(--active-tab-background) 28%,
    transparent );
}
.tab-nav-top .tab-item-wrapper:has(.tab-link.active):hover {
    background: var(--active-tab-hover); border-color: var(--active-tab-hover);
}
.tab-nav-top .tab-close-button {
    display: inline-flex; width: 1.05em; height: 1.05em; min-width: 1.05em;
    min-height: 1.05em; margin-left: 0.35rem; margin-right: 0; padding: 0;
    align-items: center; justify-content: center; box-sizing: border-box;
    border: 1px solid var(--accent-red); border-radius: 4px;
    background: transparent; color: var(--accent-red);
    font-size: var(--font_size_button); line-height: 1;
}
.tab-nav-top .tab-close-button:hover {
    background: color-mix(in srgb, var(--accent-red) 12%, transparent);
    color: var(--accent-red); border-color: var(--accent-red);
}
@media (orientation: portrait), (max-width: 680px) {
    .tab-nav-top {
        overflow-x: auto; overflow-y: hidden; scrollbar-width: thin;
    }
    .tab-nav-top > .tab-list {
        flex-wrap: nowrap; min-width: max-content;
    }
    .tab-nav-top .tab-item-wrapper {
        flex: 0 0 auto;
    }
}

/* Файл themes.css */

.tab-container-left.blue-panel > .tab-nav-left,
.tab-container-top.blue-panel > .tab-nav-top {
    background: var(--sidebar-background);
}
.tab-container-left.blue-panel > .tab-nav-left > .tab-list .tab-link,
.tab-container-top.blue-panel > .tab-nav-top > .tab-list .tab-link {
    color: var(--sidebar-text);
}
.tab-container-left.blue-panel > .tab-nav-left > .tab-list .tab-link:hover,
.tab-container-top.blue-panel > .tab-nav-top > .tab-list .tab-link:hover {
    background-color: color-mix( in srgb, var(--active-tab-background) 76%,
    transparent );
}
.tab-container-left.blue-panel > .tab-nav-left > .tab-list .tab-link.active,
.tab-container-top.blue-panel > .tab-nav-top > .tab-list .tab-link.active,
.tab-nav-top.blue-tabs .tab-link.active,
.tab-nav-left.blue-tabs .tab-link.active {
    background-color: var(--active-tab-background);
    color: var(--active-tab-text);
}
.tab-nav-top.blue-tabs .tab-link, .tab-nav-left.blue-tabs .tab-link {
    background-color: var(--accent); color: var(--active-tab-text);
}
.tab-nav-top.blue-tabs .tab-link:hover,
.tab-nav-left.blue-tabs .tab-link:hover {
    background-color: var(--accent-blue);
}
.blue-tabs .tab-close-button {
    color: color-mix(in srgb, var(--active-tab-text) 72%, transparent);
}
.blue-tabs .tab-close-button:hover {
    background-color: color-mix( in srgb, var(--active-tab-text) 18%,
    transparent );
    color: var(--active-tab-text);
}
.tab-container-left.blue-panel:not(#tab-container-tab_0) {
    gap: 8px; background: var(--app-background);
}
.tab-container-left.blue-panel:not(#tab-container-tab_0) > .tab-nav-left {
    padding: var(--tab-sidebar-edge-padding);
    background: var(--sidebar-background);
    border-right: 1px solid color-mix( in srgb, var(--sidebar-text) 18%,
    transparent );
}
.tab-container-left.blue-panel:not(#tab-container-tab_0) > .tab-nav-left
> .tab-list {
    gap: 0; padding: 2px 0;
}
.tab-container-left.blue-panel:not(#tab-container-tab_0) > .tab-nav-left
> .tab-list .tab-item-wrapper {
    margin-bottom: var(--tab-margin-bottom, 0.5rem);
}
.tab-container-left.blue-panel:not(#tab-container-tab_0) > .tab-nav-left
> .tab-list .tab-link {
    min-height: 2.2rem; margin-bottom: 0; padding: 0.35rem 0.5rem;
    align-items: center; justify-content: flex-start; background: transparent;
    border: 1px solid transparent; border-radius: 7px;
    color: var(--sidebar-text); font-size: inherit; line-height: 1.2;
}
.tab-container-left.blue-panel:not(#tab-container-tab_0) > .tab-nav-left
> .tab-list .tab-link:hover {
    background: var(--sidebar-tab-hover);
    border-color: var(--sidebar-tab-border);
}
.tab-container-left.blue-panel:not(#tab-container-tab_0) > .tab-nav-left
> .tab-list .tab-link.active {
    background: var(--active-tab-background);
    border-color: var(--active-tab-background); color: var(--active-tab-text);
}
.tab-container-left.blue-panel:not(#tab-container-tab_0)
> .tab-content-wrapper {
    min-width: 0; background: var(--app-background);
}

/* Файл responsive.css */

@media (orientation: portrait) {
    .tab-container-left, .tab-content-wrapper {
        margin-left: 0 !important;
    }
    .tab-nav-left {
        position: absolute; left: 0; top: 0; height: 100%;
        transform: translateX(-100%);
    }
    .tab-nav-left.menu-open {
        transform: translateX(0);
    }
    .menu-button {
        display: flex;
    }
    .tab-widget-container > .menu-button {
        top: var(--spacing_compact); left: var(--spacing_small); width: 36px;
        height: 36px; padding: var(--spacing_dense);
        border: 1px solid var(--border); border-radius: var(--spacing_regular);
        background: var(--bg-1); box-shadow: var(--shadow);
    }
    .tab-widget-container > .menu-button span {
        height: var(--spacing_micro);
    }
    .tab-widget-container > .menu-button + .tab-container-left {
        padding-top: 48px; box-sizing: border-box;
    }
    .tab-widget-container > .menu-button + .tab-container-left.theme-lk {
        background: var(--table-header-background);
    }
    .tab-widget-container > .menu-button + .tab-container-left >
    .tab-nav-left {
        padding-top: 52px;
    }
    .tab-container-left.menu-open .tab-content-wrapper {
        margin-left: var(--left-panel-width, 200px);
    }
}
@media (orientation: landscape) {
    .menu-button {
        display: none !important;
    }
    .tab-nav-left {
        transform: translateX(0) !important; position: relative !important;
    }
}

/* Файл button_switch.css */

.config-switch-container {
    padding: calc(var(--spacing_small) * .25) calc(var(--spacing_small) * .5);
    border-bottom: 1px solid color-mix(in srgb, var(--bg-1) 14%, transparent);
}
.config-switch-button {
    padding: 3px var(--spacing_small); border: 1px solid var(--border);
    border-radius: 999px; color: var(--blue-navy); background: var(--bg-1);
    font-size: var(--font_size_caption); font-weight: 600; box-shadow: none;
}
.config-switch-button:hover:not(:disabled):not(.disabled) {
    color: var(--accent-blue); background: var(--bg-2);
    border-color: var(--accent); box-shadow: none; transform: none;
}
.config-switch-button:active:not(:disabled):not(.disabled) {
    transform: none;
}

/* Файл theme-lk.css */

.theme-lk {
    --left-panel-width: min(300px, 92vw);
}
.theme-lk .container {
    width: 100%; height: auto; min-height: 100%; max-height: none;
    overflow: visible; padding-left: var(--spacing_section);
    padding-right: 20px; padding-top: 0; padding-bottom: 0;
    scrollbar-width: none; -ms-overflow-style: none;
}
.theme-lk .container.lk-content-page {
    padding-top: var(--spacing_section);
}
.theme-lk .container::-webkit-scrollbar {
    width: 0; height: 0;
}
.theme-lk .tab-container-left {
    display: flex; position: relative; width: 100%; height: 100%;
    transition: margin-left 0.3s ease;
}
.theme-lk .tab-nav-left {
    display: flex; flex-direction: column; flex-shrink: 0;
    background: var(--sidebar-background); color: var(--sidebar-text);
    padding: 16px 18px; width: var(--left-panel-width);
    min-width: var(--left-panel-width); box-sizing: border-box;
    transition: transform 0.3s ease; box-shadow: var(--shadow); height: 100dvh;
    overflow: hidden;
}
.theme-lk .sidebar-header {
    margin-bottom: 0;
}
.theme-lk .config-switch-container > br {
    display: none;
}
.theme-lk .tab-nav-left .tab-link {
    padding: 8px 38px; margin-bottom: 0;
    background-color: var(--sidebar-tab-background);
    border: 1px solid var(--sidebar-tab-border); border-radius: 8px;
    font-size: inherit; color: var(--sidebar-text); justify-content: center;
    min-height: auto; transition: background 0.2s, transform 0.2s;
}
.theme-lk > .tab-nav-left > .tab-list {
    gap: 20px; padding-top: 12px;
}
.theme-lk > .tab-nav-left > .tab-list .tab-item-wrapper {
    margin-bottom: 0;
}
.theme-lk .tab-nav-left .tab-link:hover {
    background-color: var(--sidebar-tab-hover); transform: translateY(-2px);
}
.theme-lk .lk_object_switch_row {
    display: grid; width: 100%; min-width: 0;
    grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px;
    margin: 2px 0;
}
.theme-lk .lk_object_switch_label, .theme-lk #house_label,
.theme-lk #apartment_label {
    margin: 0; color: var(--sidebar-text); font-size: var(--font_size_1);
    font-weight: 600; white-space: nowrap;
}
.theme-lk .lk_object_switch_select, .theme-lk #Бокс_переключение_между_домами,
.theme-lk #Бокс_переключение_между_квартирами {
    display: block; width: 100%; min-width: 0; height: 28px;
    box-sizing: border-box; margin: 0; padding: 0 5px;
    border: 1px solid color-mix(in srgb, var(--sidebar-text) 30%, transparent);
    border-radius: 8px; background-color: transparent;
    color: var(--sidebar-text); font-size: var(--font_size_0);
    line-height: 1.2; cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.theme-lk .lk_object_switch_select:hover,
.theme-lk #Бокс_переключение_между_домами:hover,
.theme-lk #Бокс_переключение_между_квартирами:hover {
    border-color: var(--sidebar-text); box-shadow: var(--shadow);
}
.theme-lk .lk_object_switch_select:focus,
.theme-lk #Бокс_переключение_между_домами:focus,
.theme-lk #Бокс_переключение_между_квартирами:focus {
    border-color: var(--sidebar-text); outline: none;
    box-shadow: 0 0 0 2px color-mix( in srgb, var(--sidebar-text) 20%,
    transparent );
}
.theme-lk .lk_object_switch_select:disabled,
.theme-lk #Бокс_переключение_между_домами:disabled,
.theme-lk #Бокс_переключение_между_квартирами:disabled {
    opacity: 1; cursor: default;
}
.theme-lk .lk_object_switch_select option,
.theme-lk #Бокс_переключение_между_домами option,
.theme-lk #Бокс_переключение_между_квартирами option {
    background-color: var(--bg-2); color: var(--text-1);
}
.theme-lk .nav-footer .logout-button {
    width: 100%; padding: 12px; border: none; border-radius: 8px;
    background-color: var(--color_3); font-size: var(--font_size_1) !important;
    color: var(--sidebar-text); cursor: pointer;
    transition: background 0.2s, transform 0.2s;
}
.theme-lk .nav-footer .logout-button:hover {
    background-color: var(--sidebar-tab-hover); transform: translateY(-2px);
}
.theme-lk .nav-footer .label-info {
    color: var(--sidebar-text); text-align: center; white-space: pre-line;
    font-size: var(--font_size_0); align-self: center;
}
.theme-lk .nav-footer {
    margin-top: auto; gap: 4px;
}
.config_LK > .tab-widget-container, .config_LK .tab-container-left.theme-lk,
.config_LK .tab-content-wrapper.scrollable {
    height: 100%; min-height: 0; overflow: hidden;
}
.config_LK .tab-content-wrapper.scrollable >
.tab-content-item.active.scrollable-content {
    min-height: 0; overflow-x: hidden; overflow-y: auto;
    overscroll-behavior: contain;
}
.config_LK .tab-content-wrapper.scrollable >
.tab-content-item.active.scrollable-content > * {
    width: 100%; height: auto !important; min-height: 100%;
    max-height: none !important; flex: 0 0 auto !important;
    overflow: visible !important; box-sizing: border-box;
}

/* Файл theme-bux.css */

#tab-container-tab_0 > .tab-nav-left {
    padding: var(--tab-sidebar-edge-padding);
}
#tab-container-tab_0 > .tab-nav-left > .nav-header {
    margin-bottom: 4px;
}
#tab-container-tab_0 > .tab-nav-left > .tab-list {
    gap: 0; padding: 2px 0;
}
#tab-container-tab_0 > .tab-nav-left > .tab-list .tab-item-wrapper {
    margin-bottom: var(--tab-margin-bottom, 0.5rem);
}
#tab-container-tab_0 > .tab-nav-left > .tab-list .tab-link {
    min-height: 2.2rem; margin-bottom: 0; padding: 0.35rem 0.5rem;
    justify-content: flex-start; background: transparent;
    border: 1px solid transparent; border-radius: 7px;
    color: var(--sidebar-text); font-size: inherit; line-height: 1.2;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}
#tab-container-tab_0 > .tab-nav-left > .tab-list .tab-link:hover {
    background: var(--sidebar-tab-hover);
    border-color: var(--sidebar-tab-border);
}
#tab-container-tab_0 > .tab-nav-left > .tab-list .tab-link.active {
    background: var(--active-tab-background);
    border-color: var(--active-tab-background); color: var(--active-tab-text);
}

/* Файл scrollable.css */

.tab-content-wrapper.scrollable {
    display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0;
}
.tab-content-wrapper.scrollable > .tab-content-item.scrollable-content {
    flex: 1 1 auto; min-height: 0; height: 100%;
}
.tab-content-wrapper.scrollable > .tab-content-item.active.scrollable-content {
    display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0;
    overflow: auto; scrollbar-gutter: stable;
}
.tab-content-wrapper.scrollable,
.tab-content-wrapper.scrollable > .tab-content-item.scrollable-content {
    min-width: 0; max-width: 100%; box-sizing: border-box;
}
.tab-content-wrapper.scrollable >
.tab-content-item.active.scrollable-content > * {
    min-width: 100%;
}

/* Файл tab-drag.css */

.tab-nav--draggable .tab-item-wrapper:not(.tab-item-wrapper--locked) {
    cursor: grab;
}
.tab-nav--draggable .tab-item-wrapper:not(.tab-item-wrapper--locked):active {
    cursor: grabbing;
}
.tab-item-wrapper[draggable='true'] {
    user-select: none;
}
.tab-nav-top .tab-item-wrapper--drop-before::before {
    content: ''; position: absolute; top: -2px; bottom: -2px; left: -5px;
    width: 3px; border-radius: 3px; background: var(--accent);
}
.tab-nav-left .tab-item-wrapper--drop-before::before {
    content: ''; position: absolute; top: -4px; right: 0; left: 0; height: 3px;
    border-radius: 3px; background: var(--accent);
}
.tab-item-wrapper--locked {
    cursor: default;
}
.tab-nav-empty-drop {
    margin: var(--spacing_small); border: 1px dashed var(--border);
    border-radius: var(--spacing_small); color: var(--text-2);
    font-size: var(--font_size_0); text-align: center;
}
.tab-widget-empty-content {
    color: var(--text-2); font-size: var(--font_size_0);
}

/* Файл contextual_panel.css */

.contextual-sidebar-portal {
    padding: var(--tab-sidebar-edge-padding);
    background: var(--sidebar-background); color: var(--sidebar-text);
    font-size: var(--tab-sidebar-font-size);
    border-right: 1px solid color-mix( in srgb, var(--sidebar-text) 18%,
    transparent );
}
.contextual-sidebar__header, .contextual-sidebar__footer {
    display: flex; min-width: 0; flex: 0 0 auto; flex-direction: column;
    gap: var(--spacing_small);
}
.contextual-sidebar__tabs {
    padding: 2px 0;
}
.contextual-sidebar__tab {
    min-height: 2.2rem; padding: 0.35rem 0.5rem; border: 1px solid transparent;
    border-radius: 7px; background: transparent; color: var(--sidebar-text);
    font: inherit; font-size: var(--tab-sidebar-font-size); line-height: 1.2;
    text-align: left; cursor: pointer;
}
.contextual-sidebar__tab:hover {
    background: var(--sidebar-tab-hover);
    border-color: var(--sidebar-tab-border);
}
.contextual-sidebar__tab.active {
    background: var(--active-tab-background);
    border-color: var(--active-tab-background); color: var(--active-tab-text);
    cursor: default;
}
.contextual-sidebar__footer {
    z-index: 2; width: 100%;
    padding-bottom: max(var(--spacing_small), env(safe-area-inset-bottom));
    background: var(--sidebar-background);
}
.contextual-sidebar__header .btn, .contextual-sidebar__footer .btn,
.contextual-sidebar__footer .management-object-selector {
    width: 100%; font-size: inherit;
}
.contextual-sidebar-menu-button {
    position: fixed;
}
.contextual-sidebar-host-active > .tab-container-left > .tab-nav-left {
    visibility: hidden;
}
.contextual-sidebar-host-active > .tab-container-left >
.tab-content-wrapper.scrollable >
.tab-content-item.active.scrollable-content {
    scrollbar-gutter: auto;
}
@media (orientation: landscape) {
    .contextual-sidebar-host-active > .tab-container-left >
    .tab-content-wrapper {
        width: calc( 100% - var(--contextual-sidebar-layout-width, 0px) );
        max-width: calc( 100% - var(--contextual-sidebar-layout-width, 0px) );
        min-width: 0; flex: 1 1 auto; margin-left: 0 !important;
    }
}
@media (orientation: portrait) {
    .contextual-sidebar-host-active > .menu-button {
        display: none !important;
    }
    .contextual-sidebar-host-active > .tab-container-left > .tab-nav-left {
        transform: translateX(-100%) !important;
    }
    .contextual-sidebar-menu-button {
        display: flex !important;
    }
    .contextual-sidebar-portal {
        transform: translateX(-100%); transition: transform 0.3s ease;
    }
    .contextual-sidebar-portal.menu-open {
        transform: translateX(0);
    }
}

/* Файл TabWidget.css */

/* Файл base.css */

.pivot-table-container {
    scrollbar-gutter: stable; border: 1px solid var(--border);
    border-radius: 12px; background: var(--card); box-shadow: var(--shadow);
}
.pivot-table {
    table-layout: fixed; border-spacing: 0; font-size: var(--font_size_1);
    color: var(--text-2);
}
.pivot-table-loading, .pivot-table-error, .pivot-table-empty {
    padding: 14px; text-align: center; color: var(--text-3);
}
.pivot-radio-native {
    opacity: 0; cursor: pointer;
}
.pivot-radio-visual {
    border: 1px solid #888; border-radius: 50%; background: white;
    vertical-align: middle; pointer-events: none;
}
.radio-button-container--parent:has(.pivot-radio-native:checked)
.pivot-radio-visual,
.radio-button-container--leaf:has(.pivot-radio-native:checked)
.pivot-radio-visual {
    border-color: var(--accent);
}
.pivot-radio-visual--checked::after {
    content: ''; position: absolute; top: 50%; left: 50%; width: 8px;
    height: 8px; border-radius: 50%; background: #1976D2;
    transform: translate(-50%, -50%);
}
.radio-button-container--leaf {
    cursor: pointer;
}

/* Файл header.css */

.pivot-table th, .pivot-table td {
    padding: 4px 6px; text-align: left; vertical-align: top; overflow: hidden;
    text-overflow: ellipsis; border-bottom: 1px solid #eef2f7;
}
.pivot-table th {
    position: sticky; top: 0; z-index: 10;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f6fb 100%);
    color: #172033; font-weight: 600; font-size: var(--font_size_caption);
    line-height: 1.3;
}
.aggregation-header th {
    box-shadow: inset 0 -1px 0 #e6edf6;
}
.empty-header {
    background: linear-gradient(180deg, #f8fbff 0%, #f2f6fb 100%);
}
.hierarchy-header, .value-header {
    min-height: 44px;
}
.header-label {
    line-height: 1.25; font-size: var(--font_size_caption);
}
.agg-label {
    font-size: var(--font_size_caption); line-height: 1.2; color: #7b8794;
    font-weight: 500;
}
.value-header--wrap .header-label, .hierarchy-header--wrap .header-label {
    white-space: normal; overflow-wrap: anywhere; word-break: break-word;
    hyphens: auto;
}
.value-header--nowrap .header-label, .hierarchy-header--nowrap .header-label {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Файл search.css */

.hierarchy-header__content {
    gap: var(--gap_0);
}
.hierarchy-header .header-label {
    min-width: 0; font-size: var(--font_size_0); font-weight: 400;
    color: var(--text-2);
}
.pivot-search__button {
    width: 1.35em; height: 1.35em; min-width: 1.35em; min-height: 1.35em;
    border: 0; background: transparent; color: var(--text-2); font: inherit;
    font-size: var(--font_size_0); line-height: 1; cursor: pointer;
    transform: none;
}
.pivot-search__button:hover, .pivot-search__button:active,
.pivot-search__button:focus-visible {
    width: 1.35em; height: 1.35em; padding: 0; font-size: var(--font_size_0);
    transform: none;
}
.pivot-search__icon {
    font-size: var(--font_size_3); line-height: 1;
}
.pivot-search__popover {
    z-index: 30; top: calc(100% + var(--gap_0)); padding: var(--gap_0);
    border: 1px solid var(--border); border-radius: 10px;
    background: var(--bg-1); box-shadow: var(--shadow);
}
.pivot-search__popover input {
    width: 100%; box-sizing: border-box;
}

/* Файл hierarchy.css */

.hierarchy-row {
    cursor: pointer; transition: background-color 0.16s ease;
}
.hierarchy-row:hover {
    background-color: var(--bg-2);
}
.hierarchy-cell {
    --pivot-indent-step: 12px; --pivot-indent-base: 10px;
    padding-left: calc( var(--pivot-level, 0) * var(--pivot-indent-step) +
    var(--pivot-indent-base) ) !important;
}
.hierarchy-cell--child {
    border-left: 2px solid var(--border);
}
.hierarchy-cell--root {
    border-left: none;
}
.hierarchy-content {
    min-height: 24px;
}
.hierarchy-indent {
    flex: 0 0 18px;
}
.toggle-button {
    border: none; border-radius: 6px; background: transparent;
    color: var(--text-3); cursor: pointer;
    transition: background-color 0.16s ease, color 0.16s ease;
}
.toggle-button:hover {
    background: var(--bg-2); color: var(--accent-blue);
}
.node-value {
    font-size: var(--font_size_0); line-height: 1.3; color: var(--text-2);
}
.node-stats {
    color: var(--text-3); font-size: var(--font_size_0); line-height: 1.3;
    margin-bottom: 12px;
}
.checkbox-cell {
    text-align: center;
}
.empty-value {
    color: var(--text-3);
}
.level-0 {
    background-color: var(--bg-2);
}
.level-2 {
    background-color: var(--on-accent);
}

/* Файл kind_badge.css */

.hierarchy-kind-badge {
    border-radius: 6px; font-size: var(--font_size_0);
}
.hierarchy-kind-badge--seller {
    background-color: #ede9fe; color: var(--blue-navy);
}
.hierarchy-kind-badge--buyer {
    background-color: #d1fae5; color: #047857;
}

/* Файл total_row.css */

.pivot-total-row {
    background: var(--bg-2);
}
.pivot-total-cell {
    z-index: 9; background: var(--bg-2); border-top: 2px solid var(--border);
    font-weight: 600; color: var(--text-1);
}
.pivot-total-label {
    text-align: left;
}
.pivot-total-value {
    text-align: right;
}

/* Файл PivotTable.css */
.pivot-table-error {
    min-height: 96px; color: #a01818;
}
.pivot-table-error button {
    padding: 7px 14px; border: 0; border-radius: 10px; background: #3889c9;
    color: #fff; cursor: pointer;
}

/* Файл Grid.css */

.grid-container {
    display: grid; width: 100%; height: 100%; gap: 5px; grid-auto-rows: 1fr;
}
.grid-container.scrollable {
    overflow: auto; grid-auto-rows: min-content;
}
.grid-item {
    min-height: 0; min-width: 0; overflow: hidden;
}
@media (orientation: portrait) {
    .grid-container--portrait-flow {
        display: flex; width: 100%; height: 100%; min-height: 0; min-width: 0;
        flex-direction: column; gap: 7px; overflow-x: hidden; overflow-y: auto;
        overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    }
    .grid-container--portrait-flow > .grid-item {
        min-width: 0; flex: 0 0 auto; grid-row: auto !important;
        grid-column: auto !important; overflow: visible;
    }
    .grid-container--portrait-flow > .grid-item:has(.table-widget) {
        height: auto; min-height: 280px; max-height: none; flex: 1 1 280px;
        overflow: hidden;
    }
    .grid-container--portrait-flow > .grid-item:has(.table-widget)
    .table-widget {
        height: 100%; min-height: 0; max-height: 100%;
    }
    .grid-container--portrait-flow > .grid-item:has(.table-widget)
    .table-wrapper,
    .grid-container--portrait-flow > .grid-item:has(.table-widget)
    .portrait-card-table {
        height: 100%; min-height: 0; max-height: 100%; overflow-y: auto;
    }
}

/* Файл PaymentApprovalDrawer.css */

.drawer-title .pad-back-btn {
    margin-right: var(--spacing_small); border: 1px solid var(--border);
    background: var(--accent-blue); color: var(--on-accent);
    font-size: var(--font_size_0); font-weight: 600;
}
.pad-approval-content {
    color: var(--text-1); font-size: var(--font_size_0);
}
.pad-section {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1);
}
.pad-section-title {
    color: var(--text-2); font-size: var(--font_size_0); font-weight: 700;
    letter-spacing: normal; text-transform: none;
}
.pad-field label {
    display: block; margin-bottom: 4px; color: var(--text-2);
    font-size: var(--font_size_0);
}
.pad-val {
    color: var(--text-1); font-size: var(--font_size_0); font-weight: 600;
}
.pad-val--accent {
    color: var(--accent-blue); font-size: var(--font_size_1);
}
.pad-status-badge {
    background: var(--accent-orange-bg); color: var(--accent-orange-text);
    font-size: var(--font_size_0); font-weight: 600;
}
.pad-actions {
    bottom: calc(0px - var(--font_size_0));
    margin: var(--spacing_small) calc(0px - var(--font_size_0)) calc(0px -
    var(--font_size_0));
    border-top: 1px solid var(--border); background: var(--bg-1); z-index: 10;
}
.pad-btn-approve, .pad-btn-reject, .pad-btn-chat {
    min-height: 38px; margin: 0; padding: 4px var(--font_size_0);
    border-radius: var(--spacing_small); font-size: var(--font_size_0);
    cursor: pointer;
}
.pad-btn-approve {
    border: 1px solid var(--accent); background: var(--accent);
    color: var(--on-accent); font-weight: 700;
}
.pad-btn-approve:hover:not(:disabled) {
    background: var(--accent-blue); transform: none;
}
.pad-btn-approve:disabled, .pad-btn-chat:disabled, .pad-btn-reject:disabled {
    opacity: 0.55; cursor: not-allowed;
}
.pad-btn-reject {
    border: 1px solid var(--accent-red); background: var(--bg-1);
    color: var(--accent-red);
}
.pad-btn-reject:hover {
    border-color: var(--accent-red-bright); background: var(--bg-2);
    color: var(--accent-red); transform: none;
}
.pad-btn-chat {
    border: 1px solid var(--accent-blue); background: var(--accent-blue);
    color: var(--on-accent);
}
.pad-btn-chat:hover {
    background: var(--accent); transform: none;
}
.pad-empty {
    color: var(--text-2); font-size: var(--font_size_0); text-align: center;
}
.pad-approval-content .block_3 {
    padding: var(--font_size_0) var(--font_size_0) calc(var(--font_size_0) +
    var(--spacing_micro));
}

/* Файл use_confirm_payments.css */

.confirm_payments_content {
    color: var(--text-1); font-size: var(--font_size_0);
}
.confirm_payments_content .content-card__title {
    color: var(--text-1); font-size: var(--font_size_1);
}
.confirm_payments_content .content-card__meta,
.confirm_payments_content .content-card__text,
.confirm_payments_content .no-content {
    color: var(--text-2); font-size: var(--font_size_0);
}
.confirm_payments_content .badge {
    background: var(--bg-2); color: var(--accent);
    font-size: var(--font_size_0);
}
.payment-card {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 190px);
}
.payment-card__chat-btn, .payment-card__open-btn {
    margin: 0; padding: 4px var(--font_size_0);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    font-size: var(--font_size_0); cursor: pointer;
}
.payment-card__chat-btn {
    background: var(--bg-1); color: var(--text-1);
}
.payment-card__chat-btn:hover {
    background: var(--bg-2); color: var(--text-1); transform: none;
}
.payment-card__open-btn {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.payment-card__open-btn:hover {
    background: var(--accent-blue); color: var(--on-accent); transform: none;
}
@media (max-width: 760px) {
    .payment-card {
        grid-template-columns: 1fr;
    }
    .payment-card__file {
        justify-content: flex-start;
    }
    .payment-card__footer {
        flex-wrap: wrap; justify-content: flex-start;
    }
}

/* Файл driver_messenger_base.css */

.driver_messages_button {
    right: var(--font_size_1); bottom: var(--font_size_1); height: 54px;
    border: 0; border-radius: 50%; background: var(--accent);
    color: var(--on-accent); cursor: pointer; z-index: 100;
}
.driver_messages_button:hover {
    background: var(--accent-blue);
}
.driver_messages_button_icon {
    font-size: var(--font_size_2);
}
.driver_messages_button_badge, .driver_messages_badge {
    display: inline-flex; min-width: 22px; height: 22px; align-items: center;
    justify-content: center; box-sizing: border-box; padding: 0 4px;
    border-radius: var(--font_size_0); background: var(--accent-orange-bg);
    color: var(--accent-orange-text); font-size: var(--font_size_0);
    font-weight: 700;
}
.driver_messages_panel .drawer-header {
    font-size: var(--font_size_1);
}
.driver_messages_panel .drawer-body {
    display: flex; min-height: 0; flex-direction: column; overflow: hidden;
}
.driver_messages_tabs {
    gap: 4px;
}
.driver_messages_tab {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); line-height: 1.2; cursor: pointer;
}
.driver_messages_tab:hover {
    background: var(--bg-2); color: var(--text-1); transform: none;
    box-shadow: none;
}
.driver_messages_tab--active, .driver_messages_tab--active:hover {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.driver_messages_toolbar, .driver_messages_room_header {
    display: flex; flex-shrink: 0; align-items: center;
    justify-content: space-between; gap: var(--spacing_small);
}
.driver_messages_room_title {
    border: 0; background: transparent; text-align: right; cursor: pointer;
}
.driver_messages_room_title:hover {
    background: var(--bg-1); color: var(--text-1); transform: none;
    box-shadow: none;
}
.driver_messages_add {
    border: 0; border-radius: 50%; background: var(--accent);
    color: var(--on-accent); cursor: pointer;
}
.driver_messages_add:hover {
    background: var(--accent-blue); transform: none;
}
.driver_messages_empty {
    color: var(--text-2); text-align: center;
}
.driver_messages_loading {
    color: var(--text-2); text-align: center;
}
.driver_room_card {
    color: var(--text-1); text-align: left; cursor: pointer;
}
.driver_room_card:hover {
    color: var(--text-1);
}
.driver_room_card__header, .driver_room_card__footer {
    display: flex; align-items: center; justify-content: space-between;
}
.driver_room_card__title, .driver_message_author {
    color: var(--text-1); font-size: var(--font_size_0); font-weight: 700;
}
.driver_room_card__message {
    font-size: var(--font_size_0);
}
.driver_room_card__footer {
    color: var(--text-2); font-size: var(--font_size_0);
}
.driver_messages_loading > span:last-child {
    display: none;
}

/* Файл driver_messenger_layout.css */

.driver_messages_back {
    border: 1px solid var(--border); background: var(--bg-1);
    color: var(--text-1); font-size: var(--font_size_0); cursor: pointer;
}
.driver_messages_back:hover {
    background: var(--bg-2); color: var(--text-1); transform: none;
}
.driver_message_row {
    justify-content: flex-start;
}
.driver_message_row--mine {
    justify-content: flex-end;
}
.driver_message_day span {
    line-height: 1.2;
}
.driver_message_card--mine .driver_message_text,
.driver_message_card--mine .driver_message_time {
    color: var(--on-accent);
}
.driver_message_text {
    color: var(--text-1); font-size: var(--font_size_0);
}
.driver_message_time {
    color: var(--text-2); line-height: 1; text-align: right;
}
.driver_messages_input {
    color: var(--text-1); font-family: var(--font_family_interface);
    font-size: var(--font_size_0);
}
.driver_messages_input:focus {
    outline: none;
}
.driver_messages_send {
    border: 0; background: var(--accent); color: var(--on-accent);
    font-size: var(--font_size_0); line-height: 1.2; cursor: pointer;
}
.driver_messages_send:hover {
    background: var(--accent-blue); transform: none;
}
.driver_messages_send:disabled {
    opacity: 0.55; cursor: not-allowed;
}
.driver_user_picker {
    color: var(--text-1); font-size: var(--font_size_0);
}
.driver_user_picker__title {
    color: var(--text-1); font-size: var(--font_size_0);
}
.driver_user_picker__title input {
    box-sizing: border-box; min-height: 38px; margin: 0;
    padding: 4px var(--font_size_0); border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-1); font-family: var(--font_family_interface);
    font-size: var(--font_size_0);
}
.driver_user_picker__search {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-2);
}
.driver_user_picker__search input {
    width: 100%; height: 36px; box-sizing: border-box; margin: 0;
    padding: 4px 0; border: 0; background: transparent; color: var(--text-1);
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
    outline: none;
}
.driver_messages_member button {
    flex-shrink: 0; width: 30px; height: 30px; margin: 0; padding: 0;
    border: 1px solid var(--border); border-radius: 50%;
    background: var(--bg-1); color: var(--accent-orange-text);
    font-size: var(--font_size_1); line-height: 1; cursor: pointer;
}
.driver_messages_member button:hover {
    background: var(--bg-2); transform: none;
}

/* Файл driver_messenger_rooms.css */

.driver_user_picker__item {
    cursor: pointer;
}
.driver_user_picker__item span {
    display: flex; flex-direction: column; gap: 4px;
}
.driver_user_picker__item small {
    color: var(--text-2); font-size: var(--font_size_0);
}
.confirm_payments_content {
    color: var(--text-1); font-size: var(--font_size_0);
}
.driver_messages_wrap .confirm_payments_content .content-toolbar {
    gap: 4px; padding-right: 0;
}
.driver_messages_wrap .confirm_payments_content .search {
    height: 38px; gap: var(--spacing_small); border-color: var(--border);
    background: var(--bg-1);
}
.driver_messages_wrap .confirm_payments_content .search input {
    box-sizing: border-box; height: 36px; margin: 0;
    padding: 4px var(--font_size_0); color: var(--text-1);
    font-size: var(--font_size_0);
}
@media (max-width: 760px) {
    .driver_messages_button {
        right: var(--font_size_0); bottom: var(--font_size_0);
    }
    .driver_messages_form {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
}
.driver_room_title_editor {
    grid-template-columns: minmax(0, 1fr) auto auto;
}
.driver_room_title_editor input {
    min-width: 0; min-height: 36px; margin: 0;
    padding: 4px var(--spacing_small); border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-1); font: inherit;
}
.driver_room_title_editor button, .driver_messages_member_add,
.driver_message_action_bar button, .driver_message_file_button {
    min-height: 36px; margin: 0; padding: 4px var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); cursor: pointer;
}
.driver_message_card {
    text-align: left; cursor: pointer;
}
.driver_message_card:hover {
    transform: none;
}
@media (max-width: 640px) {
    .driver_room_title_editor {
        grid-template-columns: minmax(0, 1fr);
    }
}
.driver_message_forwarded {
    font-size: var(--font_size_0); font-weight: 600;
}
.driver_message_card--mine .driver_message_forwarded {
    color: var(--on-accent); opacity: 0.8;
}
.driver_message_card {
    max-width: 50%; padding: 4px var(--spacing_small) 3px;
    border-radius: var(--spacing_small);
}
.driver_message_card--selected {
    outline: 2px solid var(--accent-orange-bg); outline-offset: 1px;
}
.driver_message_author {
    margin: 0 0 2px; line-height: 1.15;
}
.driver_message_row--system {
    justify-content: center;
}
.driver_messages_wrap .driver_message_card--system {
    border-color: var(--border); text-align: center; cursor: default;
}
.driver_message_card--system .driver_message_text,
.driver_message_card--system .driver_message_time {
    color: var(--text-2); text-align: center;
}
.driver_message_action_bar button, .driver_message_file_button {
    display: inline-flex; width: 36px; min-width: 36px; height: 36px;
    align-items: center; justify-content: center; padding: 0;
    font-size: var(--font_size_1); line-height: 1;
}

/* Файл driver_messenger_messages.css */

.driver_room_title_editor input {
    width: 100%;
}
.driver_messages_member_add {
    text-align: center;
}
.driver_messages_member span {
    min-width: 0; overflow-wrap: anywhere;
}
@media (orientation: portrait) {
    .driver_message_card {
        max-width: 70%;
    }
}
.driver_message_card--deleted {
    cursor: default; opacity: 0.72;
}
.driver_messages_panel .drawer-header {
    gap: 4px;
}
.driver_messages_panel .drawer-title {
    display: flex; flex: 1; align-self: stretch;
}
.driver_messages_tabs--header .driver_messages_tab {
    display: inline-flex; align-items: center;
}
.driver_messages_panel .drawer-close {
    flex-shrink: 0; padding: 0;
}
.driver_room_search, .driver_message_search {
    min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto;
    box-sizing: border-box; color: var(--text-2);
}
.driver_room_search input, .driver_message_search input {
    width: 100%; height: 34px; box-sizing: border-box; margin: 0;
    padding: 2px 0; font-family: var(--font_family_interface);
}
.driver_message_search button, .driver_message_search_toggle {
    display: inline-flex; width: 34px; min-width: 34px; height: 34px;
    align-items: center; justify-content: center; margin: 0; padding: 0;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_1); cursor: pointer;
}
.driver_message_search button {
    width: 28px; min-width: 28px; height: 28px; border: 0;
}
.driver_message_search_toggle:hover, .driver_message_search_toggle--active {
    border-color: var(--accent); background: var(--bg-2); color: var(--accent);
    transform: none;
}
.driver_messages_room_header > .driver_messages_room_title {
    flex: 1;
}
.driver_message_ticks {
    color: currentColor; font-weight: 700; letter-spacing: -3px; opacity: 0.72;
}
.driver_message_ticks--read {
    opacity: 1;
}
.driver_messages_send {
    min-width: 38px; min-height: 38px; padding: 0;
}
.driver_messages_send svg {
    width: var(--font_size_1); height: var(--font_size_1); fill: currentColor;
}
@media (max-width: 760px), (orientation: portrait) {
    .driver_messages_form {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
    .driver_messages_tabs--header .driver_messages_tab {
        min-height: 38px; padding-right: var(--spacing_small);
        padding-left: var(--spacing_small);
    }
}
.driver_messages_form .driver_messages_input {
    max-height: 60vh;
}
.driver_message_edit_context, .driver_message_pending_file {
    min-width: 0; color: var(--text-1);
}
.driver_message_document_link {
    margin: 6px 0 0; border: 1px solid currentColor;
    border-radius: var(--spacing_small); background: transparent;
    color: var(--accent); font-size: var(--font_size_0); font-weight: 700;
    cursor: pointer;
}
.driver_message_document_link:hover {
    background: var(--bg-2); color: var(--accent); transform: none;
}

/* Файл driver_messenger_composer.css */

.driver_message_edit_context > div {
    display: flex; min-width: 0; flex-direction: column; gap: 2px;
}
.driver_message_edit_context span, .driver_message_pending_file span {
    min-width: 0; overflow: hidden; font-size: var(--font_size_0);
    text-overflow: ellipsis; white-space: nowrap;
}
.driver_message_edit_context button, .driver_message_pending_file button {
    flex-shrink: 0; min-width: 32px; min-height: 32px; margin: 0;
    padding: 2px 8px; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-2);
    color: var(--text-1); cursor: pointer;
}
.driver_messages_panel .drawer {
    width: min(1160px, 96vw); border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.driver_messages_panel .drawer-header {
    padding: 0;
}
.driver_messages_tabs--header {
    gap: 0;
}
.driver_messages_tabs--header .driver_messages_tab:hover {
    background: rgba(255, 255, 255, 0.08); color: var(--on-accent);
}
.driver_messages_toolbar--chat-list, .driver_messages_room_header {
    padding: 0 6px;
}
.driver_room_search, .driver_message_search {
    display: flex; align-items: center; gap: 8px; flex: 1; padding: 0 14px;
}
.driver_room_search input, .driver_message_search input {
    flex: 1; min-width: 0; border: 0; outline: none; background: transparent;
    color: var(--text-1); font-size: var(--font_size_0);
}
.driver_messages_add, .driver_messages_back, .driver_message_search_toggle,
.driver_messages_member_add {
    min-height: 42px; border-radius: 14px;
    box-shadow: 0 10px 24px rgba(38, 77, 135, 0.08);
}
.driver_room_card:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 36px rgba(38, 77, 135, 0.12);
}
.driver_room_card__header, .driver_room_card__footer {
    gap: 10px;
}
.driver_messages_wrap .driver_message_card--mine {
    border-color: rgba(21, 87, 170, 0.26);
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0.98) 0%,
    rgba(232, 240, 253, 0.98) 100% );
    color: var(--text-1);
}
.driver_messages_form {
    border: 0; border-radius: 0;
}
.driver_messages_form--editing {
    grid-template-columns: 1fr auto;
}
.driver_message_edit_context, .driver_message_pending_file {
    grid-column: 1 / -1; display: flex; align-items: center;
    justify-content: space-between; gap: 10px;
}
.driver_message_edit_context span, .driver_message_pending_file span {
    color: var(--text-2);
}
.driver_message_file_button {
    place-items: center; border-radius: 12px;
}
.driver_message_file_button svg {
    width: 21px; height: 21px; fill: none; stroke: var(--bg-1);
    stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.driver_messages_send {
    width: 44px; height: 44px; border-radius: 14px;
}

/* Файл driver_messenger_files.css */

.drawer-panel.driver_messages_panel {
    width: min(980px, 94vw);
    border-left: 1px solid color-mix( in srgb, var(--blue-navy) 8%,
    var(--border) );
    background: var(--bg-2);
}
.drawer-panel.driver_messages_panel .drawer-header {
    padding: 0;
    background: linear-gradient( 180deg, var(--bg-1) 0%, color-mix(in srgb,
    var(--accent) 6%, var(--bg-1)) 100% );
    color: var(--text-1);
}
.drawer-panel.driver_messages_panel .drawer-title {
    display: flex; min-width: 0; flex: 1;
}
.driver_messages_wrap {
    font-size: var(--messenger-font-size, var(--font_size_0));
}
.driver_messages_wrap .driver_room_card__title,
.driver_messages_wrap .driver_room_card__message,
.driver_messages_wrap .driver_room_card__footer,
.driver_messages_wrap .driver_message_author,
.driver_messages_wrap .driver_message_forwarded,
.driver_messages_wrap .driver_message_text,
.driver_messages_wrap .driver_message_time,
.driver_messages_wrap .driver_messages_input,
.driver_messages_wrap .driver_room_search input,
.driver_messages_wrap .driver_message_search input,
.driver_messages_wrap .driver_messages_settings,
.driver_messages_wrap .doc-card__file-name {
    font-size: var(--messenger-font-size, var(--font_size_0));
}
.driver_messages_wrap .driver_message_card--mine,
.driver_messages_wrap .driver_message_card--mine .driver_message_author,
.driver_messages_wrap .driver_message_card--mine .driver_message_forwarded,
.driver_messages_wrap .driver_message_card--mine .driver_message_text,
.driver_messages_wrap .driver_message_card--mine .driver_message_time,
.driver_messages_wrap .driver_message_card--mine .driver_message_ticks,
.driver_messages_wrap .driver_message_card--mine .doc-card__file-name,
.driver_messages_wrap .driver_message_card--mine .doc-card__file-download {
    color: var(--text-1);
}
.driver_messages_wrap .driver_message_card--mine .driver_message_forwarded {
    opacity: 1; color: var(--text-2);
}
.driver_messages_wrap .driver_message_card--mine .doc-card__file-item {
    border-color: var(--border); background: var(--bg-1);
}
.driver_messages_wrap .driver_message_card--mine .doc-card__file-item:hover {
    background: var(--bg-2);
}
.driver_messages_settings_button {
    border: 1px solid var(--border); border-radius: 50%;
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0) !important; line-height: 1; cursor: pointer;
}
.driver_messages_add {
    font-size: var(--font_size_0) !important; line-height: 1;
}
.driver_messages_settings_button:hover,
.driver_messages_settings_button--active {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent); transform: none;
}
.driver_messages_settings {
    margin: 0 6px;
}
.driver_messages_settings__header, .driver_messages_settings__scale {
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px;
}
.driver_messages_settings input[type='range'] {
    width: 100%; accent-color: var(--accent);
}
.driver_messages_settings__scale {
    color: var(--text-2);
}
.driver_messages_settings__scale button {
    margin: 0; padding: 4px var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); cursor: pointer;
}
.driver_messages_settings__scale button:hover {
    border-color: var(--accent); background: var(--bg-2); color: var(--text-1);
    transform: none;
}
.drawer-panel.driver_messages_panel .drawer-header {
    min-height: 44px;
}
.driver_messages_wrap .driver_room_card {
    min-height: 0; padding: 10px 12px;
}
.driver_room_card__date {
    color: var(--text-2);
    font-size: var(--messenger-font-size, var(--font_size_0));
    font-weight: 400;
}
@media (max-width: 760px) {
    .driver_messages_tabs--header .driver_messages_tab {
        height: 42px; padding: 0 12px;
    }
    .drawer-panel.driver_messages_panel .drawer-header {
        min-height: 42px;
    }
    .drawer-panel.driver_messages_panel .drawer-close {
        width: 42px; height: 42px;
    }
}
.driver_messages_form--notification .driver_messages_input {
    width: 100%;
}

/* Файл driver_messenger_drawer.css */

.driver_message_action_bar button {
    border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border));
    background: var(--bg-1); color: var(--accent-dark); opacity: 1;
}
.driver_message_action_bar button:hover,
.driver_message_action_bar button:focus-visible {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.driver_user_picker__submit {
    line-height: 1.2;
}
.driver_messages_room_header .driver_message_action_bar {
    position: relative; z-index: 2; padding: 6px;
    border: 1px solid var(--border); background: var(--bg-1);
    box-shadow: var(--shadow);
}
.driver_messages_room_header .driver_message_action_bar button {
    border: 1px solid var(--accent); background: var(--bg-1);
    color: var(--accent-dark); opacity: 1; box-shadow: none;
}
.driver_messages_room_header .driver_message_action_bar button:hover,
.driver_messages_room_header .driver_message_action_bar button:focus-visible {
    background: var(--accent); color: var(--on-accent);
}
.driver_user_picker__actions {
    padding: 8px 0 0;
}
.driver_user_picker__submit {
    height: auto; min-height: 42px;
}
.approvals-control-tab__tabs {
    border-bottom: 1px solid var(--border);
}
.approvals-control-tab__tabs button {
    min-height: 32px; border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); cursor: pointer;
}
.approvals-control-tab__tabs button.active {
    background: var(--accent);
}
.late-readings-tab__header {
    font-weight: 700;
}
.late-readings-tab__table {
    font-size: var(--messenger-font-size);
}
.late-readings-tab__table th, .late-readings-tab__table td {
    padding: 6px; border-bottom: 1px solid var(--border); text-align: left;
}
.late-readings-tab__row--new {
    background: rgba(255, 193, 7, 0.16);
}
.approvals-control-tab__tabs button {
    align-items: center; display: inline-flex; gap: 6px;
}
.approvals-count-badge, .driver_messages_tab__approval-badge {
    align-items: center; background: var(--warning, #ff7a00);
    border-radius: 999px; color: #fff; display: inline-flex;
    font-size: var(--font_size_caption); font-weight: 700;
    justify-content: center; min-height: 20px; min-width: 20px; padding: 0 5px;
}
.profile-photo-approvals__card {
    border: 1px solid var(--border);
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr);
}
.profile-photo-approvals__card--new {
    border-color: var(--warning, #ff7a00);
}
.profile-photo-approvals__info h3 {
    margin: 0 0 10px;
}
.profile-photo-approvals__info dl {
    display: grid; gap: 6px; margin: 0;
}
.profile-photo-approvals__info dl > div {
    display: grid; gap: 4px; grid-template-columns: 140px 1fr;
}
.profile-photo-approvals__info dt {
    color: var(--text-2);
}
.profile-photo-approvals__info dd {
    margin: 0; overflow-wrap: anywhere;
}
.profile-photo-approvals__actions button {
    border: 1px solid var(--border); border-radius: 8px; cursor: pointer;
    padding: 8px 12px;
}
.profile-photo-approvals__approve {
    background: var(--success, #2b9b67); color: #fff;
}
.profile-photo-approvals__reject {
    background: var(--danger, #c94040); color: #fff;
}
.profile-photo-approvals__empty {
    text-align: center;
}
@media (max-width: 760px) {
    .profile-photo-approvals__card {
        grid-template-columns: 1fr;
    }
    .profile-photo-approvals__info dl > div {
        grid-template-columns: 1fr;
    }
}
.approvals-signature-reminder {
    margin: 12px; border: 1px solid var(--border);
    border-radius: var(--font_size_0); background: var(--bg-1);
    color: var(--text-1);
}
.approvals-signature-reminder h3 {
    margin: 0 0 10px; font-size: var(--font_size_1);
}
.approvals-signature-reminder p {
    margin: 6px 0; font-size: var(--font_size_0); line-height: 1.45;
}

/* Файл driver_messenger_forward.css */

.driver_forward_room {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); text-align: left; cursor: pointer;
}
.driver_forward_room:hover, .driver_forward_room:focus-visible {
    border-color: var(--accent); background: var(--bg-2); color: var(--text-1);
    transform: none;
}
.driver_message_forward_preview {
    border: 1px solid var(--border); border-left: 4px solid var(--accent);
    border-radius: 11px; background: var(--bg-1); color: var(--text-1);
}
.driver_message_forward_preview > div {
    display: flex; min-width: 0; flex-direction: column; gap: 2px;
}
.driver_message_forward_preview strong {
    color: var(--text-1); font-size: var(--font_size_0);
}
.driver_message_forward_preview span {
    min-width: 0; overflow: hidden; color: var(--text-2);
    font-size: var(--font_size_0); text-overflow: ellipsis;
    white-space: nowrap;
}
.driver_message_forward_preview button {
    flex-shrink: 0; min-width: 32px; min-height: 32px; margin: 0;
    padding: 2px 8px; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-2);
    color: var(--text-1); cursor: pointer;
}
.driver_message_forward_preview_list span {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.driver_message_forwarded_cards {
    margin-top: var(--spacing-xs, 4px);
}
.driver_message_forwarded_card {
    border-left: 3px solid var(--color-primary, #2f89c8);
    padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
    background: rgb(255 255 255 / 28%);
    border-radius: 0 var(--border-radius-sm, 6px) var(--border-radius-sm, 6px)
    0;
}
.driver_message_forwarded_author {
    color: var(--color-primary-dark, #14689f); font-weight: 700;
}
.driver_message_forwarded_text {
    overflow-wrap: anywhere;
}
.driver_message_forwarded_date {
    font-size: var(--font_size_caption); opacity: 0.65; text-align: right;
}

/* Файл voice_messages.css */

.driver_voice_recorder {
    position: relative; justify-content: flex-end;
}
.driver_voice_recorder__button {
    border: 0; border-radius: 50%; background: var(--accent);
    color: var(--on-accent); cursor: pointer; touch-action: none;
    user-select: none;
}
.driver_voice_recorder__button:hover,
.driver_voice_recorder__button:focus-visible {
    background: var(--accent-blue);
}
.driver_voice_recorder__button:disabled {
    cursor: default; opacity: .55;
}
.driver_voice_recorder__button svg, .driver_voice_message__play svg {
    width: 19px; height: 19px; fill: currentColor;
}
.driver_voice_recorder--recording {
    position: absolute; right: 6px; bottom: 6px; left: 54px; z-index: 5;
    justify-content: space-between; padding-left: 12px;
    border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
    border-radius: 16px; background: var(--bg-1);
    box-shadow: 0 10px 28px color-mix(in srgb, var(--blue-navy) 12%,
    transparent);
}
.driver_voice_recorder__status {
    color: var(--text-1);
}
.driver_voice_recorder__pulse {
    border-radius: 50%; background: #d83b3b;
    animation: driver_voice_pulse 1s ease-in-out infinite;
}
.driver_voice_recorder__hint {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.driver_voice_message {
    display: grid; grid-template-columns: 42px minmax(190px, 1fr) auto;
    width: min(390px, 68vw); min-width: 280px; color: var(--text-1);
}
.driver_voice_message audio {
    display: none;
}
.driver_voice_message__play {
    border: 0; border-radius: 50%; background: var(--accent);
    color: var(--on-accent); cursor: pointer;
}
.driver_voice_message__play:hover, .driver_voice_message__play:focus-visible {
    background: var(--accent-blue);
}
.driver_voice_message__play:disabled {
    cursor: wait; opacity: .68;
}
.driver_voice_message__loader {
    border: 2px solid color-mix(in srgb, var(--bg-1) 42%, transparent);
    border-top-color: var(--on-accent); border-radius: 50%;
    animation: driver_voice_spin .8s linear infinite;
}
.driver_voice_message__waveform {
    border: 0; background: transparent; cursor: pointer;
}
.driver_voice_message__bar {
    width: 3px; height: var(--voice-bar-height); min-height: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text-3) 42%, transparent);
    transition: background-color .12s ease;
}
.driver_voice_message__bar--played {
    background: var(--accent);
}
.driver_voice_message__meta {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.driver_voice_message__meta span:last-child {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.driver_voice_message__speed {
    border: 0; border-radius: 999px;
    background: color-mix(in srgb, var(--accent) 11%, var(--bg-1));
    color: var(--accent-blue); font-size: var(--font_size_caption);
    font-weight: 700; cursor: pointer;
}
.driver_voice_message__speed:hover,
.driver_voice_message__speed:focus-visible {
    background: color-mix(in srgb, var(--accent) 19%, var(--bg-1));
}
.driver_message_card--mine .driver_voice_message {
    color: var(--text-1);
}
.driver_message_card--mine .driver_voice_message__play {
    background: var(--bg-1); color: var(--accent-blue);
}
.driver_message_card--mine .driver_voice_message__bar {
    background: color-mix(in srgb, var(--blue-navy) 18%, transparent);
}
.driver_message_card--mine .driver_voice_message__bar--played {
    background: var(--accent-blue);
}
.driver_message_card--mine .driver_voice_message__meta {
    color: var(--text-2);
}
.driver_voice_message--error {
    display: block; width: auto; min-width: 0; color: var(--danger, #b42318);
}
@keyframes driver_voice_pulse {
    0%, 100% {
        opacity: .45; transform: scale(.85);
    }
    50% {
        opacity: 1; transform: scale(1);
    }
}
@keyframes driver_voice_spin {
    to {
        transform: rotate(360deg);
    }
}
@media (orientation: portrait), (max-width: 760px) {
    .driver_voice_recorder--recording {
        left: 50px;
    }
    .driver_voice_recorder__hint {
        max-width: 145px;
    }
    .driver_voice_message {
        grid-template-columns: 38px minmax(150px, 1fr) auto;
        width: min(330px, 76vw); min-width: 245px;
    }
    .driver_voice_message__play {
        width: 38px; height: 38px;
    }
    .driver_voice_message__waveform {
        gap: 1px;
    }
}

/* Файл driver_messenger_permissions.css */

.driver_messages_member_name {
    font-weight: 700;
}
.driver_messages_member_owner {
    border-radius: 999px; background: var(--bg-2); color: var(--text-2);
    font-weight: 600;
}
.driver_participant_permission {
    color: var(--text-2);
}
.driver_participant_permission input {
    margin: 0;
}
.driver_messages_delete_room {
    border-color: var(--error-color, #c62828);
    color: var(--error-color, #c62828);
}
@media (max-width: 760px) {
    .driver_messages_member {
        grid-template-columns: 1fr;
    }
    .driver_participant_permissions {
        grid-template-columns: 1fr;
    }
    .driver_messages_member_actions {
        justify-content: flex-end;
    }
}
.driver_room_title_editor--header input {
    min-width: 0;
}
.driver_room_title_editor--header button {
    white-space: nowrap;
}
@media (max-width: 640px) {
    .driver_room_title_editor--header {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

/* Файл driver_messenger_settings.css */

.driver_messenger_settings_panel .drawer-body {
    background: var(--bg-2);
}
.driver_messenger_settings_group h3 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_1);
}
.driver_messenger_font_setting, .driver_messenger_select_setting,
.driver_messenger_setting_toggle {
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--spacing_small); align-items: center;
}
.driver_messenger_font_setting > span, .driver_messenger_select_setting > span,
.driver_messenger_setting_toggle > span {
    display: flex; min-width: 0; flex-direction: column; gap: 2px;
}
.driver_messenger_font_setting small, .driver_messenger_select_setting small,
.driver_messenger_setting_toggle small {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.driver_messenger_select_setting select {
    min-width: 92px; padding: 6px 8px; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-1); font: inherit;
}
.driver_messenger_font_setting input[type='range'] {
    grid-column: 1 / -1; width: 100%; accent-color: var(--accent);
}
.driver_messenger_setting_toggle input {
    width: 22px; height: 22px; margin: 0; accent-color: var(--accent);
}
.driver_messenger_sound_test, .driver_messenger_settings_actions button {
    margin: 0; padding: var(--spacing_small) var(--font_size_0);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); cursor: pointer;
}

/* Файл header_and_rooms.css */

.driver_messages_panel .drawer {
    background: var(--bg-1);
}
.driver_messages_tabs--header .driver_messages_tab {
    position: relative;
    transition: background-color .16s ease, color .16s ease;
}
.driver_messages_tabs--header .driver_messages_tab::after {
    position: absolute; right: 12px; bottom: 0; left: 12px; height: 3px;
    border-radius: 3px 3px 0 0; background: transparent; content: '';
}
.driver_messages_tabs--header .driver_messages_tab--active,
.driver_messages_tabs--header .driver_messages_tab--active:hover {
    background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
    color: var(--accent-blue);
}
.driver_messages_panel .drawer-close {
    margin-right: 6px;
}
.driver_messages_panel .drawer-body {
    background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 3%,
    var(--bg-2)) 0%, var(--bg-2) 100%);
}
.driver_messages_back, .driver_message_search_toggle, .driver_messages_add,
.driver_messages_member_add {
    border: 1px solid var(--border); background: var(--bg-1);
    color: var(--text-1); box-shadow: none;
    transition: border-color .16s ease, background-color .16s ease, color .16s
    ease;
}
.driver_messages_back {
    padding: 5px 12px; border-radius: 12px;
}
.driver_messages_back:hover, .driver_message_search_toggle:hover,
.driver_messages_add:hover, .driver_messages_member_add:hover {
    border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
    background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
    color: var(--accent-blue);
}
.driver_messages_room_title {
    padding: 6px 9px; border-radius: 10px; color: var(--text-1);
    font-size: var(--font_size_1); font-weight: 650;
}
.driver_room_search, .driver_message_search {
    min-height: 40px; border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1); box-shadow: none;
}
.driver_room_search:focus-within, .driver_message_search:focus-within {
    border-color: color-mix(in srgb, var(--accent) 58%, var(--border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);
}
.driver_messages_list {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--text-3) 40%, transparent)
    transparent;
}
.driver_messages_list::-webkit-scrollbar {
    width: 6px;
}
.driver_messages_list::-webkit-scrollbar-thumb {
    border: 2px solid transparent; border-radius: 999px;
    background: color-mix(in srgb, var(--text-3) 40%, transparent);
    background-clip: padding-box;
}

/* Файл messages.css */

.driver_room_card {
    transition: border-color .16s ease, background-color .16s ease;
}
.driver_room_card__title {
    color: var(--text-1); font-weight: 650;
}
.driver_room_card__message {
    margin: 4px 0 0; color: var(--text-3);
}
.driver_message_day span {
    padding: 3px 9px; border-radius: 999px; color: var(--text-2);
    font-size: var(--font_size_caption);
}
.driver_messages_wrap .driver_message_card {
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease;
}
.driver_messages_wrap .driver_message_card:hover {
    border-color: color-mix(in srgb, var(--accent) 24%, var(--border));
}
.driver_messages_wrap .driver_message_card--mine,
.driver_messages_wrap .driver_message_card--mine:hover {
    border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
}
.driver_message_card--mine .driver_message_author,
.driver_message_card--mine .driver_message_text,
.driver_message_card--mine .driver_message_time,
.driver_message_card--mine .driver_message_forwarded {
    color: var(--on-accent);
}
.driver_message_author {
    color: var(--blue-navy); font-size: var(--font_size_button);
    font-weight: 650;
}
.driver_message_text {
    line-height: 1.38; overflow-wrap: anywhere;
}
.driver_message_forwarded {
    border-left: 2px solid color-mix(in srgb, var(--accent) 54%,
    var(--border));
    color: var(--text-2);
}
.driver_message_time {
    margin-top: 3px; font-size: var(--font_size_caption); opacity: .7;
}
.driver_messages_wrap .driver_message_card--system {
    max-width: min(88%, 760px); padding: 5px 10px;
    border: 1px solid var(--border); border-radius: 999px;
    background: var(--bg-1); box-shadow: none; color: var(--text-2);
}
.driver_message_attachment, .driver_message_document_attachment {
    border-radius: 10px;
}
.driver_message_action_bar {
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1);
    box-shadow: 0 3px 12px color-mix(in srgb, var(--blue-navy) 8%,
    transparent);
}
.driver_message_action_bar button {
    width: 32px; min-width: 32px; height: 32px; border-radius: 9px;
}

/* Файл composer_and_mobile.css */

.driver_messages_form {
    grid-template-columns: 38px minmax(0, 1fr) 38px; margin: auto 2px 0;
    padding: 5px 0 2px; z-index: 3;
}
.driver_messages_form--notification {
    grid-template-columns: minmax(0, 1fr) 38px;
}
.driver_messages_form--editing {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
}
.driver_messages_form--editing .driver_message_file_button {
    grid-column: 1;
}
.driver_messages_form--editing .driver_messages_input {
    grid-column: 2; min-width: 0;
}
.driver_messages_form--editing .driver_messages_send {
    grid-column: 3;
}
.driver_messages_form--notification .driver_messages_input {
    grid-column: 1; min-width: 0;
}
.driver_messages_form--notification .driver_messages_send {
    grid-column: 2;
}
.driver_messages_input {
    max-height: 104px; padding: 7px 13px; border: 1px solid var(--border);
    border-radius: 18px; background: var(--bg-1); box-shadow: none;
    line-height: 1.3; resize: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.driver_messages_input:focus {
    border-color: color-mix(in srgb, var(--accent) 60%, var(--border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);
}
.driver_message_file_button, .driver_messages_send {
    display: inline-grid; width: 38px; min-width: 38px; height: 38px;
    min-height: 38px; place-items: center; margin: 0; padding: 0; border: 0;
    border-radius: 13px; background: var(--accent); color: var(--on-accent);
    box-shadow: none;
    transition: background-color .16s ease, transform .16s ease;
}
.driver_message_file_button:hover, .driver_messages_send:hover {
    background: var(--accent-blue);
}
.driver_message_file_button:active, .driver_messages_send:active {
    transform: scale(.96);
}
.driver_message_file_button svg, .driver_messages_send svg {
    width: 19px; height: 19px;
}
.driver_message_edit_context, .driver_message_pending_file {
    padding: 7px 10px; border: 1px solid var(--border); border-radius: 11px;
    background: var(--bg-1); box-shadow: none;
}
@media (max-width: 760px), (orientation: portrait) {
    .driver_messages_wrap .driver_message_card {
        max-width: 86%;
    }
    .driver_messages_toolbar, .driver_messages_room_header {
        min-height: 40px;
    }
    .driver_messages_back {
        min-height: 36px; padding-right: 10px; padding-left: 10px;
    }
}
@media (orientation: portrait) {
    .drawer-panel.driver_messages_panel {
        right: 0; left: 0; width: 100%; max-width: 100%;
    }
    .drawer-panel.driver_messages_panel .drawer {
        width: 100%; max-width: 100%; border-radius: 0;
    }
    .driver_messages_panel .drawer-body {
        padding-right: max(6px, env(safe-area-inset-right));
        padding-left: max(6px, env(safe-area-inset-left));
    }
    .driver_messages_form {
        padding-bottom: max(2px, env(safe-area-inset-bottom));
    }
}

/* Файл light_theme.css */

.driver_messages_panel .drawer, .driver_messages_panel .drawer-body,
.driver_messages_wrap, .driver_messages_list {
    background: var(--bg-2);
}
.driver_messages_wrap,
.driver_message_card:not(.driver_message_card--mine) .driver_message_author,
.driver_message_card:not(.driver_message_card--mine) .driver_message_text,
.driver_message_card:not(.driver_message_card--mine) .driver_message_time,
.driver_message_card:not(.driver_message_card--mine) .driver_message_forwarded,
.driver_message_document_attachment {
    color: var(--text-1);
}
.driver_room_card, .driver_room_search, .driver_message_search,
.driver_messages_form, .driver_messages_input {
    background: var(--bg-1);
}

/* Файл telegram_clean.css */

.drawer-panel.driver_messages_panel, .driver_messages_panel .drawer,
.driver_messages_panel .drawer-body, .driver_messages_wrap {
    background: var(--bg-1);
}
.driver_messages_panel .drawer-header {
    min-height: 40px; align-items: center; padding-top: 0;
    border-bottom: 1px solid var(--border); background: var(--bg-1);
    color: var(--text-1);
    box-shadow: 0 2px 10px color-mix(in srgb, var(--blue-navy) 5%,
    transparent);
}
.driver_messages_panel .drawer-header__main {
    min-width: 0; flex-direction: row; align-items: stretch; overflow: hidden;
}
.driver_messages_panel .drawer-title {
    width: 100%; min-width: 0; min-height: 40px; align-items: stretch;
    overflow: hidden;
}
.driver_messages_tabs--header {
    min-height: 40px; overscroll-behavior-x: contain; scrollbar-width: none;
}
.driver_messages_tabs--header::-webkit-scrollbar {
    display: none;
}
.driver_messages_tabs--header .driver_messages_tab {
    height: 40px; min-height: 40px; flex: 0 0 auto; padding: 0 16px; border: 0;
    border-radius: 0; background: transparent; color: var(--text-2);
    font-size: var(--font_size_0) !important; white-space: nowrap;
    font-weight: 650;
}
.driver_messages_tabs--header .driver_messages_tab:hover,
.driver_messages_tabs--header .driver_messages_tab:focus-visible {
    background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
    color: var(--accent-blue);
}
.driver_messages_tabs--header .driver_messages_tab--active,
.driver_messages_tabs--header .driver_messages_tab--active:hover,
.driver_messages_tabs--header .driver_messages_tab--active:focus-visible {
    background: var(--bg-1); color: var(--accent-blue);
}
.driver_messages_tabs--header .driver_messages_tab--active::after {
    right: 12px; left: 12px; height: 3px; background: var(--accent);
}
.driver_messages_panel .drawer-close {
    position: relative; z-index: 4; display: inline-flex; width: 38px;
    height: 38px; flex: 0 0 auto; align-items: center; justify-content: center;
    margin: 1px 7px 1px 4px; border: 1px solid var(--border);
    border-radius: 50%; background: var(--bg-1); color: var(--text-1);
    opacity: 1; box-shadow: none;
}
.driver_messages_panel .drawer-close:hover,
.driver_messages_panel .drawer-close:focus-visible {
    border-color: color-mix(in srgb, var(--accent) 48%, var(--border));
    background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
    color: var(--accent-blue);
}
.driver_messages_panel .drawer-body {
    padding: 4px 8px 7px;
}
.driver_messages_toolbar, .driver_messages_room_header {
    min-height: 48px; margin: 0; padding: 6px 9px;
    border: 1px solid var(--border); border-radius: 15px;
    background: var(--bg-1); box-shadow: none;
}
.driver_messages_room_identity strong, .driver_messages_room_title {
    font-size: var(--font_size_1);
}
.driver_messages_list {
    gap: calc(var(--spacing_small) * 1.25) !important; padding: 7px 4px;
    border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
.driver_messages_list > .driver_room_card:not(:last-child) {
    margin-bottom: calc(var(--spacing_small) / 2);
}
.driver_messages_wrap .driver_message_card {
    max-width: min(70%, 720px); border: 0; border-radius: 17px 17px 17px 5px;
    background: color-mix(in srgb, var(--blue-navy) 4%, var(--bg-1));
    color: var(--text-1); box-shadow: none;
}
.driver_messages_wrap .driver_message_card:hover {
    border: 0;
    background: color-mix(in srgb, var(--blue-navy) 7%, var(--bg-1));
}
.driver_messages_wrap .driver_message_card--mine,
.driver_messages_wrap .driver_message_card--mine:hover {
    border: 0; box-shadow: none;
}
.driver_message_card--mine .driver_message_author,
.driver_message_card--mine .driver_message_text,
.driver_message_card--mine .driver_message_time,
.driver_message_card--mine .driver_message_forwarded,
.driver_message_card--mine .driver_message_ticks {
    color: var(--text-1);
}
.driver_message_card--mine .driver_message_time,
.driver_message_card--mine .driver_message_ticks {
    color: var(--text-2);
}
.driver_message_day span {
    border: 1px solid var(--border); background: var(--bg-1); box-shadow: none;
}
.driver_room_card {
    border: 1px solid var(--border); border-radius: 18px;
    background: var(--bg-1); box-shadow: none;
}
.driver_room_card:hover {
    border-color: color-mix(in srgb, var(--accent) 32%, var(--border));
    background: color-mix(in srgb, var(--accent) 5%, var(--bg-1));
}
.driver_messages_form {
    border-top: 1px solid var(--border); background: var(--bg-1);
    box-shadow: none;
}
@media (orientation: portrait), (max-width: 760px) {
    .drawer-panel.driver_messages_panel {
        top: 0; width: 100%; max-width: 100%;
    }
    .driver_messages_panel .drawer-header,
    .driver_messages_panel .drawer-title, .driver_messages_tabs--header {
        min-height: 38px;
    }
    .driver_messages_tabs--header .driver_messages_tab {
        height: 38px; min-height: 38px; padding: 0 13px;
    }
    .driver_messages_panel .drawer-body {
        padding: 3px 7px 6px;
    }
    .driver_messages_wrap .driver_message_card {
        max-width: 82%;
    }
}

/* Файл driver_messenger_modern.css */

/* Файл 01.css */

.driver_chat_creation__header h3 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_1);
    text-align: center;
}
.driver_chat_creation__choice {
    grid-template-columns: 42px minmax(0, 1fr);
    border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--border));
    border-radius: 16px; background: var(--bg-1); color: var(--text-1);
    box-shadow: 0 5px 14px color-mix(in srgb, var(--blue-navy) 6%,
    transparent);
    text-align: left; cursor: pointer;
}
.driver_chat_creation__choice:hover {
    border-color: color-mix(in srgb, var(--accent) 48%, var(--border));
    background: color-mix(in srgb, var(--accent) 4%, var(--bg-1));
}
.driver_chat_creation__choice-icon {
    place-items: center; border-radius: 13px;
    background: color-mix(in srgb, var(--accent) 12%, var(--bg-1));
    font-size: var(--font_size_2);
}
.driver_chat_creation__choice span:last-child {
    display: flex; min-width: 0; flex-direction: column; gap: 3px;
}
.driver_chat_creation__choice small, .driver_chat_creation__hint,
.driver_chat_creation__status {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.driver_chat_creation__title, .driver_chat_creation__search {
    display: flex; gap: 7px; align-items: center;
}
.driver_chat_creation__title {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.driver_chat_creation__title input, .driver_chat_creation__search input {
    box-sizing: border-box; width: 100%; min-width: 0; height: 40px; margin: 0;
    padding: 7px 11px; border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.driver_chat_creation__search {
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1);
}
.driver_chat_creation__search input {
    padding-right: 0; padding-left: 0; border: 0; outline: 0;
}
.driver_chat_creation__pivot {
    border: 1px solid color-mix(in srgb, var(--border) 85%, transparent);
    border-radius: 14px; background: var(--bg-1);
}
.driver_chat_creation__pivot .pivot-table-container {
    max-height: none; border: 0; box-shadow: none;
}
.driver_chat_creation__pivot .pivot-table th,
.driver_chat_creation__pivot .pivot-table td {
    padding-top: 7px; padding-bottom: 7px; font-size: var(--font_size_caption);
}
.driver_chat_creation__actions .driver_messages_send {
    width: auto; min-width: 148px; padding: 0 18px; white-space: nowrap;
}
.driver_messages_room_identity {
    text-align: center;
}
.driver_messages_room_identity strong, .driver_room_card__title {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.driver_messages_presence {
    color: var(--text-3, var(--text-2)); font-size: var(--font_size_caption);
    font-weight: 500;
}
.driver_messages_presence_dot {
    width: 8px; border-radius: 50%; background: var(--success-color, #20864a);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--success-color, #20864a) 14%,
    transparent);
}
.driver_messages_presence--online {
    color: var(--success-color, #20864a);
}
.driver_messages_member_actions {
    grid-template-columns: repeat(2, minmax(0, max-content));
}
.driver_messages_member_add, .driver_messages_delete_room {
    box-sizing: border-box; max-width: 100%; min-height: 36px;
    padding: 6px 11px; border-radius: 11px; background: var(--bg-1);
    line-height: 1.15; white-space: normal;
}
.driver_messages_member {
    grid-template-columns: minmax(0, 1fr) 32px; padding: 10px 11px;
    border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
    border-radius: 13px;
    background: color-mix(in srgb, var(--bg-1) 97%, var(--accent));
    box-shadow: 0 3px 9px color-mix(in srgb, var(--blue-navy) 4%, transparent);
}
.driver_messages_member > button {
    display: grid; width: 30px; height: 30px; place-items: center; padding: 0;
    border: 1px solid color-mix(in srgb, var(--error-color, #c62828) 28%,
    var(--border));
    border-radius: 10px; background: transparent;
    color: var(--error-color, #c62828);
}
.driver_messages_member_name {
    font-size: var(--font_size_caption);
}

/* Файл 02.css */

.driver_messages_member_owner {
    padding: 1px 6px; font-size: var(--font_size_caption);
}
.driver_participant_permissions {
    gap: 5px 10px;
}
.driver_participant_permission {
    font-size: var(--font_size_caption); line-height: 1.2;
}
.driver_participant_permission input {
    width: 16px; height: 16px; flex: 0 0 auto;
}
.driver_user_picker__actions {
    background: var(--bg-2);
}
.driver_user_picker__submit {
    width: auto; min-width: min(100%, 190px); padding: 0 14px;
}
@media (max-width: 640px), (orientation: portrait) {
    .driver_chat_creation__choices {
        grid-template-columns: 1fr;
    }
    .driver_chat_creation__choice {
        min-height: 68px;
    }
    .driver_messages_member_actions {
        grid-template-columns: minmax(0, 1fr) auto; width: 100%;
    }
    .driver_messages_member_add, .driver_messages_delete_room {
        width: 100%;
    }
    .driver_participant_permissions {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 380px) {
    .driver_messages_member_actions {
        grid-template-columns: 1fr;
    }
}

/* Файл driver_messenger_creation.css */
.driver_messages_wrap .driver_message_row--incoming {
    justify-content: flex-start;
}
.driver_messages_wrap .driver_message_row--mine {
    justify-content: flex-end;
}
.driver_messages_wrap .driver_message_card--incoming,
.driver_messages_wrap .driver_message_card--incoming:hover {
    border-radius: 17px 17px 17px 5px; background: var(--bg-1);
    color: var(--text-1);
    box-shadow: 0 1px 5px color-mix(in srgb, var(--blue-navy) 9%, transparent);
}
.driver_messages_wrap .driver_message_card--mine,
.driver_messages_wrap .driver_message_card--mine:hover {
    border-radius: 18px 18px 5px 18px;
    background: color-mix(in srgb, var(--accent) 23%, var(--bg-1));
    color: var(--text-1);
}

/* Файл driver_messenger_final_type_and_header.css */

.drawer-panel.driver_messages_panel,
.drawer-panel.driver_messenger_settings_panel {
    --messenger-font-size-small: max( 11px, calc(var(--messenger-font-size,
    var(--font_size_0)) - 3px) );
    --messenger-font-size-large: calc( var(--messenger-font-size,
    var(--font_size_0)) + 1px );
    font-size: var(--messenger-font-size, var(--font_size_0));
    -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
.drawer-panel.driver_messages_panel .drawer-header,
.drawer-panel.driver_messages_panel .drawer-body,
.drawer-panel.driver_messages_panel .driver_messages_wrap,
.drawer-panel.driver_messenger_settings_panel .drawer-header,
.drawer-panel.driver_messenger_settings_panel .drawer-body {
    font-size: var(--messenger-font-size, var(--font_size_0));
}
.drawer-panel.driver_messages_panel .drawer-body :is( input, textarea,
select, label, p, span, strong, small, td, th ),
.drawer-panel.driver_messenger_settings_panel .drawer-body :is( input,
textarea, select, label, p, span, strong, small, td, th ) {
    font-size: var(--messenger-font-size, var(--font_size_0));
}
.drawer-panel.driver_messages_panel .drawer-body button,
.drawer-panel.driver_messenger_settings_panel .drawer-body button {
    font-size: var(--font_size_button) !important;
}
.driver_messages_panel .driver_messages_room_title,
.driver_messages_panel .driver_messages_room_identity strong,
.driver_messages_panel .driver_room_card__title,
.driver_messages_panel .driver_room_card__message,
.driver_messages_panel .driver_message_author,
.driver_messages_panel .driver_message_forwarded,
.driver_messages_panel .driver_message_forward_preview,
.driver_messages_panel .driver_message_forward_preview strong,
.driver_messages_panel .driver_message_forward_preview span,
.driver_messages_panel .driver_message_forwarded_author,
.driver_messages_panel .driver_message_forwarded_text,
.driver_messages_panel .driver_message_text,
.driver_messages_panel .driver_messages_input,
.driver_messages_panel .driver_room_search input,
.driver_messages_panel .driver_message_search input,
.driver_messages_panel .driver_messages_settings,
.driver_messages_panel .driver_messages_member,
.driver_messages_panel .doc-card__file-name {
    font-size: var(--messenger-font-size, var(--font_size_0)) !important;
}
.driver_messages_panel .driver_message_time,
.driver_messages_panel .driver_message_time span,
.driver_messages_panel .driver_message_ticks {
    font-size: var(--messenger-font-size) !important;
}
.driver_messages_panel .driver_messages_presence,
.driver_messages_panel .driver_room_card__date,
.driver_messages_panel .driver_room_card__id,
.driver_messages_panel .driver_message_day span,
.driver_messages_panel .driver_message_forwarded_date,
.driver_messages_panel .driver_messages_tab__approval-badge,
.driver_messages_panel .driver_messages_badge {
    font-size: var(--messenger-font-size-small) !important;
}
.drawer-panel.driver_messages_panel .drawer-header,
.drawer-panel.driver_messages_panel .drawer-title,
.driver_messages_panel .driver_messages_tabs--header {
    min-height: 41px !important;
}
.driver_messages_panel .driver_messages_tabs--header {
    padding-bottom: 0 !important;
}
.driver_messages_panel .driver_messages_tabs--header .driver_messages_tab {
    height: 41px !important; min-height: 41px !important;
    padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.1;
}
.drawer-panel.driver_messages_panel .drawer-close {
    width: 41px !important; height: 41px !important; min-width: 41px;
    min-height: 41px; padding: 0 !important;
    font-size: var(--messenger-font-size-large) !important;
}
.driver_messages_toolbar--chat-list {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); box-shadow: none;
}
.driver_messages_toolbar--chat-list .driver_room_search {
    padding: 0 4px; border: 0; border-radius: 0; background: transparent;
    box-shadow: none;
}
.driver_messages_toolbar--chat-list .driver_room_search:focus-within {
    border: 0; box-shadow: none;
}
.driver_messages_toolbar--chat-list .driver_room_search input {
    border: 0; outline: 0; background: transparent; box-shadow: none;
}
.driver_messages_toolbar--chat-list .driver_messages_toolbar_actions {
    gap: 2px;
}
.driver_messages_toolbar--chat-list .driver_messages_add,
.driver_messages_toolbar--chat-list .driver_messages_settings_button {
    width: 38px; height: 38px; min-height: 38px; border: 0;
    background: transparent; color: var(--text-1); box-shadow: none;
}
.driver_messages_toolbar--chat-list .driver_messages_add:hover,
.driver_messages_toolbar--chat-list
.driver_messages_settings_button:hover,
.driver_messages_toolbar--chat-list
.driver_messages_settings_button:focus-visible {
    border: 0; background: var(--bg-2); color: var(--accent-blue);
    box-shadow: none;
}
.driver_messages_toolbar--chat-list .driver_room_search > span {
    font-size: var(--messenger-list-search-icon-size) !important;
    font-weight: 700 !important;
}
.driver_messages_toolbar--chat-list .driver_messages_add,
.driver_messages_toolbar--chat-list .driver_messages_settings_button {
    font-size: var(--messenger-list-action-icon-size) !important;
    font-weight: 700 !important; line-height: 1 !important;
}

/* Файл driver_messenger_final_rooms.css */

.driver_messages_wrap .driver_messages_list {
    align-content: flex-start;
    gap: calc(var(--spacing_small) + 2px) !important; padding: 7px 4px;
}
.driver_messages_wrap .driver_messages_list > button.driver_room_card {
    position: relative; display: grid !important; width: 100%; min-width: 0;
    min-height: 62px; height: auto !important; max-height: none;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: var(--spacing_small) !important; row-gap: 3px !important;
    align-items: start !important; justify-items: stretch !important;
    justify-content: stretch !important; margin: 0 !important;
    padding: 10px 12px !important; overflow: hidden;
    border: 1px solid var(--border); border-radius: 18px;
    background: var(--bg-1); box-shadow: none; color: var(--text-1);
    line-height: 1.25; text-align: left !important; white-space: normal;
    contain: layout paint; isolation: isolate;
}
.driver_messages_wrap .driver_messages_list > button.driver_room_card:hover {
    border-color: color-mix(in srgb, var(--accent) 32%, var(--border));
    background: color-mix(in srgb, var(--accent) 5%, var(--bg-1));
}
.driver_messages_wrap .driver_room_card__identity {
    display: flex !important; grid-column: 1 !important;
    grid-row: 1 !important; align-items: baseline !important;
    justify-content: flex-start !important; gap: 8px !important;
    margin: 0 !important; text-align: left !important;
}
.driver_messages_wrap .driver_room_card__title {
    display: block !important; min-width: 0 !important; flex: 0 1 auto;
    overflow: hidden; color: var(--text-1); font-weight: 650;
    text-align: left !important;
}
.driver_messages_wrap .driver_room_card__identity .driver_messages_presence {
    min-width: 0; flex: 0 1 auto; margin: 0 !important; overflow: hidden;
    color: var(--text-2); text-align: left !important; text-overflow: ellipsis;
    white-space: nowrap;
}
.driver_messages_wrap .driver_room_card__message {
    display: block !important; width: 100% !important; min-width: 0 !important;
    min-height: 1.25em; grid-column: 1 / -1 !important; grid-row: 2 !important;
    margin: 0 !important; overflow: hidden; color: var(--text-3);
    line-height: 1.25; text-align: left !important; text-overflow: ellipsis;
    white-space: nowrap;
}
.driver_messages_wrap .driver_room_card__meta {
    display: inline-flex !important; min-width: 0; grid-column: 2 !important;
    grid-row: 1 !important; align-self: start !important;
    justify-self: end !important; align-items: center !important;
    justify-content: flex-end !important; gap: 6px !important;
    margin: 0 !important; text-align: right !important; white-space: nowrap;
}
.driver_messages_wrap .driver_room_card__date,
.driver_messages_wrap .driver_room_card__id {
    color: var(--text-2); font-weight: 400; white-space: nowrap;
}
.driver_messages_wrap .driver_room_card--unread {
    border-color: color-mix(in srgb, var(--accent) 34%, var(--border));
    background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
}
.driver_messages_wrap--compact .driver_messages_list {
    gap: 4px !important;
}
.driver_messages_wrap--compact .driver_messages_list
> button.driver_room_card {
    min-height: 48px; padding: 6px var(--spacing_small) !important;
}
.driver_messages_wrap--hide-timestamps .driver_message_time,
.driver_messages_wrap--hide-timestamps .driver_room_card__date {
    display: none;
}

/* Файл driver_messenger_final_conversation.css */

.driver_messages_wrap .driver_messages_room_header {
    min-height: calc( var(--messenger-font-size, var(--font_size_0)) + 24px
    ) !important;
    padding: 3px 8px !important;
}
.driver_messages_wrap .driver_messages_back {
    min-height: calc( var(--messenger-font-size, var(--font_size_0)) + 12px
    ) !important;
    padding: 1px var(--spacing_small) !important; line-height: 1.1;
}
.driver_messages_wrap .driver_messages_room_identity strong,
.driver_messages_wrap .driver_messages_room_title {
    line-height: 1.2;
}
.driver_messages_wrap .driver_message_group {
    gap: 1px;
}
.driver_messages_wrap .driver_message_card {
    padding: 5px 9px 4px;
}
.driver_messages_wrap .driver_message_author {
    margin-bottom: 1px; line-height: 1.24 !important;
}
.driver_messages_wrap .driver_message_forwarded {
    margin-bottom: 2px; line-height: 1.24;
}
.driver_messages_wrap .driver_message_text {
    line-height: 1.24;
}
.driver_messages_wrap .driver_message_time {
    margin-top: 0; line-height: 1;
}
.driver_messages_wrap .driver_message_day {
    margin: 3px 0;
}
.driver_messages_wrap .driver_message_voice_attachment {
    margin-top: 4px;
}
.driver_messages_wrap .driver_voice_message {
    grid-template-columns: 40px minmax(190px, 1fr) auto; gap: 8px;
}
.driver_messages_wrap .driver_voice_message__play {
    width: 40px; height: 40px;
}
.driver_messages_wrap .driver_voice_message__waveform {
    height: 26px;
}
.driver_messages_wrap .driver_voice_message__speed {
    height: 27px;
}
.driver_messages_wrap--compact-messages .driver_message_group {
    gap: 0 !important;
}
.driver_messages_wrap--compact-messages .driver_message_card {
    padding: 4px 8px 3px !important;
}
.driver_messages_wrap--compact-messages .driver_message_text,
.driver_messages_wrap--compact-messages .driver_message_author,
.driver_messages_wrap--compact-messages .driver_message_forwarded {
    line-height: 1.18 !important;
}
.driver_messages_wrap--reduce-motion *,
.driver_messages_wrap--reduce-motion *::before,
.driver_messages_wrap--reduce-motion *::after {
    animation: none !important; scroll-behavior: auto !important;
    transition: none !important;
}
@media (orientation: portrait), (max-width: 760px) {
    .drawer-panel.driver_messages_panel .drawer-header,
    .drawer-panel.driver_messages_panel .drawer-title,
    .driver_messages_panel .driver_messages_tabs--header {
        min-height: 39px !important;
    }
    .driver_messages_panel .driver_messages_tabs--header .driver_messages_tab {
        height: 39px !important; min-height: 39px !important;
        padding-right: 13px !important; padding-left: 13px !important;
    }
    .drawer-panel.driver_messages_panel .drawer-close {
        width: 39px !important; height: 39px !important; min-width: 39px;
        min-height: 39px;
    }
    .driver_messages_wrap .driver_messages_room_header {
        display: grid !important;
        grid-template-columns: minmax(92px, auto) minmax(0, 1fr) 42px;
    }
    .driver_messages_wrap .driver_messages_room_identity_text strong,
    .driver_messages_wrap .driver_messages_room_title {
        max-width: 100%; overflow: hidden; text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Файл driver_messenger_final.css */

/* Файл driver_messenger_followup.css */

.driver_messages_wrap .driver_messages_list,
.driver_messages_wrap--compact .driver_messages_list {
    gap: var(--messenger-room-gap, 18px) !important;
}
.driver_messages_wrap .driver_messages_list
> button.driver_room_card,
.driver_messages_wrap--compact .driver_messages_list >
button.driver_room_card {
    padding-top: var(--messenger-room-padding-y, 12px) !important;
    padding-bottom: var(--messenger-room-padding-y, 12px) !important;
}
.drawer-panel.driver_messages_panel .drawer-header,
.drawer-panel.driver_messages_panel .drawer-header__main,
.drawer-panel.driver_messages_panel .drawer-title,
.driver_messages_panel .driver_messages_tabs--header {
    min-height: 30px !important; height: 30px !important;
    padding-top: 0 !important; padding-bottom: 0 !important;
}
.driver_messages_panel .driver_messages_tabs--header .driver_messages_tab {
    display: inline-flex !important; height: 30px !important;
    min-height: 30px !important; box-sizing: border-box;
    align-items: flex-end !important; justify-content: center;
    padding-top: 0 !important; padding-bottom: 8px !important;
    line-height: 1 !important;
}
.drawer-panel.driver_messages_panel .drawer-close {
    width: 30px !important; min-width: 30px !important;
    max-width: 30px !important; height: 30px !important;
    min-height: 30px !important; max-height: 30px !important;
    display: inline-flex !important; flex: 0 0 30px !important;
    box-sizing: border-box; align-items: center !important;
    justify-content: center !important; padding: 0 !important;
    margin: 0 4px !important; line-height: 1 !important;
}
.drawer-panel.driver_messages_panel .drawer-close,
.driver_messages_toolbar--chat-list .driver_messages_add {
    display: inline-flex !important; align-items: center !important;
    justify-content: center !important; line-height: 1 !important;
}
.driver_messages_toolbar--chat-list .driver_messages_add,
.driver_messages_toolbar--chat-list .driver_messages_settings_button {
    width: var(--messenger-action-size) !important;
    min-width: var(--messenger-action-size) !important;
    max-width: var(--messenger-action-size) !important;
    height: var(--messenger-action-size) !important;
    min-height: var(--messenger-action-size) !important;
    max-height: var(--messenger-action-size) !important;
    display: inline-flex !important;
    flex: 0 0 var(--messenger-action-size) !important; box-sizing: border-box;
    align-items: center !important; justify-content: center !important;
    padding: 0 !important; line-height: 1 !important;
}
.driver_messages_toolbar--chat-list {
    min-height: calc( var(--messenger-action-size) + 4px ) !important;
    padding-top: 2px !important; padding-bottom: 2px !important;
}
.driver_messages_toolbar--chat-list .driver_room_search {
    min-height: var(--messenger-action-size) !important;
    height: var(--messenger-action-size) !important; padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.approvals-control-tab__tabs button {
    color: var(--text-1) !important; opacity: 1 !important;
}
.approvals-control-tab__tabs button.active {
    color: var(--on-accent) !important;
}

/* Файл driver_messenger_resilient_rooms.css */

.driver_messages_wrap .driver_messages_list {
    container-name: messenger-room-list; container-type: inline-size;
}
.driver_messages_wrap .driver_messages_list > button.driver_room_card {
    min-block-size: fit-content !important; block-size: auto !important;
    grid-auto-rows: minmax(min-content, auto);
    padding-block: var(--messenger-room-padding-y, 12px) !important;
    contain: none !important;
}
.driver_messages_wrap .driver_room_card__content {
    display: contents !important;
}
.driver_messages_wrap .driver_room_card__identity {
    min-width: 0 !important; min-height: 1.25em; flex-wrap: wrap !important;
    align-content: flex-start; row-gap: 2px !important;
}
.driver_messages_wrap .driver_room_card__title,
.driver_messages_wrap .driver_room_card__identity .driver_messages_presence {
    max-width: 100%; line-height: 1.25;
}
.driver_messages_wrap .driver_room_card__title {
    overflow-wrap: anywhere; text-overflow: clip; white-space: normal;
}
.driver_messages_wrap .driver_room_card__message {
    align-self: start;
}
@container messenger-room-list (max-width: 560px) {
    .driver_messages_wrap .driver_messages_list > button.driver_room_card {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
    }
    .driver_messages_wrap .driver_room_card__identity {
        display: flex !important; grid-column: 1 !important;
        grid-row: 1 !important; flex-direction: column;
        align-items: flex-start !important; gap: 1px !important;
    }
    .driver_messages_wrap .driver_room_card__meta {
        width: 100%; grid-column: 1 !important; grid-row: 2 !important;
        justify-self: stretch !important; justify-content: flex-end !important;
    }
    .driver_messages_wrap .driver_room_card__message {
        grid-column: 1 !important; grid-row: 3 !important;
    }
}
@media (orientation: portrait), (max-width: 760px) {
    .driver_messages_wrap .driver_messages_list > button.driver_room_card {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
    }
    .driver_messages_wrap .driver_room_card__identity {
        display: flex !important; grid-column: 1 !important;
        grid-row: 1 !important; flex-direction: column;
        align-items: flex-start !important; gap: 1px !important;
    }
    .driver_messages_wrap .driver_room_card__identity
    .driver_messages_presence {
        width: 100%; min-width: 0;
    }
    .driver_messages_wrap .driver_room_card__meta {
        width: 100%; grid-column: 1 !important; grid-row: 2 !important;
        justify-self: stretch !important; justify-content: flex-end !important;
    }
    .driver_messages_wrap .driver_room_card__message {
        grid-column: 1 !important; grid-row: 3 !important;
    }
}
@media (orientation: portrait) {
    .driver_messages_wrap .driver_messages_list > button.driver_room_card {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto auto !important;
    }
    .driver_messages_wrap .driver_room_card__identity {
        display: contents !important;
    }
    .driver_messages_wrap .driver_room_card__title {
        grid-column: 1 / -1 !important; grid-row: 1 !important;
    }
    .driver_messages_wrap .driver_room_card__identity
    .driver_messages_presence {
        width: auto; min-width: 0; grid-column: 1 !important;
        grid-row: 2 !important; align-self: center !important;
        justify-self: start !important;
    }
    .driver_messages_wrap .driver_room_card__meta {
        width: auto; grid-column: 2 !important; grid-row: 2 !important;
        align-self: center !important; justify-self: end !important;
    }
    .driver_messages_wrap .driver_room_card__message {
        grid-column: 1 / -1 !important; grid-row: 3 !important;
    }
}

/* Файл driver_messenger_members_spacing.css */

.driver_messages_panel .driver_messages_members_list {
    gap: var(--spacing_medium); padding-bottom: var(--spacing_small);
}
.driver_messages_panel .driver_messages_member {
    padding: var(--spacing_medium) var(--spacing_relaxed);
}
.driver_messages_panel .driver_messages_member_name {
    margin-bottom: var(--spacing_small);
}
.driver_messages_panel .driver_participant_permissions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing_section) + var(--spacing_xs));
    row-gap: var(--spacing_small);
}
.driver_messages_panel .driver_participant_permission {
    gap: var(--spacing_small); min-height: var(--spacing_xl);
    line-height: 1.25;
}
@media (max-width: 760px) {
    .driver_messages_panel .driver_participant_permissions {
        grid-template-columns: 1fr;
    }
}

/* Файл driver_messenger_calls.css */

.driver_messages_wrap .driver_message_time,
.driver_messages_wrap .driver_message_time span,
.driver_messages_wrap .driver_message_ticks {
    font-size: var(--font_size_caption) !important;
}
.driver_messages_wrap .driver_message_text,
.driver_messages_wrap textarea.driver_messages_input,
.driver_messages_wrap textarea.driver_messages_input::placeholder {
    font-family: var(--font_family_interface) !important;
    font-size: var( --messenger-font-size, var(--font_size_0) ) !important;
    line-height: 1.24 !important;
}
.driver_messages_wrap textarea.driver_messages_input {
    font-weight: 400 !important; -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}
.driver_messages_wrap textarea.driver_messages_input::placeholder {
    font-weight: 400 !important; opacity: 1;
}
.driver_messages_wrap .driver_messages_room_header {
    display: grid;
    grid-template-columns: calc( var(--messenger-action-size) * 0.72 )
    minmax(0, 1fr) auto;
    gap: 2px; align-items: center; border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 0 !important; background: transparent !important;
    box-shadow: none !important;
}
.driver_messages_wrap .driver_messages_back {
    width: calc( var(--messenger-action-size) * 0.72 ) !important;
    min-width: calc( var(--messenger-action-size) * 0.72 ) !important;
    height: var(--messenger-action-size) !important;
    min-height: var(--messenger-action-size) !important; padding: 0 !important;
    border: 0 !important; background: transparent !important;
    box-shadow: none !important; color: var(--text-1) !important;
    font-size: var(--messenger-back-icon-size) !important;
    font-weight: 700 !important; line-height: 1 !important;
}
.driver_messages_wrap .driver_messages_room_identity {
    display: flex !important; min-width: 0; flex: 1 1 auto;
    flex-direction: row !important; gap: 8px; align-items: center !important;
    justify-content: flex-start !important; overflow: hidden;
    text-align: left !important;
}
.driver_messages_room_identity_text {
    text-align: left;
}
.driver_messages_room_identity_text strong,
.driver_messages_room_identity_text span {
    max-width: 100%; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
.driver_messenger_avatar {
    flex: 0 0 40px; border: 1px solid var(--border); border-radius: 50%;
    background: var(--bg-2);
}
.driver_messenger_avatar img {
    width: 100%; height: 100%; object-fit: cover;
}
.driver_audio_call_button,
.driver_messages_wrap .driver_message_search_toggle {
    display: inline-flex !important;
    width: var(--messenger-action-size) !important;
    min-width: var(--messenger-action-size) !important;
    height: var(--messenger-action-size) !important;
    min-height: var(--messenger-action-size) !important; padding: 0 !important;
    align-items: center; justify-content: center; border: 0 !important;
    background: transparent !important; box-shadow: none !important;
    color: var(--accent-blue) !important; opacity: 1 !important;
    visibility: visible !important; line-height: 1 !important;
}
.driver_audio_call_button {
    font-size: var(--messenger-call-icon-size) !important;
}
.driver_messages_wrap .driver_message_search_toggle {
    font-size: var(--messenger-action-size) !important;
    font-weight: 700 !important;
}
.driver_audio_call_button:disabled {
    color: var(--text-3) !important; opacity: 0.55 !important;
}
.driver_audio_call_button:hover,
.driver_messages_wrap .driver_message_search_toggle:hover {
    background: var(--bg-2) !important; color: var(--accent-blue) !important;
}
.driver_audio_call_backdrop {
    z-index: 12000;
    background: color-mix( in srgb, var(--text-primary) 35%, transparent );
}
.driver_audio_call_panel {
    width: min(92vw, 360px); padding: calc(var(--spacing_medium) * 1.5);
    border: 1px solid var(--border); border-radius: var(--border_radius);
    background: var(--card); box-shadow: var(--shadow); text-align: center;
}
.driver_audio_call_avatar {
    width: 82px; height: 82px; flex-basis: 82px;
}
.driver_audio_call_status {
    color: var(--text-2);
}
.driver_audio_call_security {
    font-size: var(--font_size_caption); color: var(--text-3);
}
.driver_audio_call_actions button {
    min-width: 110px;
}

/* Файл driver_messenger_call_screen.css */

.driver_audio_call_name {
    color: inherit; font-size: var(--font_size_3);
}
.driver_audio_call_permission {
    border-radius: var(--radius_pill); background: var(--info-background);
    color: var(--text-secondary); font-size: var(--font_size_0);
}
.driver_audio_call_output_modes {
    width: min(100%, 320px);
}
.driver_audio_call_output_mode {
    flex: 1 1 0; border: 1px solid var(--border);
    border-radius: var(--radius_pill); background: var(--surface-primary);
    color: var(--text-secondary); font-size: var(--font_size_button);
}
.driver_audio_call_output_mode.is-active {
    border-color: var(--primary-color); background: var(--primary-color);
    color: var(--on-accent);
}
.driver_audio_call_action {
    min-width: 88px !important; padding: 0 !important; border: 0 !important;
    background: transparent !important; box-shadow: none !important;
    color: inherit !important;
}
.driver_audio_call_action_icon {
    width: 68px; height: 68px; border-radius: 50%; color: var(--on-accent);
    font-size: var(--authorization_title_landscape_font_size); line-height: 1;
}
.driver_audio_call_action--reject .driver_audio_call_action_icon {
    background: var(--accent-red); transform: rotate(135deg);
}
.driver_audio_call_action--accept .driver_audio_call_action_icon {
    background: var(--accent-success);
}
.driver_audio_call_action_label {
    font-size: var(--font_size_button);
}
.driver_audio_call_backdrop--receiver {
    background: var(--heading-color);
}
.driver_audio_call_panel--receiver {
    width: 100vw; height: 100dvh; min-height: 100vh;
    padding: max(var(--spacing_xl), env(safe-area-inset-top))
    max(var(--spacing_large), env(safe-area-inset-right))
    max(var(--spacing_xl), env(safe-area-inset-bottom))
    max(var(--spacing_large), env(safe-area-inset-left));
    border: 0; border-radius: 0;
    background: radial-gradient( circle at 50% 28%, color-mix( in srgb,
    var(--primary-color) 38%, transparent ), transparent 36% ),
    linear-gradient( 180deg, color-mix( in srgb, var(--heading-color) 86%,
    var(--text-primary) ), var(--text-primary) );
    box-shadow: none; color: var(--on-accent);
}
.driver_audio_call_panel--receiver::before {
    position: absolute; z-index: 0; inset: 0;
    background: linear-gradient( 180deg, transparent 45%, color-mix( in srgb,
    var(--text-primary) 42%, transparent ) 100% );
    content: ''; pointer-events: none;
}
.driver_audio_call_panel--receiver > * {
    position: relative; z-index: 1;
}
.driver_audio_call_panel--receiver .driver_audio_call_identity {
    margin-top: clamp(36px, 9vh, 96px); gap: var(--spacing_medium);
}
.driver_audio_call_panel--receiver .driver_audio_call_avatar {
    width: clamp(126px, 28vw, 210px); height: clamp(126px, 28vw, 210px);
    flex-basis: clamp(126px, 28vw, 210px);
    border: 2px solid color-mix( in srgb, var(--on-accent) 58%, transparent );
    box-shadow: var(--shadow);
}
.driver_audio_call_panel--receiver .driver_audio_call_name {
    font-size: var(--messenger-call-name-font-size); line-height: 1.05;
}
.driver_audio_call_panel--receiver .driver_audio_call_status {
    color: var(--on-accent-muted); font-size: var(--font_size_2);
}
.driver_audio_call_panel--receiver .driver_audio_call_security {
    color: var(--on-accent-muted); font-size: var(--font_size_0);
}
.driver_audio_call_panel--receiver .driver_audio_call_permission {
    border: 1px solid var(--control-border-on-accent);
    background: var(--control-hover-on-accent); color: var(--on-accent);
}
.driver_audio_call_panel--receiver .driver_audio_call_output_modes {
    margin-top: auto;
}
.driver_audio_call_panel--receiver .driver_audio_call_output_mode {
    border-color: var(--control-border-on-accent);
    background: var(--control-hover-on-accent); color: var(--on-accent);
}
.driver_audio_call_panel--receiver .driver_audio_call_output_mode.is-active {
    border-color: var(--on-accent); background: var(--on-accent);
    color: var(--heading-color);
}
.driver_audio_call_panel--receiver .driver_audio_call_actions {
    width: min(100%, 420px); margin-top: auto;
    gap: clamp(var(--spacing_xl), 16vw, 120px); flex-wrap: nowrap;
}
.driver_audio_call_panel--receiver .driver_audio_call_action_icon {
    width: clamp(68px, 17vw, 92px); height: clamp(68px, 17vw, 92px);
    font-size: var(--messenger-call-action-font-size);
}
.driver_audio_call_panel--receiver .driver_audio_call_action_label {
    color: var(--on-accent); font-size: var(--font_size_1);
}
@media (max-width: 680px) {
    .driver_audio_call_panel--receiver .driver_audio_call_name {
        font-size: var(--messenger-call-name-mobile-font-size);
    }
    .driver_audio_call_panel--receiver .driver_audio_call_status {
        font-size: var(--font_size_3);
    }
}

/* Файл driver_messenger_header_actions.css */

.drawer-panel.driver_messages_panel {
    --messenger-action-icon-size: calc( var(--messenger-font-size,
    var(--font_size_0)) + var(--spacing_regular) );
    --messenger-search-icon-size: calc( var(--messenger-action-icon-size) *
    1.25 );
    --messenger-back-icon-size: var(--messenger-search-icon-size);
}
.driver_messages_wrap .driver_messages_room_header {
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    gap: 0 !important;
}
.driver_messages_wrap .driver_messages_back {
    width: 24px !important; min-width: 24px !important;
    max-width: 24px !important; padding: 0 !important;
    overflow: visible !important;
    font-size: var(--messenger-back-icon-size) !important;
    font-weight: 900 !important; line-height: 1 !important;
    text-shadow: 1px 0 currentColor, -1px 0 currentColor;
}
.driver_audio_call_button, .driver_audio_call_button > span {
    font-size: var(--messenger-action-icon-size) !important;
    font-weight: 700 !important; line-height: 1 !important;
}
.driver_messages_wrap .driver_message_search_toggle,
.driver_messages_toolbar--chat-list .driver_room_search > span,
.driver_messages_toolbar--chat-list .driver_messages_add,
.driver_messages_toolbar--chat-list .driver_messages_settings_button {
    font-size: var(--messenger-search-icon-size) !important;
    font-weight: 800 !important; line-height: 1 !important;
}

/* Файл driver_messenger_runtime_fix.css */

.driver_messages_wrap .driver_messages_list {
    overflow-y: auto !important; overflow-x: hidden !important;
    align-content: flex-start;
}
.driver_messages_wrap .driver_messages_list > button.driver_room_card {
    flex: 0 0 auto !important; flex-shrink: 0 !important;
}
.driver_messages_wrap .driver_messages_room_header .driver_message_search {
    width: 100%; min-width: 0; min-height: 34px; height: 34px;
    box-sizing: border-box; margin: 0; padding: 0 var(--spacing_small);
    border-radius: var(--spacing_small); align-self: center;
}
.driver_messages_wrap .driver_messages_room_header
.driver_message_search input {
    height: 32px; min-height: 32px;
}
@media (orientation: landscape) and (max-height: 620px) {
    .driver_messages_wrap .driver_messages_list > button.driver_room_card {
        min-height: 62px !important; min-block-size: 62px !important;
    }
}

/* Файл driver_messenger.css */

/* Файл lk_egrn_preview_panel.css */

.lk-egrn-preview-panel__file-name {
    color: var(--text-2); font-size: var(--font_size_0);
    overflow-wrap: anywhere;
}
.lk-egrn-preview-panel__document, .lk-egrn-preview-panel__image {
    display: block; width: 100%; min-height: 60vh;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1);
}
.lk-egrn-preview-panel__image {
    max-height: calc(100dvh - 180px);
}

/* Файл LkFontSettings.css */

.lk-font-settings {
    --lk-font-settings-hint-size: calc(var(--lk-user-font-size, 17px) - 2px);
    margin-top: var(--spacing_regular);
}
.lk-font-settings label {
    font-weight: 600;
}
.lk-font-settings select {
    width: 100%; max-width: 180px; min-height: 36px; box-sizing: border-box;
    padding: 4px 10px; border: 1px solid var(--border);
    border-radius: var(--radius_soft); background: var(--bg-1);
    color: var(--text-1); font: inherit;
}
.lk-font-settings__hint {
    color: var(--text-3); font-size: var(--lk-font-settings-hint-size);
}

/* Файл LkThemeSettings.css */

.lk-theme-settings {
    border-top: 1px solid var(--divider-soft);
}
.lk-theme-settings__hint {
    margin: 0 0 var(--font_size_0); color: var(--text-3);
    font-size: var(--font_size_0);
}
.lk-theme-settings__grid {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}
.lk-theme-option {
    border: 1px solid var(--divider-color);
    background: var(--surface-secondary); color: var(--text-1);
    box-shadow: none; transform: none;
}
.lk-theme-option:hover {
    border-color: var(--primary-color); background: var(--surface-muted);
    box-shadow: none; transform: none;
}
.lk-theme-option--active {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px var(--focus-ring);
}
.lk-theme-option__preview {
    grid-template-columns: 14px 1fr; border: 1px solid var(--divider-color);
    border-radius: 5px;
    background: linear-gradient( 90deg, var(--preview-sidebar) 0 37%,
    var(--preview-surface) 37% 100% );
}
.lk-theme-option__preview i:first-child {
    background: transparent;
}
.lk-theme-option__preview i:last-child {
    margin: 7px 4px; border-radius: 4px; background: var(--preview-accent);
}

/* Файл cell_select.css */

.cell_select {
    padding: var(--ui-input-padding-block) var(--ui-input-padding-inline);
    border: 1px solid var(--border); border-radius: var(--radius_small);
    background: var(--input-background); color: var(--text-1); font: inherit;
}

/* Файл TableHeader.css */

.th-icon-btn {
    border: 1px solid var(--divider-color); border-radius: 4px;
    cursor: pointer;
}
.th-icon-btn:hover {
    background: var(--surface-secondary);
}
.th-filter-menu {
    width: min(400px, calc(100vw - 16px)); background: var(--surface-elevated);
    border: 1px solid var(--divider-color); border-radius: 8px;
    box-shadow: var(--app-shadow); z-index: 9999;
    font-size: var(--font_size_caption); color: var(--text-1);
}
.th-filter-menu * {
    font-size: var(--font_size_0); font-family: var(--font_family_interface);
}
.th-menu-btn {
    width: 100%; border: none; background: var(--surface-elevated);
    text-align: left; padding: 8px 10px; border-radius: 6px; cursor: pointer;
    color: var(--text-1); word-break: break-word;
}
.th-menu-btn:hover {
    background: var(--surface-secondary);
}
.th-menu-btn--apply {
    width: auto; padding: 4px 8px; background: var(--info-background);
    border-radius: 6px;
}
.th-menu-btn--apply:hover {
    background: color-mix(in srgb, var(--primary-color) 22%,
    var(--surface-primary));
}
.th-menu-btn--cancel {
    width: auto; padding: 4px 8px;
}
.th-menu-hint {
    color: var(--text-3); word-break: break-word;
}
.th-divider {
    margin: 4px 0; border: none; border-top: 1px solid var(--divider-color);
}
.th-sort-badge {
    min-width: 14px; padding: 0 3px; border-radius: 999px;
    background: var(--primary-color); color: var(--on-accent);
    font-size: var(--font_size_caption); font-weight: 600; line-height: 14px;
    pointer-events: none; box-shadow: 0 0 0 1px var(--surface-primary);
}
.th-multi-panel__title {
    color: var(--text-1);
}
.th-checkbox-list {
    border-radius: 6px; border: 1px solid var(--divider-color);
    background: var(--surface-secondary);
}
.th-checkbox-row {
    color: var(--text-1);
}
.th-checkbox-label {
    cursor: pointer;
}
.th-col-name {
}
.th-direction-group {
    margin-left: 8px;
}
.th-direction-btn {
    border: 1px solid var(--divider-color);
    background: var(--surface-elevated); color: var(--text-1);
    border-radius: 6px; padding: 2px 8px; cursor: pointer; line-height: 1.4;
}
.th-direction-btn:hover {
    background: var(--surface-secondary);
}
.th-direction-btn--active {
    background: var(--info-background); border-color: var(--primary-color);
}
.data-table th.table-header, .data-table th.table-header .header-content {
    overflow: visible !important;
}
.data-table th.table-header .th-menu-anchor {
    position: relative; overflow: visible !important;
}

/* Файл glass-style.css */

.glass-style .table-container {
    background: var(--table-row-background);
}
.glass-style .data-table {
    background: transparent;
}
.glass-style .data-table th {
    background: var(--table-header-background);
    color: var(--table-header-text); font-weight: 600;
}
.glass-style .fixed-header, .glass-style .fixed-header-row {
    background: var(--table-header-background) !important;
    color: var(--table-header-text) !important;
}
.glass-style .fixed-row, .glass-style .data-table td {
    background: var(--table-row-background) !important;
}
.glass-style .fixed-row-cell {
    background: inherit !important;
}
.glass-style .data-table tr:hover td {
    background: var(--table-row-hover-background) !important;
}
.glass-style .data-table td.non-editable-cell {
    background-color: var(--table-row-alt-background) !important;
}
.glass-style .data-table td:first-child {
    background-color: color-mix( in srgb, var(--primary-color)
    var(--table-fixed-accent-strength), var(--table-row-background)
    ) !important;
}
.glass-style .data-table tr:hover td.non-editable-cell {
    background-color: var(--table-row-hover-background) !important;
}

/* Файл modern-style.css */

.modern-style .table-container {
    border-radius: 8px;
}
.modern-style .data-table th {
    background: var(--table-header-background);
    color: var(--table-header-text); font-weight: 600;
    border-bottom: 1px solid var(--divider-color);
}
.modern-style .fixed-header, .modern-style .fixed-header-row {
    background: var(--table-header-background) !important;
    color: var(--table-header-text) !important;
}
.modern-style .fixed-row, .modern-style .fixed-cell {
    background: var(--table-row-background) !important;
}
.modern-style .fixed-row-cell {
    background: inherit !important;
}

/* Файл striped-style.css */

.striped-style .table-container {
    border: 1px solid var(--divider-color); border-radius: 6px;
}
.striped-style .data-table th {
    background: var(--table-header-background);
    color: var(--table-header-text); font-weight: 600;
    border-bottom: 1px solid var(--divider-color); position: relative;
}
.striped-style .data-table th::after,
.striped-style .fixed-header-row th::after {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0px;
    background: linear-gradient(90deg, #3498db, #2ecc71);
}
.striped-style .data-table tbody tr:nth-child(odd) td {
    background-color: var(--table-row-background);
}
.striped-style .data-table tbody tr:nth-child(even) td {
    background-color: var(--table-row-alt-background);
}
.striped-style .data-table tbody tr:hover td {
    background-color: var(--table-row-hover-background) !important;
}
.striped-style .fixed-header, .striped-style .fixed-header-row {
    background: var(--table-header-background) !important;
    color: var(--table-header-text) !important;
}
.striped-style .fixed-row {
    background: var(--table-row-background) !important;
}
.striped-style .fixed-row-cell, .striped-style .fixed-cell {
    background: inherit !important;
}
.striped-style .fixed-row:nth-child(odd) .fixed-row-cell {
    background-color: var(--table-row-background) !important;
}
.striped-style .fixed-row:nth-child(even) .fixed-row-cell {
    background-color: var(--table-row-alt-background) !important;
}
.striped-style .data-table td:last-child {
    border-right: none;
}
.striped-style .data-table tbody tr:last-child td {
    border-bottom: none;
}

/* Файл highlighting_cell_borders.css */

.selected-cell.has-top-neighbor::after {
    border-top: none;
}
.selected-cell.has-bottom-neighbor::after {
    border-bottom: none;
}
.selected-cell.has-left-neighbor::after {
    border-left: none;
}
.selected-cell.has-right-neighbor::after {
    border-right: none;
}
.editing-cell::after {
    border: 2px solid var(--selection-border) !important;
}
.copied-range-cell::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none; border: 0 dashed var(--selection-border); z-index: 7;
}
.copied-range-cell.copied-range-top::before {
    border-top-width: 2px;
}
.copied-range-cell.copied-range-bottom::before {
    border-bottom-width: 2px;
}
.copied-range-cell.copied-range-left::before {
    border-left-width: 2px;
}
.copied-range-cell.copied-range-right::before {
    border-right-width: 2px;
}

/* Файл add_row_column_buttons.css */

.add_row_column_overlay {
    pointer-events: none; z-index: 25;
}
.add_row_column__button {
    border-radius: 50%; border: none; background: var(--accent-blue);
    color: var(--on-accent); font-size: var(--font_size_caption);
    line-height: 18px; text-align: center; cursor: pointer;
    pointer-events: auto; box-shadow: var(--shadow); z-index: 30;
}
.add_row_column__button:hover {
    background: var(--accent);
}
.add_row_column__row_highlight {
    background: var(--accent-blue); pointer-events: none; z-index: 24;
}
.add_row_column__column_highlight {
    background: var(--accent-blue); pointer-events: none; z-index: 24;
}
.table-widget .table-container {
    position: relative;
}

/* Файл portrait_modes.css */

.portrait-card-table {
    overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
}
.portrait-table-card {
    cursor: pointer;
}
.portrait-table-card__field {
    grid-template-columns: minmax(105px, 40%) minmax(0, 1fr); padding: 7px 2px;
    border-bottom: 1px solid var(--border);
}
.portrait-table-card__field:last-child {
    border-bottom: 0;
}
.portrait-table-card__label {
    color: var(--text-3); font-size: var(--font_size_0); font-weight: 600;
    overflow-wrap: anywhere;
}
.portrait-table-card__value {
    color: var(--text-2); font-size: var(--font_size_0);
    overflow-wrap: anywhere; word-break: break-word;
}
.portrait-column-switcher-wrapper {
    overflow-x: hidden;
}
.portrait-column-navigator {
    padding: 4px 5px; border-bottom: 1px solid var(--border);
    background: var(--bg-1);
}
.portrait-column-navigator__current {
    color: var(--text-3); font-size: var(--font_size_button);
}
.portrait-column-navigator__search {
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); color: var(--text-2); cursor: pointer;
    font-size: var(--font_size_1);
}
.portrait-column-navigator__search:hover {
    background: var(--bg-2);
}
.portrait-column-navigator__actions button {
    display: inline-flex; width: 34px; height: 30px; align-items: center;
    justify-content: center; padding: 0; border: 0; border-radius: 8px;
    background: linear-gradient(180deg, #49a9df, #2f83c3);
    color: var(--on-accent); cursor: pointer; font-size: var(--font_size_1);
    font-weight: 700;
}
.portrait-column-navigator__actions button:disabled {
    opacity: .4; cursor: default;
}
@media (orientation: portrait) {
    .portrait-card-table {
        gap: calc(var(--font_size_0) * 2); padding: 4px;
        background: var(--bg-2);
    }
    .portrait-table-card {
        padding: 4px 8px; border: 1px solid var(--border); border-radius: 8px;
        background: var(--bg-1); box-shadow: var(--shadow);
    }
    .portrait-column-switcher-wrapper .data-table {
        width: 100%; min-width: 100%; max-width: 100%;
    }
    .table-widget:not(.apartment-number-content-width)
    .portrait-column-switcher-wrapper .data-table th,
    .table-widget:not(.apartment-number-content-width)
    .portrait-column-switcher-wrapper .data-table td {
        width: auto !important; min-width: 0 !important;
        max-width: none !important; white-space: normal;
        overflow-wrap: anywhere; word-break: break-word;
    }
    .apartment-number-content-width .portrait-column-switcher-wrapper
    .data-table th,
    .apartment-number-content-width .portrait-column-switcher-wrapper
    .data-table td {
        white-space: normal; overflow-wrap: anywhere; word-break: break-word;
    }
    .table-widget:not(.apartment-number-content-width)
    .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column) th:first-child,
    .table-widget:not(.apartment-number-content-width)
    .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column) td:first-child {
        width: 40% !important;
    }
    .portrait-column-switcher-wrapper .data-table.has-row-number-column
    .row-number-header,
    .portrait-column-switcher-wrapper .data-table.has-row-number-column
    .row-number-cell {
        width: 44px !important; min-width: 44px !important;
        max-width: 44px !important; overflow: hidden !important;
        white-space: nowrap !important;
    }
    .table-widget:not(.apartment-number-content-width)
    .portrait-column-switcher-wrapper .data-table.has-row-number-column
    th:nth-child(2), .table-widget:not(.apartment-number-content-width)
    .portrait-column-switcher-wrapper .data-table.has-row-number-column
    td:nth-child(2) {
        width: 38% !important;
    }
    .portrait-column-switcher-wrapper .data-table th:only-child,
    .portrait-column-switcher-wrapper .data-table td:only-child {
        width: 100% !important;
    }
    .portrait-column-switcher-wrapper .header-content,
    .portrait-column-switcher-wrapper .cell-content,
    .portrait-column-switcher-wrapper .cell-display-value {
        min-width: 0; white-space: normal; overflow-wrap: anywhere;
        word-break: break-word;
    }
    .portrait-column-switcher-wrapper .data-table .fixed-column,
    .portrait-column-switcher-wrapper .data-table .fixed-cell {
        overflow: hidden !important; background-clip: border-box !important;
        isolation: isolate;
    }
    .portrait-column-switcher-wrapper .data-table .row-number-cell
    .cell-content,
    .portrait-column-switcher-wrapper .data-table .row-number-cell
    .cell-display-value {
        line-height: 1.15; text-align: center; white-space: nowrap;
    }
    .striped-style .portrait-column-switcher-wrapper .data-table tbody
    tr:nth-child(odd) .fixed-cell {
        background-color: var(--table-row-background) !important;
    }
    .striped-style .portrait-column-switcher-wrapper .data-table tbody
    tr:nth-child(even) .fixed-cell {
        background-color: var(--table-row-alt-background) !important;
    }
    .glass-style .portrait-column-switcher-wrapper .data-table td.fixed-cell {
        background-color: var(--table-row-background) !important;
    }
    .glass-style .portrait-column-switcher-wrapper .data-table
    td.fixed-cell:first-child {
        background-color: color-mix( in srgb, var(--primary-color) 24%,
        var(--table-row-background) ) !important;
    }
}

/* Файл portrait_fixed_cells.css */

@media (orientation: portrait) {
    .portrait-column-switcher-wrapper .data-table {
        table-layout: fixed !important;
    }
    .portrait-column-switcher-wrapper .data-table tbody tr {
        position: relative;
    }
    .portrait-column-switcher-wrapper .data-table tbody td.fixed-cell {
        position: static !important; left: auto !important;
        z-index: auto !important;
    }
    .portrait-column-switcher-wrapper .data-table tbody
    td:first-child.fixed-cell {
        overflow: hidden !important; vertical-align: top; clip-path: none;
        isolation: auto;
    }
    .portrait-column-switcher-wrapper .data-table tbody
    td:first-child.fixed-cell .cell-content,
    .portrait-column-switcher-wrapper .data-table tbody
    td:first-child.fixed-cell .cell-display-value {
        display: block; width: 100%; max-width: 100%;
        overflow: hidden !important; box-sizing: border-box;
    }
}

/* Файл content_width_columns.css */

.apartment-number-content-width .data-table:not(.has-row-number-column)
th:first-child,
.apartment-number-content-width .data-table:not(.has-row-number-column)
td:first-child,
.apartment-number-content-width .data-table.has-row-number-column
th:nth-child(2),
.apartment-number-content-width .data-table.has-row-number-column
td:nth-child(2) {
    white-space: nowrap !important; overflow-wrap: normal !important;
    word-break: normal !important;
}
.apartment-number-content-width .data-table:not(.has-row-number-column)
th:first-child .header-content,
.apartment-number-content-width .data-table:not(.has-row-number-column)
td:first-child .cell-content,
.apartment-number-content-width .data-table:not(.has-row-number-column)
td:first-child .cell-display-value,
.apartment-number-content-width .data-table.has-row-number-column
th:nth-child(2) .header-content,
.apartment-number-content-width .data-table.has-row-number-column
td:nth-child(2) .cell-content,
.apartment-number-content-width .data-table.has-row-number-column
td:nth-child(2) .cell-display-value {
    min-width: 0 !important; white-space: nowrap !important;
    overflow-wrap: normal !important; word-break: normal !important;
}
@media (orientation: portrait) {
    .apartment-number-content-width .portrait-column-switcher-wrapper
    .data-table {
        width: 100% !important; min-width: 100% !important;
        max-width: 100% !important; table-layout: fixed !important;
    }
    .apartment-number-content-width .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column) th:not(:first-child),
    .apartment-number-content-width .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column) td:not(:first-child),
    .apartment-number-content-width .portrait-column-switcher-wrapper
    .data-table.has-row-number-column
    th:not(:first-child):not(:nth-child(2)),
    .apartment-number-content-width .portrait-column-switcher-wrapper
    .data-table.has-row-number-column
    td:not(:first-child):not(:nth-child(2)) {
        width: auto !important; min-width: 0 !important;
        max-width: none !important; white-space: normal !important;
        overflow-wrap: anywhere !important; word-break: break-word !important;
    }
    .apartment-number-content-width .portrait-column-switcher-wrapper {
        overflow-x: hidden !important;
    }
}

/* Файл fixed_headers.css */

.fixed-header-table th.fixed-header-row {
    z-index: 60 !important;
}
.fixed-header-table th.fixed-header.fixed-header-row {
    z-index: 80 !important;
}

/* Файл table_resize.css */

.table-header--resizable::before, .table-header--resizable::after {
    position: absolute; top: 0; width: 7px; height: 100%; content: '';
    cursor: col-resize; z-index: 80;
}
.table-header--resizable::before {
    left: 0;
}
.table-header--resizable::after {
    right: 0;
}
body.table-widget-resizing {
    user-select: none;
}

/* Файл table_context_menu.css */

.table-context-menu {
    z-index: 2000; min-width: 230px; max-width: min(340px, calc(100vw - 16px));
    border: 1px solid var(--divider-color); border-radius: 6px;
    background: var(--surface-primary); box-shadow: var(--shadow);
}
.table-context-menu button {
    width: 100%;
    padding: var(--spacing_compact, 6px) var(--spacing_regular, 10px);
    border: 0; border-radius: 4px; background: transparent;
    color: var(--text-1); font: inherit; text-align: left; cursor: pointer;
}
.table-context-menu button:hover {
    background: var(--surface-secondary);
}
.table-context-menu__separator {
    background: var(--divider-color);
}
.table-context-menu button.table-context-menu__danger {
    color: var(--status-error-text);
}

/* Файл TableWidget.css */
.table-widget {
    position: relative; width: 100%; max-width: 100%; height: 100%;
    min-width: 0; min-height: 0;
    max-height: calc(100dvh - (var(--font_size_0) * 6)); overflow: hidden;
    font-family: var(--font_family_interface); box-sizing: border-box;
}
.table-container {
    border: 1px solid var(--divider-color); border-radius: 8px;
    background: var(--surface-primary); box-shadow: var(--shadow);
    overflow: hidden; position: relative; height: 100%; min-height: 0;
    max-height: 100%;
}
.table-wrapper {
    position: relative; width: 100%; max-width: 100%; height: auto;
    min-width: 0; min-height: 0; max-height: 100%; flex: 1 1 auto;
    overflow-x: auto; overflow-y: auto; scrollbar-gutter: auto;
    overscroll-behavior: contain; touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch; box-sizing: border-box;
}
.data-table {
    width: 100%; border-collapse: collapse; border-spacing: 0;
    table-layout: fixed; background: var(--table-row-background);
    color: var(--text-1); position: relative;
}
.data-table th,
.data-table td {
    padding-top: 5px; padding-bottom: 5px; text-align: left; border: none;
    white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;
    position: relative; overflow: hidden;
}
.data-table tbody tr,
.data-table tbody td {
    outline: none; box-shadow: none;
}
.editable-cell {
    cursor: cell;
}
.selected-cell {
    position: relative; z-index: 8 !important;
}
.selected-cell::after {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    border: 2px solid var(--selection-border); pointer-events: none;
}
.editing-cell::after {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    border: 2px solid var(--selection-border); background-color: transparent;
    pointer-events: none; z-index: 61;
}
.cell-input {
    display: block; width: 100%; height: 100%; min-height: 0;
    border: none !important; outline: none; padding: 0 !important;
    margin: 0 !important; font-size: var(--font_size_0);
    font-family: var(--font_family_interface); line-height: inherit;
    background: transparent !important; border-radius: 0 !important;
    box-shadow: none !important; color: inherit; box-sizing: border-box;
    position: relative; z-index: 62;
}
.selection-range {
    position: absolute; border: 2px solid var(--selection-border);
    background-color: var(--selection-background); pointer-events: none;
    z-index: 55;
}
.fixed-column {
    position: sticky !important;
    background: var(--table-row-background) !important;
}
.fixed-header {
    z-index: 30 !important; background: inherit !important;
}
.fixed-header.fixed-header-row {
    top: 0;
}
.fixed-cell {
    z-index: 20 !important; background: inherit !important;
}
.fixed-row {
    position: sticky !important;
    background: var(--table-row-background) !important; z-index: 22 !important;
}
.fixed-row-cell {
    background: inherit !important;
}
.fixed-header-row {
    position: sticky !important; top: 0 !important; z-index: 25 !important;
}
.fixed-header-table thead {
    position: sticky; top: 0; z-index: 25;
}
.header-content, .cell-content {
    width: 100%; overflow: hidden; text-overflow: ellipsis;
}
.loading {
    justify-content: center; height: 200px; font-size: var(--font_size_1);
    color: var(--text-3);
}
.error-message {
    background-color: var(--status-error-background);
    color: var(--status-error-text); border-radius: 4px;
    border: 1px solid var(--status-error-border); margin-bottom: 10px;
}
.no-data {
    justify-content: center; height: 100px; color: var(--text-3);
    font-style: italic;
}
.cell-placeholder {
    color: var(--text-3); opacity: 0.7;
}
.glass-style .data-table .table-cell-cell.custom-filled-cell,
.striped-style .data-table .table-cell-cell.custom-filled-cell,
.modern-style .data-table .table-cell-cell.custom-filled-cell,
.table-cell-cell.custom-filled-cell {
    background: color-mix( in srgb, var(--custom_cell_background)
    var(--table-custom-fill-strength), var(--table-row-background)
    ) !important;
}
.phantom-row {
    pointer-events: none; user-select: none;
}
.phantom-cell {
    background: transparent; border: none; cursor: default;
}
.data-table tbody tr.phantom-row:hover td,
.data-table tbody tr.phantom-row:nth-child(odd) td,
.data-table tbody tr.phantom-row:nth-child(even) td {
    background: transparent !important; box-shadow: none !important;
}
.cell-checkbox {
    display: block; margin: 0 auto; cursor: pointer;
}
.cell-display-value.wrap-cell {
    white-space: normal; overflow-wrap: anywhere; word-break: break-word;
    line-height: 1.2;
}
.table-widget--auto-height, .table-widget--auto-height .table-container {
    height: auto; max-height: none; overflow: visible;
}
.table-widget--auto-height .table-wrapper {
    height: auto; max-height: none; flex: 0 0 auto; overflow-x: auto;
    overflow-y: visible; overscroll-behavior: auto;
}

/* Файл table_search.css */

.table-search-portrait {
    padding: 4px 0;
}
.table-search-portrait__toggle, .table-search-portrait__field button,
.table-search-panel__footer button {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; margin: 0; padding: 0;
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1); color: var(--accent-dark);
    font-size: var(--font_size_1); cursor: pointer;
}
.table-search-portrait__toggle:hover,
.table-search-portrait__field button:hover,
.table-search-panel__footer button:hover {
    border-color: var(--accent); background: var(--bg-2); color: var(--accent);
}
.table-search-portrait__field {
    padding: 0 6px 0 12px; border: 1px solid var(--border);
    border-radius: 12px; background: var(--bg-1);
}
.table-search-portrait__field input {
    min-width: 0; flex: 1; border: 0; outline: 0; background: transparent;
    color: var(--text-1); font-size: var(--font_size_0);
}
.table-search-portrait__field span {
    color: var(--text-2); font-size: var(--font_size_0); white-space: nowrap;
}
.table-search-panel__field {
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1);
}
.table-search-panel__field input {
    min-width: 0; height: 42px; flex: 1; border: 0; outline: 0;
    background: transparent; color: var(--text-1);
    font-size: var(--font_size_0);
}
.table-search-panel__options {
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1);
}
.table-search-panel__options label {
    display: flex; align-items: center; gap: 8px; cursor: pointer;
}
.table-search-panel__footer > div {
    display: flex; gap: 8px;
}
.table-search-panel__footer button:disabled {
    cursor: default; opacity: 0.45;
}
.table-search-current-cell {
    box-shadow: inset 0 0 0 3px var(--accent-orange-bg) !important;
}

/* Файл total_row.css */

.tw-total-row {
    background: var(--bg-2, #edf1f5);
}
.tw-total-cell {
    position: static; bottom: auto; z-index: 15;
    background: var(--bg-2, #edf1f5);
    border-top: 2px solid var(--border, #d0d7de); font-weight: 600;
    color: var(--text-1, #1f2328);
}
.tw-total-cell.fixed-column {
    z-index: 25;
}
.tw-total-row:not(.tw-total-row--static) .tw-total-cell {
    position: sticky; bottom: 0;
}
.tw-total-label {
    text-align: left;
}
.tw-total-value {
    text-align: right;
}
.glass-style .data-table .tw-total-cell {
    background: var(--table-header-background) !important;
    color: var(--table-header-text); border-top-color: var(--divider-color);
}

/* Файл tab_business_trips.css */

.lk-business-trips {
    box-sizing: border-box; width: 100%; padding: var(--spacing_tight);
}
.lk-business-trips fieldset {
    min-width: 0; margin: 0; padding: 0; border: 0;
}

/* Файл tab_vacations.css */

.lk-vacations {
    box-sizing: border-box; width: 100%; padding: var(--spacing_tight);
}
.lk-vacations fieldset {
    min-width: 0; margin: 0; padding: 0; border: 0;
}

/* Файл lk_content_search.css */

.lk-content-search__icon {
    color: var(--text-3);
}
.lk-content-search__field input {
    width: 100%; min-width: 0; margin: 0; border: 0; outline: 0;
    background: transparent; color: var(--text-2);
}
.lk-content-loader {
    min-height: calc(var(--font_size_0) * 8); color: var(--text-2);
    text-align: center;
}

/* Файл DocumentFilePreview.css */

.document-file-preview {
    min-height: 70dvh; border: 1px solid var(--border); border-radius: 16px;
    background: var(--bg-1);
}
.document-file-preview__pdf {
    min-height: 78dvh; border: 0; background: var(--bg-1);
}
.document-file-preview--docx .docx-viewer {
    display: flex; flex-direction: column; align-items: center; gap: 18px;
}
.document-file-preview__message {
    color: var(--text-2); text-align: center;
}
.document-file-preview__message--error {
    color: var(--accent-red);
}

/* Файл Input.css */

.app-input {
    font-family: var(--font_family_interface);
}
.app-input:not(:is([type='checkbox'], [type='radio'], [type='file'],
[type='hidden'], [type='range'], [type='color'])) {
    width: 100%; min-height: calc(var(--font_size_0) + var(--spacing_small));
    padding: var(--ui-input-padding-block) var(--ui-input-padding-inline);
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    outline: none; background: var(--input-background); color: var(--text-1);
    font-size: var(--font_size_0);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.app-input:not(:is([type='checkbox'], [type='radio'], [type='file'],
[type='hidden'], [type='range'], [type='color'])):focus {
    border-color: var(--accent); box-shadow: 0 0 0 3px var(--focus-ring);
}
.app-input:not(:is([type='checkbox'], [type='radio'], [type='file'],
[type='hidden'], [type='range'], [type='color'])):disabled,
.app-input:not(:is([type='checkbox'], [type='radio'], [type='file'],
[type='hidden'], [type='range'], [type='color']))[readonly] {
    background: var(--bg-2); color: var(--text-2);
}
.app-input::placeholder {
    color: var(--text-3);
}
.app-input[type='checkbox'], .app-input[type='radio'] {
    width: auto; min-height: 0; margin: 0; padding: 0;
}

/* Файл DocumentTemplatesPanel.css */

.document-templates-panel {
    --document-file-panel-inset: var(--spacing_small);
    --document-file-sidebar-width: 150px;
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
}
.document-templates-panel > .tab-widget-container,
.document-templates-panel .tab-container-left,
.document-templates-panel .tab-content-wrapper,
.document-templates-panel .tab-content-left,
.document-templates-panel .tab-content-item.active {
    height: 100%; min-height: 0;
}
.document-templates-panel .tab-container-left {
    align-items: stretch;
}
.doc-editor .document-templates-panel .tab-nav-left {
    align-self: stretch; width: var(--document-file-sidebar-width) !important;
    min-width: var(--document-file-sidebar-width) !important; height: 100%;
    min-height: 0; padding: 0 var(--document-file-panel-inset) !important;
    background: var(--bg-2); color: var(--text-2); box-shadow: none;
}
.document-templates-panel .tab-nav-left > .tab-list {
    gap: 0 !important; padding: 0;
}
.document-templates-panel .tab-nav-left .tab-item-wrapper {
    flex: 0 0 auto;
}
.document-templates-panel .tab-nav-left .tab-item-wrapper:first-child {
    margin-top: 0;
}
.doc-editor .document-templates-panel .tab-nav-left .tab-link {
    min-height: var(--button-min-height) !important; margin: 0;
    padding: var(--button-padding-block)
    var(--button-padding-inline) !important;
    border: 0; border-radius: var(--radius_compact); background: transparent;
    color: var(--text-2); font-size: inherit; justify-content: flex-start;
    transform: none;
}
.doc-editor .document-templates-panel .tab-nav-left .tab-link:hover {
    background: color-mix( in srgb, var(--text-1) 6%, transparent );
    color: var(--text-1); transform: none;
}
.doc-editor .document-templates-panel .tab-nav-left .tab-link.active {
    background: var(--active-tab-background); color: var(--active-tab-text);
}
.document-templates-panel .tab-content-left,
.document-templates-panel .tab-content-item.active {
    overflow-y: auto;
}
.document-templates-panel .tab-content-item.active {
    padding: var(--document-file-panel-inset);
}
.document-templates-panel .block_1 {
    padding: var(--spacing_large); font-family: var(--font_family_interface);
    font-size: inherit; line-height: 1.35;
}
.document-templates-panel label {
    font-size: inherit;
}
.document-templates-panel :is(input, select, textarea, button) {
    font: inherit;
}
.document-templates-panel .block_1 :is(h1, h2, h3, h4, h5, h6),
.document-templates-panel .block_1 .block_1__title {
    margin-bottom: var(--spacing_large);
    font-size: var(--font_size_0) !important;
}
.document-templates {
    grid-template-columns: minmax(230px, 0.72fr) minmax(360px, 1.28fr);
}
.document-templates__editor, .document-templates__list {
    height: 100%; margin: 0;
}
.document-templates__title {
    color: var(--blue-navy); font-weight: 700;
}
.document-templates__field {
    color: var(--text-3);
}
.document-templates__field input, .document-templates__field textarea {
    width: 100%; margin: 0; padding: 8px 10px; border: 1px solid var(--border);
    border-radius: 8px; box-sizing: border-box; background: var(--bg-1);
    color: var(--text-1); font: inherit;
}
.document-templates__field textarea {
    resize: vertical; white-space: pre-wrap;
}
.document-templates__actions, .document-templates__item-actions {
    display: flex; flex-wrap: wrap; gap: 6px;
}
.document-templates__item {
    padding: 10px 0; border-bottom: 1px solid var(--border);
}
.document-templates__item-main {
    border: 0; background: transparent; color: inherit; font: inherit;
    text-align: left; cursor: pointer;
}
.document-templates__item-main:hover {
    background: transparent; color: inherit; box-shadow: none; transform: none;
}
.document-templates__item-main strong {
    color: var(--blue-navy);
}
.document-templates__item-main span {
    display: block; margin-top: 2px; color: var(--text-2);
}
.document-templates__item-main p {
    max-height: 92px; margin: 6px 0 0; overflow: hidden; color: var(--text-1);
    white-space: pre-wrap;
}
.document-templates__item-actions button {
    min-width: 96px; min-height: 32px; padding: 5px 10px;
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); color: var(--text-2); cursor: pointer;
}
.document-templates__item-actions button:hover {
    border-color: var(--accent); background: var(--bg-2);
    color: var(--accent-blue);
}
.document-templates__empty {
    color: var(--text-2);
}
@media (max-width: 900px) {
    .document-templates {
        grid-template-columns: 1fr;
    }
}
.document-editor-settings {
    gap: var(--spacing_large);
}
.document-editor-settings > .block_1, .document-appearance {
    margin: 0;
}
.document-appearance p {
    max-width: 660px; margin: 0 0 18px; color: var(--text-2);
}
.document-appearance__fields .document-templates__field {
    min-width: 220px;
}
.document-appearance__fields select {
    min-height: 36px; border: 1px solid var(--border); border-radius: 8px;
    padding: 0 10px; background: var(--bg-1); color: var(--text-1);
    font: inherit;
}
.document-appearance__preview {
    width: min(680px, 100%); border: 1px solid var(--border);
    border-radius: 10px; background: var(--bg-1); color: var(--text-1);
}

/* Файл full_document_editor_layout.css */

.doc-editor {
    --doc-editor-control-font-size: var(--document_editor_control_font_size);
    --doc-editor-control-height: var(--document_editor_control_height);
    font-family: var(--font_family_interface);
}
.doc-editor--file-mode .doc-editor__topbar--file {
    border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.doc-editor--file-mode .document-templates-panel {
    flex: 1 1 auto; min-height: 0;
}
.doc-editor__topbar {
    height: 132px; min-height: 132px; max-height: 132px;
    border: 1px solid var(--border); background: var(--bg-1);
}
.doc-editor__topbar--file {
    height: 42px; min-height: 38px; max-height: 42px; flex-basis: 42px;
}
.doc-editor__tabs-row {
    border-bottom: 1px solid var(--border); background: var(--bg-2);
}
.doc-editor__tabs {
    padding: 4px 5px 0; scrollbar-width: thin;
}
.doc-editor__tab {
    border: none; border-radius: 10px 10px 0 0; background: transparent;
    color: var(--text-3); font-size: var(--doc-editor-control-font-size);
    font-weight: 600; line-height: 1; cursor: pointer; transition: 0.16s ease;
}
.doc-editor__tab:hover {
    background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
    color: var(--text-1); box-shadow: none; transform: none;
}
.doc-editor__tab--active {
    background: var(--bg-1); color: var(--text-1);
    box-shadow: 0 -1px 0 var(--bg-1), 0 0 0 1px var(--border) inset;
}
.doc-editor__layout-mode-btn {
    padding: 0 !important; border: 1px solid var(--border); border-radius: 9px;
    background: var(--bg-1); color: var(--blue-navy);
    font-size: var(--document_editor_action_icon_size); line-height: 1;
    cursor: pointer;
}
.doc-editor__layout-mode-btn:hover {
    border-color: var(--accent); background: var(--bg-1); color: var(--accent);
    box-shadow: none; transform: none;
}
.doc-editor__save-text-btn {
    padding: 0 !important; border: 1px solid var(--border); border-radius: 9px;
    background: var(--bg-1); color: var(--blue-navy);
    font-size: var(--document_editor_action_icon_size); line-height: 1;
    cursor: pointer;
}
.doc-editor__save-text-btn:hover {
    border-color: var(--accent); background: var(--bg-1); color: var(--accent);
    box-shadow: none; transform: none;
}
.doc-editor__quick-access {
    border: 1px solid var(--border); border-top: 0; background: var(--bg-1);
}
.doc-editor__quick-access button {
    min-height: 28px; padding: 0 8px; border: 1px solid var(--border);
    border-radius: 7px; background: var(--bg-1); color: var(--text-1);
    font: inherit; cursor: pointer;
}
.doc-editor__quick-access button:hover {
    border-color: var(--accent); color: var(--accent); box-shadow: none;
    transform: none;
}
.doc-editor__tab-panel {
    grid-auto-columns: max-content; grid-auto-flow: column;
    align-items: center; gap: 4px 8px; overflow-x: auto;
    border-bottom: 1px solid var(--border); background: var(--bg-1);
    scrollbar-width: thin;
}
.doc-editor__tab-panel--formulas {
    align-items: stretch; gap: 8px; overflow-x: hidden;
}
.doc-editor__tab-panel > .doc-editor__group--column,
.doc-editor__tab-panel > .doc-editor__review-toolbar {
    grid-row: 1 / span 2;
}
.doc-editor__tab-panel > .doc-editor__hint {
    margin-top: 0;
}
.doc-editor__group {
    display: flex; flex: 0 0 auto; align-items: center; gap: 4px;
    padding-right: 8px; border-right: 1px solid var(--border);
}
.doc-editor__group:last-child {
    padding-right: 0; border-right: none;
}
.doc-editor__group--column {
    align-items: flex-start;
}
.doc-editor__group--compact {
    gap: 3px; padding-right: 7px;
}

/* Файл full_document_editor_controls.css */

.doc-editor__tool-btn, .doc-editor__select, .doc-editor__color-control,
.doc-editor__mini-field {
    min-height: var(--doc-editor-control-height); border: 1px solid #d9ddea;
    border-radius: 8px; background: #fff; color: #44506b;
    font-family: var(--font_family_interface);
    font-size: var(--doc-editor-control-font-size); font-weight: 600;
    line-height: 1; box-sizing: border-box;
}
.doc-editor__tool-btn {
    min-width: var(--doc-editor-control-height); cursor: pointer;
    transition: all 140ms ease;
}
.doc-editor__tool-btn:hover, .doc-editor__select:hover,
.doc-editor__color-control:hover {
    border-color: #bcc4d8; background: #f7f8fc;
}
.doc-editor__tool-btn--wide {
    min-width: 90px;
}
.doc-editor__tool-btn--active {
    border-color: #ff8a1f; background: #fff1e5; color: #ff7d12;
}
.doc-editor__select {
    cursor: pointer; transition: all 140ms ease;
}
.doc-editor__select-native {
    appearance: none; padding-right: 28px;
    background: linear-gradient(45deg, transparent 50%, #7f88a0 50%),
    linear-gradient(135deg, #7f88a0 50%, transparent 50%),
    linear-gradient(to right, #fff, #fff);
    background-position: calc(100% - 14px) 11px, calc(100% - 9px) 11px, 0 0;
    background-size: 5px 5px, 5px 5px, 100% 100%; background-repeat: no-repeat;
}
.doc-editor__color-control {
    cursor: pointer; transition: all 140ms ease;
}
.doc-editor__color-label {
    font-size: var(--doc-editor-control-font-size);
}
.doc-editor__color-control input[type='color'] {
    width: 20px; height: 20px; margin: 0; padding: 0; border: none;
    background: transparent; cursor: pointer;
}
.doc-editor__switch {
    color: #42506d; font-size: var(--doc-editor-control-font-size);
    line-height: 1.2;
}
.doc-editor__switch input {
    width: 16px; height: 16px; margin: 0; padding: 0;
}
.doc-editor__hint {
    border-radius: 6px; background: #f8f9fc; color: #667085;
    font-size: var(--doc-editor-control-font-size); line-height: 1.25;
}
.doc-editor__status-chip {
    border-radius: 999px; background: #f3f5fa; color: #4c5873;
    font-size: var(--doc-editor-control-font-size); font-weight: 600;
}
.doc-editor__page {
    padding: 48px 56px;
}

/* Файл full_document_editor_review.css */

.doc-editor__review-toolbar {
    grid-template-columns: auto auto minmax(max-content, 1fr);
}
.doc-editor__review-toolbar-modes, .doc-editor__review-toolbar-history,
.doc-editor__review-toolbar-main, .doc-editor__review-toolbar-side {
    display: flex; min-width: 0; gap: 6px;
}
.doc-editor__review-toolbar-modes {
    padding-right: 10px; border-right: 1px solid var(--border);
}
.doc-editor__review-toolbar-history {
    grid-column: 2;
}
.doc-editor__review-toolbar-history .doc-editor__group {
    height: 100%; align-items: flex-start;
}
.doc-editor__review-clear-stack {
    min-width: 145px;
}
.doc-editor__review-clear-stack .doc-editor__tool-btn {
    width: 100%;
}
.doc-editor__review-toolbar-side {
    border-left: 1px solid var(--border);
}
.doc-editor__review-toolbar-side .doc-editor__group {
    border-right: 0;
}
.doc-editor__indent-group, .doc-editor__paragraph-spacing-group {
    min-width: max-content;
}
.doc-editor__indent-control {
    min-height: var(--doc-editor-control-height); color: var(--text-2);
    font-size: var(--doc-editor-control-font-size); font-weight: 600;
}
.doc-editor__indent-control input {
    width: 64px; min-height: var(--doc-editor-control-height);
    box-sizing: border-box; margin: 0; padding: 0 7px;
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--doc-editor-control-font-size); font-weight: 600;
}
.doc-editor__indent-control input:focus, .doc-editor__mini-field input:focus {
    outline: none; border-color: var(--accent); background: #fff;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent);
}
.doc-editor__mini-field span, .doc-editor__mini-field small {
    font-size: var(--doc-editor-control-font-size); font-weight: 600;
    white-space: nowrap;
}
.doc-editor__mini-field small {
    color: #7c879d;
}
.doc-editor__mini-field input {
    width: 64px; min-height: 22px; margin: 0; padding: 0 6px;
    border: 1px solid transparent; border-radius: 6px; background: #f7f8fc;
    color: #27324a; font-size: var(--doc-editor-control-font-size);
    font-weight: 600; line-height: 1; box-sizing: border-box;
}
.doc-editor__mini-field--indent input {
    width: 82px;
}
.doc-editor__paragraph-spacing-group .doc-editor__mini-field .app-input {
    width: 48px; min-width: 48px;
}

/* Файл full_document_editor_base.css */

/* Файл full_document_editor_toolbar.css */

.doc-editor__page-meta {
    margin-bottom: 24px;
}
.doc-editor__meta-label {
    font-size: var(--font_size_caption); line-height: 1.4; color: #8c95aa;
    text-transform: uppercase; letter-spacing: 0.04em;
}
.doc-editor__meta-value {
    font-size: var(--font_size_button); color: #27324a; font-weight: 700;
}
.doc-editor__status {
    border-radius: 999px; background: #fff1e5; color: #ff7d12;
    font-size: var(--font_size_caption); font-weight: 700;
}
.doc-editor__page-title {
    font-size: var(--font_size_2); line-height: 1.35; font-weight: 700;
    color: #1f2b44; text-align: center;
}
.doc-editor__page-subtitle {
    font-size: var(--font_size_caption); color: #7c879d; text-align: center;
    margin-bottom: 28px;
}
.doc-editor__header, .doc-editor__footer-line {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px;
    font-size: var(--font_size_caption); color: #6b7280;
}
.doc-editor__header {
    padding-bottom: 14px; border-bottom: 1px solid #e7eaf1;
}
.doc-editor__footer-line {
    padding-top: 14px; margin-top: 22px; border-top: 1px solid #e7eaf1;
}
.doc-editor__header > div:nth-child(2),
.doc-editor__footer-line > div:nth-child(2) {
    text-align: center;
}
.doc-editor__header > div:nth-child(3),
.doc-editor__footer-line > div:nth-child(3) {
    text-align: right;
}
.doc-editor__header > div, .doc-editor__footer-line > div {
    cursor: text; padding: 4px; border-radius: 2px;
    transition: background 0.15s ease;
}
.doc-editor__header > div:hover, .doc-editor__footer-line > div:hover {
    background: rgba(123, 97, 214, 0.05);
}
.doc-editor__header--editing, .doc-editor__footer-line--editing {
    outline: 2px solid #7b61d6; outline-offset: -2px; border-radius: 4px;
}
.doc-editor__hf-cell--active {
    outline: 2px solid #7b61d6; outline-offset: 2px; border-radius: 2px;
}
.doc-editor__editable {
    outline: none; border: 1px dashed #d9ddea; border-radius: 8px;
    padding: 16px 18px; background: #fff;
    font-family: var(--doc-editor-default-font, var(--font_family_interface));
    font-size: var(--doc-editor-default-font-size, var(--font_size_0));
    color: #232a36; line-height: 1.15; user-select: text;
    -webkit-user-select: text;
}
.doc-editor__editable:focus {
    border-color: #7b61d6; box-shadow: 0 0 0 3px rgba(123, 97, 214, 0.08);
}
.doc-editor__editable p {
    margin: 0 0 12px; text-align: justify;
}
.doc-editor__editable ul, .doc-editor__editable ol {
    margin: 0 0 12px 22px;
}
.doc-editor__editable table {
    width: 100%; margin: 12px 0;
}
.doc-editor__editable img {
    max-width: 100%; height: auto; display: block; margin: 12px 0;
}
.doc-editor__editable h1 {
    font-size: var(--font_size_0); line-height: 1.2; margin: 18px 0 12px;
}
.doc-editor__editable h2 {
    font-size: var(--font_size_3); line-height: 1.25; margin: 16px 0 10px;
}
.doc-editor__editable h3 {
    font-size: var(--font_size_3); line-height: 1.3; margin: 16px 0 10px;
}
.doc-editor__editable h4 {
    font-size: var(--font_size_2); line-height: 1.35; margin: 14px 0 8px;
}
.doc-editor__editable h5 {
    font-size: var(--font_size_0); line-height: 1.4; margin: 14px 0 8px;
}
.doc-editor__editable h6 {
    font-size: var(--font_size_button); line-height: 1.4; margin: 14px 0 8px;
}
.doc-editor__editable blockquote {
    border-left: 3px solid #7b61d6; padding-left: 16px; margin: 12px 0;
    color: #5a647c; font-style: italic;
}
.doc-editor__editable hr {
    border: none; border-top: 2px solid #e4e6ef; margin: 20px 0;
}
.doc-editor__inline-blockquote {
    border-left: 3px solid #7b61d6; padding-left: 16px; color: #5a647c;
    font-style: italic;
}
.doc-editor__page-break {
    border-top: 2px dashed #c9d2e3; margin: 18px 0; height: 0;
    page-break-after: always; break-after: page;
}
.doc-editor__modal-overlay {
    background: rgba(27, 32, 45, 0.75); z-index: 9999;
    backdrop-filter: blur(4px);
}
.doc-editor__modal {
    background: #fff; border-radius: 16px;
    box-shadow: 0 20px 60px rgba(27, 32, 45, 0.25); width: min(480px, 94vw);
    max-height: 90vh;
}
.doc-editor__modal-header {
    padding: 20px 24px; border-bottom: 1px solid #e4e6ef;
}
.doc-editor__page, .doc-editor__editable {
    cursor: text;
}

/* Файл full_document_editor_page.css */

.doc-editor__modal-header h3 {
    font-size: var(--font_size_1); font-weight: 700; color: #1f2b44; margin: 0;
}
.doc-editor__modal-close {
    border-radius: 8px; border: none; background: #f4f5f9; color: #5a647c;
    font-size: var(--font_size_3); line-height: 1; cursor: pointer;
    transition: all 140ms ease;
}
.doc-editor__modal-close:hover {
    background: #e9ebf2; color: #1f2b44;
}
.doc-editor__margin-field label {
    font-size: var(--font_size_caption); font-weight: 600; color: #5a647c;
}
.doc-editor__margin-field input {
    height: 42px; border: 1px solid #dce1ec; border-radius: 10px;
    padding: 0 14px; font-size: var(--font_size_button); color: #27324a;
    transition: all 140ms ease;
}
.doc-editor__margin-field input:focus {
    outline: none; border-color: #7b61d6;
    box-shadow: 0 0 0 3px rgba(123, 97, 214, 0.08);
}
.doc-editor__modal-footer {
    padding: 16px 24px; border-top: 1px solid #e4e6ef;
}
.doc-editor__modal-btn {
    padding: 0 20px; border-radius: 10px; font-size: var(--font_size_caption);
    font-weight: 700; cursor: pointer; transition: all 140ms ease;
    border: none;
}
.doc-editor__modal-btn--cancel {
    background: #f4f5f9; color: #5a647c;
}
.doc-editor__modal-btn--cancel:hover {
    background: #e9ebf2; color: #27324a;
}
.doc-editor__modal-btn--primary {
    background: #7b61d6; color: #fff;
}
.doc-editor__modal-btn--primary:hover {
    background: #6a4fc4;
}
@media (max-width: 760px) {
    .doc-editor__header, .doc-editor__footer-line {
        grid-template-columns: 1fr; gap: 6px;
    }
    .doc-editor__header > div, .doc-editor__footer-line > div {
        text-align: left !important;
    }
}
.doc-editor__view-switch {
    border-bottom: 1px solid var(--border); background: var(--bg-1);
}
.doc-editor__view-switch-btn {
    padding: 0 14px; border: 1px solid var(--border); border-radius: 10px;
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); cursor: pointer;
}
.doc-editor__view-switch-btn--active {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.doc-editor--content-mode .doc-editor__page {
    width: min(100%, 980px); min-height: 420px;
}
.container form > .doc-editor--content-mode {
    height: 1310px; min-height: 1310px;
}
.container form > .doc-editor--content-mode .doc-editor__viewport {
    max-height: none;
}
.doc-editor__editable:empty::before,
.doc-editor__editable:has(> p:only-child > br:only-child)::before {
    position: absolute; top: 16px; left: 18px; color: var(--text-2);
    content: attr(data-placeholder); pointer-events: none;
}
.doc-editor__viewport {
    border: 1px solid var(--border);
}
.doc-editor__page {
    width: 794px; min-height: 1123px; border: 1px solid #dfe3ea;
    border-radius: 0; box-shadow: none;
}
.doc-editor__workspace {
    border: 0; border-radius: 0; background: transparent;
}
.doc-editor--content-mode .doc-editor__page,
.doc-editor--content-mode .doc-editor__page--content {
    width: 794px;
}
.doc-editor__bottom-panel {
    flex: 0 0 26px; border: 1px solid var(--border); border-top: 0;
}
.doc-editor__zoom-control button {
    border: 1px solid var(--border); background: var(--bg-1);
    color: var(--text-1); line-height: 1; cursor: pointer;
}
.doc-editor__zoom-control span {
    text-align: center;
}
.doc-editor__review-insert {
    background: rgba(63, 160, 90, 0.16); color: inherit;
    text-decoration: underline; text-decoration-color: #2f9a54;
    text-underline-offset: 3px;
}
.doc-editor__review-delete {
    background: rgba(214, 72, 72, 0.13); color: #b53636;
    text-decoration: line-through;
}
.doc-editor__page--hide-review .doc-editor__review-insert {
    background: transparent; text-decoration: none;
}

/* Файл full_document_editor_review.css */

.doc-editor__page--hide-review .doc-editor__review-delete {
    display: none;
}
.doc-editor__editable td {
    min-width: 40px;
}
@media (max-width: 850px) {
    .doc-editor__viewport {
        max-height: 65vh;
    }
}
.doc-editor__layout, .doc-editor__zoom-stage {
    background: transparent;
}
.doc-editor__review-insert, .doc-editor__review-delete {
    position: relative;
}
.doc-editor__review-insert:hover::after,
.doc-editor__review-delete:hover::after {
    position: absolute; left: 0; bottom: calc(100% + 4px); z-index: 15;
    min-width: max-content; max-width: 260px; padding: 4px 7px;
    border: 1px solid var(--border); border-radius: 5px;
    background: var(--bg-1); box-shadow: 0 3px 10px rgba(31, 43, 68, 0.16);
    color: var(--text-1); content: attr(data-review-user);
    font-family: var(--font_family_interface);
    font-size: var(--font_size_caption); font-style: normal; font-weight: 400;
    line-height: 1.2; text-decoration: none; white-space: nowrap;
}
.doc-editor__viewport {
    background: var(--bg-2);
}
.doc-editor__page {
    background: var(--bg-1);
}
.doc-editor__bottom-panel {
    min-height: 23px; max-height: 23px; flex-basis: 23px; padding: 0 5px;
    background: var(--bg-1);
}
.doc-editor__zoom-control {
    height: 21px;
}
.doc-editor__zoom-control button {
    width: 19px; height: 19px; min-width: 19px; min-height: 19px; padding: 0;
    border-radius: 5px; font-size: var(--font_size_caption);
}
.doc-editor__zoom-control input {
    width: 92px; height: 12px; margin: 0;
}
.doc-editor__zoom-control span {
    min-width: 38px; font-size: var(--font_size_caption);
}
.doc-editor__layout-field {
    color: #44506b;
    font-size: var(--doc-editor-control-font-size, var(--font_size_button));
    font-weight: 600;
}
.doc-editor__layout-field > span {
    white-space: nowrap;
}
@media (max-width: 850px) {
    .doc-editor__viewport {
        padding: 8px;
    }
}
.doc-editor__editable a {
    color: var(--accent-blue); text-decoration: underline; cursor: pointer;
}
.doc-editor__note-ref {
    margin-left: 1px; font-size: var(--font_size_caption); line-height: 1;
    vertical-align: super;
}
.doc-editor__note-ref a, .doc-editor__note-backlink {
    text-decoration: none;
}
.doc-editor__notes {
    font-size: var(--font_size_caption); line-height: 1.35;
}
.doc-editor__notes hr {
    width: 34%; margin: 0 0 6px; border: 0;
    border-top: 1px solid var(--border);
}
.doc-editor__notes-title {
    color: var(--text-2); font-weight: 600;
}
.doc-editor__notes ol {
    margin: 0; padding-left: 24px;
}
.doc-editor__notes li {
    margin-bottom: 3px;
}
.doc-editor__bookmark {
    border-bottom: 1px dotted var(--accent);
}
.doc-editor__bookmark--marker {
    min-width: 16px; color: var(--accent); user-select: none;
}
.doc-editor__cross-reference {
    border-bottom: 1px dashed currentColor;
}
.doc-editor__comment {
    border-bottom: 2px solid #f59e0b; background: rgba(245, 158, 11, 0.16);
    cursor: help;
}
.doc-editor__page--show-marks .doc-editor__editable p::after,
.doc-editor__page--show-marks .doc-editor__editable li::after,
.doc-editor__page--show-marks .doc-editor__editable h1::after,
.doc-editor__page--show-marks .doc-editor__editable h2::after,
.doc-editor__page--show-marks .doc-editor__editable h3::after,
.doc-editor__page--show-marks .doc-editor__editable h4::after,
.doc-editor__page--show-marks .doc-editor__editable h5::after,
.doc-editor__page--show-marks .doc-editor__editable h6::after {
    content: ' ¶'; color: var(--accent); font-weight: 400; opacity: 0.58;
}
.doc-editor__modal--wide {
    width: min(620px, calc(100vw - 32px));
}
.doc-editor__find-grid label {
    display: grid; gap: 5px; color: var(--text-2);
    font-size: var(--font_size_0);
}
.doc-editor__find-grid input {
    width: 100%; min-height: 34px; box-sizing: border-box;
    border: 1px solid var(--border); border-radius: 8px; padding: 0 10px;
    color: var(--blue-navy); font: inherit;
}
.doc-editor__find-grid input:focus {
    border-color: var(--accent); outline: none;
}
.doc-editor__statistics {
    grid-template-columns: minmax(180px, 1fr) auto; gap: 8px 16px;
}

/* Файл full_document_editor_modals.css */

.doc-editor__statistics span {
    color: var(--text-2);
}
.doc-editor__statistics strong {
    color: var(--blue-navy); text-align: right;
}
@media (max-width: 620px) {
    .doc-editor__find-grid {
        grid-template-columns: 1fr;
    }
}
.doc-editor__topbar {
    border-radius: 12px 12px 0 0;
}
.doc-editor__viewport {
    border-top: 0;
}
.doc-editor__bottom-panel {
    border-radius: 0 0 8px 8px;
}
.doc-editor .doc-editor__tool-btn {
    color: #44506b !important; -webkit-text-fill-color: #44506b; opacity: 1;
}
.doc-editor .doc-editor__tool-btn--active {
    color: #ff7d12 !important; -webkit-text-fill-color: #ff7d12;
}
.doc-editor .doc-editor__tab {
    color: #5d6785 !important; -webkit-text-fill-color: #5d6785;
}
.doc-editor .doc-editor__tab--active {
    color: #1f2b44 !important; -webkit-text-fill-color: #1f2b44;
}
.doc-editor__footer .btn-secondary {
    color: var(--text-2) !important; -webkit-text-fill-color: var(--text-2);
}
.doc-editor__footer .btn-primary {
    color: var(--on-accent) !important;
    -webkit-text-fill-color: var(--on-accent);
}
.doc-editor__reviewer-chip {
    flex: 1 0 100%;
}
.doc-editor__review-panel {
    width: 238px; min-width: 238px; flex: 0 0 238px;
    border: 1px solid var(--border); border-top: 0; border-left: 0;
    background: var(--bg-1);
}
.doc-editor__review-panel-title {
    color: var(--blue-navy); font-size: var(--font_size_1); font-weight: 700;
}
.doc-editor__review-panel-current {
    border: 1px solid var(--border); border-radius: 7px;
    background: var(--bg-2);
}
.doc-editor__review-panel-current span, .doc-editor__reviewer-item span {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.doc-editor__review-panel-current strong, .doc-editor__reviewer-item strong {
    overflow-wrap: anywhere; color: var(--blue-navy);
    font-size: var(--font_size_0);
}
.doc-editor__reviewer-item {
    padding: 7px 8px; border: 1px solid var(--border); border-radius: 7px;
    background: var(--bg-1); color: var(--blue-navy) !important;
    -webkit-text-fill-color: var(--blue-navy); text-align: left;
    cursor: pointer;
}
.doc-editor__reviewer-item:hover, .doc-editor__reviewer-item--active {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 10%, var(--bg-1));
}
.doc-editor__review-panel-empty {
    padding: 10px 4px; color: var(--text-3); font-size: var(--font_size_0);
}
.doc-editor__review-change--selected {
    outline: 2px solid var(--accent); outline-offset: 2px;
    background: color-mix(in srgb, var(--accent) 20%, transparent) !important;
}
@media (max-width: 980px) {
    .doc-editor__review-panel {
        width: 210px; min-width: 210px; flex-basis: 210px;
    }
}

/* Файл full_document_editor_formulas.css */

.doc-editor__formula-group {
    display: grid; flex: 1 1 auto;
    grid-template-columns: minmax(180px, 0.8fr) minmax(300px, 1.5fr)
    max-content;
    align-items: end; gap: 8px; padding: 4px 8px 5px 0;
}
.doc-editor__formula-group label {
    display: grid; min-width: 0; align-content: end; gap: 4px;
    color: var(--text-1); font-size: var(--doc-editor-control-font-size);
    font-weight: 600; line-height: 1.15;
}
.doc-editor__formula-group select, .doc-editor__formula-group input {
    width: 100%; min-width: 0; min-height: 36px; box-sizing: border-box;
    padding: 5px 10px; border: 1px solid var(--border); border-radius: 10px;
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.doc-editor__formula-group select:focus,
.doc-editor__formula-group input:focus {
    border-color: var(--accent); outline: none;
}
.doc-editor__formula-actions .doc-editor__tool-btn {
    min-height: 36px; padding-inline: 10px; white-space: nowrap;
}
.doc-editor__formula-help {
    max-width: 230px; flex: 0 1 230px;
}
.doc-editor__formula-help strong, .doc-editor__formula-help span {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.doc-editor__formula-help span {
    color: var(--text-3);
}
.doc-editor__formula-error {
    color: var(--accent-red) !important;
}
.doc-editor__formula-field {
    border-bottom: 1px dotted currentColor;
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    cursor: help;
}
.doc-editor__formula-field--error {
    color: var(--accent-red);
    background: color-mix(in srgb, var(--accent-red) 8%, transparent);
}

/* Файл full_document_editor_find_replace.css */

.doc-editor-find-replace-panel__fields label {
    display: grid; gap: var(--spacing_small); color: var(--text-2);
    font-weight: 600;
}
.doc-editor-find-replace-panel__fields input {
    width: 100%; min-height: 38px; padding: 0 var(--font_size_0);
}
.doc-editor-find-replace-panel__actions {
    border-top: 1px solid var(--border);
}

/* Файл full_document_editor_mobile.css */

.doc-editor--mobile-layout .doc-editor__tabs {
    padding-right: 2px;
}

.doc-editor--mobile-layout .doc-editor__topbar-actions {
    gap: 4px;
    padding-right: 5px;
}

.doc-editor--mobile-layout .doc-editor__save-text-btn {
    min-width: auto;
    max-width: 138px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-editor--mobile-layout .doc-editor__tab-panel,
.doc-editor--mobile-layout .doc-editor__tab-panel--formulas {
    overflow-x: auto;
}

.doc-editor--mobile-layout .doc-editor__formula-group {
    min-width: 760px;
}

.doc-editor--mobile-layout .doc-editor__formula-help {
    min-width: 190px;
}

.doc-editor--mobile-layout .doc-editor__layout--with-review {
    flex-direction: column;
}

.doc-editor--mobile-layout .doc-editor__review-panel {
    width: 100%;
    min-width: 0;
    max-height: 220px;
    flex: 0 0 auto;
    box-sizing: border-box;
    border-top: 0;
    border-left: 1px solid var(--border);
}

.doc-editor--mobile-layout .doc-editor__viewport {
    width: 100%;
    min-width: 0;
    padding: 0;
    border-right: 0;
    border-left: 0;
    background: var(--bg-1);
}

.doc-editor--mobile-layout .doc-editor__zoom-stage,
.doc-editor--mobile-layout .doc-editor__page-stack {
    width: 100% !important;
    min-height: 100%;
}

.doc-editor--mobile-layout .doc-editor__page-stack {
    gap: 0;
    transform: none !important;
}

.doc-editor--mobile-layout .doc-editor__page {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
    border: 0;
    background: var(--bg-1);
}

.doc-editor--mobile-layout .doc-editor__page + .doc-editor__page {
    border-top: 1px solid var(--border);
}

.doc-editor--mobile-layout .doc-editor__editable {
    min-height: 260px;
    overflow: visible;
    overflow-wrap: anywhere;
}

@media (orientation: portrait) {
    .doc-editor--mobile-layout .doc-editor__editable {
        min-height: max(260px, calc(100dvh - 20rem));
    }
}

.doc-editor--mobile-layout .doc-editor__bottom-panel {
    justify-content: center;
}

.doc-editor__zoom-fit-label {
    color: var(--text-3);
    font-size: var(--doc-editor-control-font-size);
    font-weight: 600;
}

/* Файл full_document_editor_proofreader.css */

.doc-editor__selection-toolbar {
    z-index: 1200; display: none; transform: translateX(-50%);
    border: 1px solid var(--border); border-radius: 7px;
    background: var(--bg-1); box-shadow: var(--shadow);
}
.doc-editor__selection-toolbar--visible {
    display: flex;
}
.doc-editor__selection-toolbar button {
    min-height: 28px; padding: 3px 8px; border: 0; border-radius: 5px;
    background: transparent; color: var(--text-1); font: inherit;
    font-size: var(--font_size_caption); cursor: pointer;
}
.doc-editor__selection-toolbar button:hover {
    background: var(--bg-2);
}
.doc-editor__proofread-mark {
    text-decoration-line: underline; text-decoration-style: wavy;
    text-decoration-thickness: 1.5px; text-underline-offset: 3px;
}
.doc-editor__proofread-mark--spelling {
    text-decoration-color: var(--error-color, #d32f2f);
}
.doc-editor__proofread-mark--punctuation {
    text-decoration-color: var(--warning-color, #d97706);
}
.doc-editor__proofread-mark--grammar {
    text-decoration-color: var(--accent-blue, #2563eb);
}
.doc-editor__proofread-summary {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.doc-editor__proofread-summary strong {
    color: var(--text-1); font-size: var(--font_size_0);
}
.doc-editor__proofread-panel {
    width: 300px; min-width: 300px; flex: 0 0 300px;
    border: 1px solid var(--border); border-top: 0; border-left: 0;
    background: var(--bg-1);
}
.doc-editor__proofread-panel-title {
    color: var(--text-1); font-size: var(--font_size_1); font-weight: 700;
}
.doc-editor__proofread-empty {
    color: var(--text-3); font-size: var(--font_size_0);
}
.doc-editor__proofread-card {
    border: 1px solid var(--border); border-left-width: 3px;
    border-radius: 7px; background: var(--bg-1);
}
.doc-editor__proofread-card--spelling {
    border-left-color: var(--error-color, #d32f2f);
}
.doc-editor__proofread-card--punctuation {
    border-left-color: var(--warning-color, #d97706);
}
.doc-editor__proofread-card--grammar {
    border-left-color: var(--accent-blue, #2563eb);
}
.doc-editor__proofread-card-head {
    font-size: var(--font_size_caption);
}
.doc-editor__proofread-card-head strong {
    overflow-wrap: anywhere; color: var(--text-1);
    font-size: var(--font_size_0);
}
.doc-editor__proofread-replacements button, .doc-editor__proofread-dictionary {
    min-height: 28px; padding: 3px 7px; border: 1px solid var(--border);
    border-radius: 6px; background: var(--bg-2); color: var(--text-1);
    font: inherit; font-size: var(--font_size_caption); cursor: pointer;
}
.doc-editor__proofread-dictionary {
    justify-self: start; background: transparent;
}
@media (max-width: 980px) {
    .doc-editor__proofread-panel {
        width: 240px; min-width: 240px; flex-basis: 240px;
    }
}
@media (orientation: portrait) {
    .doc-editor__layout--with-proofreader {
        display: block;
    }
    .doc-editor__proofread-panel {
        width: 100%; min-width: 0; max-height: 40vh;
        border-left: 1px solid var(--border);
    }
}

/* Файл full_document_editor_writer_fixes.css */

.doc-editor__page {
    border: 0; outline: 1px solid var(--border);
}
.doc-editor__editable {
    border: 0; border-radius: 0; padding: 0; outline: 1px dashed var(--border);
    outline-offset: 0;
}
.doc-editor__editable:focus {
    border-color: transparent; outline-color: var(--accent); box-shadow: none;
}
.doc-editor__margin-panel-hint {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.doc-editor__header, .doc-editor__footer-line {
    position: absolute; left: var(--doc-page-margin-left);
    right: var(--doc-page-margin-right); z-index: 1; margin: 0; padding: 0;
    border: 0;
    font-family: var( --doc-editor-default-font, var(--font_family_interface)
    );
    font-size: var( --doc-editor-default-font-size, var(--font_size_0) );
    line-height: 1; white-space: nowrap;
}
.doc-editor__header > div, .doc-editor__footer-line > div {
    min-width: 0; padding: 0; white-space: nowrap;
}
.doc-editor__header {
    top: min(16px, calc(var(--doc-page-margin-top) / 3));
}
.doc-editor__footer-line {
    bottom: min(16px, calc(var(--doc-page-margin-bottom) / 3));
}
.doc-editor--mobile-layout .doc-editor__header,
.doc-editor--mobile-layout .doc-editor__footer-line {
    position: static;
}

/* Файл FullDocumentEditor.css */

/* Файл tab_news.css */

.news-type-filter__header button {
    margin: 0; padding: var(--spacing_xs) var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--radius_relaxed);
    background: var(--bg-1); color: var(--accent-dark);
    font-size: var(--font_size_0); cursor: pointer;
}
.news-type-filter__list {
    grid-template-columns: repeat( auto-fit, minmax(180px, 1fr) );
    gap: var(--spacing_dense) var(--spacing_medium);
}
.news-type-filter__list label {
    display: flex; align-items: flex-start; gap: var(--spacing_small);
    cursor: pointer;
}
.news-type-filter__list input {
    flex: 0 0 auto; margin-top: var(--spacing_micro);
}
.news-type-filter__empty {
    color: var(--text-2);
}
.news-list-area > .lk-content-search {
    flex: 0 0 auto;
}
@media (max-width: 820px) {
    .news-layout {
        overflow: auto;
    }
    .news-list-area {
        overflow: visible;
    }
    .news-list-area__scroll {
        overflow: visible;
    }
    .news-type-filter__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Файл app_styling.css */

.container {
    background: var(--app-background);
    font-family: var(--font_family_interface);
}
.lk-content-page {
    width: 100%; min-width: 0; box-sizing: border-box;
    padding: var(--spacing_section) var(--spacing_small) var(--spacing_small);
}
.block_2 {
    border-radius: 8px; padding: 10px; background: var(--info-background);
    border: 2px solid var(--info-border); margin-top: 22px;
    margin-bottom: 22px; box-sizing: border-box;
}
.block_2 img {
    height: 28px; width: 28px;
}
.block_2__info-icon {
    display: block; flex: 0 0 30px; width: 30px; height: 30px;
    margin-right: 8px; object-fit: contain;
}
.block_3 {
    display: flex; align-items: flex-start; gap: var(--spacing_small);
    background: var(--accent-orange-bg);
    border: solid var(--accent-yellow-border); border-radius: 12px;
    margin: 0 0 var(--spacing_small);
    padding: var(--font_size_0) var(--font_size_0) calc(var(--font_size_0) +
    var(--spacing_micro));
    box-shadow: var(--shadow);
}
.block_3__icon {
    flex-shrink: 0; width: 45px; height: 45px;
}
.block_3__title {
    font-size: var(--font_size_2); font-weight: 700;
    color: var(--status-warning-title); margin-bottom: 6px; line-height: 1.3;
}
.block_3__description {
    font-size: var(--font_size_1); color: var(--status-warning-text);
    line-height: 1.45;
}
.block_3--success {
    background: var(--status-success-background);
    border-color: var(--status-success-border);
}
.block_3--success .block_3__title {
    color: var(--status-success-title);
}
.block_3--success .block_3__description {
    color: var(--status-success-text);
}
button {
    font-family: var(--font_family_interface);
    font-size: var(--font_size_button) !important; font-weight: 400 !important;
    min-height: var(--button-min-height);
    padding: var(--button-padding-block) var(--button-padding-inline);
    background-color: var(--accent); color: var(--active-tab-text);
    border: none; cursor: pointer;
    transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
    border-radius: 10px;
}
button:hover {
    background-color: var(--accent-blue); transform: translateY(-2px);
    box-shadow: var(--shadow);
}
input {
    padding: 8px; margin-top: 5px; margin-bottom: 15px;
    font-size: var(--font_size_1); border: 1px solid var(--border);
    border-radius: 8px;
}
input:focus {
    border-color: var(--blue-navy); box-shadow: 0 0 0 3px var(--focus-ring);
    outline: none;
}
.input_text {
    font-size: var(--font_size_0); background: transparent; border: none;
}
.input-error {
    border: 2px solid var(--accent-red);
}
.label_info, .label_info_3 {
    font-size: var(--font_size_0);
}
.label_info_1 {
    color: var(--text-3); font-size: var(--font_size_1);
}
label {
    color: var(--text-2); font-size: var(--font_size_2);
}
.text {
    flex: 1; color: var(--text-1);
}
.lk-employee-profile {
    gap: 2px; margin: 8px 0; padding: 8px; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-1);
}
.lk-employee-profile span {
    color: var(--text-2); font-size: var(--font_size_0);
}
.config_LK {
    --lk-effective-font-size: var(--lk-user-font-size, 17px);
    --font_size_caption: max( 11px, calc(var(--lk-effective-font-size) - 3px)
    );
    --font_size_button: max( 12px, calc(var(--lk-effective-font-size) - 2px) );
    --font_size_0: var(--lk-effective-font-size);
    --font_size_1: calc(var(--lk-effective-font-size) * 1.1);
    --font_size_2: calc(var(--lk-effective-font-size) * 1.2);
    --font_size_3: calc(var(--lk-effective-font-size) * 1.3);
    --tab-sidebar-font-size: var(--font_size_0);
    --button-min-height: calc( var(--font_size_button) + var(--spacing_small)
    );
    font-size: var(--font_size_0);
}
@media (orientation: portrait) {
    .config_LK {
        --lk-effective-font-size: max( 11px, calc(var(--lk-user-font-size,
        17px) - 3px) );
    }
}

/* Файл app_loading.css */

.lk-app-loading {
    width: 100%; min-height: 180px; box-sizing: border-box;
    justify-content: flex-start; gap: var(--spacing_medium);
    padding-top: var(--spacing_xl); background: var(--app-background);
    color: var(--text-2); font-family: var(--font_family_interface);
    font-size: var(--font_size_0); text-align: center;
}

/* Файл tab_app_settings.css */

legend {
    margin-top: 10px; margin-bottom: 15px; color: var(--blue-navy);
    font-size: var(--font_size_2); font-weight: 600;
}
input[type="text_tab_app_settings"] {
    width: 100%;
}
input[type="checkbox"] {
    margin-right: 10px;
}
.lk-profile-contact-grid {
    grid-template-columns: 92px minmax(0, 1fr); gap: var(--font_size_0);
    align-items: start; margin-bottom: var(--font_size_0);
}
.lk-profile-contact-grid__identity {
    grid-template-columns: minmax(130px, 0.34fr) minmax(180px, 1fr);
    gap: var(--spacing_small) var(--font_size_0); align-items: center;
    min-width: 0;
}
.lk-profile-contact-grid__identity input {
    width: 100%; box-sizing: border-box;
}
.lk-profile-photo-field {
    width: 92px; min-width: 92px; gap: 4px;
}
.lk-profile-photo-field__preview {
    width: 92px; height: 112px; min-height: 112px; max-height: 112px;
    justify-content: center; overflow: hidden; border: 1px solid var(--border);
    border-radius: var(--spacing_small); padding: 0; background: var(--bg-2);
    cursor: pointer; box-shadow: none;
}
.lk-profile-photo-field__preview:hover {
    border-color: var(--accent); background: var(--bg-2); transform: none;
    box-shadow: none;
}
.lk-profile-photo-field__image {
    display: block; width: 100%; height: 100%; object-fit: cover;
    object-position: center;
}
.lk-profile-photo-field__placeholder {
    justify-content: center; gap: 5px; padding: 6px; color: var(--text-3);
    font-size: var(--font_size_caption); text-align: center;
}
.lk-profile-photo-field__placeholder-icon {
    font-size: var(--font_size_3);
}
.lk-profile-photo-field__hint {
    color: var(--text-3); font-size: var(--font_size_caption);
    line-height: 1.2; text-align: center;
}
.egrn_attachments_wrap {
    margin-top: var(--font_size_1); margin-bottom: var(--font_size_1);
}
.egrn_attachments_title {
    margin-bottom: var(--spacing_small); color: var(--text-2);
    font-size: var(--font_size_1); font-weight: 600;
}
.doc-card__file-delete {
    display: flex; flex-shrink: 0; align-items: center; border: 0;
    padding: 8px; background: transparent; color: var(--text-3);
    cursor: pointer;
}
.doc-card__file-delete:hover {
    color: var(--color_3);
}
@media (max-width: 700px) {
    .lk-profile-contact-grid {
        grid-template-columns: 82px minmax(0, 1fr);
    }
    .lk-profile-contact-grid__identity {
        grid-template-columns: 1fr; gap: 4px;
    }
    .lk-profile-photo-field, .lk-profile-photo-field__preview {
        width: 82px; min-width: 82px;
    }
    .lk-profile-photo-field__preview {
        height: 104px; min-height: 104px; max-height: 104px;
    }
}
.lk-settings-file-input {
    border: 0;
}

/* Файл top_panel.css */

.top-panel {
    position: relative; gap: 1px; margin: 0 -20px 0 -18px;
    padding-top: var(--spacing_medium); padding-right: var(--font_size_3);
    padding-bottom: var(--spacing_small); padding-left: var(--font_size_3);
    background: var(--table-header-background);
    color: var(--table-header-text);
}
.top-panel__title {
    max-width: calc(100% - 230px); padding-right: var(--spacing_small);
    color: var(--table-header-text); font-size: var(--font_size_1);
    font-weight: 700;
}
.top-panel__subtitle {
    flex: 0 0 auto; color: var(--table-header-text);
    font-size: var(--font_size_0); font-weight: 400; white-space: nowrap;
}
.top-panel__row {
    display: flex; flex-wrap: nowrap; align-items: center;
    gap: var(--spacing_xs); padding-top: var(--spacing_xs);
    padding-right: var(--spacing_section);
}
.top-panel__period-controls {
    display: inline-flex; flex: 0 0 auto; align-items: center;
    gap: var(--spacing_xs); min-width: 0;
}
.top-panel__row .prev, .top-panel__row .next {
    flex: 0 0 auto; padding-left: var(--spacing_tight);
    padding-right: var(--spacing_tight);
    border: 1px solid var(--control-border-on-accent);
    border-radius: var(--radius_compact); background: transparent;
    color: var(--table-header-text); font-size: var(--font_size_0);
    cursor: pointer; transition: background 0.2s;
}
.top-panel__row .prev:hover, .top-panel__row .next:hover {
    background: var(--control-hover-on-accent);
}
.top-panel__row .input_text {
    display: inline-block; flex: 0 0 auto; width: auto; min-width: 0;
    max-width: none; margin: 0; padding: 0; border: none;
    background: transparent; color: var(--table-header-text);
    font-size: var(--font_size_0); line-height: 1.15; text-align: center;
    white-space: nowrap;
}
.btn-download-mobile {
    position: absolute; z-index: 2; top: var(--spacing_medium);
    right: var(--font_size_3); margin: 0;
    padding: var(--spacing_xs) var(--spacing_regular);
    border: 1px solid var(--control-border-on-accent);
    border-radius: var(--font_size_2); background: none;
    color: var(--table-header-text); font-size: var(--font_size_caption);
    line-height: 1.15; white-space: nowrap;
}
@media (max-width: 539px) {
    .top-panel__title {
        max-width: calc(100% - 180px);
    }
    .btn-download-mobile {
        top: var(--spacing_regular); right: var(--font_size_3);
        max-width: 168px; padding: var(--spacing_micro) var(--spacing_dense);
        font-size: var(--font_size_caption);
    }
}
@media (max-width: 360px) {
    .top-panel__title {
        max-width: calc(100% - 154px);
    }
    .btn-download-mobile {
        max-width: 145px; font-size: var(--font_size_caption);
    }
}
@media (orientation: portrait) {
    .config_LK .tab-widget-container > .menu-button +
    .tab-container-left.theme-lk:has( > .tab-content-wrapper >
    .tab-content-item.active .top-panel ) {
        padding-top: 0;
    }
    .top-panel {
        display: grid; min-height: 50px;
        grid-template-columns: minmax(85px, 1fr) auto;
        column-gap: var(--spacing_small); row-gap: 0; margin-top: 0;
        margin-left: -18px; margin-right: -20px;
        padding-top: var(--spacing_compact); padding-right: var(--font_size_3);
        padding-bottom: var(--spacing_dense);
        padding-left: calc(36px + var(--spacing_xl));
    }
    .top-panel__title {
        display: inline-flex; grid-column: 1; align-items: center;
        min-width: 0; min-height: 36px; max-width: none; padding-right: 0;
        overflow: hidden; color: var(--table-header-text);
        font-size: var(--font_size_1); line-height: 1.15;
        text-overflow: ellipsis; white-space: nowrap;
    }
    .btn-download-mobile {
        position: static; grid-column: 2; align-self: center;
        justify-self: end; width: auto; max-width: 46vw; min-height: 34px;
        box-sizing: border-box; margin: 0;
        padding: var(--spacing_micro) var(--spacing_small); line-height: 1.15;
        text-align: center; white-space: normal;
    }
    .top-panel__row {
        grid-column: 1 / -1; width: calc(100% + 36px + var(--spacing_large));
        margin-left: calc(-36px - var(--spacing_large));
        padding-top: var(--spacing_xs); padding-right: 0;
    }
}
@media (orientation: portrait) and (max-width: 380px) {
    .top-panel {
        grid-template-columns: minmax(78px, 1fr) auto;
        column-gap: var(--spacing_compact);
        padding-left: calc(36px + var(--spacing_section));
    }
    .btn-download-mobile {
        max-width: 45vw; padding-left: var(--spacing_xs);
        padding-right: var(--spacing_xs);
    }
    .top-panel__row {
        width: calc(100% + 36px + var(--spacing_regular));
        margin-left: calc(-36px - var(--spacing_regular));
    }
}

/* Файл service_fields.css */

.service-card__header {
    margin: 0; padding: 12px;
    border-bottom: 1px solid var(--service-header-border);
    background: var(--service-header-background); color: var(--heading-color);
    font-size: var(--font_size_2); font-weight: 700;
}
.service-card__header label {
    color: var(--heading-color); font-family: var(--font_family_interface);
    font-size: var(--font_size_2); font-weight: 700;
}
.service-card__body {
    padding-top: 10px;
}
.service-card__body .label_info_1, .input-with-icon .meter-input {
    font-family: var(--font_family_interface);
    font-size: var(--font_size_1) !important; line-height: 1.25;
}
.input-with-icon .meter-input::placeholder {
    font: inherit;
}
.service-card__detail {
    margin-top: 4px;
}
.input-with-icon {
    position: relative; display: inline-block;
}
.input-with-icon input.blocked-input[name="var_14"] {
    max-width: 330px;
    background: linear-gradient( to right, transparent calc(100% - 40px),
    var(--surface-secondary) calc(100% - 40px), var(--surface-secondary)
    100% );
}
.input-icon {
    position: absolute; top: 55%; right: 12px; transform: translateY(-75%);
}
#label_only_viewing {
    font-style: italic;
}
#var_15 {
    width: 98%; height: 120px; padding: 12px; box-sizing: border-box;
    border: 1px solid var(--divider-color); border-radius: 12px;
    resize: vertical;
}

/* Файл table_history.css */

#Таблица_показания_счётчиков table {
    width: 100%; border-collapse: collapse; border-radius: var(--font_size_3);
    overflow: hidden;
}
#Таблица_показания_счётчиков table th, #Таблица_показания_счётчиков table td {
    border: 1px solid var(--table-cell-border); text-align: center;
    white-space: pre-wrap;
}
#Таблица_показания_счётчиков table td:nth-child(1) {
    background-color: color-mix( in srgb, var(--primary-color) 28%,
    var(--table-row-background) );
    color: var(--text-1);
}
#Таблица_показания_счётчиков table td:nth-child(2) {
    background-color: color-mix( in srgb, var(--primary-color) 14%,
    var(--table-row-background) );
    color: var(--text-1);
}
#Таблица_показания_счётчиков table thead {
    background: var(--table-header-background);
    color: var(--table-header-text);
}
#Таблица_показания_счётчиков table thead th {
    padding: 12px; font-family: var(--font_family_interface);
    border-bottom: 1px solid var(--table-cell-border);
}
#Таблица_показания_счётчиков table tbody td {
    padding: 12px; font-family: var(--font_family_interface);
    color: var(--text-1); border-bottom: 1px solid var(--table-cell-border);
    transition: background-color 0.2s;
}
#Таблица_показания_счётчиков .table-widget,
#Таблица_показания_счётчиков .table-container,
#Таблица_показания_счётчиков .table-wrapper {
    height: auto; max-height: none; overflow: visible;
}
.meter-readings-drawer-loading {
    min-height: 180px; justify-content: center; gap: 12px;
    color: var(--text-2); text-align: center;
}
.meter-readings-history-table-wrap {
    width: 100%; margin-top: var(--spacing_small); overflow-x: auto;
}
.meter-readings-history-table {
    width: 100%; border-collapse: collapse;
}
.meter-readings-history-table th, .meter-readings-history-table td {
    padding: var(--spacing_small); border: 1px solid var(--table-cell-border);
    text-align: left; white-space: nowrap;
}
.meter-readings-history-table th {
    background: var(--table-header-background);
    color: var(--table-header-text); font-weight: 600;
}
.meter-readings-history-table td {
    background: var(--table-row-background); color: var(--text-1);
}
.meter-readings-history-empty {
    margin-top: var(--spacing_small); color: var(--text-2);
}

/* Файл drawer_header.css */

.meter-readings-drawer-header-actions {
    min-width: 0; gap: var(--spacing_small); color: var(--on-accent);
}
.meter-readings-drawer-header-actions > span {
    white-space: nowrap; font-size: var(--font_size_0); font-weight: 600;
}
.meter-readings-drawer-header-actions .prev,
.meter-readings-drawer-header-actions .next {
    min-width: 48px; margin: 0; border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: var(--spacing_small); background: rgba(255, 255, 255, 0.1);
    color: var(--on-accent);
}
.meter-readings-drawer-header-actions .prev:disabled,
.meter-readings-drawer-header-actions .next:disabled {
    cursor: default; opacity: 0.45;
}
.meter-readings-drawer-header-actions .input_text {
    width: 150px; min-width: 120px; margin: 0; border: 0;
    background: var(--bg-1); color: var(--blue-navy); text-align: center;
}
@media (max-width: 762px) {
    .meter-readings-drawer-header-actions {
        width: 100%; flex-wrap: wrap;
    }
    .meter-readings-drawer-header-actions > span {
        width: 100%;
    }
}

/* Файл tab_meter_readings.css */

/* Файл page_receipts.css */

.block_2--paid {
    background: #dcfce7; border: 1px solid #86efac; color: #166534;
}
.block_2--unpaid {
    gap: 12px; background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b;
}
.block_2__icon {
    justify-content: center; width: 40px; height: 40px; border-radius: 50%;
}
.block_2--paid .block_2__icon {
    background: #166534; color: var(--on-accent);
}
.block_2--unpaid .block_2__icon {
    background: #991b1b; color: var(--on-accent);
}
@media (orientation: landscape) {
    .qr-code-img {
        width: 20%;
    }
}
@media (orientation: portrait) {
    .qr-code-img {
        width: 80%;
    }
}
.receipt-added-at {
    margin: 8px 0 14px; color: inherit; font-size: var(--font_size_0);
}
.receipt-added-at--page {
    margin-top: -4px;
}
.receipt-page > h2 {
    margin-bottom: var(--spacing_regular); color: var(--heading-color);
}
.receipt-page > h2 + p {
    margin-bottom: var(--spacing_small);
}
.receipt-page .PDFViewer-container {
    padding: 0; background: var(--surface-primary);
}
.receipt-page .PDFViewer-page {
    margin: 0;
}
.receipt-page .PDFViewer-container .react-pdf__Page {
    width: 100%; max-width: 100%; background: var(--surface-primary);
}
.receipt-page .PDFViewer-container .react-pdf__Page__canvas {
    width: 100% !important; max-width: 100%; height: auto !important;
    margin: 0 auto;
}

/* Файл tab_news.css */

.content-toolbar {
    grid-template-columns: 1fr auto auto; gap: 10px; padding-right: 14px;
}
.search {
    gap: 10px; border-radius: 18px; background: var(--card);
    border: 1px solid var(--border); box-shadow: var(--shadow); height: 38px;
}
.search__icon {
    color: var(--text-3);
}
.search input {
    width: 100%; border: 0; outline: 0; background: transparent;
    font-size: var(--font_size_1); color: var(--text-2); height: 35px;
    margin-top: var(--font_size_3);
}
.btn {
    border: 1px solid var(--border); border-radius: 16px; cursor: pointer;
    font-weight: 700; background: var(--card); color: var(--text-2);
    box-shadow: var(--shadow);
}
.btn:hover {
    transform: translateY(-1px);
}
.btn:active {
    transform: translateY(0);
}
.btn-ghost {
    background: rgba(255,255,255,.75);
}
.btn-primary {
    background: linear-gradient( 180deg, #4aa2de, var(--accent));
    border-color: rgba(255,255,255,.25); color: rgba(255,255,255,.96);
}
.content-card__title {
    gap: 10px; justify-content: space-between; margin-top: 0px;
    margin-bottom: 10px; font-size: var(--font_size_1); line-height: 1.2;
    font-weight: 800; color: var(--text-1);
}
.content-card__actions {
    display: flex; gap: 8px;
}
.icon-btn {
    width: 36px; height: 36px; border-radius: 14px;
    border: 1px solid var(--border); background: rgba(255,255,255,.96);
    color: var(--accent); cursor: pointer; place-items: center;
}
.icon-btn--danger {
    color: var(--accent-2); background: rgba(255,247,240,.9);
}
.icon-btn:hover {
    transform: scale(1.03);
}
.content-card__meta {
    justify-content: space-between; color: var(--text-3);
    font-size: var(--font_size_0);
}
.badge {
    display: inline-flex; align-items: center; padding: 6px 10px;
    border-radius: 999px; color: var(--accent);
    background: rgba(61,132,196,.12); font-weight: 800;
}
.badge-important {
    color: var(--accent-2); background: rgba(212,112,43,.12);
}
.badge-type {
    color: #1f5fb9; background: rgba(100,116,139,.12);
}
.content-card__text {
    margin: 12px 0 10px; color: var(--text-2); line-height: 1.5;
    font-size: var(--font_size_0); display: -webkit-box;
    -webkit-box-orient: vertical; overflow: hidden;
}
.content-card__more {
    border: 0; background: transparent; color: var(--accent); font-weight: 800;
    cursor: pointer; padding: 0;
}
.no-content {
    text-align: center; padding: 40px; color: var(--text-3);
    font-size: var(--font_size_1);
}
.edit-item img {
    filter: invert(39%) sepia(57%) saturate(748%) hue-rotate(183deg)
    brightness(91%) contrast(89%);
}
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}
.block_1--paid {
    border-left: 5px solid #22c55e;
}
.badge-paid {
    color: #166534; background: #dcfce7; border: 1px solid #86efac;
    font-weight: 800;
}
.receipt__paid-amount {
    color: #16a34a;
}
.receipt__not-paid {
    color: #dc2626;
}
.block_1--partial {
    border-left: 5px solid var(--accent-yellow-border);
}
.badge-partial {
    color: #8a5600; background: rgba(240, 165, 0, 0.12);
    border: 1px solid var(--accent-yellow-border); font-weight: 800;
}
.receipt__partial-amount {
    color: var(--accent-yellow-border);
}

/* Файл DropdownButton.css */

.dropdown-button {
    border: 1px solid var(--dropdown-border); border-radius: 4px;
    background: linear-gradient( 135deg, var(--primary-color) 0%,
    var(--dropdown-button-secondary) 100% );
    color: var(--on-accent); text-align: left; cursor: pointer;
}
.dropdown-menu {
    z-index: 1000; border: 1px solid var(--dropdown-border);
    border-radius: 4px; background: var(--dropdown-background);
    color: var(--dropdown-text); box-shadow: var(--app-shadow);
}
.dropdown-widget-content {
    background: var(--dropdown-background); color: var(--dropdown-text);
}
.dropdown-item {
    color: var(--dropdown-text); text-overflow: clip;
    overflow-wrap: break-word; word-wrap: break-word; cursor: pointer;
}
.dropdown-item:hover {
    background: var(--dropdown-hover);
}
.dropdown-item:not(:last-child) {
    border-bottom: 1px solid var(--divider-soft);
}
.measurement-element {
    position: absolute !important; visibility: hidden !important;
    padding: 8px !important;
    font-family: var(--font_family_interface) !important;
    font-size: var(--font_size_caption) !important;
    line-height: normal !important; white-space: nowrap !important;
}
.dropdown-item-image {
    margin-right: 8px; vertical-align: middle;
}

/* Файл column_settings.css */

.column-settings-item {
    border-radius: 8px; font-size: var(--font_size_0);
    color: var(--dropdown-text); cursor: pointer;
}
.column-settings-item:hover {
    background: var(--dropdown-hover);
}
.column-settings-item input {
    cursor: pointer;
}
.column-settings-empty {
    font-size: var(--font_size_0); color: var(--text-3);
}

/* Файл management_object_selector.css */

.management-object-selector {
    color: var(--sidebar-text); font-size: var(--font_size_0);
}
.management-object-selector select {
    width: 100%; min-width: 0; min-height: var(--button-min-height);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: 6px;
    background: var(--surface-primary); color: var(--blue-navy); font: inherit;
}
.management-object-selector--floating {
    z-index: 40; left: var(--spacing_small);
    width: min(240px, calc(100% - var(--spacing_small) * 2));
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--sidebar-background); box-shadow: var(--shadow);
}

/* Файл management_objects_workspace.css */

.management-workspace > .tab-widget-container {
    height: auto; min-height: 0; flex: 1 1 auto;
}
.management-workspace > .tab-widget-container > .tab-container-top {
    width: 100%; min-height: 0; box-sizing: border-box;
}
.management-workspace .tab-content-wrapper,
.management-workspace .tab-content-top,
.management-workspace .tab-content-item.active {
    min-height: 0;
}
.management-workspace .table-widget {
    max-height: 100%;
}
.management-workspace--direct > .tab-widget-container >
.tab-container-top > .tab-nav-top {
    display: none !important;
}
.management-workspace--direct > .tab-widget-container > .tab-container-top {
    padding: 0;
}
.management-workspace__direct-placeholder {
    color: var(--text-3);
}
.management-workspace:has(.contextual-tab-widget) >
.management-object-selector--floating,
.management-workspace:has(.documents-tab-layout--contextual) >
.management-object-selector--floating {
    display: none;
}

/* Файл document_showcase.css */

.document-showcase {
    padding: var(--spacing_small) var(--font_size_1) var(--font_size_1);
    background: var(--bg-1); overflow-x: auto; overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.document-showcase__back {
    padding: 4px var(--document_navigation_button_padding_inline); border: 0;
    border-radius: var(--spacing_small); background: transparent;
    color: var(--accent); font-size: var(--font_size_0); cursor: pointer;
}
.document-showcase__back:hover {
    background: var(--card);
}
.document-showcase__view-button {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--card); color: var(--text-3);
    font-size: var(--font_size_0); cursor: pointer;
}
.document-showcase__view-button--active {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.document-showcase__sort-setting select {
    min-width: 220px; padding: var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--card); color: var(--text-3);
    font-size: var(--font_size_0);
}
.document-showcase__settings-button {
    width: var(--button-min-height); min-width: var(--button-min-height);
    height: var(--button-min-height); border: 1px solid var(--border);
    border-radius: 50%; background: var(--card); color: var(--text-2);
    font-size: var(--font_size_0); cursor: pointer;
}
.document-showcase__settings-button:hover {
    border-color: var(--accent); color: var(--accent);
}
.document-showcase__grid--tiles {
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
}
.document-showcase__folder {
    border: 1px solid transparent; border-radius: var(--font_size_0);
    background: var(--card); color: var(--text-3); text-align: left;
    cursor: pointer; box-shadow: var(--shadow); contain-intrinsic-size: 46px;
    content-visibility: auto;
}
.document-showcase__grid--list .document-showcase__folder {
    width: 100%; min-height: 42px;
}
.document-showcase__folder:hover {
    border-color: var(--accent); background: var(--bg-1);
}
.document-showcase__folder-title {
    overflow-wrap: anywhere; font-size: var(--font_size_0); font-weight: 500;
}
.document-showcase__attachments {
    border-radius: var(--font_size_1); background: var(--card);
}
.document-showcase__empty {
    padding: var(--font_size_2); color: var(--text-2); text-align: center;
}
.document-showcase__filters {
    background: var(--card); border: 1px solid var(--border);
    border-radius: var(--font_size_0);
    grid-template-columns: minmax(220px, 1fr) auto auto;
}
.document-showcase__filters input, .document-showcase__filters select {
    background: var(--bg-1); border: 1px solid var(--border);
    border-radius: var(--spacing_small); color: var(--text-3);
    font-size: var(--font_size_0); min-width: 0; padding: var(--spacing_small);
}
.document-showcase__filters span {
    color: var(--text-2); font-size: var(--font_size_caption);
    white-space: nowrap;
}
.document-showcase__filters .document-showcase__count {
    min-width: max-content; justify-self: end; color: var(--text-2);
    font-size: var(--font_size_0); font-weight: 500;
}
.document-showcase__load-more {
    background: var(--accent); border: 0; border-radius: var(--spacing_small);
    color: var(--on-accent); cursor: pointer; font-size: var(--font_size_0);
    margin: var(--font_size_1) auto 0;
    padding: var(--spacing_small) var(--font_size_2);
}
.document-showcase__navigation, .document-showcase__inline-navigation {
    display: flex; align-items: center; gap: calc(var(--spacing_small) / 2);
    min-width: 0; flex: 0 0 auto;
}
.document-showcase__tree {
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--card); color: var(--text-2);
    font-size: var(--font_size_0); font-weight: 600; line-height: 1.35;
}
.document-showcase__tree span {
    display: inline-flex; align-items: center; flex: 0 0 auto; min-width: 0;
}
.document-showcase__tree span:not(:last-child)::after {
    content: '›'; margin-left: 6px; color: var(--text-3); font-weight: 700;
}
@media (max-width: 900px) {
    .document-showcase__filters {
        grid-template-columns: 1fr;
    }
    .document-showcase__filters span {
        white-space: normal;
    }
}
@media (max-width: 760px) {
    .document-showcase__grid--tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .document-showcase__navigation {
        flex-wrap: nowrap;
    }
    .document-showcase__back {
        white-space: nowrap;
    }
}

/* Файл List.css */

.radio-button-list {
    font-family: var(--font_family_interface); color: var(--text-1);
}
.radio-list-label {
    color: var(--text-1); font-weight: bold;
}
.options-container--scroll::-webkit-scrollbar {
    width: 8px;
}
.options-container--scroll::-webkit-scrollbar-track {
    background: var(--bg-2); border-radius: 4px;
}
.options-container--scroll::-webkit-scrollbar-thumb {
    background: var(--text-3); border-radius: 4px;
}
.options-container--scroll::-webkit-scrollbar-thumb:hover {
    background: var(--text-2);
}
.no-options-message {
    color: var(--text-3); text-align: center; font-style: italic;
}
.error-message {
    margin: 8px 0; border: 1px solid var(--status-error-border);
    border-radius: 4px; background: var(--status-error-background);
    color: var(--status-error-text);
}

/* Файл ListItem.css */

.radio-label {
    border-radius: 4px; cursor: pointer; transition: background-color 0.2s;
}
.radio-label:hover {
    background-color: var(--bg-2);
}
.radio-label.disabled {
    opacity: 0.5; cursor: not-allowed;
}
.radio-input {
    opacity: 0; cursor: pointer;
}
.radio-text {
    color: var(--text-1); font-size: var(--font_size_button);
}
.radio-description {
    color: var(--text-3); font-size: var(--font_size_caption);
}

/* Файл ListRadio.css */

.radio-custom {
    margin-right: 10px; border: 2px solid var(--border); border-radius: 50%;
    background-color: var(--input-background);
}
.radio-input:checked ~ .radio-custom:not(.radio-custom-checkbox) {
    border-color: var(--accent); background-color: var(--accent);
}
.radio-input:checked ~ .radio-custom:not(.radio-custom-checkbox)::after {
    content: ''; position: absolute; top: 50%; left: 50%; width: 8px;
    height: 8px; border-radius: 50%; background: var(--on-accent);
    transform: translate(-50%, -50%);
}
.radio-input:disabled ~ .radio-custom {
    border-color: var(--border); background-color: var(--bg-2);
    cursor: not-allowed;
}
.radio-input:disabled ~ .radio-text {
    color: var(--text-3); cursor: not-allowed;
}

/* Файл ListCheckbox.css */

.radio-custom-checkbox {
    border-radius: 4px;
}
.radio-input:checked ~ .radio-custom-checkbox {
    background-color: #2196F3; border-color: #2196F3;
}
.radio-input:checked ~ .radio-custom-checkbox::after {
    content: '✓'; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); color: white;
    font-size: var(--font_size_caption); font-weight: bold; line-height: 1;
}

/* Файл ListBorder.css */

.selection-list-border {
    border: 1px solid var(--border);
    background: var(--selection-list-background, var(--bg-1));
    color: var(--text-1);
}
.selection-list-border-rounded {
    border-radius: 8px;
}
.selection-list-border-shadow {
    border-radius: 8px; box-shadow: var(--shadow);
}

/* Файл PortraitCollapse.css */

@media (orientation: portrait) {
    .selection-list-shell--portrait-collapse {
        width: 100%; min-width: 0; flex: 0 0 auto;
    }
    .selection-list-shell--portrait-collapse .selection-list-portrait-toggle {
        display: flex; width: 100%; min-width: 0; min-height: 38px;
        align-items: center; justify-content: space-between; gap: 8px;
        padding: 6px 10px; border: 1px solid var(--border); border-radius: 9px;
        background: var(--bg-1); color: var(--text-2);
        box-shadow: var(--shadow); box-sizing: border-box; cursor: pointer;
        font-size: var(--font_size_0); font-weight: 600; text-align: left;
    }
    .selection-list-shell--portrait-collapse .selection-list-portrait-toggle
    span:first-child {
        min-width: 0; overflow: hidden; text-overflow: ellipsis;
        white-space: nowrap;
    }
    .selection-list-shell--portrait-collapse
    .radio-button-list--portrait-popup {
        display: none; position: absolute; top: calc(100% + 5px); right: 0;
        left: 0; width: 100% !important; max-height: min(62dvh, 520px);
        min-height: 0 !important; overflow: auto; padding: 8px;
        border: 1px solid var(--border); border-radius: 10px;
        background: var(--bg-1); box-shadow: 0 10px 28px rgba(15, 23, 42, .18);
        box-sizing: border-box; z-index: 150;
    }
    .selection-list-shell--portrait-collapse.is-open
    .radio-button-list--portrait-popup {
        display: flex;
    }
    .selection-list-shell--portrait-collapse
    .radio-button-list--portrait-popup .options-container {
        min-height: 0 !important; max-height: none !important;
        overflow: visible;
    }
}

/* Файл index.css */

/* Файл DownloadPanel.css */

.download-panel__label {
    font-size: var(--font_size_0); color: var(--text-1, #222);
}
.download-panel__select {
    border-radius: 6px; border: 1px solid var(--border, #cfcfcf);
    background: var(--bg-1, #fff); color: var(--text-1, #222);
    font-size: var(--font_size_0); outline: none;
}
.download-panel__select:disabled {
    opacity: 0.65; cursor: not-allowed;
}

/* Файл tab_access_to_LC.css */

.access-to-lc-root > .grid-container {
    flex: 1 1 auto; min-height: 0;
    grid-template-rows: repeat(4, minmax(0, 1fr));
}
.access-to-lc-root > .grid-container > .grid-item:last-child {
    display: flex; min-height: 0; overflow: hidden;
}
.access-to-lc-root > .grid-container > .grid-item:last-child > .table-widget {
    height: 100%; min-height: 0; max-height: none; flex: 1 1 auto;
}
.access-to-lc-root > .grid-container > .grid-item:last-child .table-container {
    height: 100%; min-height: 0; max-height: none; flex: 1 1 auto;
}
.access-to-lc-root > .grid-container > .grid-item:last-child .table-wrapper {
    height: 100%; min-height: 0; max-height: none;
}
#content-1-tab_5.tab-content-item.active {
    display: flex; flex: 1 1 auto; height: 100%; min-height: 0;
    overflow: hidden;
}
#content-1-tab_5 > .access-to-lc-root {
    flex: 1 1 auto;
}
.bulk-access-assignment {
    min-height: 65vh;
}
.bulk-access-assignment__heading h3, .bulk-access-assignment__heading p {
    margin: 0;
}
.bulk-access-assignment__heading h3 {
    color: var(--text-2); font-size: var(--font_size_1);
}
.bulk-access-assignment__heading p {
    color: var(--text-3); font-size: var(--font_size_0);
}
.bulk-access-assignment__heading input {
    width: min(240px, 45%); min-width: 120px;
    padding: var(--spacing_small) var(--font_size_0);
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1); color: var(--text-2);
    font-size: var(--font_size_0);
}
.bulk-access-assignment__status {
    color: var(--accent-orange-text); font-size: var(--font_size_0);
}
.bulk-access-assignment__empty {
    color: var(--text-3); text-align: center;
}
@media (orientation: landscape) {
    .access-to-lc-root > .grid-container {
        grid-template-columns: 15% repeat(4, minmax(0, 1fr));
    }
    .drawer-panel.bulk-access-driver {
        width: 85%;
    }
}
@media (max-width: 900px) {
    .bulk-access-assignment {
        grid-template-columns: minmax(0, 1fr);
    }
    .bulk-access-assignment__panel {
        min-height: 45vh;
    }
}
@media (orientation: portrait) {
    .access-to-lc-actions {
        flex-direction: row; align-items: center; justify-content: flex-end;
        flex-wrap: nowrap;
    }
}
@media (orientation: portrait) {
    .access-residents-table .portrait-column-switcher-wrapper {
        overflow-x: hidden;
    }
    .access-residents-table .portrait-column-switcher-wrapper .data-table
    .fixed-column,
    .access-residents-table .portrait-column-switcher-wrapper .data-table
    .fixed-cell {
        position: static !important; left: auto !important;
    }
    .access-residents-table .portrait-column-switcher-wrapper .data-table
    .row-number-header,
    .access-residents-table .portrait-column-switcher-wrapper .data-table
    .row-number-cell {
        display: none !important;
    }
    .access-residents-table .portrait-column-switcher-wrapper .data-table
    td:first-child,
    .access-residents-table .portrait-column-switcher-wrapper .data-table
    td:first-child .cell-content,
    .access-residents-table .portrait-column-switcher-wrapper .data-table
    td:first-child .cell-display-value {
        overflow: hidden !important; clip-path: inset(0);
    }
}
.access_rights_pivot > .pivot-table-container {
    width: 100%; max-width: 100%;
}
.access_download_mode_setting label {
    display: grid; gap: calc(var(--spacing_small) / 2);
}
.access_download_mode_setting select {
    width: 100%;
}

/* Файл tab_user_actions.css */

.tab-content-item.active:has(> .tab-user-actions) {
    display: flex; height: 100%; min-height: 0; overflow: hidden;
}
.tab-user-actions__table > .table-widget,
.tab-user-actions__table .table-container,
.tab-user-actions__table .table-wrapper {
    height: 100%; min-height: 0; max-height: none;
}
.tab-user-actions__table > .table-widget,
.tab-user-actions__table .table-container {
    flex: 1 1 auto;
}

/* Файл OutgoingDocumentDeliverySettings.css */

.outgoing-settings__delivery > p {
    margin: 0; color: var(--text-2); font-size: var(--font_size_caption);
    line-height: 1.45;
}
.outgoing-settings__delivery-row {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 280px);
}
.outgoing-settings__delivery-row .outgoing-settings__checkbox-row span {
    display: flex; flex-direction: column; gap: 3px;
}
.outgoing-settings__delivery-row small {
    color: var(--text-2); font-size: var(--font_size_caption);
    font-weight: 400;
}
.outgoing-settings__delivery-row select:disabled {
    opacity: 0.55;
}
@media (max-width: 760px) {
    .outgoing-settings__delivery-row {
        grid-template-columns: 1fr;
    }
}

/* Файл OutgoingDocumentSettings.css */

.outgoing-settings > * {
    min-width: 0; max-width: 100%; box-sizing: border-box;
}
.outgoing-settings__header h2 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_1);
}
.outgoing-settings__header p {
    margin: 6px 0 0; color: var(--text-2); font-size: var(--font_size_0);
}
.outgoing-settings__field {
    color: var(--text-1); font-size: var(--font_size_0); font-weight: 700;
}
.outgoing-settings__field input, .outgoing-settings__field select {
    width: 100%; min-height: 42px; box-sizing: border-box; padding: 8px 12px;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); outline: none;
}
.outgoing-settings__field input:focus, .outgoing-settings__field select:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(31, 111, 190, 0.12);
}
.outgoing-settings__templates {
    color: var(--text-1); font-size: var(--font_size_0);
}
.outgoing-settings__template {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); cursor: pointer;
}
.outgoing-settings__template:hover, .outgoing-settings__template--active {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.outgoing-settings__empty, .outgoing-settings__loading {
    color: var(--text-2); font-size: var(--font_size_0);
}
.outgoing-settings__loading {
    min-height: 56px;
}
.outgoing-settings__pdf-types {
    border: 0;
}
.outgoing-settings__pdf-types legend {
    padding: 0 6px; font-size: var(--font_size_0); font-weight: 700;
}
.outgoing-settings__pdf-types input {
    margin-top: 3px;
}
.outgoing-settings__pdf-types span {
    display: flex; flex-direction: column; gap: 3px;
}
.outgoing-settings__pdf-types strong {
    color: var(--text-1); font-size: var(--font_size_0);
}
.outgoing-settings__pdf-types small {
    color: var(--text-2); font-size: var(--font_size_caption);
    line-height: 1.4;
}
.outgoing-settings__checkbox-row {
    color: var(--text-1); font-size: var(--font_size_0);
}
.outgoing-settings__checkbox-row input {
    margin-top: 3px;
}
.outgoing-settings__signature-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
}
.outgoing-settings__signature-grid .outgoing-settings__field {
    margin-top: 0;
}
.outgoing-settings__signature-tags, .outgoing-settings__signature-status {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    color: var(--text-2); font-size: var(--font_size_caption);
}
.outgoing-settings__signature-tags strong {
    color: var(--text-1); font-size: var(--font_size_0);
}
.outgoing-settings__signature-tags code,
.outgoing-settings__signature-status code {
    padding: 4px 7px; border: 1px solid var(--border); border-radius: 6px;
    background: var(--bg-2); color: var(--text-1);
    font-family: var(--font_family_monospace);
    font-size: var(--font_size_caption);
}
.outgoing-settings__reminder {
    border: 1px solid #e2b84c; border-radius: var(--spacing_small);
    background: #fff8df; color: #725100; font-size: var(--font_size_0);
    font-weight: 700;
}
.outgoing-settings__reminder--expired {
    border-color: #d86969; background: #fff0f0; color: #8a2222;
}
@media (max-width: 760px) {
    .outgoing-settings__signature-grid {
        grid-template-columns: 1fr;
    }
}
.outgoing-settings__template-by-type {
    border: 0;
}
.outgoing-settings__template-by-type legend {
    padding: 0 6px; font-size: var(--font_size_0); font-weight: 700;
}
.outgoing-settings__template-by-type > p {
    margin: 0; color: var(--text-2); font-size: var(--font_size_caption);
}
.outgoing-settings__template-by-type-row {
    grid-template-columns: minmax(180px, 0.7fr) minmax(280px, 1.3fr);
    color: var(--text-1); font-size: var(--font_size_0); font-weight: 600;
}
.outgoing-settings__template-by-type-row select {
    width: 100%; min-height: 38px; box-sizing: border-box; padding: 7px 10px;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0);
}
@media (max-width: 760px) {
    .outgoing-settings__template-by-type-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Файл meter_reading_transmission_settings.css */

.meter-transmission-settings__header,
.meter-transmission-settings__card-actions {
    display: flex; align-items: center; gap: var(--spacing_small);
}
.meter-transmission-settings__header h3,
.meter-transmission-settings__header p {
    margin: 0;
}
.meter-transmission-settings__header p {
    color: var(--text-2);
}
.meter-transmission-settings__grid {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
}
.meter-transmission-settings__grid label {
    display: grid; gap: calc(var(--spacing_small) / 2);
}
.meter-transmission-settings__grid input,
.meter-transmission-settings__grid select {
    width: 100%; min-height: var(--button-min-height); box-sizing: border-box;
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.meter-transmission-settings button {
    min-height: var(--button-min-height);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); font: inherit;
    cursor: pointer;
}
.meter-transmission-settings button:hover:not(:disabled) {
    border-color: var(--accent);
}
.meter-transmission-settings button.button {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.meter-transmission-settings__delete {
    color: var(--status-danger-text) !important;
}
@media (max-width: 900px) {
    .meter-transmission-settings__grid {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}
@media (max-width: 620px) {
    .meter-transmission-settings__header,
    .meter-transmission-settings__card-actions {
        align-items: stretch; flex-direction: column;
    }
    .meter-transmission-settings__grid {
        grid-template-columns: 1fr;
    }
}

/* Файл meter_reading_sort_settings.css */

.meter-sort-settings {
    gap: var(--spacing_small); padding: 4px; font-size: var(--font_size_0);
}
.meter-sort-settings h1, .meter-sort-settings h2, .meter-sort-settings h3,
.meter-sort-settings h4, .meter-sort-settings label,
.meter-sort-settings label > span,
.meter-sort-settings .meter-sort-settings__title {
    font-size: var(--font_size_0); line-height: 1.3;
}
.meter-sort-settings__header label {
    display: grid; min-width: 280px; gap: calc(var(--spacing_small) / 2);
}
.meter-sort-settings select {
    min-height: var(--button-min-height);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    font: inherit;
}
.meter-sort-settings__header p, .meter-sort-settings__interval p,
.meter-sort-settings__rules-hint {
    margin: 0; color: var(--text-2);
}
.meter-sort-settings__title {
    font-weight: 700;
}
.meter-sort-settings__rule {
    grid-template-columns: 30px minmax(220px, 1fr) 180px auto;
    margin-bottom: calc(var(--spacing_small) - 1px);
}
.meter-sort-settings__rule > span {
    text-align: center; font-weight: 700;
}
.meter-sort-settings__rule button, .meter-sort-settings__actions button {
    min-height: var(--button-min-height);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-2); color: var(--text-1); font: inherit;
    cursor: pointer;
}
.meter-sort-settings__rule button:hover:not(:disabled),
.meter-sort-settings__actions button:hover:not(:disabled) {
    border-color: var(--accent); background: var(--bg-3); color: var(--text-1);
}
.meter-sort-settings__rule button:disabled,
.meter-sort-settings__actions button:disabled {
    background: var(--bg-2); color: var(--text-3); opacity: .65;
    cursor: not-allowed;
}
.meter-sort-settings__actions button.button {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.meter-sort-settings__actions button.button:hover:not(:disabled) {
    border-color: var(--accent-blue); background: var(--accent-blue);
    color: var(--on-accent);
}
.meter-sort-settings__interval label {
    display: flex; align-items: center; gap: calc(var(--spacing_small) - 1px);
    font-weight: 700;
}
.meter-sort-settings__interval input {
    width: 82px; min-height: var(--button-min-height);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    font: inherit;
}
@media (max-width: 760px) {
    .meter-sort-settings__header, .meter-sort-settings__interval {
        align-items: flex-start; flex-direction: column;
    }
    .meter-sort-settings__rule {
        grid-template-columns: 30px minmax(0, 1fr);
    }
    .meter-sort-settings__rule select, .meter-sort-settings__rule button {
        grid-column: 2;
    }
}

/* Файл tab_layout_settings.css */

.tab-layout-settings {
    background: var(--bg-2); font-family: var(--font_family_interface);
    font-size: var(--font_size_0);
}
.tab-layout-settings__header h3 {
    margin: 0 0 var(--spacing_small); color: var(--blue-navy);
    font-size: var(--font_size_1);
}
.tab-layout-settings__header p {
    max-width: 760px; margin: 0; color: var(--text-2);
    font-size: var(--font_size_0);
}
.tab-layout-settings__board {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    padding-bottom: var(--font_size_1);
}
.tab-layout-settings__widget-header {
    color: var(--blue-navy); font-size: var(--font_size_0);
}
.tab-layout-settings__widget-header strong {
    min-width: 0; overflow-wrap: anywhere;
}
.tab-layout-settings__widget-header span {
    color: var(--text-2); font-size: var(--font_size_caption);
    white-space: nowrap;
}
.tab-layout-settings__tab {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--blue-navy);
    font-size: var(--font_size_0); cursor: grab;
}
.tab-layout-settings__tab:active {
    cursor: grabbing;
}
.tab-layout-settings__tab:hover {
    border-color: var(--accent); box-shadow: var(--shadow);
}
.tab-layout-settings__tab--locked {
    cursor: default;
}
.tab-layout-settings__handle {
    color: var(--text-2); font-weight: 700; letter-spacing: -2px;
}
.tab-layout-settings__empty {
    border: 1px dashed var(--border); border-radius: var(--spacing_small);
    color: var(--text-2); font-size: var(--font_size_0);
}
.tab-layout-settings__title-input {
    border: 1px solid transparent; border-radius: 6px; background: transparent;
    color: var(--blue-navy); font: inherit;
}
.tab-layout-settings__title-input:hover,
.tab-layout-settings__title-input:focus {
    border-color: var(--border); background: var(--bg-1); outline: none;
}
@media (max-width: 760px) {
    .tab-layout-settings__header {
        flex-direction: column;
    }
    .tab-layout-settings__board {
        grid-template-columns: 1fr;
    }
}

/* Файл management_object_theme_scope.css */

.app-theme-settings__scope h3 {
    margin: 0 0 var(--spacing_small); color: var(--blue-navy);
    font-size: var(--font_size_1);
}
.app-theme-settings__scope p {
    margin: 0; color: var(--text-2); font-size: var(--font_size_0);
    line-height: 1.45;
}
.app-theme-settings__personal-button,
.app-theme-settings__scope-result button {
    flex: 0 0 auto;
    padding: calc(var(--spacing_small) * 0.7) var(--font_size_0);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-family: var(--font_family_interface);
    font-size: var(--font_size_button); cursor: pointer;
}
.app-theme-settings__personal-button:hover,
.app-theme-settings__scope-result button:hover,
.app-theme-settings__personal-button--active {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 12%, var(--bg-1));
    color: var(--accent);
}
.app-theme-settings__pivot {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1);
}
.app-theme-settings__pivot .pivot-table {
    min-width: 100%;
}
.app-theme-settings__pivot .hierarchy-row {
    cursor: default;
}
.app-theme-settings__pivot .hierarchy-cell {
    color: var(--text-1); font-family: var(--font_family_interface);
    font-size: var(--font_size_button);
}
.app-theme-settings__loading {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-2);
}
.app-theme-settings__scope-result {
    border-top: 1px solid var(--border); color: var(--text-2);
    font-size: var(--font_size_0);
}
.app-theme-settings__scope-result strong {
    color: var(--blue-navy);
}
@media (max-width: 680px) {
    .app-theme-settings__scope-heading, .app-theme-settings__scope-result {
        align-items: stretch; flex-direction: column;
    }
    .app-theme-settings__personal-button,
    .app-theme-settings__scope-result button {
        width: 100%;
    }
}

/* Файл AppThemeSettings.css */

.app-theme-settings__intro h2, .app-theme-settings__note strong {
    margin: 0 0 var(--spacing_small); color: var(--blue-navy);
    font-size: var(--font_size_2);
}
.app-theme-settings__intro p, .app-theme-settings__note p {
    max-width: 780px; margin: 0; color: var(--text-2);
    font-size: var(--font_size_0); line-height: 1.45;
}
.app-theme-settings__status {
    padding: calc(var(--spacing_small) * 0.7) var(--font_size_0);
    border: 1px solid var(--border); border-radius: 999px;
    background: var(--bg-2); color: var(--text-2);
    font-size: var(--font_size_caption);
}
.app-theme-settings__grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.app-theme-card {
    text-align: left; cursor: pointer; transform: none;
}
.app-theme-preview {
    min-height: 122px; grid-template-columns: 34% 1fr;
    border: 1px solid var(--border-color); border-radius: var(--spacing_small);
    background: var(--preview-surface-secondary);
}
.app-theme-preview__sidebar {
    padding: 18px 10px; background: var(--preview-sidebar);
}
.app-theme-preview__sidebar i {
    display: block; width: 80%; height: 8px; border-radius: 999px;
    background: color-mix(in srgb, var(--sidebar-text) 74%, transparent);
}
.app-theme-preview__content {
    background: var(--preview-surface);
}
.app-theme-preview__content i {
    display: block; border-radius: 999px;
}
.app-theme-preview__heading {
    background: var(--heading-color);
}
.app-theme-preview__field {
    border: 1px solid var(--border-color); background: var(--input-background);
}
.app-theme-preview__button {
    width: 48%; background: var(--preview-accent);
}
.app-theme-card__text strong {
    color: var(--blue-navy); font-size: var(--font_size_1);
}
.app-theme-card__text small {
    color: var(--text-2); font-size: var(--font_size_caption);
    line-height: 1.35;
}
.app-theme-card__mark {
    border-radius: 999px; background: var(--bg-2); color: var(--accent-blue);
    font-size: var(--font_size_caption); font-weight: 700;
}
.app-theme-card--active .app-theme-card__mark {
    background: color-mix(in srgb, var(--accent) 16%, var(--bg-1));
    color: var(--accent);
}
@media (max-width: 680px) {
    .app-theme-settings__intro {
        flex-direction: column;
    }
    .app-theme-settings__status {
        white-space: normal;
    }
    .app-theme-settings__grid {
        grid-template-columns: 1fr;
    }
}

/* Файл InfoDriverButton.css */

.info-driver-overlay {
    z-index: 2099;
}
.drawer-panel.info-driver-panel {
    z-index: 2100;
}
.info-driver-button {
    width: var(--info_button_size); height: var(--info_button_size);
    border: 1px solid var(--accent); border-radius: 50%;
    background: var(--bg-1); color: var(--accent);
    font: 700 var(--font_size_0)/1 serif; cursor: pointer;
}
.info-driver-button:hover, .info-driver-button:focus-visible {
    background: var(--accent); color: var(--on-accent); outline: none;
    box-shadow: 0 0 0 3px rgba(61, 132, 196, 0.16);
}
.info-driver-section {
    margin: 0 !important;
}
.info-driver-section h3, .info-driver-section p, .info-driver-section ul {
    margin-top: 0;
}
.info-driver-section p, .info-driver-section li {
    color: var(--text-1); line-height: 1.45;
}
.info-driver-section ul {
    padding-left: calc(var(--font_size_1) + var(--spacing_small));
    margin-bottom: 0;
}

/* Файл UpdFormatSettings.css */

.upd-format-settings {
    max-width: none; gap: var(--spacing_small);
    padding: var(--spacing_small) 0 var(--spacing_small) var(--spacing_small);
    scrollbar-gutter: auto; background: var(--bg-2);
    container-name: upd-format-page; container-type: inline-size;
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
    overflow: auto;
}
.upd-format-settings h2, .upd-format-settings h3 {
    font-size: var(--font_size_1);
}
.upd-format-settings label, .upd-format-settings input,
.upd-format-settings select, .upd-format-settings textarea,
.upd-format-settings button {
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
    line-height: 1.35;
}
.upd-format-settings > .block_1 {
    width: 100%; max-width: none; min-width: 0; box-sizing: border-box;
    overflow: hidden;
}
.upd-format-settings .upd-format-settings__fields.workspace-form-grid--three {
    display: grid; width: 100%; min-width: 0; max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'document-type' 'effective-from' 'xml-file' 'xsd-file'
    'actions';
    gap: var(--font_size_0); box-sizing: border-box;
}
.upd-format-settings__field, .upd-format-settings__actions {
    width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box;
}
.upd-format-settings__field--document-type {
    grid-area: document-type;
}
.upd-format-settings__field--effective-from {
    grid-area: effective-from;
}
.upd-format-settings__field--xml {
    grid-area: xml-file;
}
.upd-format-settings__field--xsd {
    grid-area: xsd-file;
}
.upd-format-settings__actions {
    grid-area: actions;
}
.upd-format-settings__field input, .upd-format-settings__field select {
    display: block; width: 100%; min-width: 0; max-width: 100%;
    box-sizing: border-box;
}
.upd-format-settings__field input[type='file'] {
    inline-size: 100%; min-inline-size: 0; max-inline-size: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.upd-format-settings__actions .btn {
    width: auto; max-width: 100%; white-space: normal;
}
.upd-format-settings__table-widget {
    font-family: var(--font_family_interface);
}
.upd-format-settings__table-widget .table-wrapper {
    width: 100%; height: auto; min-height: 0; max-height: none;
    overflow-x: auto; overflow-y: visible; border-radius: 0; box-shadow: none;
}
.upd-format-settings__table-widget .data-table {
    width: 100%; min-width: 0; max-width: 100%; border-collapse: separate;
    border-spacing: 0; table-layout: fixed; font-size: var(--font_size_0);
}
.upd-format-settings__table-widget .data-table th,
.upd-format-settings__table-widget .data-table td {
    min-width: 0 !important; max-width: none !important; padding: 8px 6px;
    border-bottom: 1px solid var(--border); background: var(--bg-1);
    color: var(--blue-navy); text-align: left; vertical-align: top;
    white-space: normal; overflow: hidden; overflow-wrap: anywhere;
    word-break: break-word; text-overflow: clip;
}
.upd-format-settings__table-widget .data-table th,
.upd-format-settings__table-widget .fixed-header,
.upd-format-settings__table-widget .fixed-header-row {
    background: var(--bg-2) !important; color: var(--blue-navy) !important;
    font-weight: 700;
}
.upd-format-settings__table-widget .header-content,
.upd-format-settings__table-widget .cell-content,
.upd-format-settings__table-widget .cell-display-value {
    min-width: 0; white-space: normal; overflow-wrap: anywhere;
    word-break: break-word; text-overflow: clip;
}
.upd-format-settings__table-widget .data-table th:nth-child(1),
.upd-format-settings__table-widget .data-table td:nth-child(1) {
    width: 11%;
}
.upd-format-settings__table-widget .data-table th:nth-child(2),
.upd-format-settings__table-widget .data-table td:nth-child(2) {
    width: 8%;
}
.upd-format-settings__table-widget .data-table th:nth-child(3),
.upd-format-settings__table-widget .data-table td:nth-child(3) {
    width: 11%;
}
.upd-format-settings__table-widget .data-table th:nth-child(4),
.upd-format-settings__table-widget .data-table td:nth-child(4) {
    width: 14%;
}
.upd-format-settings__table-widget .data-table th:nth-child(5),
.upd-format-settings__table-widget .data-table td:nth-child(5) {
    width: 12%;
}
.upd-format-settings__table-widget .data-table th:nth-child(6),
.upd-format-settings__table-widget .data-table td:nth-child(6) {
    width: 19%;
}
.upd-format-settings__table-widget .data-table th:nth-child(7),
.upd-format-settings__table-widget .data-table td:nth-child(7) {
    width: 25%;
}
.upd-format-settings__empty {
    border: 1px dashed var(--border); border-radius: var(--spacing_small);
    color: var(--text-2);
}
@container upd-format-page (min-width: 700px) {
    .upd-format-settings
    .upd-format-settings__fields.workspace-form-grid--three {
        grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
        grid-template-areas: 'document-type effective-from' 'xml-file xsd-file'
        'actions actions';
    }
}
@container upd-format-page (max-width: 699px) {
    .upd-format-settings__actions .btn {
        width: 100%;
    }
}
@media (orientation: portrait) {
    .upd-format-settings__table-widget.table-widget--auto-height,
    .upd-format-settings__table-widget.table-widget--auto-height
    .portrait-card-table {
        height: auto; max-height: none; overflow: visible;
    }
    .upd-format-settings__table-widget .portrait-card-table {
        gap: var(--spacing_small); padding: 0; background: transparent;
    }
    .upd-format-settings__table-widget .portrait-table-card {
        margin: 0; padding: var(--spacing_small) var(--font_size_0);
        border: 1px solid var(--border); border-radius: var(--spacing_small);
        background: var(--bg-1); box-shadow: var(--shadow); cursor: default;
    }
    .upd-format-settings__table-widget .portrait-table-card__field {
        grid-template-columns: minmax(110px, 42%) minmax(0, 1fr);
        gap: var(--spacing_small); padding: 6px 0;
    }
    .upd-format-settings__table-widget .portrait-table-card__label,
    .upd-format-settings__table-widget .portrait-table-card__value {
        font-size: var(--font_size_0);
    }
}
.upd-format-settings__list {
    overflow: visible;
}

/* Файл potale_local_agent_card.css */

.potale-agent-card__title-row, .potale-agent-card__status,
.potale-agent-card__version, .potale-agent-card__actions {
    grid-column: 1 / -1;
}
.potale-agent-card__title-row h3 {
    margin: 0;
}
.potale-agent-card__status {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-2);
}
.potale-agent-card__status--ready {
    border-color: var(--accent);
}
.potale-agent-card__status--missing, .potale-agent-card__version {
    color: var(--text-2);
}

/* Файл gis_import_report_panel.css */

.gis-import-report .drawer-body {
    display: block;
}
.gis-import-report__summary {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.gis-import-report__metric {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1);
}
.gis-import-report__metric strong {
    color: var(--accent); font-size: var(--font_size_2);
}
.gis-import-report__metric span, .gis-import-report__hint {
    color: var(--text-3);
}
.gis-import-report__errors {
    border: 1px solid var(--error, #c92a2a);
    border-radius: var(--spacing_small); color: var(--text-2);
    background: var(--bg-1);
}
.gis-import-report__errors summary {
    color: var(--error, #c92a2a); cursor: pointer; font-weight: 600;
}
.gis-import-report__errors ul {
    margin: var(--spacing_small) 0 0;
    padding-left: calc(2 * var(--spacing_small));
}
.gis-import-report__errors li {
    overflow-wrap: anywhere;
}
.gis-import-report__errors li + li {
    margin-top: var(--spacing_small);
}
.gis-import-report .gis-import-report__pivot {
    height: auto; min-height: 96px; overflow: visible; scrollbar-gutter: auto;
}
.gis-import-report__pivot .node-value {
    white-space: normal;
}
@media (max-width: 900px) {
    .gis-import-report__summary {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}

/* Файл external_integrations_settings_base.css */

.external-integrations-settings {
    gap: var(--spacing_small); font-family: var(--font_family_interface);
    font-size: var(--font_size_0);
}
.integrations-house-card label, .integration-card label {
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
    line-height: 1.35; display: flex; min-width: 0; flex-direction: column;
    gap: calc(var(--spacing_small) / 2);
}
.settings-workspace.external-integrations-settings > .integration-card {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing_small); align-items: start;
}
.integration-card h3, .integration-card > .integration-check,
.integration-card > .integration-status,
.integration-card > .integration-error,
.integration-card > .integration-certificate-upload,
.integration-card > button {
    grid-column: 1 / -1;
}
.integration-card h3 {
    margin: 0; color: var(--blue-navy); font-size: var(--font_size_1);
}
.integration-card .integration-check {
    flex-direction: row; align-items: center;
}
.integration-card .integration-check input {
    width: auto; min-height: auto; padding: 0;
}
.integration-status {
    border-radius: var(--spacing_small); background: var(--bg-2);
}
.integration-error {
    color: var(--accent-red);
}
.integration-warning {
    border: 1px solid var(--warning, #d88700);
    border-radius: var(--spacing_small);
    background: color-mix( in srgb, var(--warning, #d88700) 10%, var(--bg-1) );
    color: var(--text-1); line-height: 1.4;
}
.integration-certificate-upload {
    border-top: 1px solid var(--border);
}
.integration-certificate-upload > strong,
.integration-certificate-upload > .integration-file-status,
.integration-certificate-upload > .integration-help,
.integration-certificate-upload > button {
    grid-column: 1 / -1;
}
.integration-main-actions button, .integration-card > button,
.integration-certificate-upload button {
    min-height: var(--button-min-height);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--accent); border-radius: var(--spacing_small);
    background: var(--accent); color: var(--on-accent); font: inherit;
    cursor: pointer;
}
.integration-main-actions button:disabled, .integration-card > button:disabled,
.integration-certificate-upload button:disabled {
    opacity: .55; cursor: not-allowed;
}
@media (orientation: portrait), (max-width: 900px) {
    .settings-workspace.external-integrations-settings > .integration-card,
    .integration-certificate-upload {
        grid-template-columns: 1fr;
    }
}
.integration-info-button {
    width: var(--info_button_size); height: var(--info_button_size);
    min-width: var(--info_button_size); min-height: var(--info_button_size);
    border: 1px solid var(--accent); border-radius: 50%;
    background: var(--bg-1); color: var(--accent); font: inherit;
    font-size: var(--font_size_caption); font-weight: 700; line-height: 1;
    cursor: pointer;
}
.integration-info-button:hover {
    background: var(--accent); color: var(--on-accent);
}
.integration-readonly {
    background: var(--bg-2) !important; color: var(--text-2) !important;
    cursor: default;
}
.gis-integration-help p, .gis-integration-help ol {
    margin: 0; color: var(--text-2); line-height: 1.5;
}
.gis-integration-help ol {
    padding-left: calc(var(--font_size_2) + var(--spacing_small));
}
.gis-integration-help li + li, .gis-integration-help p + p {
    margin-top: var(--spacing_small);
}

/* Файл external_integrations_settings_responsive.css */

.external-integrations-settings, .external-integrations-settings * {
    box-sizing: border-box;
}
.external-integrations-settings > *, .integration-card > *,
.integrations-house-card > *, .integration-certificate-upload > * {
    min-width: 0; max-width: 100%;
}
.integration-card h3, .integration-label-row, .integration-help,
.integration-status, .integration-error, .integration-warning,
.integration-file-status {
    overflow-wrap: anywhere; word-break: break-word;
}
.integration-card input, .integration-card select, .integration-card button,
.integrations-house-card select, .integration-certificate-upload input,
.integration-certificate-upload button {
    max-width: 100%;
}
@media (orientation: portrait), (max-width: 900px) {
    .external-integrations-settings {
        gap: calc(var(--spacing_small) / 2);
        padding: calc(var(--spacing_small) / 2);
    }
    .settings-workspace.external-integrations-settings
    .settings-workspace.external-integrations-settings > .integration-card,
    .integration-certificate-upload {
        width: 100%; grid-template-columns: minmax(0, 1fr);
    }
    .integration-main-actions {
        width: 100%; justify-content: stretch;
    }
    .integration-main-actions button, .integration-card > button,
    .integration-certificate-upload button {
        width: 100%; white-space: normal;
    }
    .integration-info-button {
        flex: 0 0 var(--info_button_size);
    }
}

/* Файл external_integrations_settings.css */

/* Файл tab_settings_layout.css */

#tab-container-tab_0 > .tab-content-wrapper.scrollable >
.tab-content-item.active:has( > .tab-widget-container >
#tab-container-tab_5 ) {
    min-width: 0; padding: 0 0 0 4px !important; overflow: hidden !important;
    scrollbar-gutter: auto;
}
#tab-container-tab_0 > .tab-content-wrapper.scrollable >
.tab-content-item.active > .tab-widget-container:has(>
#tab-container-tab_5) {
    width: 100%; min-width: 0; height: 100%; overflow: hidden !important;
}
#tab-container-tab_5, #tab-container-tab_5 > .tab-content-wrapper,
#tab-container-tab_5 > .tab-content-wrapper > .tab-content-item {
    width: 100%; min-width: 0;
}
#tab-container-tab_5 > .tab-content-wrapper >
.tab-content-item.active:has(> .settings-workspace) {
    min-height: 0; overflow: hidden;
}
#tab-container-tab_5 > .tab-content-wrapper > .tab-content-item.active >
.settings-workspace {
    flex: 1 1 auto; min-height: 0;
}

/* Файл settings_workspace.css */

.settings-workspace {
    max-width: 100%; gap: 0; padding: var(--spacing_small);
    background: var(--bg-2); font-size: var(--font_size_0);
    scrollbar-gutter: auto;
}
.settings-workspace > .block_1 {
    width: 100%; max-width: none; flex: 0 0 auto;
}
.settings-title-row h1, .settings-title-row h2, .settings-title-row h3,
.settings-title-row h4 {
    margin: 0;
}
.settings-description {
    color: var(--text-3); font-size: inherit; line-height: 1.45;
}
.settings-grid--two {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
}
.settings-grid__separator {
    margin: var(--spacing_xs) 0; background: var(--divider-soft);
}
.settings-inline-field, .settings-inline-check {
    display: flex; min-width: 0; align-items: center;
    gap: var(--spacing_small); font-size: var(--font_size_0);
}
.settings-inline-field input, .settings-inline-field select {
    width: min(210px, 48%); min-width: 120px; box-sizing: border-box;
    font-size: inherit;
}
.settings-inline-check input {
    flex: 0 0 auto;
}
.settings-warning {
    border-radius: var(--spacing_small); background: var(--accent-orange-bg);
    color: var(--accent-orange-text);
}
.settings-error {
    color: var(--danger, #a01818);
}
.settings-disabled-preview {
    opacity: .78;
}
.settings-pivot .pivot-table-container {
    width: 100%; height: auto; max-height: min(440px, 48vh);
    box-sizing: border-box; box-shadow: none; font-size: inherit;
}
.settings-pivot .pivot-table, .settings-pivot .pivot-table th,
.settings-pivot .pivot-table td, .settings-pivot .header-label,
.settings-pivot .agg-label, .settings-pivot .node-value,
.settings-pivot .node-stats {
    font-size: inherit;
}
.settings-pivot .node-value, .settings-pivot .node-stats {
    margin: 0;
}
.settings-pivot .hierarchy-content {
    min-height: var(--button-min-height);
}
.settings-pivot .hierarchy-cell {
    vertical-align: middle;
}
@media (orientation: portrait), (max-width: 820px) {
    .settings-grid--two {
        grid-template-columns: 1fr;
    }
    .settings-inline-field {
        align-items: stretch; flex-direction: column;
    }
    .settings-inline-field input, .settings-inline-field select {
        width: 100%;
    }
}

/* Файл import_1c_settings_layout.css */

.import-1c-settings__header p {
    max-width: 850px; color: var(--text-3);
}
.import-1c-settings__upload, .import-1c-settings__apply-footer,
.import-1c-settings__status-title {
    display: flex; flex-wrap: wrap; align-items: center;
    justify-content: space-between; gap: var(--spacing_small);
}
.import-1c-settings__file {
    min-width: min(100%, 420px); color: var(--text-1);
}
.import-1c-settings__file input {
    width: 100%; box-sizing: border-box; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-1);
}
.import-1c-settings__button_primary {
    background: var(--accent); color: var(--on-accent);
    box-shadow: var(--shadow);
}
.import-1c-settings__button:disabled {
    opacity: .55; cursor: not-allowed;
}
.import-1c-settings__error {
    border: 1px solid var(--accent-red); border-radius: var(--spacing_small);
    background: var(--bg-2); color: var(--accent-red);
}
.import-1c-settings__progress-caption {
    color: var(--text-3); text-align: right;
}
.import-1c-settings__report > div {
    display: flex; flex-direction: column; gap: var(--spacing_small);
    padding: var(--spacing_small); border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-2);
}
.import-1c-settings__report strong {
    color: var(--blue-navy);
}
.import-1c-settings__report span, .import-1c-settings__apply-footer > span {
    color: var(--text-3);
}
.import-1c-settings__details {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
}
.import-1c-settings__details summary {
    color: var(--blue-navy); cursor: pointer;
}
.import-1c-settings__tables code {
    border-radius: calc(var(--spacing_small) / 2); background: var(--bg-2);
}
.import-1c-settings__report-table {
    min-width: 980px; background: var(--bg-1);
}
.import-1c-settings__report-table th, .import-1c-settings__report-table td {
    padding: var(--spacing_small); border: 1px solid var(--border);
    color: var(--text-2); text-align: left; vertical-align: top;
}
.import-1c-settings__report-table th {
    background: var(--bg-2); color: var(--blue-navy);
}
.import-1c-settings__log {
    margin: var(--spacing_small) 0 0; background: var(--text-1);
    color: var(--on-accent); word-break: break-word;
}
.import-1c-settings__mode {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); cursor: pointer;
}
.import-1c-settings__mode > span {
    display: flex; flex-direction: column; gap: var(--spacing_small);
}
.import-1c-settings__mode small {
    color: var(--text-3);
}
.import-1c-settings__success {
    border-color: var(--accent-success);
}
@media (orientation: portrait), (max-width: 900px) {
    .import-1c-settings__report, .import-1c-settings__modes {
        grid-template-columns: 1fr;
    }
    .import-1c-settings__button, .import-1c-settings__upload > *,
    .import-1c-settings__apply-footer > * {
        width: 100%;
    }
}

/* Файл PhotoUpload.css */

.photo-upload-container {
    margin: 10px 0;
}
.photo-upload-frame {
    border: 2px dashed #ddd; border-radius: 8px; cursor: pointer;
    transition: all 0.3s ease; background-color: #f9f9f9;
}
.photo-upload-frame:hover {
    border-color: #007bff; background-color: #f0f8ff;
}
.photo-upload-disabled .photo-upload-frame {
    cursor: not-allowed; opacity: 0.6; background-color: #f5f5f5;
}
.photo-upload-disabled .photo-upload-frame:hover {
    border-color: #ddd; background-color: #f5f5f5;
}
.photo-upload-preview {
    border-radius: 6px;
}
.photo-upload-placeholder {
    color: #666;
}
.photo-upload-plus {
    font-size: var(--font_size_0); font-weight: 300; color: #999;
}
.photo-upload-text {
    font-size: var(--font_size_caption); text-align: center; max-width: 80%;
}
.photo-upload-remove {
    top: 5px; right: 5px; border-radius: 50%;
    background-color: rgba(255, 107, 107, 0.9); color: white; border: none;
    font-size: var(--font_size_1); cursor: pointer;
    transition: background-color 0.2s;
}
.photo-upload-remove:hover {
    background-color: #ff6b6b;
}

/* Файл FormField.css */

.form-field-photo-row {
}
.form-field-photo-row .form-field-text {
    min-width: 120px; white-space: nowrap; margin: 0;
}
.form-field-photo-row .form-field-textarea,
.form-field-photo-row .form-field-select {
    flex: 1; min-width: 150px;
}
.form-field-new-row {
    flex-basis: 100%;
}
.form-field-layout-top, .form-field-layout-bottom {
    flex-basis: 100%;
}
.form-field-content {
    gap: 10px;
}
.form-field-vertical {
    gap: 5px;
}
.form-field-left .form-field-content, .form-field-right .form-field-content {
    flex-direction: row;
}
.form-field-top .form-field-content {
    flex-direction: column; align-items: flex-start;
}
.form-field-bottom .form-field-content {
    flex-direction: column-reverse; align-items: flex-start;
}
.form-field-text {
    font-weight: 500; color: #333;
}
.form-field-input, .form-field-textarea, .form-field-select {
    border: 1px solid #ddd; font-size: var(--font_size_button); flex-grow: 1;
    padding: 5px; border-radius: 4px; min-width: 200px;
}
.form-field-input:focus, .form-field-textarea:focus, .form-field-select:focus {
    outline: none; border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.form-field-required {
    border-left: 3px solid #ff6b6b;
}
.form-field-disabled {
    background-color: #f5f5f5; cursor: not-allowed; opacity: 0.7;
}
.field-disabled .form-field-text {
    color: #585555;
}
.required-asterisk {
    color: #ff6b6b; font-weight: bold;
}
.form-field-error {
    font-size: var(--font_size_caption); color: #ff6b6b;
}
.form-field-checkbox-wrapper {
    align-items: center center;
}
.form-field-checkbox-text {
    color: #333; font-weight: 500;
}
.form-field-textarea {
    resize: vertical; min-height: 60px;
}
.form-field-select {
    background-color: white; cursor: pointer;
}

/* Файл window_operation_details.css */

.window-operation-details {
    padding: 18px 20px 20px; color: #1f2937;
    background: linear-gradient(180deg, #f7f9fc 0%, #eef3f9 100%);
}
.window-operation-details *, .window-operation-details *::before,
.window-operation-details *::after {
    box-sizing: border-box;
}
.window-operation-details .operation-grid {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) 160px minmax(360px, 1.1fr);
    gap: 18px; align-items: start; min-height: 0;
}
.window-operation-details .house-details-files {
    margin-top: calc(var(--font_size_0) * 2);
    background: rgba(255, 255, 255, 0.94); border: 1px solid #d8e2ef;
    border-radius: 18px; padding: 18px;
    box-shadow: 0 10px 28px rgba(32, 70, 117, 0.08);
}
.window-operation-details .house-details-subtitle {
    display: block; font-weight: 700; color: #24496f; margin-bottom: 2px;
}
.window-operation-details label {
    color: #37516d; font-weight: 600;
}
.window-operation-details input, .window-operation-details select,
.window-operation-details textarea {
    width: 100%; border: 1px solid #c8d5e6; border-radius: 12px;
    background: #fff; color: #1f2937; line-height: 1.3; padding: 10px 12px;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s
    ease;
}
.window-operation-details input:hover, .window-operation-details select:hover,
.window-operation-details textarea:hover {
    border-color: #9eb6d1;
}
.window-operation-details input:focus, .window-operation-details select:focus,
.window-operation-details textarea:focus {
    border-color: #4a90e2; box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.14);
}
.window-operation-details button {
    border: none; border-radius: 999px; cursor: pointer; font-weight: 700;
    transition: transform 0.16s ease, box-shadow 0.16s ease, opacity 0.16s
    ease;
}
.window-operation-details button:hover {
    transform: translateY(-1px);
}
.window-operation-details .house-details-upload {
    display: flex; align-items: center; justify-content: center;
    padding: 14px 16px; border: 1.5px dashed #87a9cf; border-radius: 16px;
    background: linear-gradient(180deg, #fafdff 0%, #f2f7fc 100%);
    color: #3f6a92; font-weight: 600; text-align: center; cursor: pointer;
    user-select: none;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow
    0.18s ease, transform 0.18s ease;
}
.window-operation-details .house-details-upload:hover {
    border-color: #4a90e2;
    background: linear-gradient(180deg, #ffffff 0%, #edf5fc 100%);
    box-shadow: 0 10px 18px rgba(74, 144, 226, 0.12);
    transform: translateY(-1px);
}
.window-operation-details .house-details-upload input[type="file"] {
    display: none;
}
.window-operation-details .empty-text,
.window-operation-details .attachments-empty {
    color: #8a97a8; font-style: italic; padding: 10px 2px;
}
@media (max-width: 1200px) {
    .window-operation-details .operation-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .window-operation-details {
        padding: 12px;
    }
    .window-operation-details .house-details-files {
        padding: 14px; border-radius: 14px;
    }
    .window-operation-details input, .window-operation-details select,
    .window-operation-details textarea {
        padding: 9px 11px;
    }
    .window-operation-details .attachment-item {
        flex-direction: column; align-items: flex-start;
    }
}

/* Файл auto_payment_orders_panel.css */

.auto-payment-orders-panel .drawer-body {
    padding: var(--spacing_small);
}
.auto-payment-orders-panel__settings, .auto-payment-orders-panel__history {
    padding: var(--font_size_0);
}
.auto-payment-orders-panel__header h3, .auto-payment-orders-panel__history h3 {
    margin: 0;
}
.auto-payment-orders-panel__settings-table {
    height: min(42vh, 430px);
}
.auto-payment-orders-panel__table th, .auto-payment-orders-panel__table td {
    padding: 6px; border-bottom: 1px solid var(--border); text-align: left;
    vertical-align: middle;
}
.auto-payment-orders-panel__table th {
    position: sticky; top: 0; z-index: 2; background: var(--bg-2);
}
.auto-payment-orders-panel__table input:not([type="checkbox"]),
.auto-payment-orders-panel__table select {
    width: 100%; min-width: 90px; min-height: 32px; box-sizing: border-box;
    padding: 4px 6px; border: 1px solid var(--border); border-radius: 6px;
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.auto-payment-orders-panel__table td:nth-child(5) input {
    min-width: 360px;
}
@media (orientation: portrait), (max-width: 850px) {
    .auto-payment-orders-panel__actions,
    .auto-payment-orders-panel__actions > * {
        width: 100%;
    }
}

/* Файл 01_styles.css */
.purchases-and-sales-root, .purchases-and-sales-table-page, .sales-tab-page,
.sale-invoice-page, .reconciliation-page {
    display: flex; width: 100%; height: 100%; min-width: 0; min-height: 0;
    box-sizing: border-box; flex-direction: column; overflow: hidden;
    font-size: var(--font_size_0);
}
.purchases-and-sales-table-page, .sales-tab-page__table {
    flex: 1;
}
.sale-invoice-page {
    background: var(--bg-2);
}
.sale-invoice-page__actions {
    border-top: 1px solid var(--border); background: var(--bg-1);
}
.sale-invoice-header, .sale-invoice-items {
    padding: 10px;
}
.sale-invoice-header__title, .sale-invoice-items__toolbar,
.sale-invoice-items__totals, .reconciliation-page__summary {
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px;
}
.sale-invoice-header__title h2, .sale-invoice-items__toolbar h3,
.sale-products-panel h3 {
    margin: 0; font-size: var(--font_size_0);
}
.sale-invoice-header__title > div {
    display: flex; gap: 8px;
}
.sale-invoice-header__title label, .sale-invoice-header__grid label,
.sale-products-panel__form-grid label, .reconciliation-page__toolbar label {
    display: flex; flex-direction: column; gap: 3px; min-width: 0;
}
.sale-invoice-header__title label {
    flex-direction: row; align-items: center;
}
.sale-invoice-header__grid, .sale-products-panel__form-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px; margin-top: 9px;
}
.sale-invoice-header input, .sale-invoice-header select,
.sale-products-panel input, .sale-products-panel select,
.reconciliation-page input, .reconciliation-page select,
.sale-invoice-items input, .sale-invoice-items select {
    min-height: 30px; box-sizing: border-box; padding: 4px 7px;
    border: 1px solid var(--border); border-radius: 7px;
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.sale-invoice-items__table-wrap, .reconciliation-page__table-wrap {
    width: 100%; min-height: 0; overflow: auto; margin-top: 8px;
}
.sale-invoice-items__table, .reconciliation-page__table {
    width: 100%; border-collapse: collapse; background: var(--bg-1);
}

/* Файл 02_styles.css */

.sale-invoice-items__table th, .sale-invoice-items__table td,
.reconciliation-page__table th, .reconciliation-page__table td {
    padding: 5px; border: 1px solid var(--border); vertical-align: middle;
}
.sale-invoice-items__table th, .reconciliation-page__table th {
    position: sticky; top: 0; background: var(--accent);
    color: var(--on-accent); font-size: var(--font_size_caption);
    text-align: center; z-index: 2;
}
.sale-invoice-items__number, .reconciliation-page__number {
    text-align: right; white-space: nowrap;
}
.sale-invoice-items__remove {
    border: 1px solid var(--accent-red); border-radius: 6px;
    background: var(--bg-1); color: var(--accent-red); cursor: pointer;
}
.sale-products-panel .drawer-body {
    padding: 7px;
}
.sale-products-panel__content {
    grid-template-columns: minmax(260px, .8fr) minmax(360px, 1.2fr);
}
.sale-products-panel__list, .sale-products-panel__form {
    display: flex; min-height: 0; flex-direction: column; gap: 8px;
    padding: 9px; overflow: hidden;
}
.sale-products-panel__item {
    border: 1px solid var(--border); border-radius: 7px;
    background: var(--bg-1); cursor: pointer;
}
.sale-products-panel__item > span {
    display: flex; flex-direction: column; gap: 2px;
}
.sale-products-panel__item small {
    color: var(--text-3);
}
.reconciliation-page__toolbar label:first-child {
    min-width: 280px; flex: 1;
}
.reconciliation-page__content {
    padding: 9px;
}

/* Файл 03_styles.css */

.reconciliation-page__summary span {
    padding: 5px 8px; border-radius: 7px; background: var(--bg-2);
}
@media (max-width: 900px) {
    .sale-invoice-header__grid, .sale-products-panel__form-grid,
    .sale-products-panel__content {
        grid-template-columns: 1fr;
    }
    .sale-products-panel__content {
        overflow: auto;
    }
    .sale-products-panel__list, .sale-products-panel__form {
        overflow: visible;
    }
    .reconciliation-page__actions {
        width: 100%; margin-left: 0; flex-wrap: wrap;
    }
}
.sale-invoice-page {
    font-size: var(--font_size_caption);
}
.sale-invoice-document {
    border: 1px solid var(--border); background: var(--bg-1);
}
.sale-invoice-header__title {
    padding-bottom: 7px; border-bottom: 2px solid var(--text-1);
}
.sale-invoice-header__title h2 {
    font-size: var(--font_size_1);
}
.sale-invoice-header__title label, .sale-invoice-header__grid label {
    font-size: var(--font_size_caption);
}
.sale-invoice-header__grid {
    padding-bottom: 8px;
}
.sale-invoice-header input, .sale-invoice-header select,
.sale-invoice-document input, .sale-invoice-document select {
    min-height: 26px; padding: 2px 5px; border-radius: 4px;
    font-size: var(--font_size_caption);
}
.sale-invoice-items__toolbar {
    padding: 7px 0; border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.sale-invoice-items__toolbar h3 {
    font-size: var(--font_size_button);
}
.sale-invoice-items__table {
    table-layout: auto;
}
.sale-invoice-items__table th, .sale-invoice-items__table td {
    padding: 3px 4px; font-size: var(--font_size_caption);
}
.sale-invoice-items__table th {
    min-width: 76px; white-space: normal;
}
.sale-invoice-items__table th:first-child,
.sale-invoice-items__table td:first-child {
    min-width: 220px;
}
.sale-invoice-items__table input, .sale-invoice-items__table select {
    min-height: 24px; padding: 1px 4px; font-size: var(--font_size_0);
}
.sale-invoice-items__table td:first-child input {
    min-width: 210px;
}
.sale-invoice-items__totals {
    border-top: 2px solid var(--text-1); font-size: var(--font_size_caption);
}

/* Файл 04_styles.css */

.sale-invoice-columns__toggle {
    padding: 4px 9px; border: 1px solid var(--border); border-radius: 7px;
    background: var(--bg-1); color: var(--accent-dark); font: inherit;
    font-weight: 700; cursor: pointer;
}
.sale-invoice-columns__panel {
    top: calc(100% + 5px); width: min(390px, 78vw);
    border: 1px solid var(--border); background: var(--bg-1);
    font-size: var(--font_size_0); z-index: 20;
}
.sale-invoice-columns__header button {
    margin: 0; padding: 2px 6px; border: 0; background: transparent;
    color: var(--text-1); cursor: pointer;
}
.sale-invoice-columns__list {
    gap: 5px 8px;
}
.sale-invoice-columns__list label {
    display: flex; min-width: 0; align-items: flex-start; gap: 5px;
}
.sale-invoice-columns__list input {
    min-height: 0; margin-top: 2px;
}
@media (max-width: 720px) {
    .sale-invoice-columns__list {
        grid-template-columns: 1fr;
    }
}
.sale-invoice-items__service-picker {
    cursor: pointer; text-align: left;
}
.sales-tab-page__toolbar {
    padding: 0 0 4px; border: 0; border-radius: 0; background: transparent;
    box-shadow: none;
}
.sale-invoice-header__wide {
    grid-column: auto;
}
.sale-invoice-items__table th, .sale-invoice-items__table td,
.sale-invoice-items__table input, .sale-invoice-items__table select {
    font-size: var(--font_size_0);
}
.sale-invoice-page--loading {
    color: var(--text-3); font-size: var(--font_size_0);
}
.reconciliation-page__toolbar label, .reconciliation-page__toolbar input,
.reconciliation-page__toolbar select {
    font-size: var(--font_size_caption);
}
.reconciliation-page__toolbar input, .reconciliation-page__toolbar select {
    min-height: 28px; padding: 3px 6px;
}
.reconciliation-page__table th, .reconciliation-page__table td {
    font-size: var(--font_size_0);
}
@media (orientation: portrait), (max-width: 900px) {
    .sale-invoice-header__grid {
        grid-template-columns: 1fr;
    }
}
.sale-invoice-header__title > div {
    align-items: center; justify-content: flex-start; margin-left: 0;
}

/* Файл 05_styles.css */

.sale-invoice-header__title h2, .sale-invoice-header__title label,
.sale-invoice-header__title input {
    font-size: var(--font_size_1); font-weight: 700;
}
.sale-invoice-header__title input {
    min-height: 34px;
}
.sale-invoice-header__title label:first-child input {
    width: 220px;
}
.sale-invoice-header__title label:last-child input {
    width: 185px;
}
.sale-invoice-header__grid label {
    font-size: var(--font_size_0);
}
.sale-invoice-header__grid input, .sale-invoice-header__grid select {
    font-size: var(--font_size_0);
}
@media (orientation: portrait), (max-width: 900px) {
    .sale-invoice-header__grid {
        width: 100%; min-width: 0;
    }
    .sale-invoice-header__grid label {
        display: flex; align-items: stretch; flex-direction: column; gap: 3px;
    }
    .sale-invoice-header__title > div {
        width: 100%; flex-wrap: wrap;
    }
}
.reconciliation-page__toolbar label:first-child,
.reconciliation-page__toolbar label:nth-child(2) {
    min-width: 230px; flex: 1 1 260px;
}
.reconciliation-page__content.block_1 {
    gap: 4px;
}
.sale-invoice-columns__section-title {
    margin: 9px 0 5px; border-top: 1px solid var(--border);
    font-size: var(--font_size_caption);
}
@media (max-width: 1050px) {
    .sale-invoice-header__grid {
        grid-template-columns: 1fr;
    }
}

/* Файл 06_styles.css */

.sale-invoice-page__scroll {
    overscroll-behavior: contain;
}
.sale-invoice-header__identity h2 {
    margin: 0; white-space: nowrap;
}
.sale-invoice-header__identity label {
    display: flex; align-items: center; flex-direction: row; gap: 5px;
    font-size: var(--font_size_0); font-weight: 600;
}
.sale-invoice-header__identity label:first-of-type input {
    width: 190px;
}
.sale-invoice-header__identity label:last-of-type input {
    width: 155px;
}
.sale-invoice-header__grid label {
    display: grid; width: 100%;
    grid-template-columns: minmax(260px, 34%) minmax(0, 1fr);
    align-items: center; gap: 8px;
}
.sale-invoice-header__grid input, .sale-invoice-header__grid select {
    width: 100%; min-width: 0;
}
.sale-invoice-items__table-wrap {
    scrollbar-gutter: stable;
}
@media (max-width: 900px), (orientation: portrait) {
    .sale-invoice-header__title {
        align-items: flex-start; flex-wrap: wrap;
    }
    .sale-invoice-header__identity {
        width: 100%;
    }
    .sale-invoice-header__grid label {
        display: flex; align-items: stretch; flex-direction: column; gap: 3px;
    }
}
.sale-invoice-items__toolbar, .sale-invoice-items__table-wrap,
.sale-invoice-items__totals {
    flex: 0 0 auto;
}
.reconciliation-page__mode {
    flex: 0 0 170px;
}

/* Файл 07_styles.css */

.sale-invoice-page__format select {
    min-height: 32px; box-sizing: border-box;
    padding: 3px var(--spacing_small); border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-1);
}
.sale-invoice-items__table-wrap {
    width: calc(100% + 8px); max-width: calc(100% + 8px); margin-right: -8px;
}
.sale-invoice-items__table th, .sale-invoice-items__table td {
    box-sizing: border-box;
}
.sale-invoice-items__table input, .sale-invoice-items__table select {
    width: 100%; min-width: 0; box-sizing: border-box;
}
.sale-invoice-items__column--name {
    min-width: 240px !important;
}
.sale-invoice-items__column--article {
    width: 90px; min-width: 90px !important;
}
.sale-invoice-items__column--product-code {
    width: 110px; min-width: 110px !important;
}
.sale-invoice-items__column--unit-code {
    min-width: 76px !important;
}
.sale-invoice-items__column--unit {
    min-width: 78px !important;
}
.sale-invoice-items__column--quantity {
    width: 94px; min-width: 94px !important;
}
.sale-invoice-items__column--price {
    width: 102px; min-width: 102px !important;
}
.sale-invoice-items__column--excise, .sale-invoice-items__column--vat-rate,
.sale-invoice-items__column--country-code {
    width: 96px; min-width: 96px !important;
}
.sale-invoice-items__column--amount {
    width: 128px; min-width: 128px !important;
}
.sale-invoice-items__column--country, .sale-invoice-items__column--customs {
    width: 170px; min-width: 170px !important;
}
.sale-invoice-items__column--actions {
    min-width: 42px !important; text-align: center;
}
@media (orientation: portrait), (max-width: 760px) {
    .sale-invoice-items__table-wrap {
        width: 100%; max-width: 100%; margin-right: 0; overflow: visible;
    }
    .sale-invoice-items__table, .sale-invoice-items__table tbody {
        display: block; width: 100%; min-width: 0;
    }
    .sale-invoice-items__table thead {
        display: none;
    }
    .sale-invoice-items__table tbody tr:not(.sale-invoice-items__empty-row) {
        display: grid; width: 100%; box-sizing: border-box;
        grid-template-columns: 1fr; gap: 5px;
        margin-bottom: var(--spacing_small); padding: var(--spacing_small);
        border: 1px solid var(--border); border-radius: var(--spacing_small);
        background: var(--bg-1);
    }
    .sale-invoice-items__table tbody td {
        display: grid; width: 100% !important; min-width: 0 !important;
        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
        align-items: center; gap: var(--spacing_small); padding: 3px 0;
        border: 0; text-align: left;
    }
    .sale-invoice-items__table tbody td::before {
        content: attr(data-label); color: var(--text-3); font-weight: 700;
    }
    .sale-invoice-items__table tbody td.sale-invoice-items__column--actions {
        display: flex; justify-content: flex-end;
    }
    .sale-invoice-items__table tbody
    td.sale-invoice-items__column--actions::before {
        display: none;
    }
    .sale-invoice-items__empty-row, .sale-invoice-items__empty-row td {
        display: block; width: 100%;
    }
    .sale-invoice-items__empty-row td::before {
        display: none;
    }
}

/* Файл 08_styles.css */

.purchases-and-sales-table-page__toolbar {
    padding: var(--spacing_small);
}

/* Файл purchases_and_sales.css */
.purchases_and_sales_house_download {
    padding: 0 0 var(--spacing_small);
}

/* Файл data_export_panel.css */

.drawer-panel.data-export-driver-panel > .drawer-body {
    padding: var(--tab-sidebar-edge-padding);
}
.data_export_panel__tabs > .tab-widget-container
> .tab-container-left > .tab-nav-left {
    padding-left: var(--tab-sidebar-edge-padding);
    padding-right: var(--tab-sidebar-edge-padding);
}
.data_export_panel__source {
    margin-bottom: 0;
}
.data_export_panel__source input {
    flex: 0 0 auto; margin: 0;
}
.data_export_panel__source .block_1__title {
    margin: 0;
}
@media (orientation: landscape) {
    .drawer-panel.data-export-driver-panel {
        width: 92%;
    }
}
.data_export_feature_item {
    cursor: pointer;
}
.data_export_rule_row, .data_export_computed_row, .data_export_join_row,
.data_export_template_row, .data_export_preview_counts {
    display: flex; align-items: center; gap: var(--spacing_small);
    flex-wrap: wrap;
}
.data_export_rule_row > select, .data_export_computed_row > input,
.data_export_computed_row > select, .data_export_join_row > select,
.data_export_template_row > input, .data_export_template_row > select {
    flex: 1 1 auto; min-width: 0;
}
.data_export_rule_value input, .data_export_rule_value select {
    flex: 1 1 auto; min-width: 0;
}
.data_export_panel__config tr[draggable="true"] {
    cursor: grab;
}
.data_export_panel__config tr[draggable="true"]:active {
    cursor: grabbing;
}

/* Файл tab_accruals_and_payments.css */

@media (orientation: landscape) {
    .accruals-workspace {
        grid-template-columns: 24% minmax(0, 1fr);
    }
    .accruals-workspace--apartment {
        grid-template-columns: 10% 25% minmax(0, 1fr);
    }
    .accruals-workspace .accruals_left_panel {
        display: contents;
    }
    .accruals_left_controls {
        grid-column: 1;
    }
    .accruals_left_filter--apartments {
        grid-column: 2;
    }
    .accruals-table-area {
        grid-column: 2 / -1;
    }
    .accruals-workspace--apartment .accruals-table-area {
        grid-column: 3;
    }
}
.accruals_left_dropdowns > * {
    flex: 1; min-width: 0;
}
.accruals_left_filter--apartments > *,
.accruals_left_filter--apartments .selection-list-shell,
.accruals_left_filter--apartments .radio-button-list {
    height: 100%; min-height: 0;
}
.accruals_left_filter--apartments .radio-button-list {
    display: flex; flex-direction: column;
}
.accruals_left_filter--apartments .options-container {
    flex: 1 1 auto; max-height: none !important; min-height: 0;
    overflow-y: auto;
}
.accruals_left_filter--apartments .radio-label {
    display: flex; align-items: flex-start;
}
.accruals_left_filter--apartments .radio-content {
    flex: 1 1 auto; min-width: 0;
}
.accruals_left_filter--apartments .radio-text {
    white-space: normal; overflow-wrap: anywhere;
}
.accruals-settings-button {
    font-size: var(--font_size_1);
}
.accruals-apartment-status {
    color: var(--text-3);
}
.accruals-table-area > * {
    flex: 1 1 auto; min-width: 0; min-height: 0;
}
@media (orientation: portrait) {
    .accruals-workspace, .accruals-workspace--apartment {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr); gap: var(--spacing_tight);
    }
    .accruals_left_panel, .accruals_left_panel--apartment {
        display: grid;
        grid-template-columns: auto minmax(105px, 0.7fr) auto minmax(125px,
        1fr);
        align-items: start; gap: var(--spacing_tight); width: 100%;
        max-width: none; height: auto; overflow: visible;
    }
    .accruals_left_controls {
        display: contents;
    }
    .accruals_left_dropdowns {
        align-self: start; white-space: nowrap;
    }
    .accruals_left_filter {
        width: 100%; min-width: 0;
    }
    .accruals_left_filter > * {
        width: 100% !important;
    }
    .accruals_left_filter--apartments {
        overflow: visible;
    }
    .accruals-settings-button {
        width: var(--button-min-height) !important;
        min-width: var(--button-min-height);
    }
}
@media (max-width: 560px) and (orientation: portrait) {
    .accruals_left_panel, .accruals_left_panel--apartment {
        grid-template-columns: auto minmax(90px, 0.8fr) auto minmax(105px,
        1fr);
    }
}
.accruals-apartment-detail {
    min-height: 0;
}
.accruals-payment-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--spacing_tight);
    padding-top: var(--spacing_tight);
}
.accruals-payment-summary__item {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing_tight);
    padding: var(--spacing_tight) var(--spacing_regular);
    border-radius: var(--radius_small);
    background: var(--surface-primary);
    box-shadow: var(--app-shadow);
}

/* Файл universal_chart.css */

.universal-chart--empty {
    place-items: center; color: var(--text-3);
}
.universal-chart--donut {
    grid-template-columns: minmax(170px, 220px) 1fr; gap: 22px;
}
.universal-chart__donut-wrap {
    width: min(220px, 100%); aspect-ratio: 1;
}
.universal-chart__donut-svg {
    filter: drop-shadow(0 10px 22px rgba(31, 53, 84, 0.08));
}
.universal-chart__donut-track {
    stroke: var(--bg-2);
}
.universal-chart__donut-segment {
    cursor: pointer; transition: opacity .18s ease, stroke-width .18s ease;
}
.universal-chart__donut-segment:hover {
    opacity: .86; stroke-width: 18;
}
.universal-chart__donut-hole {
    inset: 23%; place-items: center; border: 1px solid var(--border);
    border-radius: 50%; background: var(--bg-1); color: var(--text-1);
    cursor: pointer;
}
.universal-chart__donut-hole:disabled {
    cursor: default;
}
.universal-chart__donut-hole strong {
    font-size: var(--font_size_3); line-height: 1;
}
.universal-chart__donut-hole small {
    color: var(--text-3);
}
.universal-chart__legend-item {
    grid-template-columns: 18px 1fr; border: 0; background: transparent;
    color: inherit; text-align: left; cursor: pointer;
}
.universal-chart__legend-item:disabled {
    cursor: default;
}
.universal-chart__legend-dot {
    border-radius: 50%; box-shadow: 0 0 0 2px var(--bg-1);
}
.universal-chart__legend-item b, .universal-chart__legend-item small {
    display: block;
}
.universal-chart__legend-item small {
    color: var(--text-3);
}
.universal-chart--area svg {
    width: 100%; height: 220px; overflow: visible;
}
.universal-chart--area polygon {
    opacity: .22;
}
.universal-chart--area polyline {
    fill: none; stroke-width: 2.5; vector-effect: non-scaling-stroke;
}
.universal-chart__area-point {
    fill: var(--bg-1); stroke: var(--text-2); stroke-width: .35;
    cursor: pointer;
}
.universal-chart__bar-scroll {
    padding-bottom: 6px;
}
.universal-chart__bar-stage {
    grid-auto-columns: minmax(78px, 1fr); grid-auto-flow: column;
}
.universal-chart__bar-grid {
    inset: 0 0 55px; pointer-events: none;
}
.universal-chart__bar-grid span {
    position: absolute; right: 0; left: 0; border-top: 1px solid var(--border);
    opacity: .55;
}
.universal-chart__bar-group {
    z-index: 1; min-height: 235px; align-content: end; border: 0;
    background: transparent; color: inherit; cursor: pointer;
}
.universal-chart__bar-group:disabled {
    cursor: default;
}
.universal-chart__bar-columns {
    height: 170px;
}
.universal-chart__bar {
    border-radius: 10px 10px 3px 3px;
    box-shadow: 0 8px 22px rgba(31, 53, 84, 0.13);
    transition: height .18s ease, transform .18s ease;
}
.universal-chart__bar-group:not(:disabled):hover .universal-chart__bar {
    transform: translateY(-2px);
}
.universal-chart__bar-group strong, .universal-chart__bar-group small {
    overflow: hidden; text-align: center; text-overflow: ellipsis;
    white-space: nowrap;
}
.universal-chart__bar-group small {
    color: var(--text-3);
}
@media (max-width: 760px) {
    .universal-chart--donut {
        grid-template-columns: 1fr;
    }
}

/* Файл bank_account_page.css */

.bank-account-page {
    overscroll-behavior: contain; font-size: var(--font_size_0);
}
.bank-account-page__dashboard, .bank-account-page__table {
    min-width: 0; min-height: 0; flex: 0 0 auto;
}
.bank-account-page__statement-toolbar, .bank-account-page__table-toolbar {
    display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center;
    justify-content: flex-start; gap: var(--spacing_small);
}
.bank-account-page__table .table-widget,
.bank-account-page__table .table-container,
.bank-account-page__table .table-wrapper {
    max-height: none;
}
.bank-account-page__table .table-widget--auto-height,
.bank-account-page__table .table-widget--auto-height .table-container,
.bank-account-page__table .table-widget--auto-height .table-wrapper {
    height: auto !important; max-height: none !important;
    overflow-y: visible !important;
}
.bank-account-page__table .table-widget--auto-height .table-wrapper {
    overflow-x: auto !important;
}
.bank-account-details-panel .table-widget,
.bank-account-details-panel .data-table,
.bank-account-details-panel .data-table th,
.bank-account-details-panel .data-table td,
.bank-account-page__table .table-widget, .bank-account-page__table .data-table,
.bank-account-page__table .data-table th,
.bank-account-page__table .data-table td {
    font-size: var(--font_size_0);
}
.bank-account-documents__toolbar .btn {
    border-color: var(--accent); background: var(--bg-1);
    color: var(--accent-blue);
}
.bank-account-details-panel__table {
    border: 1px solid var(--border); border-radius: var(--border-radius, 12px);
}
.bank-account-details-panel__head, .bank-account-details-panel__row {
    display: grid;
    grid-template-columns: minmax(180px, .75fr) minmax(260px, 1.25fr);
    align-items: center; gap: var(--font_size_0); padding: 8px 10px;
}
.bank-account-details-panel__head {
    background: var(--primary-color, #5b6fc7);
    color: var(--button-text-color, #fff);
}
.bank-account-details-panel__row {
    border-top: 1px solid var(--border);
}
.bank-account-details-panel__row > span {
    color: var(--text-2);
}
.bank-account-details-panel__row > input {
    width: 100%; min-width: 0; box-sizing: border-box; padding: 7px 9px;
    border: 1px solid var(--border); border-radius: 7px;
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.bank-account-details-panel__empty {
    color: var(--text-3); text-align: center;
}
@media (orientation: portrait), (max-width: 760px) {
    .bank-account-details-panel__head {
        display: none;
    }
    .bank-account-details-panel__row {
        grid-template-columns: 1fr; gap: 4px;
    }
}
@media (orientation: portrait) {
    .bank-statement-table .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column):has( th:first-child
    .header-content > span[title="Дата"] ):has( th:nth-child(2)
    .header-content > span[title="Назначение платежа"] ) th:first-child,
    .bank-statement-table .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column):has( th:first-child
    .header-content > span[title="Дата"] ):has( th:nth-child(2)
    .header-content > span[title="Назначение платежа"] ) td:first-child {
        width: 20% !important; min-width: 20% !important;
        max-width: 20% !important; white-space: nowrap;
    }
    .bank-statement-table .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column):has( th:first-child
    .header-content > span[title="Дата"] ):has( th:nth-child(2)
    .header-content > span[title="Назначение платежа"] ) th:nth-child(2),
    .bank-statement-table .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column):has( th:first-child
    .header-content > span[title="Дата"] ):has( th:nth-child(2)
    .header-content > span[title="Назначение платежа"] ) td:nth-child(2) {
        width: 80% !important; min-width: 80% !important;
        max-width: 80% !important;
    }
}

/* Файл bank_dashboard_layout.css */

.bank-dashboard__header > h3 {
    width: 100%; margin: 0; color: var(--text-1);
    font-size: var(--font_size_1);
}
.bank-dashboard__header-meta {
    gap: 6px 10px;
}
.bank-dashboard__header-meta > span {
    flex: 0 0 auto; color: var(--text-3); font-size: var(--font_size_0);
    white-space: nowrap;
}
.bank-dashboard__header-controls, .bank-dashboard__header-actions {
    display: flex; min-width: 0; flex-wrap: wrap; align-items: center;
    justify-content: flex-end; gap: 6px;
}
.bank-dashboard__header-actions > *,
.bank-dashboard__header-actions .dropdown-button-container,
.bank-dashboard__header-actions .dropdown-container,
.bank-dashboard__header-actions .dropdown-button {
    width: auto !important; max-width: none; flex: 0 0 auto;
}
.bank-dashboard__header-actions .dropdown-button {
    white-space: nowrap;
}
.bank-dashboard__settings {
    z-index: 80; top: calc(100% + 6px); width: min(320px, 80vw);
}
.bank-dashboard__settings label {
    display: flex; align-items: center; gap: 8px; cursor: pointer;
}
.bank-dashboard__widgets {
    grid-template-columns: minmax(320px, 1.2fr) minmax(220px, .8fr);
}
.bank-dashboard__widget-title h4 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_1);
}
.bank-dashboard__widget-title span {
    color: var(--text-3); font-size: var(--font_size_0);
}
.bank-dashboard__documents .btn,
.bank-dashboard__documents .dropdown-button-container {
    width: 100%;
}
.bank-dashboard__metrics--above-chart {
    margin: 2px 0;
}
.bank-dashboard__metric span, .bank-dashboard__metric small {
    color: var(--text-3); font-size: var(--font_size_0);
}
.bank-dashboard__metric strong {
    color: var(--text-1); font-size: var(--font_size_2);
}
.bank-dashboard__metric--inflow strong {
    color: var(--success, #2e7d32);
}
.bank-dashboard__metric--outflow strong {
    color: var(--error, #c62828);
}
.bank-dashboard__empty, .bank-dashboard__loading {
    display: grid; min-height: 120px; place-items: center;
    color: var(--text-3);
}
@media (max-width: 1000px) {
    .bank-dashboard__metrics, .bank-dashboard__widgets {
        grid-template-columns: 1fr;
    }
}
@media (orientation: portrait), (max-width: 900px) {
    .bank-dashboard__header-meta {
        align-items: flex-start; justify-content: flex-start; gap: 6px;
    }
    .bank-dashboard__header-meta > span {
        width: 100%;
    }
    .bank-dashboard__header-controls {
        width: 100%; flex: 0 0 auto; justify-content: flex-start; gap: 6px;
        margin-left: 0;
    }
    .bank-dashboard__header-actions {
        width: auto; flex: 1 1 auto; justify-content: flex-start; gap: 6px;
    }
    .bank-dashboard__header-actions > * {
        flex: 0 1 auto;
    }
}

/* Файл bank_dashboard_chart.css */

.bank-dashboard__legend {
    margin: 8px 0 4px; color: var(--text-3); font-size: var(--font_size_0);
}
.bank-dashboard__legend span {
    display: inline-flex; align-items: center; gap: 6px;
}
.bank-dashboard__legend-dot {
    border-radius: 50%;
}
.bank-dashboard__legend-dot--inflow {
    background: var(--success, #2e7d32);
}
.bank-dashboard__legend-dot--outflow {
    background: var(--error, #c62828);
}
.bank-dashboard__widget--chart .universal-chart__bar-stage {
    grid-auto-columns: minmax(96px, 1fr); min-height: 280px;
}
.bank-dashboard__widget--chart .universal-chart__bar-group {
    min-height: 255px;
}
.bank-dashboard__widget--chart .universal-chart__bar-group small {
    overflow: visible; min-height: calc(var(--font_size_caption) * 2.6);
    text-overflow: clip; white-space: normal;
}
.bank-dashboard__widget--chart .universal-chart__bar {
    width: 24px; border-radius: 12px 12px 4px 4px;
}

/* Файл bank_accounts_dashboard.css */

/* Файл payment_order_templates.css */

.payment-order-templates .driver-panel-content {
    overflow: hidden;
}
.payment-order-templates__layout {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
}
.payment-order-templates__list, .payment-order-templates__form,
.payment-order-templates__history {
    padding: 12px;
}
.payment-order-templates__list, .payment-order-templates__editor {
    min-height: 0; overflow: auto;
}
.payment-order-templates__section-header, .payment-order-templates__actions {
    display: flex; flex-wrap: wrap; align-items: center;
    justify-content: space-between; gap: 8px;
}
.payment-order-templates__section-header h3,
.payment-order-templates__history h3 {
    margin: 0;
}
.payment-order-templates__item {
    border: 1px solid var(--border); border-radius: var(--border_radius);
    background: var(--bg-1); color: var(--text-1); text-align: left;
    cursor: pointer;
}
.payment-order-templates__item.is-active {
    border-color: var(--primary-color); background: var(--bg-2);
}
.payment-order-templates__item span,
.payment-order-templates__section-header span,
.payment-order-templates__counterparty span {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.payment-order-templates__grid label {
    display: flex; min-width: 0; flex-direction: column; gap: 5px;
}
.payment-order-templates__grid input, .payment-order-templates__grid select,
.payment-order-templates__grid textarea {
    width: 100%; min-width: 0;
}
.payment-order-templates__grid input[readonly] {
    background: var(--bg-2);
}
.payment-order-templates__grid textarea {
    min-height: 86px; resize: vertical;
}
.payment-order-templates__weekdays label {
    display: inline-flex; flex-direction: row; align-items: center; gap: 5px;
}
.payment-order-templates__counterparty {
    border: 1px solid var(--border); border-radius: var(--border_radius);
}
.payment-order-templates__history table {
    width: 100%; border-collapse: collapse;
}
.payment-order-templates__history th, .payment-order-templates__history td {
    padding: 7px; border-bottom: 1px solid var(--border); text-align: left;
    vertical-align: top;
}
.payment-order-templates__empty {
    color: var(--text-3); text-align: center;
}
@media (orientation: portrait), (max-width: 900px) {
    .payment-order-templates__layout {
        display: flex; flex-direction: column;
    }
    .payment-order-templates__list {
        max-height: 220px;
    }
    .payment-order-templates__grid {
        grid-template-columns: 1fr;
    }
    .payment-order-templates__wide {
        grid-column: auto;
    }
}

/* Файл cash_receipt_panel.css */

.cash-receipt-panel__body {
    grid-template-columns: minmax(420px, 1fr) minmax(320px, 0.9fr);
    padding-right: calc(var(--spacing_small) / 2);
}
.cash-receipt-panel__footer {
    border-top: 1px solid var(--border);
}
.cash-receipt-form label > span {
    display: flex; flex-wrap: wrap; align-items: center;
    gap: calc(var(--spacing_small) / 2);
}
.cash-receipt-form label small {
    color: var(--status-success-text); font-size: var(--font_size_caption);
    font-weight: 400;
}
.cash-receipt-form label.is-low-confidence input {
    border-color: var(--status-warning-text);
    background: var(--status-warning-background);
}
.cash-receipt-form__file {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-2);
}
.cash-receipt-form__file-name {
    color: var(--text-2); overflow-wrap: anywhere;
}
.cash-receipt-form__warning {
    border: 1px solid var(--status-warning-text);
    border-radius: var(--spacing_small);
    background: var(--status-warning-background);
    color: var(--status-warning-text);
}
.cash-receipt-items__header h4 {
    margin: 0;
}
.cash-receipt-items__table {
    min-width: 720px;
}
.cash-receipt-items__table th, .cash-receipt-items__table td {
    padding: calc(var(--spacing_small) / 2);
    border-bottom: 1px solid var(--border); text-align: left;
}
.cash-receipt-items__table th {
    background: var(--accent); color: var(--on-accent);
}
.cash-receipt-items__remove {
    border: 0; background: transparent; color: var(--status-danger-text);
    cursor: pointer;
}
.cash-receipt-preview {
    min-height: 460px; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
}
.cash-receipt-preview__frame, .cash-receipt-preview__image {
    width: 100%; height: 100%; min-height: 460px; border: 0;
    object-fit: contain;
}
@media (orientation: landscape) {
    .drawer-panel.cash-receipt-driver-panel {
        width: 80%;
    }
}
@media (max-width: 1250px) {
    .cash-receipt-panel__body {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    .cash-receipt-form__fields {
        grid-template-columns: 1fr;
    }
    .cash-receipt-panel__body {
        display: block;
    }
    .cash-receipt-preview {
        margin-top: var(--font_size_0);
    }
}

/* Файл cash_receipt_batch.css */

.cash-receipt-batch__toolbar, .cash-receipt-batch__footer {
    display: flex; flex-shrink: 0; align-items: center;
    gap: var(--spacing_small);
}
.cash-receipt-batch__footer {
    border-top: 1px solid var(--border);
}
.cash-receipt-batch__file-button {
    border-radius: var(--spacing_small); background: var(--accent);
    color: var(--on-accent); cursor: pointer;
}
.cash-receipt-batch__file-button input {
    display: none;
}
.cash-receipt-batch__cards-wrap {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-2);
}
.cash-receipt-batch__card {
    border: 1px solid var(--border); border-radius: var(--font_size_1);
    background: var(--bg-1); box-shadow: var(--shadow);
}
.cash-receipt-batch__file-name {
    color: var(--blue-navy); font-weight: 700;
}
.cash-receipt-batch__status {
    font-weight: 600;
}
.cash-receipt-batch__status.is-ready, .cash-receipt-batch__status.is-saved {
    color: var(--status-success-text);
}
.cash-receipt-batch__status.is-error,
.cash-receipt-batch__status.is-needs_data {
    color: var(--status-danger-text);
}
.cash-receipt-batch__body {
    grid-template-columns: minmax(220px, .7fr) minmax(320px, 1fr);
}
.cash-receipt-batch__preview {
    height: 360px; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-2);
}
.cash-receipt-batch__preview .cash-receipt-preview__frame,
.cash-receipt-batch__preview .cash-receipt-preview__image {
    width: 100%; height: 100%; min-height: 0; object-fit: contain;
}
.cash-receipt-batch__message {
    overflow-wrap: anywhere;
}
.cash-receipt-batch__field {
    grid-template-columns: minmax(130px, 38%) minmax(0, 1fr);
    color: var(--text-2);
}
.cash-receipt-batch__field input, .cash-receipt-batch__field select,
.cash-receipt-batch__field textarea {
    width: 100%; min-width: 0; min-height: var(--button-min-height);
    box-sizing: border-box;
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.cash-receipt-batch__field textarea {
    resize: vertical;
}
.cash-receipt-batch__items-count {
    text-align: right;
}
.cash-receipt-batch__remove {
    border: 0; background: transparent; color: var(--status-danger-text);
    cursor: pointer;
}
.cash-receipt-batch__remove:disabled {
    opacity: .5; cursor: default;
}
@media (max-width: 760px) {
    .cash-receipt-batch__toolbar {
        align-items: flex-start; flex-direction: column;
    }
    .cash-receipt-batch__cards {
        grid-template-columns: 1fr;
    }
    .cash-receipt-batch__body, .cash-receipt-batch__field {
        grid-template-columns: 1fr;
    }
    .cash-receipt-batch__field {
        gap: calc(var(--spacing_small) / 2);
    }
}

/* Файл cash_receipts.css */
.cash-receipts-root, .cash-receipts-house {
    width: 100%; min-width: 0; height: 100%; box-sizing: border-box;
}
.cash-receipts__toolbar > .dropdown-container {
    width: auto; max-width: min(100%, 320px);
}
.cash-receipts__pivot-filters {
    z-index: 3; border-bottom: 1px solid var(--border);
    background: var(--bg-1);
}
.cash-receipts__search-field {
    min-width: min(100%, 360px); color: var(--text-2);
    font-size: var(--font_size_caption);
}
.cash-receipts__filter-toggle, .cash-receipts__filter-reset {
    min-height: var(--button-min-height); align-self: flex-end; margin: 0;
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--blue-navy); font: inherit;
    cursor: pointer;
}
.cash-receipts__filter-toggle {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.cash-receipts__filters {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-2);
}
.cash-receipts__filters label, .cash-receipt-form label,
.cash-receipt-form__file label {
    display: flex; min-width: 0; flex-direction: column;
    gap: calc(var(--spacing_small) / 2); color: var(--text-2);
    font-size: var(--font_size_caption);
}
.cash-receipts__filters input, .cash-receipts__filters select,
.cash-receipts__search-field input, .cash-receipt-form input,
.cash-receipt-form select, .cash-receipt-form textarea,
.cash-receipt-items__table input {
    width: 100%; min-height: var(--button-min-height); box-sizing: border-box;
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.cash-receipts__content {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 250px);
}
.cash-receipts__table-card {
    border: 1px solid var(--border); border-radius: var(--font_size_1);
    background: var(--bg-1); box-shadow: var(--shadow);
}
.cash-receipts__table-card .pivot-table-container {
    min-width: 100%; height: auto !important; max-height: none !important;
    overflow: visible !important;
}
.cash-receipts__table-card .pivot-table-body {
    height: auto !important; max-height: none !important;
    overflow: visible !important;
}
.cash-receipts__loading {
    z-index: 2; top: var(--spacing_small); border-radius: var(--spacing_small);
    background: var(--bg-2); color: var(--text-2);
}
.cash-receipts__summary-card {
    border: 1px solid var(--border); border-radius: var(--font_size_1);
    background: var(--bg-1); box-shadow: var(--shadow);
}
.cash-receipts__summary-card span {
    color: var(--text-2);
}
.cash-receipts__summary-card strong {
    color: var(--blue-navy); font-size: var(--font_size_1);
}
@media (max-width: 1100px) {
    .cash-receipts__filters {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }
}
@media (max-width: 760px) {
    .cash-receipts__filters, .cash-receipts__content {
        grid-template-columns: 1fr;
    }
    .cash-receipts__pivot-filter-toolbar {
        align-items: stretch; flex-direction: column;
    }
    .cash-receipts__search-field {
        min-width: 0;
    }
    .cash-receipts__summary {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (orientation: portrait) {
    .cash-receipts-root > .tab-widget-container > .tab-container-top
    > .tab-content-wrapper {
        overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
    }
    .cash-receipts-root .tab-content-item.active {
        max-height: none;
    }
    .cash-receipts-house {
        height: auto; min-height: 100%; overflow: visible;
    }
    .cash-receipts__content {
        min-height: min(62dvh, 560px); flex: 0 0 auto;
    }
    .cash-receipts__table-card {
        min-height: 320px;
    }
    .cash-receipts__summary {
        overflow: visible;
    }
}

/* Файл AttachmentUploadButton.css */

.document-upload-button {
    border: 1px solid var(--accent); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--accent-blue);
    font-size: var(--font_size_button); font-weight: 500; line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.document-upload-button:hover {
    background: var(--bg-2);
}
.document-upload-button:focus-within {
    outline: 2px solid color-mix(in srgb, var(--accent-blue) 40%, transparent);
    outline-offset: 2px;
}

/* Файл company_information.css */

.company-information-root, .company-information__page {
    background: var(--bg-2);
}
.company-information__fields {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
}
.company-information__field {
    color: var(--blue-navy); font-size: var(--font_size_0);
}
.company-information__field textarea {
    width: 100%; min-width: 0; min-height: calc(var(--font_size_0) * 4);
    box-sizing: border-box; margin: 0;
    padding: var(--spacing_small) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--blue-navy); font: inherit;
    font-size: var(--font_size_0); resize: vertical;
}
.company-information__row-actions button {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); cursor: pointer;
}
@media (max-width: 1050px) {
    .company-information__fields {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }
}
@media (max-width: 760px) {
    .company-information__fields {
        grid-template-columns: minmax(0, 1fr);
    }
}
.company-information__card-header h3 {
    margin: 0;
}
.company-information__download-panel p {
    margin: 0; color: var(--text-2);
}
@media (max-width: 620px) {
    .company-information__download-actions {
        grid-template-columns: 1fr;
    }
}

/* Файл email_content.css */

.incoming-email-content {
    border: 0; background: transparent;
}
.incoming-email-content__header {
    border-bottom: 1px solid #edf0f4; background: transparent;
}
.incoming-email-content__title {
    font-size: var(--font_size_0); line-height: 1.45;
}
.incoming-email-content__switch {
    border: 1px solid var(--border); border-radius: 9px;
    background: var(--bg-1);
}
.incoming-email-content__switch button {
    min-height: 30px; padding: 4px 10px; border: 0; border-radius: 7px;
    background: transparent; color: var(--text-2);
    font-size: var(--font_size_caption); cursor: pointer;
}
.incoming-email-content__switch button.is-active {
    background: var(--accent); color: #ffffff;
}
.incoming-email-content__frame {
    border: 1px solid var(--border); border-radius: 10px; background: #ffffff;
}
.incoming-email-content__plain {
    border: 1px solid var(--border); border-radius: 10px; background: #ffffff;
    color: #1f2937; font: inherit; line-height: 1.45; overflow-wrap: anywhere;
}
.incoming-email-content__security-note {
    color: var(--text-2); font-size: var(--font_size_caption);
}
@media (max-width: 680px) {
    .incoming-email-content__header {
        align-items: flex-start; flex-direction: column;
    }
}
@media (orientation: portrait) {
    .incoming-email-content__header {
        flex-direction: row; align-items: center;
        justify-content: space-between; gap: 8px;
    }
    .incoming-email-content__title {
        min-width: 0; flex: 1 1 auto;
    }
    .incoming-email-content__switch {
        flex: 0 0 auto; margin-left: auto;
    }
}

/* Файл OutgoingDeliveryAttachmentsSettings.css */

.outgoing-delivery-attachments {
    border: 0; border-radius: 0; background: transparent;
}
.outgoing-delivery-attachments__title {
    padding: 0 4px 8px; border-bottom: 1px solid var(--divider-soft);
    font-size: var(--font_size_0); font-weight: 700;
}
.outgoing-delivery-attachments__row {
    width: calc(70% - 10px);
    grid-template-columns: minmax(150px, 32%) minmax(260px, 68%); border: 0;
    border-bottom: 1px solid var(--divider-soft); border-radius: 0;
    background: transparent;
}
.outgoing-delivery-attachments__row label {
    display: flex; align-items: center; gap: 8px; color: var(--text-1);
}
.outgoing-delivery-attachments__row select {
    width: 100%; min-height: 30px; padding: 4px 8px;
    border: 1px solid var(--divider-color); border-radius: 6px;
    background: var(--input-background);
    font-family: var(--font_family_interface);
    font-size: var(--font_size_caption); line-height: 1.3;
    box-sizing: border-box;
}
.outgoing-delivery-attachments__row select:focus {
    outline: none; border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--focus-ring);
}
.outgoing-delivery-attachments__row select:disabled,
.outgoing-delivery-attachments__row input:disabled {
    opacity: 0.55;
}
.outgoing-delivery-attachments__hint {
    padding: 8px 4px 12px; color: var(--text-2);
    font-size: var(--font_size_caption); line-height: 1.4;
}
.outgoing-attachments-card .doc-card__attachments-tab {
    margin-top: 0; padding: 12px 0 0; border: 0;
    border-top: 2px solid var(--surface-primary); border-radius: 0;
    background: transparent;
}
@media (max-width: 760px) {
    .outgoing-delivery-attachments__row {
        width: 100%; grid-template-columns: 1fr;
    }
}
.outgoing-delivery-attachments__title {
    color: var(--text-1);
}
.outgoing-delivery-attachments__row label {
    color: var(--text-2); font-size: var(--font_size_0); font-weight: 400;
}
.outgoing-delivery-attachments__row select {
    color: var(--text-1); font-size: var(--font_size_0); font-weight: 500;
}
.outgoing-attachments-card .doc-card__attachments-tab {
    padding-top: var(--spacing_small);
    border-top: 1px solid var(--surface-primary);
}
.outgoing-attachments-card .doc-card__related-row-head {
    border-bottom: 0;
}

/* Файл DistributionDeliveryChannels.css */

.doc-card__delivery-options {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--spacing_regular);
    padding: var(--spacing_compact) var(--spacing_regular);
}

.doc-card__delivery-channel {
    display: flex;
    flex-direction: column;
    gap: var(--spacing_tiny);
}

.doc-card__delivery-option {
    gap: var(--spacing_tiny);
    color: var(--text-2);
    font-size: var(--font_size_0);
    white-space: nowrap;
}

.doc-card__delivery-status-note {
    max-width: 320px;
    color: var(--text-2);
    font-size: var(--font_size_0);
    line-height: 1.25;
}

.doc-card__delivery-status-note--ok {
    color: var(--accent);
}

.doc-card__delivery-free-input {
    min-width: 260px;
    flex: 1 1 320px;
}

/* Файл DocumentCardRecipientDirectory.css */

.doc-card__recipient-card-actions {
    display: flex;
    flex: 0 0 auto;
    gap: var(--spacing_small);
}

.doc-card__recipient-directory-open {
    width: auto;
    min-width: 88px;
    padding-left: var(--spacing_small);
    padding-right: var(--spacing_small);
}

.drawer-panel:has(.doc-card__distribution) {
    width: 70vw;
}

.drawer-overlay.doc-card__recipient-directory-overlay {
    z-index: 1001;
}

.drawer-panel.doc-card__recipient-directory-driver {
    z-index: 1002;
}

.doc-card__recipient-directory-driver .drawer-body {
    display: flex;
    min-height: 0;
}

.doc-card__recipient-directory-panel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--spacing_small);
    min-height: 0;
    width: 100%;
}

.doc-card__recipient-directory-hint {
    font-size: var(--font_size_0);
}

.doc-card__recipient-directory-pivot {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@media (orientation: portrait) {
    .doc-card__recipient-card-header {
        align-items: stretch;
        flex-direction: column;
    }

    .doc-card__recipient-card-title-wrap {
        width: 100%;
    }

    .doc-card__recipient-card-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .doc-card__recipient-card-actions > button {
        width: 100%;
        min-width: 0;
    }
}

/* Файл DocumentCardInternalDistribution.css */

.doc-card__internal-toggle {
    border: 1px solid var(--border); border-radius: var(--border_radius_1);
    background: var(--bg-1); color: var(--text-1); cursor: pointer;
}
.doc-card__internal-toggle input, .doc-card__internal-employee input {
    margin-top: 3px; accent-color: var(--accent);
}
.doc-card__internal-toggle span {
    display: flex; min-width: 0; flex-direction: column; gap: 3px;
}
.doc-card__internal-toggle strong,
.doc-card__internal-employee-content strong {
    font-size: var(--font_size_0);
}
.doc-card__internal-toggle small, .doc-card__internal-employee-content small {
    color: var(--text-2); font-size: var(--font_size_0);
}
.doc-card__internal-employees {
    border: 1px solid var(--border); border-radius: var(--border_radius_1);
    background: var(--background);
}
.doc-card__internal-employees-header > div:first-child {
    display: flex; flex-direction: column; gap: 2px;
}
.doc-card__internal-employees-header span {
    color: var(--text-2); font-size: var(--font_size_0);
}
.doc-card__internal-employee {
    border: 1px solid var(--border); border-radius: var(--border_radius_1);
    background: var(--bg-1); cursor: pointer;
}
.doc-card__internal-employee-content {
    gap: 4px 12px;
}
.doc-card__internal-employee-content strong,
.doc-card__internal-employee-content small {
    min-width: 0;
}
.doc-card__internal-employee-content small {
    text-align: right;
}
.doc-card__internal-employee--active {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
}
.doc-card__distribution-guard {
    color: var(--error-color, #d84a4a); font-size: var(--font_size_0);
    text-align: right;
}
@media (orientation: portrait) {
    .doc-card__internal-employee-content {
        grid-template-columns: minmax(0, 1fr);
    }
    .doc-card__internal-employee-content small {
        text-align: left;
    }
}

/* Файл DocumentCardDistributionValidation.css */

.doc-card__distribution-input--invalid {
    border-color: var(--status-error-border);
}
.doc-card__distribution-validation {
    color: var(--status-error-text); font-size: var(--font_size_caption);
}

/* Файл GenerateDocumentButton.css */

.generate-document-button__tooltip {
    background: var(--background_color, #ffffff);
    border: var(--border_width, 1px) solid var(--border_color, #d6e3ef);
    border-radius: var(--border_radius, 10px);
    bottom: calc(100% + var(--spacing_small, 8px));
    box-shadow: var(--box_shadow, 0 4px 16px rgba(0, 0, 0, 0.16));
    min-width: 360px; padding: var(--spacing_small, 8px);
    transform: translateX(-50%); z-index: 20;
}
.generate-document-button:hover .generate-document-button__tooltip,
.generate-document-button:focus-within .generate-document-button__tooltip {
    display: block;
}
.generate-document-button__title {
    font-weight: 600; margin-bottom: var(--spacing_small, 8px);
}
.generate-document-button__row {
    gap: var(--spacing_small, 8px); line-height: 1.5;
}
.generate-document-button__icon {
    font-weight: 700;
}
.generate-document-button__icon--ready {
    color: var(--success_color, #198754);
}
.generate-document-button__icon--missing {
    color: var(--error_color, #d32f2f);
}

.generate-document-validation {
    display: flex;
    flex-direction: column;
    gap: var(--spacing_small);
}
.generate-document-validation__summary {
    background: var(--status-error-background);
    border: 1px solid var(--status-error-border);
    border-radius: var(--spacing_small);
    color: var(--status-error-text);
    padding: var(--spacing_medium);
}
.generate-document-validation__issue {
    background: var(--bg-1);
    border: 1px solid var(--border);
    border-radius: var(--spacing_small);
    padding: var(--spacing_medium);
}
.generate-document-validation__issue-title {
    color: var(--blue-navy);
    font-weight: 600;
    margin-bottom: var(--spacing_xs);
}
.generate-document-validation__fragment,
.generate-document-validation__hint {
    color: var(--text-3);
    margin-top: var(--spacing_xs);
}

/* Файл DocumentCardBase.css */

.doc-card {
    padding-bottom: var(--font_size_0); padding-left: var(--font_size_0);
    padding-right: var(--font_size_0);
    font-family: var(--font_family_interface);
    font-size: var(--font_size_caption); background: transparent;
}
.doc-card__header {
    align-items: baseline; padding-left: 2px;
}
.doc-card__title {
    font-weight: 700; font-size: var(--font_size_1); color: var(--text-1);
    line-height: 1.2;
}
.doc-card__meta {
    color: var(--text-3); font-size: var(--font_size_caption);
    line-height: 1.2;
}
.doc-card__meta-sep {
    color: var(--divider-color);
}
.doc-card__body::-webkit-scrollbar {
    width: 10px;
}
.doc-card__body::-webkit-scrollbar-track {
    background: transparent;
}
.doc-card__body::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb); border-radius: 999px;
    border: 2px solid transparent; background-clip: padding-box;
}
.doc-card__body::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--scrollbar-thumb) 82%, var(--text-2));
    border: 2px solid transparent; background-clip: padding-box;
}
.doc-card__empty {
    padding: 22px 8px 40px 8px; color: var(--text-3); font-style: italic;
    font-size: var(--font_size_caption);
}
.doc-card__footer {
    background: transparent;
}
.doc-card__meta--heading {
    color: var(--text-1); font-size: var(--font_size_1); font-weight: 700;
}
.doc-card__meta--heading .doc-card__meta-sep {
    color: var(--text-1);
}

/* Файл DocumentCardRequisites.css */

.doc-card__requisites {
    padding-left: 0;
}
.doc-card__table {
    table-layout: fixed;
}
.doc-card__table tr:last-child {
    border-bottom: none;
}
.doc-card__table td {
    padding-top: 8px; padding-bottom: 8px; padding-left: 4px;
    padding-right: 4px; vertical-align: top; line-height: 1.45;
    word-break: break-word;
}
.doc-card__fields > .doc-card__table td.doc-card__label {
    width: 32%; padding-right: 14px; white-space: normal;
}
.doc-card__fields > .doc-card__table td.doc-card__value {
    width: 68%;
}
.doc-card__label {
    color: var(--text-2); font-size: var(--font_size_0);
}
.doc-card__value {
    color: var(--text-1) !important; font-size: var(--font_size_0);
    font-weight: 500;
}
.doc-card__value > input, .doc-card__value > select,
.doc-card__value > textarea {
    width: 100%; max-width: 100%;
}
.doc-card__value--dash {
    color: var(--text-3); font-weight: 400;
}
.doc-card__value--badge {
    padding: 3px 10px; border-radius: 999px;
    font-size: var(--font_size_caption); font-weight: 600; line-height: 1.2;
}
.doc-card__value--overdue {
    background: var(--status-error-background);
    color: var(--status-error-text);
    border: 1px solid var(--status-error-border);
}
.doc-card__value--done {
    background: var(--status-success-background);
    color: var(--status-success-title);
    border: 1px solid var(--status-success-border);
}
.doc-card__value--in-progress {
    background: var(--accent-orange-bg); color: var(--status-warning-title);
    border: 1px solid var(--accent-yellow-border);
}
.doc-card__field-textarea {
    border: none; font-family: var(--font_family_interface);
    font-size: var(--font_size_caption); font-weight: 500; line-height: 1.45;
    resize: vertical; outline: none; background: transparent;
    color: var(--text-1);
}
.doc-card__field-number {
    border: 1px solid var(--divider-color); border-radius: 7px; outline: none;
    background-color: var(--input-background) !important; color: var(--text-1);
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
    font-weight: 500; line-height: 1.35;
}
.doc-card__field-number:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px color-mix( in srgb, var(--accent) 15%, transparent );
}
.doc-card__field-number::-webkit-outer-spin-button,
.doc-card__field-number::-webkit-inner-spin-button {
    margin: 0;
}
.doc-card__field-select {
    border: 1px solid var(--divider-color); border-radius: 6px;
    background-color: var(--input-background) !important;
    font-size: var(--font_size_caption); color: var(--text-1) !important;
}
.doc-card__field-select:focus {
    outline: none; border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--focus-ring);
}
.doc-card__field-input {
    min-height: 34px; border: 1px solid var(--divider-color);
    border-radius: 7px; outline: 0;
    background-color: var(--input-background) !important;
    color: var(--text-1) !important; font: inherit;
    font-size: var(--font_size_0); line-height: 1.35;
}
.doc-card__field-input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent);
}
.doc-card__field-input--textarea {
    min-height: 72px; resize: vertical;
}
.doc-card__field-input--subject {
    min-height: calc(72px + 1.35em);
}
.doc-card__field-select option {
    background-color: var(--input-background); color: var(--text-1);
}
.doc-card__requisites {
    padding-bottom: 0;
}

/* Файл DocumentCardRelated.css */

.doc-card__related {
    width: 30%; min-width: 260px; flex: 0 0 30%;
    background: var(--surface-secondary) !important; border-radius: 10px;
}
.doc-card__related-title {
    font-weight: 700; font-size: var(--font_size_caption);
    color: var(--text-1);
}
.doc-card__related-row:last-child {
    margin-bottom: 0;
}
.doc-card__related-label {
    color: var(--text-3); font-size: var(--font_size_0);
}
.doc-card__related-link {
    color: var(--accent); font-size: var(--font_size_caption); cursor: pointer;
    text-decoration: none; font-weight: 600; line-height: 1.35;
}
.doc-card__related-link:hover {
    text-decoration: underline;
}
.doc-card__related-hint {
    color: var(--text-3); font-size: var(--font_size_caption);
    line-height: 1.35;
}
.doc-card__related-add-btn {
    border: 1px solid var(--accent); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--accent-blue);
    font-size: var(--font_size_button); font-weight: 600; line-height: 1.2;
    cursor: pointer; transition: all 0.2s ease;
}
.doc-card__related-add-btn:hover {
    background: var(--surface-muted); border-color: var(--accent);
}
.doc-card__related-item {
    border: 1px solid var(--divider-soft); background: var(--surface-primary);
    border-radius: 10px;
}
.doc-card__related-remove-btn {
    border: 1px solid var(--divider-color);
    background: var(--input-background); color: var(--text-3);
    border-radius: 8px; font-size: var(--font_size_button); line-height: 1;
    cursor: pointer; transition: all 0.2s ease;
}
.doc-card__related-remove-btn:hover {
    background: var(--surface-muted); color: var(--text-2);
    border-color: var(--accent);
}
.doc-card__related-add-btn:disabled {
    background: var(--surface-muted); border-color: var(--divider-soft);
    color: var(--text-3); cursor: not-allowed; opacity: 0.72;
}

/* Файл DocumentCardRelatedPicker.css */

.doc-card__related-picker .drawer-body {
    display: flex;
    min-height: 0;
}

.doc-related-picker {
    gap: var(--spacing_small);
    min-height: 0;
    width: 100%;
}

.doc-card__related-picker .doc-card__related-hint,
.doc-related-picker__state {
    font-size: var(--font_size_0);
}

.doc-related-picker__filters {
    display: grid;
    gap: var(--spacing_small);
    grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
}

.doc-related-picker__search,
.doc-related-picker__type-select {
    box-sizing: border-box;
    font-family: var(--font_family_interface);
    font-size: var(--font_size_0);
    width: 100%;
}

.doc-related-picker__table-block {
    display: flex;
    flex: 1 1 auto;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.doc-related-picker__table-block .table-widget,
.doc-related-picker__table-block .table-wrapper {
    height: 100%;
    max-height: none;
}

.doc-related-picker__state {
    color: var(--text-3);
    padding: var(--spacing_small);
}

@media (orientation: portrait), (max-width: 720px) {
    .doc-related-picker__filters {
        grid-template-columns: 1fr;
    }
}

/* Файл DocumentCardDistribution.css */

.doc-card__distribution-title {
    font-size: var(--font_size_button); font-weight: 600; color: #25324a;
}
.doc-card__distribution-btn {
    border: 1px solid #d8deea; background: var(--bg-1); color: #42526b;
    border-radius: 8px; font-size: var(--font_size_caption); font-weight: 600;
    line-height: 1.2; cursor: pointer; transition: all 0.2s ease;
}
.doc-card__distribution-btn:hover {
    background: #f6f8fc; border-color: #c7d1e1;
}
.doc-card__distribution-btn--small {
    font-size: var(--font_size_caption);
}
.doc-card__distribution-empty {
    border: 1px dashed #d7deea; background: #fafbfd; color: #7b8798;
    border-radius: 10px; text-align: center;
    font-size: var(--font_size_caption);
}
.doc-card__recipient-card {
    background: var(--bg-1); border: 1px solid #e1e6ef; border-radius: 12px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.doc-card__recipient-card-number {
    border-radius: 999px; background: #eef2f8; color: #5e6c84;
    font-size: var(--font_size_caption); font-weight: 700;
}
.doc-card__recipient-card-menu {
    border: 1px solid #d8deea; background: #f8fafc; color: #667085;
    border-radius: 8px; font-size: var(--font_size_caption); line-height: 1.2;
    cursor: pointer; transition: all 0.2s ease;
}
.doc-card__recipient-card-menu:hover {
    background: #f1f5f9; border-color: #c8d2e1;
}
.doc-card__recipient-section-header {
    background: #f3f5f9; border: 1px solid #e1e6ef; border-radius: 10px;
}
.doc-card__recipient-section-title {
    font-size: var(--font_size_caption); font-weight: 600; color: #4d5b75;
}
.doc-card__distribution-input {
    border: 1px solid #d8deea; background: var(--bg-1); color: #25324a;
    border-radius: 8px; font-size: var(--font_size_caption); line-height: 1.35;
    outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.doc-card__distribution-input::placeholder {
    color: #98a2b3;
}
.doc-card__distribution-input:focus {
    border-color: #9bb2d1; box-shadow: 0 0 0 3px rgba(58, 123, 213, 0.08);
}
.doc-card__distribution-input--recipient {
    font-weight: 600;
}
.doc-card__distribution-icon-btn {
    border: 1px solid #d8deea; background: var(--bg-1); color: #7a869a;
    border-radius: 8px; flex: 0 0 32px; font-size: var(--font_size_1);
    line-height: 1; cursor: pointer; transition: all 0.2s ease;
}
.doc-card__distribution-icon-btn:hover {
    background: #f8fafc; color: #42526b; border-color: #c7d1e1;
}
.doc-card__distribution-mode {
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1); color: var(--text-1); cursor: pointer;
}
.doc-card__distribution-mode--active {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
.doc-card__distribution-mode input {
    margin-top: 3px; accent-color: var(--accent);
}
.doc-card__distribution-mode span {
    display: flex; min-width: 0; flex-direction: column; gap: 3px;
}
.doc-card__distribution-mode strong {
    font-size: var(--font_size_0);
}
.doc-card__distribution-mode small {
    color: var(--text-2); font-size: var(--font_size_0);
}
@media (max-width: 900px) {
    .doc-card__distribution-mode-list {
        grid-template-columns: 1fr;
    }
}

/* Файл DocumentCardModal.css */

.doc-card__modal-backdrop {
    z-index: 1000; padding-top: 80px; background: rgba(15, 23, 42, 0.28);
}
.doc-card__modal {
    width: min(420px, calc(100% - 32px)); background: #ffffff;
    border: 1px solid #dce3ec; border-radius: 14px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.22);
}
.doc-card__modal-title {
    font-size: var(--font_size_0); font-weight: 700; color: #1f2937;
}
.doc-card__modal-text {
    font-size: var(--font_size_caption); line-height: 1.45; color: #4b5563;
}
.doc-card__modal-cancel-btn {
    border: 1px solid #d8deea; background: #ffffff; color: #42526b;
    border-radius: 8px; font-size: var(--font_size_caption); font-weight: 600;
    line-height: 1.2; cursor: pointer; transition: all 0.2s ease;
}
.doc-card__modal-cancel-btn:hover {
    background: #f6f8fc; border-color: #c7d1e1;
}

/* Файл DocumentCardEmployeePicker.css */

.doc-card__employee-picker {
    color: var(--text-1);
}
.doc-card__employee-picker-hint {
    border: 1px solid var(--border); border-radius: 999px;
    background: var(--bg-2); color: var(--text-3);
    font-size: var(--font_size_0); line-height: 1.35;
}
.doc-card__employee-picker-hint::before {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%;
    background: var(--accent); color: var(--on-accent); content: "👤";
    font-size: var(--font_size_caption); line-height: 1;
}
.doc-card__employee-picker-search {
    border: 1px solid var(--border); border-radius: 14px;
    background: var(--bg-1); box-shadow: var(--shadow);
}
.doc-card__employee-picker-search span {
    flex: 0 0 auto; color: var(--text-3); font-size: var(--font_size_1);
}
.doc-card__employee-picker-search input {
    width: 100%; min-width: 0; height: 40px; margin: 0; padding: 0; border: 0;
    border-radius: 0; background: transparent; color: var(--text-1);
    font: inherit; box-shadow: none; outline: 0;
}
.doc-card__employee-picker-item {
    grid-template-columns: 46px minmax(0, 1fr); gap: 11px; min-height: 70px;
    border: 1px solid color-mix(in srgb, var(--accent) 14%, var(--border));
    border-radius: 16px;
    background: color-mix(in srgb, var(--bg-1) 97%, var(--accent));
    color: var(--text-1);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--blue-navy) 7%,
    transparent);
    text-align: left; cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, box-shadow
    .16s ease, transform .16s ease;
}
.doc-card__employee-picker-item:hover {
    border-color: color-mix(in srgb, var(--accent) 46%, var(--border));
    background: var(--bg-1); color: var(--text-1);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--blue-navy) 11%,
    transparent);
    transform: translateY(-1px);
}
.doc-card__employee-picker-avatar {
    height: 44px; place-items: center; border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 16%, var(--bg-1));
    color: var(--blue-navy); font-size: var(--font_size_0); font-weight: 700;
}
.doc-card__employee-picker-person strong {
    overflow: hidden; color: var(--text-1); font-size: var(--font_size_0);
    text-overflow: ellipsis; white-space: nowrap;
}
.doc-card__employee-picker-person span,
.doc-card__employee-picker-person small {
    overflow: hidden; color: var(--text-3);
    font-size: var(--font_size_caption); text-overflow: ellipsis;
    white-space: nowrap;
}
.doc-card__employee-picker-empty {
    padding: 28px 16px; border: 1px dashed var(--border); border-radius: 14px;
    background: var(--bg-1); color: var(--text-3); text-align: center;
}

/* Файл DocumentCardAdaptive.css */

@media (max-width: 768px) {
    .doc-card__distribution-header, .doc-card__recipient-card-header,
    .doc-card__recipient-section-header {
        flex-direction: column; align-items: stretch;
    }
    .doc-card__recipient-card-title-wrap {
        width: 100%;
    }
    .doc-card__recipient-columns {
        grid-template-columns: 1fr;
    }
    .doc-card__distribution-line {
        align-items: stretch;
    }
    .doc-card__distribution-icon-btn {
        width: 100%; height: 36px; flex-basis: auto;
    }
    .doc-card__employee-picker-hint {
        width: 100%; border-radius: 10px;
    }
    .doc-card__employee-picker .table-container {
        min-height: 300px; max-height: calc(100vh - 190px);
    }
}
@media (max-width: 760px) {
    .doc-card {
        padding-left: var(--font_size_0); padding-right: var(--font_size_0);
    }
    .doc-card__header {
        gap: 8px;
    }
    .doc-card__title {
        font-size: var(--font_size_button);
    }
    .doc-card__meta {
        font-size: var(--font_size_caption);
    }
    .doc-card__requisites {
        flex-direction: column; gap: 14px;
    }
    .doc-card__fields,
    .doc-card__fields > .doc-card__table td.doc-card__value {
        width: 100%;
    }
    .doc-card__related {
        width: 100%; min-width: 0; max-width: none; flex: 0 0 auto;
        align-self: stretch;
    }
    .doc-card__fields > .doc-card__table,
    .doc-card__fields > .doc-card__table tbody,
    .doc-card__fields > .doc-card__table tr,
    .doc-card__fields > .doc-card__table td {
        display: block; width: 100%;
    }
    .doc-card__fields > .doc-card__table tr {
        padding-top: 6px; padding-bottom: 6px;
    }
    .doc-card__fields > .doc-card__table td.doc-card__label {
        width: auto; min-width: 0; max-width: none; padding-right: 0;
        padding-bottom: 2px; white-space: normal;
    }
}

/* Файл DocumentCardResolutionsLayout.css */

.incoming-resolutions {
    color: var(--text-2); font-size: var(--font_size_0);
}
.incoming-resolutions__resolution {
    border: 1px solid #8bc9f4; border-radius: 9px; padding: 9px 11px 8px;
    background: #eaf7ff;
}
.incoming-resolutions__resolution-title {
    color: #00679a; font-size: var(--font_size_button); font-weight: 800;
    line-height: 1.2;
}
.incoming-resolutions__resolution-actions {
    top: 7px; right: 9px; opacity: 1; pointer-events: auto;
}
.incoming-resolutions__mini-btn {
    border: 1px solid #b9d7eb; border-radius: 6px; background: #ffffff;
    color: #126596; font-size: var(--font_size_caption); font-weight: 700;
    line-height: 1; cursor: pointer; box-shadow: none;
}
.incoming-resolutions__mini-btn:hover {
    background: #f7fbff; transform: none; box-shadow: none;
}
.incoming-resolutions__mini-btn--danger {
    color: #a23434;
}
.incoming-resolutions__resolution-textarea {
    min-height: 39px; max-height: 110px; border: 0; outline: 0; resize: none;
    padding: 0 120px 0 0; background: transparent; color: #26364c;
    font: inherit; font-size: var(--font_size_button); font-weight: 500;
    line-height: 1.38;
}
.incoming-resolutions__resolution-textarea::placeholder {
    color: #8a99ab;
}
.incoming-resolutions__resolution-meta,
.incoming-resolutions__assignment-meta {
    color: #5d7189; font-size: var(--font_size_caption); line-height: 1.32;
}
.incoming-resolutions__resolution-meta b,
.incoming-resolutions__assignment-meta b {
    color: #27384f; font-weight: 800;
}
.incoming-resolutions__meta-row {
    gap: 9px;
}
.incoming-resolutions__meta-row--resolution {
    gap: 20px;
}
.incoming-resolutions__resolution-date {
    margin-left: 3px;
}
.incoming-resolutions__section-title {
    margin: 2px 0 8px; color: #202a3b; font-size: var(--font_size_0);
    font-weight: 800; line-height: 1.2;
}
.incoming-resolutions__section-title::after {
    content: ""; flex: 1 1 auto; height: 1px; background: #d9e1ea;
}
.incoming-resolutions__tree-scroll {
    padding: 0 7px 12px 0; scrollbar-gutter: stable;
}
.incoming-resolutions__empty {
    color: #52647a; font-size: var(--font_size_button);
}
.incoming-resolutions__actions {
    z-index: 3; border-top: 1px solid #d9e1ea; padding: 12px 0 2px;
    background: var(--bg-2);
}
.incoming-resolutions__create-btn, .incoming-resolutions__add-btn,
.incoming-resolutions__save-resolution-btn {
    border-radius: 8px; padding: 10px 14px; font-size: var(--font_size_button);
    font-weight: 800; line-height: 1; cursor: pointer; box-shadow: none;
}
.incoming-resolutions__create-btn, .incoming-resolutions__save-resolution-btn {
    min-width: 170px; border: 0; background: #2f6fdd; color: #ffffff;
}
.incoming-resolutions__add-btn {
    border: 1px solid #d4e2ef; background: #ffffff; color: #2f6fdd;
}
.incoming-resolutions__create-btn:hover, .incoming-resolutions__add-btn:hover,
.incoming-resolutions__save-resolution-btn:hover {
    transform: none; box-shadow: none;
}
.incoming-resolutions__create-btn:disabled,
.incoming-resolutions__add-btn:disabled,
.incoming-resolutions__save-resolution-btn:disabled {
    cursor: default; opacity: 0.58;
}
@media (max-width: 768px) {
    .incoming-resolutions__resolution-actions {
        opacity: 1; pointer-events: auto;
    }
    .incoming-resolutions__resolution-textarea {
        padding-right: 0;
    }
    .incoming-resolutions__meta-row {
        align-items: flex-start; flex-direction: column; gap: 2px;
    }
    .incoming-resolutions__actions {
        flex-wrap: wrap;
    }
    .incoming-resolutions__create-btn, .incoming-resolutions__add-btn,
    .incoming-resolutions__save-resolution-btn {
        flex: 1 1 180px;
    }
}
.incoming-resolutions__save-order-btn {
    min-width: 170px; border: 0; border-radius: 8px; background: #16845b;
    color: #ffffff; font-size: var(--font_size_button); font-weight: 800;
    line-height: 1; cursor: pointer; box-shadow: none;
}
.incoming-resolutions__save-order-btn:hover:not(:disabled) {
    background: #126e4c; transform: none; box-shadow: none;
}
.incoming-resolutions__save-order-btn:disabled {
    cursor: default; opacity: .58;
}
@media (max-width: 768px) {
    .incoming-resolutions__save-order-btn {
        flex: 1 1 180px;
    }
}

/* Файл DocumentCardResolutionsTreeLayout.css */

.incoming-resolutions__assignment {
    --assignment-indent: 36px;
    padding-left: calc(var(--assignment-level) * var(--assignment-indent));
}
.incoming-resolutions__tree-line-vertical {
    top: -9px; bottom: 50%; background: #b7c7d8;
}
.incoming-resolutions__tree-line-horizontal {
    top: 20px; background: #b7c7d8;
}
.incoming-resolutions__assignment-number {
    z-index: 2; flex: 0 0 23px; width: 23px; border: 0; border-radius: 50%;
    background: #2f6fdd; color: #ffffff; font-size: var(--font_size_caption);
    font-weight: 800; line-height: 1; cursor: pointer; box-shadow: none;
}
.incoming-resolutions__assignment-number:hover {
    background: #245cc2; transform: none; box-shadow: none;
}
.incoming-resolutions__assignment-number--child {
    background: #728198;
}
.incoming-resolutions__assignment-card {
    border: 1px solid #d7e0ea; border-radius: 8px; background: #ffffff;
}
.incoming-resolutions__assignment-main {
    padding: 7px 8px 6px;
}
.incoming-resolutions__assignment-title-input {
    margin: 0 0 3px; border: 1px solid transparent; border-radius: 4px;
    outline: 0; background: transparent; color: #202a3b; font: inherit;
    font-size: var(--font_size_caption); font-weight: 800; line-height: 1.3;
    resize: none; overflow-wrap: anywhere;
}
.incoming-resolutions__assignment-title-input:hover,
.incoming-resolutions__assignment-title-input:focus {
    border-color: #dfe7ef; background: #ffffff;
}
.incoming-resolutions__phone {
    grid-template-columns: 16px minmax(0, max-content); color: #63758c;
}

/* Файл DocumentCardResolutionsTreeControls.css */

.incoming-resolutions__phone-icon {
    color: #63758c; font-size: var(--font_size_caption); line-height: 1;
}
.incoming-resolutions__phone-text {
    line-height: 1.2;
}
.incoming-resolutions__deadline-input {
    width: 168px; min-width: 168px; border: 1px solid transparent;
    border-radius: 4px; outline: 0; padding: 1px 38px 1px 6px;
    background: transparent; color: #63758c; font: inherit;
    font-size: var(--font_size_0);
}
.incoming-resolutions__deadline-input::-webkit-calendar-picker-indicator {
    flex: 0 0 auto; margin: 0; padding: 3px; cursor: pointer;
}
.incoming-resolutions__deadline-input:hover,
.incoming-resolutions__deadline-input:focus {
    border-color: #dfe7ef; background: #ffffff;
}
.incoming-resolutions__assignment-save-btn {
    min-width: 86px; border: 1px solid #2f6fdd; border-radius: 6px;
    background: #2f6fdd; color: #ffffff; font-size: var(--font_size_caption);
    font-weight: 800; cursor: pointer; box-shadow: none;
}
.incoming-resolutions__assignment-save-btn:hover {
    background: #245cc2; transform: none; box-shadow: none;
}
.incoming-resolutions__assignment-save-btn:disabled {
    border-color: #cbd5e1; background: #eef2f7; color: #77869a;
    cursor: default;
}
.incoming-resolutions__status-btn {
    border: 0; background: transparent; cursor: pointer;
}
.incoming-resolutions__status-btn:hover {
    background: transparent; transform: none; box-shadow: none;
}
.incoming-resolutions__status {
    min-width: 78px; border-radius: 6px; font-size: var(--font_size_caption);
    font-weight: 800; line-height: 1;
}
.incoming-resolutions__status--progress {
    background: #fff1c8; color: #9a5600;
}
.incoming-resolutions__status--done {
    background: #d4f7e6; color: #126b45;
}
.incoming-resolutions__status--not-started {
    background: #ffe0e0; color: #ad2f2f;
}
.incoming-resolutions__delete-btn {
    border: 0; border-radius: 50%; background: #3478b7; color: #ffffff;
    cursor: pointer; opacity: 1;
}
.incoming-resolutions__delete-btn:hover {
    background: #2c689f;
}

/* Файл DocumentCardResolutionsTreeDrag.css */

@media (max-width: 900px) {
    .incoming-resolutions__assignment-main {
        flex-direction: column;
    }
    .incoming-resolutions__assignment-actions {
        width: 100%; justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .incoming-resolutions__assignment {
        --assignment-indent: 22px;
    }
}
.incoming-resolutions__drag-handle {
    flex: 0 0 22px; border: 0; border-radius: 6px; background: transparent;
    color: #7b8ca2; font-size: var(--font_size_0); line-height: 1;
    cursor: grab;
}
.incoming-resolutions__drag-handle:hover:not(:disabled) {
    background: #edf4fb; color: #2f6fdd; box-shadow: none; transform: none;
}
.incoming-resolutions__drag-handle:active:not(:disabled) {
    cursor: grabbing;
}
.incoming-resolutions__drag-handle:disabled {
    opacity: .3; cursor: default;
}
.incoming-resolutions__assignment--dragging {
    opacity: .45;
}
.incoming-resolutions__assignment--drop-target::after {
    content: ""; position: absolute; right: 0; bottom: -4px;
    left: calc(var(--assignment-level) * var(--assignment-indent));
    height: 3px; border-radius: 999px; background: #2f6fdd;
}
.incoming-resolutions__assignment input:disabled,
.incoming-resolutions__assignment textarea:disabled,
.incoming-resolutions__assignment button:disabled {
    cursor: default;
}
@media (orientation: portrait) {
    .incoming-resolutions__assignment-main {
        flex-direction: column;
    }
    .incoming-resolutions__assignment-title-input {
        white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word;
    }
    .incoming-resolutions__meta-row {
        flex-wrap: wrap;
    }
    .incoming-resolutions__assignment-actions {
        width: 100%; justify-content: flex-start;
    }
}

/* Файл DocumentCardResolutionsPicker.css */

.drawer-panel--employee-picker {
    z-index: 1100;
}
.incoming-resolutions__employee-picker-hint,
.incoming-resolutions__employee-picker-state {
    border: 1px solid #d7e7f2; border-radius: 12px; padding: 12px 14px;
    background: #f8fbff; color: var(--text-3);
}
.incoming-resolutions__employee-picker-state--error {
    border-color: #f0b9b9; background: #fff5f5; color: #b42318;
}
.incoming-resolutions__employee-card {
    border: 1px solid #d7e7f2; border-radius: 12px; background: #ffffff;
    color: var(--text-2); text-align: left;
}
.incoming-resolutions__employee-card:hover {
    border-color: #b9d9ed; background: #f8fbff;
}
.incoming-resolutions__employee-avatar {
    border-radius: 50%; background: #eaf4ff;
}
.incoming-resolutions__employee-avatar-image {
    object-position: center;
}
.incoming-resolutions__employee-name-btn {
    border: 0; background: transparent; color: #334155; font: inherit;
    font-weight: 800; text-align: left; cursor: pointer; box-shadow: none;
}
.incoming-resolutions__employee-name-btn:hover {
    background: transparent; color: var(--accent); text-decoration: underline;
    transform: none; box-shadow: none;
}
.incoming-resolutions__employee-phone {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.incoming-resolutions__employee-phone::before {
    content: "☎"; margin-right: 4px; color: #63758c;
    font-size: var(--font_size_button);
}
.incoming-resolutions__employee-select-btn {
    border: 1px solid var(--accent); border-radius: 7px;
    background: var(--accent); color: #ffffff;
    font-size: var(--font_size_caption); font-weight: 700; cursor: pointer;
    box-shadow: none;
}
.incoming-resolutions__employee-select-btn:hover {
    background: #2d75b8; transform: none; box-shadow: none;
}
@media (max-width: 768px) {
    .drawer-panel--employee-picker {
        width: 98% !important;
    }
    .incoming-resolutions__employee-card {
        align-items: flex-start; flex-wrap: wrap;
    }
    .incoming-resolutions__employee-select-btn {
        margin-left: 44px;
    }
}

/* Файл DocumentCardPersonProfile.css */

.drawer-panel--person-card {
    z-index: 1200;
}
.person-card-drawer__state {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-3);
}
.person-card-drawer__header {
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1);
}
.person-card-drawer__photo-button {
    flex: 0 0 126px; width: 126px; height: 158px;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-2); cursor: pointer; box-shadow: none;
}
.person-card-drawer__photo-button:hover {
    border-color: var(--accent); background: var(--bg-2); transform: none;
    box-shadow: none;
}
.person-card-drawer__photo-button:disabled {
    cursor: wait; opacity: 0.7;
}
.person-card-drawer__photo {
    object-position: center;
}
.person-card-drawer__photo-placeholder {
    color: var(--text-3); font-size: var(--font_size_0);
}
.person-card-drawer__identity h3 {
    margin: 0; color: var(--blue-navy); font-size: var(--font_size_1);
}
.person-card-drawer__identity p {
    margin: 0; color: var(--text-3);
}
.person-card-drawer__upload-btn {
    border: 1px solid var(--accent); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--accent); cursor: pointer;
    box-shadow: none;
}
.person-card-drawer__upload-btn:hover {
    background: var(--bg-2); transform: none; box-shadow: none;
}
.person-card-drawer__fields {
    grid-template-columns: minmax(130px, 0.42fr) minmax(0, 1fr);
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1);
}
.person-card-drawer__label, .person-card-drawer__value {
    border-bottom: 1px solid var(--border); padding: 10px 12px;
}
.person-card-drawer__label {
    background: var(--bg-2); color: var(--text-3); font-weight: 600;
}
.person-card-drawer__value {
    color: var(--text-2); overflow-wrap: anywhere;
}
.person-card-drawer__field:last-child .person-card-drawer__label,
.person-card-drawer__field:last-child .person-card-drawer__value {
    border-bottom: 0;
}
.incoming-resolutions__person-link {
    display: inline; border: 0; background: transparent; color: inherit;
    font: inherit; font-weight: 800; text-align: left; cursor: pointer;
    box-shadow: none;
}
.incoming-resolutions__person-link:hover {
    background: transparent; color: var(--accent); text-decoration: underline;
    transform: none; box-shadow: none;
}
@media (max-width: 700px) {
    .drawer-panel--person-card {
        width: 98% !important;
    }
    .person-card-drawer__header {
        flex-direction: column;
    }
    .person-card-drawer__photo-button {
        width: 108px; height: 136px; flex-basis: 136px;
    }
    .person-card-drawer__fields {
        grid-template-columns: 1fr;
    }
    .person-card-drawer__field {
        display: flex; flex-direction: column;
    }
}

/* Файл DocumentCardResolutions.css */

/* Файл DocumentCardDownload.css */

.document-download-panel__section h3 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_1);
}
.document-download-panel label {
    display: flex; min-height: 42px; align-items: center; gap: 9px;
    padding: 9px 11px; border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); color: var(--text-1); cursor: pointer;
}
.document-download-panel label:has(input:checked) {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
.document-download-panel label:has(input:disabled) {
    opacity: 0.55; cursor: not-allowed;
}
.document-download-panel__hint {
    color: var(--text-2); font-size: var(--font_size_caption);
    line-height: 1.35;
}
.document-download-panel__actions {
    padding-top: 12px; border-top: 1px solid var(--border);
}
@media (max-width: 600px) {
    .document-download-panel__formats {
        grid-template-columns: 1fr;
    }
}

/* Файл base_and_create.css */

.approval-sheet-create, .approval-sheet-history {
    display: flex; flex-direction: column; gap: 12px;
}
.approval-sheet-create h3, .approval-sheet-history h3 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_1);
}
.approval-sheet-create__heading p {
    margin: 4px 0 0; color: var(--text-3); font-size: var(--font_size_0);
}
.approval-sheet-create__heading > span {
    padding: 5px 8px; border-radius: 999px; background: var(--bg-2);
    color: var(--text-2); font-size: var(--font_size_0);
}
.approval-sheet-mode label, .approval-sheet-employee {
    display: flex; align-items: flex-start; gap: 9px; padding: 10px;
    border: 1px solid var(--border); border-radius: 9px;
    background: var(--bg-1); cursor: pointer;
}
.approval-sheet-mode label:has(input:checked),
.approval-sheet-employee:has(input:checked) {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
.approval-sheet-mode span, .approval-sheet-employee > span {
    display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column;
    gap: 2px;
}
.approval-sheet-mode strong, .approval-sheet-employee strong {
    color: var(--text-1); font-size: var(--font_size_0);
}
.approval-sheet-mode small, .approval-sheet-employee small {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.approval-sheet-employees {
    max-height: 340px;
}
.approval-sheet-employee--disabled {
    cursor: not-allowed; opacity: 0.62;
}
.approval-sheet-employee__order {
    min-width: 30px; border-radius: 999px; background: var(--accent);
    color: var(--on-accent); font-size: var(--font_size_caption);
    font-weight: 700;
}
.approval-sheet-employee em {
    color: var(--danger, #b54b4b); font-size: var(--font_size_caption);
    font-style: normal;
}
.approval-sheet-create__actions, .approval-review-panel__actions {
    display: flex; justify-content: flex-end; gap: 8px;
}
.approval-sheet-employee-picker {
    border: 1px solid var(--border); border-radius: 9px;
    background: var(--bg-1);
}

/* Файл picker_and_order.css */

.approval-sheet-employee-picker__header > div {
    display: flex; min-width: 0; flex-direction: column; gap: 2px;
}
.approval-sheet-employee-picker__header strong {
    color: var(--text-1); font-size: var(--font_size_0);
}
.approval-sheet-employee-picker__header small {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.approval-sheet-employee-picker__header input {
    width: min(300px, 44%); min-height: 34px; padding: 0 10px;
}
.approval-sheet-employee-pivot {
    border: 1px solid var(--border); border-radius: 8px;
}
.approval-sheet-employee-pivot .pivot-table {
    min-width: 100%;
}
.approval-sheet-selected-order {
    padding: 9px 10px; border: 1px solid var(--border); border-radius: 9px;
    background: var(--bg-2);
}
.approval-sheet-selected-order > strong {
    color: var(--text-1); font-size: var(--font_size_0);
}
.approval-sheet-selected-order > div {
    display: flex; flex-wrap: wrap; gap: 6px;
}
.approval-sheet-selected-order span {
    display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px;
    border: 1px solid var(--border); border-radius: 999px;
    background: var(--bg-1); color: var(--text-2);
    font-size: var(--font_size_caption);
}
.approval-sheet-selected-order b {
    display: inline-flex; width: 20px; height: 20px; align-items: center;
    justify-content: center; border-radius: 50%; background: var(--accent);
    color: var(--on-accent); font-size: var(--font_size_caption);
}

/* Файл versions_and_reviewers.css */

.approval-sheet-version {
    border: 1px solid var(--border); border-radius: 10px;
    background: var(--bg-1);
}
.approval-sheet-version__header {
    border-bottom: 1px solid var(--border); background: var(--bg-2);
}
.approval-sheet-version__header > div, .approval-sheet-reviewer > div,
.approval-sheet-reviewer__result {
    display: flex; min-width: 0; flex-direction: column; gap: 2px;
}
.approval-sheet-version__header strong, .approval-sheet-reviewer strong {
    color: var(--text-1); font-size: var(--font_size_0);
}
.approval-sheet-version__header small, .approval-sheet-reviewer small {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.approval-sheet-status {
    padding: 4px 7px; border-radius: 999px;
    font-size: var(--font_size_caption); font-weight: 700;
}
.approval-sheet-status--pending {
    background: #fff2cf; color: #755900;
}
.approval-sheet-status--approved {
    background: #dff4e7; color: #176137;
}
.approval-sheet-status--rejected {
    background: #f9dddd; color: #8c2525;
}
.approval-sheet-reviewer {
    grid-template-columns: minmax(0, 1fr) minmax(160px, 0.8fr);
    border-bottom: 1px solid var(--border);
}
.approval-sheet-reviewer:last-child {
    border-bottom: 0;
}
.approval-sheet-reviewer__result {
    text-align: right;
}
.approval-sheet-reviewer__result > span {
    color: var(--text-2); font-size: var(--font_size_0); font-weight: 700;
}
.approval-sheet-empty {
    border: 1px dashed var(--border); border-radius: 9px; color: var(--text-3);
    text-align: center;
}

/* Файл review_and_mobile.css */

.approval-review-panel p {
    margin: 0; color: var(--text-2); line-height: 1.45;
}
.approval-review-panel label {
    display: flex; flex-direction: column; gap: 6px; color: var(--text-1);
    font-size: var(--font_size_0); font-weight: 700;
}
.approval-review-panel textarea {
    min-height: 150px; resize: vertical; padding: 10px;
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); color: var(--text-1); font: inherit;
    font-weight: 400;
}
@media (max-width: 720px) {
    .approval-sheet-mode, .approval-sheet-employees {
        grid-template-columns: 1fr;
    }
    .approval-sheet-employee-picker__header {
        align-items: stretch; flex-direction: column;
    }
    .approval-sheet-employee-picker__header input {
        width: 100%;
    }
    .approval-sheet-reviewer {
        grid-template-columns: 1fr;
    }
    .approval-sheet-reviewer__result {
        align-items: flex-start; text-align: left;
    }
}

/* Файл DocumentCardApproval.css */

/* Файл 01.css */
.doc-card__attachment-local-open {
    border: 0; background: transparent; color: var(--blue-navy);
    font-size: var(--font_size_0); text-align: left; cursor: pointer;
}
.doc-card__attachment-local-open:hover {
    background: transparent; color: var(--accent); box-shadow: none;
    transform: none;
}
.doc-card__header--outgoing {
    align-items: center;
}
.doc-card__delivery-status {
    display: none;
}
.doc-card__editor-panel .doc-editor {
    height: 100%; min-height: 0;
}
.doc-card__related-table-content .table-widget,
.doc-card__related-table-content .table-container,
.doc-card__related-table-content .table-wrapper {
    height: 100%; min-height: 0; max-height: 100%;
}
.doc-card__section-title {
    margin: 0 0 6px; color: var(--text-1); font-size: var(--font_size_0);
}
.document-text-drawer .drawer-body {
    height: 100%;
}
.document-text-drawer .doc-card__editor-panel,
.document-text-drawer .doc-card__editor-panel .doc-editor {
    display: flex; height: 100%; min-height: 0; flex: 1 1 auto;
    flex-direction: column; overflow: hidden;
}
.documents-table-full-width, .documents-table-full-width .table-widget,
.documents-table-full-width .table-container,
.documents-table-full-width .table-wrapper,
.documents-table-full-width .data-table {
    width: 100%; max-width: 100%;
}
.documents-table-full-width {
    height: 100%;
}
.document-text-drawer .drawer-body {
    display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column;
    padding: 0; overflow: hidden;
}
.document-text-drawer .doc-card__editor-panel,
.document-text-drawer .doc-card__editor-panel > * {
    display: flex; width: 100%; min-height: 0; flex: 1 1 auto;
    flex-direction: column; overflow: hidden;
}
.document-text-drawer .doc-editor {
    width: 100%; height: 100%; min-height: 0; flex: 1 1 auto;
}
.document-text-drawer .doc-editor__topbar,
.document-text-drawer .doc-editor__view-switch {
    flex: 0 0 auto;
}
.document-text-drawer .doc-editor__viewport {
    height: auto; min-height: 0; max-height: none; flex: 1 1 auto;
}
.document-text-drawer .doc-editor__review-panel {
    height: auto; min-height: 0; max-height: none;
}

/* Файл 02.css */

.document-text-drawer.drawer-panel {
    height: 100dvh; max-height: 100dvh;
}
.document-text-drawer .drawer-body, .document-text-drawer .drawer-body--fixed,
.document-text-drawer .drawer-body--scrollable {
    display: flex; height: calc(100dvh - 50px); min-height: 0; flex: 1 1 auto;
    flex-direction: column; padding: 0; overflow: hidden;
}
.document-text-drawer .doc-card__editor-panel,
.document-text-drawer .doc-card__editor-panel > div,
.document-text-drawer .doc-editor {
    display: flex; width: 100%; height: 100%; min-height: 0; flex: 1 1 auto;
    flex-direction: column; overflow: hidden;
}
.document-text-drawer .doc-editor__layout {
    display: flex; height: auto; min-height: 0; flex: 1 1 0;
    align-items: stretch; overflow: hidden;
}
.document-text-drawer .doc-editor__viewport,
.document-text-drawer .doc-editor__review-panel {
    height: auto; min-height: 0; max-height: none; flex: 1 1 auto;
}
.document-text-drawer .doc-editor__review-panel {
    flex: 0 0 238px;
}
.document-text-drawer .doc-editor__bottom-panel {
    flex: 0 0 26px;
}
.doc-card__body--incoming .doc-card__section--attachments {
    margin-top: 8px;
}
.document-text-drawer .document-templates-panel {
    min-height: 0; flex: 1 1 auto;
}

/* Файл DocumentCardVisualRefinements.css */

.doc-card, .doc-card__distribution, .approval-sheet-panel,
.document-download-panel {
    font-family: var(--font_family_interface);
}
.doc-card :is(button, input, select, textarea):not(.doc-editor *),
.doc-card__distribution :is(button, input, select, textarea),
.approval-sheet-panel :is(button, input, select, textarea),
.document-download-panel :is(button, input, select, textarea) {
    font-family: var(--font_family_interface);
}
.doc-card__header {
    border-bottom: 2px solid var(--surface-primary);
}
.doc-card__footer {
    border-top: 2px solid var(--surface-primary);
}
.doc-card__section, .approval-sheet-panel section,
.document-download-panel__section {
    padding: 12px; border: 2px solid var(--surface-primary);
    border-radius: 10px;
    background: color-mix( in srgb, var(--surface-primary) 10%, transparent );
    box-sizing: border-box;
}
.doc-card__section + .doc-card__section,
.approval-sheet-panel section + section,
.document-download-panel__section + .document-download-panel__section {
    margin-top: 10px; padding-top: 12px;
    border-top: 2px solid var(--surface-primary);
}
.doc-card__table tr {
    border-bottom: 1px solid var(--surface-primary);
}
.doc-card__body--incoming .doc-card__section--email {
    border-top: 2px solid var(--surface-primary);
}
.doc-card__related {
    border: 2px solid var(--surface-primary) !important;
    box-shadow: 0 0 0 1px var(--divider-soft);
}
.doc-card__related-row-head {
    border-bottom: 1px solid var(--surface-primary);
}
.doc-card__related-item, .doc-card__recipient-card,
.doc-card__recipient-section-header, .doc-card__distribution-empty,
.doc-card__distribution-mode, .document-download-panel label {
    border-color: var(--surface-primary);
    box-shadow: 0 0 0 1px var(--divider-soft);
}
.doc-card__distribution-header, .doc-card__recipient-card-header,
.document-download-panel__actions {
    padding-bottom: var(--spacing_small);
    border-bottom: 1px solid var(--surface-primary);
}
.doc-card__field-input, .doc-card__field-select,
.doc-card__distribution-input {
    font-family: var(--font_family_interface);
}
.doc-card__body--sections {
    border: 2px solid var(--surface-primary); border-radius: 10px;
    background: color-mix( in srgb, var(--surface-primary) 10%, transparent );
}
.doc-card__body--sections > .doc-card__section {
    padding: 0; border: 0; border-radius: 0; background: transparent;
}
.doc-card__body--sections > .doc-card__section + .doc-card__section {
    margin-top: 0; padding-top: 12px;
    border-top: 2px solid var(--surface-primary);
}
.doc-card__body--sections > .doc-card__section:last-child {
    margin-top: 0; padding-top: var(--spacing_small);
    border-top: 1px solid var(--surface-primary);
}
.doc-card__body--incoming > .doc-card__section--email:empty {
    display: none;
}
.doc-card__section--attachments .doc-card__related-row-head {
    border-bottom: 0 !important; box-shadow: none !important;
}
.doc-card__header--outgoing {
    padding-bottom: 4px;
}
.doc-card__header--outgoing + .doc-card__body--sections {
    margin-top: 4px;
}
.doc-card__footer {
    padding-top: 4px;
}
.doc-card {
    padding-top: 6px; padding-bottom: 4px;
}

/* Файл DocumentCardHistory.css */

.document-history__search {
    min-width: min(360px, 100%); flex: 1 1 320px;
}
.document-history__compact-filter input,
.document-history__compact-filter select, .document-history__filters input,
.document-history__filters select {
    min-height: var(--button-min-height); box-sizing: border-box;
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.document-history__filters {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
}
.document-history__filters label {
    display: grid; gap: calc(var(--spacing_small) / 2);
}
.document-history__tablewrap .table-widget-container {
    min-width: 1180px;
}
@media (orientation: landscape) {
    .document-history-driver-panel {
        width: 85vw !important; max-width: 85vw !important;
    }
}
@media (max-width: 900px) {
    .document-history__compact-filter, .document-history__filters {
        grid-template-columns: 1fr; align-items: stretch;
    }
    .document-history__compact-filter {
        display: grid;
    }
}

/* Файл DocumentCard.css */

/* Файл document_office_selector.css */

.document-office-selector {
    border: 1px solid var(--border); border-radius: 12px;
    background: linear-gradient(180deg, var(--bg-1), var(--bg-2));
}
.document-office-selector::after {
    content: '▾'; position: absolute; right: 24px; bottom: 19px;
    color: var(--accent-blue); font-size: var(--font_size_caption);
    pointer-events: none;
}
.document-office-selector__label {
    font-size: var(--font_size_caption); font-weight: 600;
    color: var(--text-1); opacity: 0.92;
}
.document-office-selector__count {
    min-width: 24px; border-radius: 999px;
    background: color-mix(in srgb, var(--accent) 14%, transparent);
    color: var(--accent-blue); font-size: var(--font_size_caption);
    font-weight: 600;
}
.document-office-selector__control, .document-office-selector select {
    appearance: none; box-sizing: border-box;
    min-height: var(--button-min-height); max-width: 100%; width: 100%;
    padding-right: 34px; border: 1px solid var(--border); border-radius: 10px;
    background: var(--bg-1); color: var(--text-1);
    transition: border-color .16s ease, box-shadow .16s ease, background-color
    .16s ease;
}
.document-office-selector__control:hover:not(:disabled),
.document-office-selector select:hover:not(:disabled) {
    border-color: var(--accent);
}
.document-office-selector__control:focus,
.document-office-selector__control:focus-visible,
.document-office-selector select:focus,
.document-office-selector select:focus-visible {
    outline: none; border-color: var(--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
}
.document-office-selector__control:disabled,
.document-office-selector select:disabled {
    opacity: 0.8; cursor: not-allowed; background: var(--bg-2);
}

/* Файл documents_tab_mobile_scroll.css */

@media (orientation: portrait) {
    .documents-tab-layout {
        overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
    .documents-tab-layout > .grid-container--portrait-flow {
        height: auto; min-height: 0; overflow: visible;
    }
    .documents-tab-layout > .grid-container--portrait-flow >
    .grid-item:has(.tab-content-item.active .doc-card) {
        min-height: 0; height: auto; flex: 0 0 auto; overflow: visible;
    }
    .documents-tab-layout .tab-widget-container:has(.tab-content-item.active
    .doc-card),
    .documents-tab-layout .tab-container-top:has(.tab-content-item.active
    .doc-card),
    .documents-tab-layout .tab-content-wrapper:has(.tab-content-item.active
    .doc-card),
    .documents-tab-layout
    .tab-content-item.active:has(.doc-card) {
        height: auto; min-height: 0; max-height: none; overflow: visible;
    }
    .documents-tab-layout .tab-content-item.active .doc-card {
        height: auto; min-height: 0; max-height: none; overflow: visible;
    }
    .documents-tab-layout .tab-content-item.active .doc-card__body {
        min-height: 0; max-height: none; overflow-x: hidden;
        overflow-y: visible;
    }
    .documents-tab-layout .tab-content-item.active .doc-card__footer {
        position: static;
    }
}
@media (orientation: portrait) {
    .documents-tab-layout > .grid-container--portrait-flow {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row; grid-auto-rows: min-content; align-content: start;
        align-items: start; gap: var(--spacing_small);
    }
    .documents-tab-layout > .grid-container--portrait-flow
    > .grid-item:nth-child(-n + 4) {
        min-width: 0;
    }
    .documents-tab-layout > .grid-container--portrait-flow
    > .grid-item:nth-child(-n + 4) > .btn {
        width: 100%;
    }
    .documents-tab-layout > .grid-container--portrait-flow
    > .grid-item:nth-child(n + 5) {
        grid-column: 1 / -1 !important;
    }
}

/* Файл documents_context_panel.css */

.documents-context-sidebar__body > .contextual-sidebar__tabs {
    flex: 0 0 auto; overflow: visible;
}
.documents-context-view {
    color: var(--sidebar-text); font-size: var(--font_size_0);
}
.documents-context-view .radio-button-list,
.documents-context-view .radio-label, .documents-context-view .radio-content,
.documents-context-view .radio-text,
.documents-context-view .radio-list-label {
    color: var(--sidebar-text); font-size: var(--font_size_0) !important;
    line-height: 1.2;
}
.documents-context-view .radio-list-label {
    margin-bottom: var(--tab-sidebar-item-gap); font-weight: 400;
}
.documents-context-view .options-container {
    gap: var(--tab-sidebar-item-gap);
}
.documents-context-view .radio-label {
    min-height: 2.2rem; padding: 0.35rem 0.5rem; border: 1px solid transparent;
    border-radius: 7px;
}
.documents-context-view .radio-label:hover {
    background: var(--sidebar-tab-hover);
    border-color: var(--sidebar-tab-border);
}
.documents-context-view .radio-custom {
    border-color: color-mix( in srgb, var(--sidebar-text) 65%, transparent );
}
.documents-context-view .radio-input:checked ~ .radio-custom {
    border-color: var(--active-tab-background);
    background: var(--active-tab-background);
}
.documents-context-actions .btn {
    width: 100%; font-size: var(--tab-sidebar-font-size);
}
.documents-table-full-width {
    height: calc(100% + var(--table-workspace-edge-gap));
}
.documents-table-full-width > .table-widget,
.documents-table-full-width > .pivot-table-container {
    width: 100%; height: 100%; max-height: 100%; min-width: 0; min-height: 0;
    margin: 0;
}

/* Файл court_cases.css */

.court-cases-list, .court-case-card {
    display: flex; flex-direction: column; gap: var(--spacing_medium);
    min-height: 0;
}
.court-cases-toolbar, .court-case-card__toolbar, .court-case-actions,
.court-case-documents-title {
    gap: var(--spacing_small); flex-wrap: wrap;
}
.court-case-section {
    border: 1px solid var(--border-color); border-radius: var(--radius_large);
    background: var(--surface-primary);
}
.court-case-section__title {
    font-weight: 700;
}
.court-case-grid {
    grid-template-columns: repeat( auto-fit, minmax(220px, 1fr) );
}
.court-case-grid--two {
    grid-template-columns: repeat( auto-fit, minmax(260px, 1fr) );
}
.court-case-section label {
    display: flex; flex-direction: column; gap: var(--spacing_xs);
}
.court-case-section input, .court-case-section select,
.court-case-section textarea {
    width: 100%; box-sizing: border-box;
}
.court-case-section textarea {
    min-height: 88px; resize: vertical;
}
.court-case-selected, .court-case-legal-note, .court-case-warning,
.court-case-help {
    margin-bottom: var(--spacing_small);
}
.court-case-warning, .court-case-reminder {
    border-left: 4px solid var(--accent-2);
}
.court-case-check {
    grid-template-columns: minmax(240px, 1fr) 180px;
}
.court-case-check label {
    flex-direction: row;
}
.court-case-check input[type="checkbox"] {
    width: auto;
}
.court-case-balance {
    margin-top: var(--spacing_medium);
}
.court-case-balance > div {
    display: flex; gap: var(--spacing_small);
}
.court-case-loading {
    padding: var(--spacing_large);
}
@media (max-width: 700px) {
    .court-case-card {
        padding: var(--spacing_small);
    }
    .court-case-check {
        grid-template-columns: 1fr;
    }
}

/* Файл CalendarModal.css */

.calendar-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5); z-index: 1000;
}
.calendar-modal {
    background-color: white; border-radius: 8px; width: 400px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.calendar-header {
    padding-bottom: 10px; border-bottom: 1px solid #e0e0e0;
}
.calendar-year {
    font-size: var(--font_size_3); font-weight: bold; color: #333;
}
.calendar-nav-button {
    background: none; border: 1px solid #ddd; border-radius: 4px;
    font-size: var(--font_size_1); cursor: pointer; transition: all 0.2s;
    color: #333; background-color: white;
}
.calendar-nav-button:hover {
    background-color: #f5f5f5; border-color: #999;
}
.calendar-months-grid {
    grid-template-columns: repeat(3, 1fr);
}
.calendar-month-button {
    padding: 12px 8px; border: 1px solid #ddd; border-radius: 4px;
    background-color: white; cursor: pointer;
    font-size: var(--font_size_caption); transition: all 0.2s; color: #333;
}
.calendar-month-button:hover {
    background-color: #f0f0f0; border-color: #999;
}
.calendar-month-button.selected {
    background-color: #007bff; color: white; border-color: #0056b3;
}
.calendar-footer {
    border-top: 1px solid #e0e0e0;
}
.calendar-close-button {
    background-color: #6c757d; color: white; border: none; border-radius: 4px;
    cursor: pointer; font-size: var(--font_size_caption);
    transition: background-color 0.2s;
}
.calendar-close-button:hover {
    background-color: #5a6268;
}
.calendar-date-title {
    color: var(--text-1); font-size: var(--font_size_1); font-weight: 700;
}
.calendar-date-input {
    min-height: calc(var(--font_size_0) * 2.4);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-family: var(--font_family_interface); font-size: var(--font_size_0);
}
.calendar-select-button {
    border: 0; border-radius: var(--spacing_small); background: var(--accent);
    color: var(--on-accent); font-size: var(--font_size_0); cursor: pointer;
}
.calendar-select-button:hover {
    background: var(--accent-blue); transform: none;
}

/* Файл tab_counters.css */

.counters-page {
    --counters-catalog-width: 30%;
    --counters-heading-padding: calc(var(--font_size_0) / 2);
    --counters-heading-gap: calc(var(--spacing_small) / 2);
    color: var(--text-1);
}
.counters-page__intro {
    border: 1px solid var(--border); border-radius: var(--font_size_1);
    background: var(--bg-1);
}
.counters-page__intro h2, .counters-card__header h3 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_0);
    line-height: 1.2;
}
.counters-page__intro p, .counters-card__header p, .counters-card__empty p {
    margin: var(--counters-heading-gap) 0 0; color: var(--text-3);
    font-size: var(--font_size_0); line-height: 1.35;
}
.counters-toolbar {
    justify-content: flex-end; gap: var(--spacing_small);
}
.counters-toolbar .btn {
    margin: 0;
}
.counters-page__workspace {
    grid-template-columns: minmax(0, var(--counters-catalog-width)) minmax(0,
    1fr);
}
.counters-card {
    border: 1px solid var(--border); border-radius: var(--font_size_1);
    background: var(--bg-1);
}
.counters-card--catalog, .counters-card--details {
    margin-top: 0;
}
.counters-card__header {
    gap: var(--counters-heading-gap); border-bottom: 1px solid var(--border);
    background: var(--bg-2);
}
.counters-card__header > div {
    min-width: 0;
}
.counters-card__badge {
    max-width: 45%; border: 1px solid var(--border);
    border-radius: var(--font_size_1); background: var(--bg-1);
    color: var(--text-3); font-size: var(--font_size_caption);
}
.counters-card__badge--active {
    border-color: var(--accent); color: var(--accent-blue);
}
.counters-card__table > .table-widget {
    flex: 1 1 auto; max-height: none;
}
.counters-card__table .table-container {
    border: 0; border-radius: 0; box-shadow: none;
}
.counters-card__empty {
    text-align: center;
}
.counters-card__empty-mark {
    width: calc(var(--font_size_0) * 4); height: calc(var(--font_size_0) * 4);
    border: 1px solid var(--border); border-radius: 50%;
    background: var(--bg-2); color: var(--accent-blue);
    font-size: var(--font_size_0);
}
.counters-card__empty strong {
    color: var(--text-1); font-size: var(--font_size_1);
}
.counters-import-panel__content, .counters-import-report {
    display: flex; flex-direction: column; gap: var(--font_size_0); margin: 0;
}
.counters-import-panel__file, .counters-import-panel__modes {
    display: flex; flex-direction: column; gap: var(--spacing_small);
}
.counters-import-panel__file, .counters-import-panel__modes label {
    color: var(--text-1); font-size: var(--font_size_0);
}
.counters-import-panel__modes label {
    display: flex; align-items: center;
}
.counters-import-panel__file input {
    width: 100%; max-width: 100%; box-sizing: border-box;
}
.counters-import-panel__modes input {
    margin: 0 var(--spacing_small) 0 0;
}
.counters-import-panel__submit {
    background: var(--accent); color: var(--on-accent);
    font-size: var(--font_size_button);
}
.counters-import-panel__submit:disabled {
    opacity: 0.55; cursor: not-allowed;
}
.counters-import-report h3, .counters-import-report h4 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_1);
}
.counters-import-report__summary {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.counters-import-report__summary span {
    padding: var(--spacing_small); border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-2);
    color: var(--text-1); font-size: var(--font_size_0);
}
.counters-import-report__table .table-container,
.counters-import-report__table .table-wrapper {
    max-height: none; overflow-y: visible;
}
@media (orientation: portrait), (max-width: 900px) {
    .counters-page {
        height: 100%; overflow-x: hidden; overflow-y: auto;
        overscroll-behavior: contain; scrollbar-gutter: stable;
    }
    .counters-page__intro {
        align-items: stretch; flex-direction: column;
    }
    .counters-toolbar {
        justify-content: stretch;
    }
    .counters-toolbar .btn {
        flex: 1 1 100%; width: 100%;
    }
    .counters-page__workspace {
        display: flex; flex: 0 0 auto; flex-direction: column;
    }
    .counters-card {
        flex: 0 0 auto; min-height: min(62dvh, 560px);
    }
    .counters-card__header {
        flex-direction: column;
    }
    .counters-card__badge {
        max-width: 100%;
    }
}
.counters-card__title-row .info-driver-button {
    width: 24px; height: 24px; flex-basis: 24px;
}

/* Файл meter_reading_year_selector.css */

.meter-reading-year-selector__add input {
    width: 100%; min-width: 0;
    min-height: var(--meter-readings-control-height, var(--button-min-height));
    box-sizing: border-box; margin: 0;
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: var(--radius_relaxed);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); text-align: center;
    box-shadow: var(--shadow-soft, none);
}
.meter-reading-year-selector__add input::placeholder {
    color: var(--text-3);
}
.meter-reading-year-selector__add input:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--accent) 55%, transparent);
    outline-offset: 2px;
}
@media (orientation: portrait), (max-width: 680px) {
    .meter-reading-year-selector {
        gap: var(--spacing_xs);
    }
    .meter-reading-year-selector .selection-list-shell--portrait-collapse
    .selection-list-portrait-toggle {
        min-height: 36px;
        padding: var(--button-padding-block) var(--button-padding-inline);
        border-radius: var(--radius_xl); font-size: var(--font_size_0);
    }
    .meter-reading-year-selector__add {
        gap: var(--spacing_compact);
    }
}

/* Файл meter_readings_navigation.css */

.meter-readings-navigation {
    --meter-readings-control-height: var(--button-min-height);
    grid-template-columns: 52px 52px;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
}
.meter-readings-navigation > .dropdown-container,
.meter-readings-navigation > .btn {
    min-height: var(--meter-readings-control-height); align-self: start;
}
.meter-readings-navigation > .dropdown-container {
    width: 52px;
}
.meter-readings-navigation > .dropdown-container .dropdown-button {
    width: 100%; min-width: 0;
}
.meter-readings-navigation__years .selection-list {
    height: 100%; margin: 0;
}
.meter-readings-left-actions {
    grid-row: 3;
}
.meter-readings-left-actions > .btn {
    flex: 1 1 auto; max-width: 260px;
}
.meter-readings-navigation__bottom-action {
    grid-row: 4;
}
.meter-readings-settings__item {
    border: 1px solid var(--border); border-radius: var(--radius_relaxed);
    background: var(--bg-1);
}
.meter-readings-settings__item h4, .meter-readings-settings__item p {
    margin: 0;
}
.meter-readings-settings__item p {
    margin-top: var(--spacing_xs); color: var(--text-3);
}
@media (orientation: landscape) {
    .meter-readings-left-actions {
        flex-direction: column; align-items: stretch;
    }
    .meter-readings-left-actions > .btn {
        flex: 0 0 auto; height: auto;
    }
    .meter-readings-left-actions > .btn:not(.btn-square) {
        width: 100%; max-width: none; white-space: nowrap;
        overflow-wrap: normal;
    }
    .meter-readings-left-actions > .btn.btn-square {
        align-self: center;
    }
}
@media (orientation: portrait), (max-width: 680px) {
    .meter-readings-navigation {
        width: 100%; grid-template-columns: 36px 36px minmax(0, 1fr);
        grid-template-rows: auto auto auto; gap: var(--spacing_compact);
    }
    .meter-readings-navigation > .dropdown-container {
        width: 36px;
    }
    .meter-readings-navigation__years {
        min-height: auto; grid-column: 3; grid-row: 1; overflow: visible;
    }
    .meter-readings-left-actions {
        grid-column: 1 / -1; grid-row: 2; gap: var(--spacing_compact);
    }
    .meter-readings-left-actions > .btn {
        max-width: none;
    }
    .meter-readings-navigation__bottom-action {
        grid-column: 1 / -1; grid-row: 3;
    }
    .meter-readings-navigation__bottom-action
    .common-house-readings__save-button,
    .meter-readings-navigation__bottom-action .btn {
        width: 100%;
    }
}

/* Файл window_to_share.css */

.meter_readings_export_scroll_area {
    scrollbar-gutter: stable;
}
.meter_readings_export_option {
    border: 1px solid var(--border, #d7e7f2);
    border-radius: var(--spacing_small); background: var(--bg-1, #fff);
    color: var(--text-2, #334155); cursor: pointer; user-select: none;
}
.meter_readings_export_option:hover {
    border-color: var(--accent, #3d84c4);
}
.meter_readings_export_option input {
    flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0;
    accent-color: var(--accent, #3d84c4);
}
.meter_readings_export_option input:disabled {
    cursor: wait;
}
.meter_readings_export_option_title {
    font-size: var(--font_size_caption); font-weight: 600; line-height: 1.3;
}
.meter_readings_export_option_hint {
    color: var(--text-3, #64748b); font-size: var(--font_size_caption);
    line-height: 1.35;
}
.meter_readings_export_color_section {
    border: 1px solid var(--border, #d7e7f2);
    border-radius: var(--spacing_small); background: var(--bg-1, #fff);
}
.meter_readings_export_color_section strong {
    grid-column: 1 / -1; color: var(--text-2, #334155);
}
.meter_readings_export_color_option {
    color: var(--text-2, #334155);
}
.meter_readings_export_color_option input {
    width: 44px; height: 30px; padding: 2px;
    border: 1px solid var(--border, #d7e7f2);
    border-radius: var(--spacing_small); background: var(--bg-1, #fff);
}
.meter_readings_export_pivot.pivot-table-container {
    height: auto; min-height: 0; overflow: visible; scrollbar-gutter: auto;
}

/* Файл check_window.css */

.check_window_root {
    gap: var(--spacing-sm, 8px); padding: var(--spacing-sm, 8px);
}
.check_window_months {
    flex: 0 0 150px;
}
.check_window_months_title {
    font-weight: 600; font-size: var(--font_size_caption);
}
.check_window_month_item {
    cursor: pointer;
}
.check_window_table th, .check_window_table td {
    border: 1px solid var(--color-border, #ccc); padding: 4px 8px;
    text-align: left;
}
.check_window_table th {
    background: var(--color-bg-muted, #eef); position: sticky; top: 0;
}
.check_window_diff {
    color: var(--color-danger, #d32f2f); font-weight: 600;
}
.check_window_hint {
    padding: var(--spacing-md, 12px); color: var(--color-text-muted, #555);
}
.check_window_format {
    border-radius: 6px; border: 1px solid #ccc; background: white;
    font-size: var(--font_size_caption);
}
.check_window_sort_button {
    border: 0; background: transparent; color: inherit; font: inherit;
    font-weight: 600; text-align: left; cursor: pointer;
}
.check_window_sort_button:hover {
    background: transparent; color: var(--accent); transform: none;
    box-shadow: none;
}

/* Файл meter_readings_import_panel.css */

.meter_readings_import_panel__description {
    color: var(--text-2);
}
.meter_readings_import_panel__description p {
    margin: 0;
}
.meter_readings_import_panel__rules {
    padding-left: calc(var(--spacing_small) * 2);
}
.meter_readings_import_progress {
    z-index: 1100; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    box-shadow: var(--shadow); pointer-events: none;
}
@media (orientation: portrait), (max-width: 680px) {
    .meter_readings_import_panel__actions {
        grid-template-columns: minmax(0, 1fr);
    }
    .meter_readings_import_panel__cancel {
        grid-column: auto;
    }
}

/* Файл meter_readings_compare_panel.css */

.meter_readings_compare_panel {
    grid-template-rows: auto minmax(0, 1fr); min-height: min(68vh, 720px);
}
.meter_readings_compare_panel__summary {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-2);
}
.meter_readings_compare_panel__empty {
    place-items: center; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--text-2);
}
@media (orientation: portrait), (max-width: 760px) {
    .meter_readings_compare_panel {
        min-height: 72vh;
    }
}

/* Файл create_tab_.css */

.meter-readings-fixed-widths .data-table {
    width: max-content; min-width: max-content;
}
.meter-readings-fixed-widths .table-wrapper {
    scrollbar-gutter: stable;
}
.meter-readings-fixed-widths .normative-highlight-cell {
    background-color: var( --meter-reading-normative-color, #e0e0e0
    ) !important;
}
.meter-readings-fixed-widths .resident-highlight-cell {
    background-color: var( --meter-reading-resident-color, #e6d9f2
    ) !important;
}
.meter-readings-fixed-widths .data-table tbody
.table-row.row-group-end .table-cell-cell {
    border-bottom: 1px solid #000080 !important;
}
.meter-readings-fixed-widths {
    width: calc(100% + var(--table-workspace-edge-gap));
    height: calc(100% + var(--table-workspace-edge-gap));
    margin-right: calc(0px - var(--table-workspace-edge-gap));
    margin-bottom: calc(0px - var(--table-workspace-edge-gap));
}

/* Файл common_house_meter_readings.css */

.common-house-readings .grid-container {
    grid-template-columns: max-content minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important; height: 100%; min-height: 0;
    overflow: hidden;
}
.common-house-readings__save-button-text {
    line-height: 1.15; text-align: center;
}
.common-house-readings .table-widget-container {
    height: 100%; min-height: 0;
}
@media (orientation: portrait), (max-width: 680px) {
    .common-house-readings .grid-container {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Файл tab_meter_readings.css */

.meter-readings-scope-container {
    --meter-readings-scope-inset: 6px;
    width: calc( 100% + var(--meter-readings-scope-inset) +
    var(--meter-readings-scope-inset) );
    height: calc( 100% + var(--meter-readings-scope-inset) +
    var(--meter-readings-scope-inset) );
    margin: calc(0px - var(--meter-readings-scope-inset));
}

/* Файл tab_receipt.css */

.tab_receipt_body {
    flex-direction: row;
}
.tab_receipt_periods {
    flex: 0 0 14%; width: 14%;
}
.tab_receipt_viewer {
    flex: 1 1 86%; width: 86%;
}
.tab_receipt_viewer .PDFViewer-container {
    padding: 0;
}
.tab_receipt_viewer .react-pdf__Document, .tab_receipt_viewer .PDFViewer-page,
.tab_receipt_viewer .react-pdf__Page {
    width: 100%;
}
.tab_receipt_viewer .react-pdf__Page__canvas {
    width: 100% !important; height: auto !important;
}
.tab_receipt_viewer_empty {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    color: var(--text-3); font-size: var(--font_size_caption);
}
@media (orientation: portrait) {
    .tab_receipt_root {
        height: 100%; padding-right: 2px; overflow-x: hidden; overflow-y: auto;
        scrollbar-gutter: stable;
    }
    .tab_receipt_body {
        flex: 0 0 auto; flex-direction: column;
    }
    .tab_receipt_periods {
        flex: 0 0 auto; width: 100%; height: clamp(220px, 36dvh, 340px);
        min-width: 0; min-height: 220px;
    }
    .tab_receipt_viewer {
        flex: 0 0 auto; width: 100%; min-height: 720px; overflow: visible;
    }
    .tab_receipt_viewer .PDFViewer-container {
        height: auto; min-height: 720px; overflow: visible;
    }
    .tab_receipt_viewer_empty {
        min-height: 360px;
    }
}
.receipt_generation_panel_section {
    --frp-text: var(--text-2); --frp-text-muted: var(--text-3);
    --frp-accent: var(--accent); --frp-accent-soft: var(--bg-2);
    --frp-accent-strong: var(--accent-blue); --frp-radius: 10px;
    --frp-radius-sm: 8px; color: var(--frp-text);
    font-family: var(--font_family_interface);
}
.receipt_generation_panel_title {
    font-size: var(--font_size_0); font-weight: 600;
    color: var(--frp-text-muted);
}
.receipt_generation_panel_title::before {
    content: ""; display: inline-block; width: 4px; height: 14px;
    border-radius: 2px; background: var(--frp-accent);
}
.receipt_generation_panel_summary {
    gap: 8px 10px; font-size: var(--font_size_0); color: var(--frp-text-muted);
}
.receipt_generation_panel_summary > span {
    display: inline-flex; align-items: center; gap: 6px; border-radius: 999px;
}
.receipt_generation_panel_summary > span b {
    font-weight: 600; color: var(--frp-accent);
    font-variant-numeric: tabular-nums;
}
.receipt_generation_panel_actions button {
    border-radius: var(--frp-radius-sm) !important;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform
    0.05s ease;
}
.receipt_generation_panel_actions button:hover {
    box-shadow: 0 1px 2px rgba(79, 70, 229, 0.15), 0 4px 12px rgba(79, 70, 229,
    0.18);
}
.receipt_generation_panel_actions button:active {
    transform: translateY(1px);
}
.receipt_generation_panel_label {
    font-size: var(--font_size_0); color: var(--frp-text-muted);
    font-weight: 500;
}
.receipt_generation_panel_select {
    border: 1px solid var(--border); border-radius: var(--frp-radius-sm);
    background: transparent; color: var(--frp-text); outline: none;
}
.receipt_generation_panel_select:focus {
    border-color: var(--frp-accent);
}
.receipt_generation_panel_checkbox {
    cursor: pointer; user-select: none; color: var(--frp-text);
    line-height: 1.35;
}
.receipt_generation_panel_hint {
    font-size: var(--font_size_button); color: var(--frp-text-muted);
    line-height: 1.4;
}
@media (max-width: 720px) {
    .receipt_generation_panel_section {
        padding: 12px;
    }
    .receipt_generation_panel_summary {
        padding: 8px 10px;
    }
    .receipt_generation_panel_actions {
        justify-content: stretch;
    }
    .receipt_generation_panel_actions button {
        width: 100%;
    }
}

/* Файл receipt_upload_panel.css */

.receipt_upload_mode {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    cursor: pointer;
}
.receipt_upload_mode input {
    margin-top: 3px;
}
.receipt_upload_field {
    color: var(--text-2);
}
.receipt_upload_field input, .receipt_upload_field select {
    width: 100%; min-height: 38px; padding: 6px 10px;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); box-sizing: border-box;
}
.receipt_upload_file_name {
    color: var(--text-3); overflow-wrap: anywhere;
}
.receipt_upload_hint {
    border-radius: var(--spacing_small); background: var(--bg-2);
    color: var(--text-3); line-height: 1.4;
}
@media (max-width: 720px) {
    .receipt_upload_grid {
        grid-template-columns: 1fr;
    }
    .receipt_upload_actions {
        flex-direction: column-reverse;
    }
    .receipt_upload_actions button {
        width: 100%;
    }
}

/* Файл receipt_download_panel.css */

.download-panel__section-title {
    font-weight: 500;
}
.download-panel__status-info {
    color: var(--text-3);
}
.download-panel__controls > div {
    margin-bottom: 16px;
}

/* Файл debtor_card.css */

.debtor-card-page__layout {
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, .72fr);
}
.debtor-card-page__apartments, .debtor-card-page__settings {
    display: flex; flex-direction: column; min-height: 0; overflow: hidden;
}
.debtor-card-page__title {
    color: var(--blue-navy); font-size: var(--font_size_1); font-weight: 700;
}
.debtor-card-page__field {
    grid-template-columns: minmax(0, 1fr) minmax(130px, .9fr);
    color: var(--text-1); font-size: var(--font_size_0);
}
.debtor-card-page__format-value {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
}
.debtor-card-page__summary, .debtor-card-page__note {
    margin-top: var(--spacing_small); color: var(--text-1);
    font-size: var(--font_size_0); line-height: 1.3;
}
.debtor-card-page__note {
    color: var(--text-3);
}
@media (orientation: portrait), (max-width: 760px) {
    .debtor-card-page {
        overflow: auto;
    }
    .debtor-card-page__layout {
        grid-template-columns: minmax(0, 1fr); height: auto; min-height: 100%;
    }
    .debtor-card-page__field {
        grid-template-columns: minmax(0, 1fr);
    }
    .debtor-card-page__apartments {
        min-height: 48dvh;
    }
}
.debtor-card-page__report-type-button {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--blue-navy); font: inherit;
    cursor: pointer;
}
.debtor-card-page__report-type-button:hover {
    border-color: var(--accent);
}
.debtor-card-report-types__item {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); text-align: left;
    cursor: pointer;
}
.debtor-card-report-types__item input {
    flex: 0 0 auto; margin-top: calc(var(--spacing_small) / 2);
    accent-color: var(--accent);
}
.debtor-card-report-types__item:hover, .debtor-card-report-types__item.active {
    border-color: var(--accent);
}
.debtor-card-report-types__title {
    color: var(--blue-navy); font-size: var(--font_size_1); font-weight: 700;
}
.debtor-card-report-types__description {
    color: var(--text-3); font-size: var(--font_size_0); line-height: 1.35;
}
.debtor-card-page__report-type-button {
    text-align: left; line-height: 1.25;
}

/* Файл window_add_service.css */

/* Файл norm_people_settings.css */

.norm-people-settings__hint {
    color: var(--text-secondary);
}
.norm-people-settings__table {
    table-layout: fixed;
}
.norm-people-settings__table th, .norm-people-settings__table td {
    padding: var(--spacing_small);
    border-bottom: 1px solid var(--divider-soft); text-align: left;
}
.norm-people-settings__table input {
    width: 100%; min-width: 0; min-height: var(--button-min-height);
    padding: var(--spacing_xs) var(--spacing_small);
    border: 1px solid var(--border-color); border-radius: var(--radius_xs);
    background: var(--input-background); color: var(--text-primary);
    font: inherit; box-sizing: border-box;
}
.norm-people-driver-overlay {
    z-index: 1099;
}
.norm-people-driver-panel {
    z-index: 1100;
}

/* Файл 01.css */

.service-layout {
    margin-right: 0px;
}
.service-card--sidebar, .service-card--content {
    display: flex; flex-direction: column; min-height: 0; overflow: hidden;
}
.service-layout .service-card__header {
    display: flex; margin-bottom: 10px; align-items: flex-start;
    justify-content: space-between; gap: 16px;
}
.service-card__title {
    font-size: var(--font_size_button); font-weight: 700; line-height: 1.2;
    color: #172033;
}
.service-card__subtitle {
    margin: 5px 0 0 0; font-size: var(--font_size_caption); line-height: 1.4;
    color: #6b7280;
}
.service-card__body--pivot > * {
    flex: 1; min-height: 0;
}
.service-toolbar {
    gap: 8px;
}
.badge-current, .badge-planned, .badge-archive {
    display: inline-flex; align-items: center; border-radius: 999px;
    padding: 3px 10px; font-size: var(--font_size_caption); font-weight: 700;
    line-height: 1.4; white-space: nowrap;
}
.badge-current {
    background: #dcfce7; color: #166534;
}
.badge-planned {
    background: #ffedd5; color: #9a3412;
}
.badge-archive {
    background: #e5e7eb; color: #475569;
}
.service-card--detail {
    border: 1px solid #bfdbfe; box-shadow: inset 0 0 0 1px #dbeafe;
}
.service-card__header--detail {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    border-bottom: 1px solid #dbeafe;
}
.service-card__header--detail::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
    background: linear-gradient(180deg, #3b82f6 0%, #60a5fa 100%);
    border-radius: 0 4px 4px 0;
}
.service-detail-badge {
    padding: 4px 10px; border-radius: 999px; background: #dbeafe;
    color: #1d4ed8; font-size: var(--font_size_caption); font-weight: 700;
    line-height: 1; letter-spacing: 0.02em;
}
.service-card--sidebar .service-toolbar--stack {
    align-items: stretch;
}
.drawer-panel--service .drawer-body {
    padding-top: 0px;
}
.service-layout {
    padding-bottom: 0px;
}
.norm-value-label {
    font-size: var(--font_size_caption); line-height: 1.4; color: #6b7280;
}
.norm-value-input {
    border: 1px solid #cfd8e6; border-radius: 8px; background: #ffffff;
    font-size: var(--font_size_caption); line-height: 1.4; color: #172033;
    outline: none; transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
@media (max-aspect-ratio: 1 / 1) {
    .service-layout, .service-layout--wide {
        grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto;
        height: auto; min-height: 100%; overflow: visible;
    }
    .service-card--sidebar, .service-card--content {
        min-height: 0; overflow: visible;
    }
    .service-card__body {
        overflow: visible;
    }
    .drawer-panel--service .drawer-body {
        overflow-y: auto; overscroll-behavior-y: contain;
    }
    .drawer-panel--service .tab-widget-container,
    .drawer-panel--service .tab-container-top,
    .drawer-panel--service .tab-content-wrapper,
    .drawer-panel--service .tab-content-item.active {
        height: auto !important; max-height: none !important; min-height: 0;
        overflow: visible !important;
    }
    .drawer-panel--service .service-layout .table-widget,
    .drawer-panel--service .service-layout .table-container,
    .drawer-panel--service .service-layout .table-wrapper,
    .drawer-panel--service .service-layout .pivot-table-container {
        height: auto !important; max-height: none !important;
        overflow: visible !important;
    }
}
.service-card__heading-row .info-driver-button {
    width: 24px; height: 24px; flex-basis: 24px;
}
.service-card--sidebar .service-toolbar {
    justify-content: flex-end;
}
@media (max-width: 760px) {
    .service-layout .service-card__header {
        flex-direction: column;
    }
    .service-card--sidebar .service-toolbar {
        width: 100%; justify-content: stretch;
    }
    .service-card--sidebar .service-toolbar .btn {
        flex: 1 1 150px;
    }
}

/* Файл 02.css */

@media (max-aspect-ratio: 1 / 1) {
    .drawer-panel--service {
        width: 100% !important; max-width: 100vw;
    }
    .drawer-panel--service .drawer-body {
        max-width: 100%; padding: var(--spacing_small); overflow-x: hidden;
    }
    .drawer-panel--service .tab-widget-container,
    .drawer-panel--service .tab-container-top,
    .drawer-panel--service .tab-content-wrapper,
    .drawer-panel--service .tab-content-item.active,
    .drawer-panel--service .add-service-form,
    .drawer-panel--service .form-field-container,
    .drawer-panel--service .form-field-row,
    .drawer-panel--service .form-field-item,
    .drawer-panel--service .form-field-content {
        width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;
    }
    .drawer-panel--service .form-field-row {
        display: block;
    }
    .drawer-panel--service .form-field-item {
        margin-bottom: var(--font_size_0);
    }
    .drawer-panel--service .form-field-content,
    .drawer-panel--service .form-field-left .form-field-content,
    .drawer-panel--service .form-field-right .form-field-content {
        align-items: stretch; flex-direction: column;
        gap: calc(var(--spacing_small) * .5);
    }
    .drawer-panel--service .form-field-text {
        min-width: 0; white-space: normal;
    }
    .drawer-panel--service .form-field-input,
    .drawer-panel--service .form-field-textarea,
    .drawer-panel--service .form-field-select {
        width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;
    }
    .drawer-panel--service .add-service-actions {
        width: 100%; justify-content: flex-end;
    }
}
.service-detail-heading-row .service-detail-badge {
    margin-bottom: 0;
}
.service-detail-heading-row .info-driver-button {
    width: 24px; height: 24px; flex-basis: 24px;
}
.service-period-pivot .header-label {
    white-space: nowrap;
}

/* Файл window_service.css */

/* Файл tab_tarif_and_servises.css */

.services-table-layout {
    grid-template-columns: minmax(0, 1fr) 118px;
}
.services-table-layout__actions > * {
    max-width: 100%;
}
@media (orientation: portrait) {
    .services-table-layout {
        height: auto; min-height: 100%; grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(56dvh, 1fr) auto; gap: 6px;
    }
    .services-table-layout__table {
        min-height: 56dvh;
    }
    .services-table-layout__actions {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }
}

/* Файл tariff_benefit_documents.css */

.drawer-panel--tariff-benefits .tariff-benefits__editor-panel {
    max-height: calc(100dvh - 92px); overflow-x: hidden; overflow-y: auto;
    scrollbar-gutter: stable;
}
.tariff-benefits__field textarea {
    width: 100%; min-height: 82px; padding: 7px 9px;
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); color: var(--text-2); font: inherit;
    resize: vertical; box-sizing: border-box;
}
.tariff-benefits__field textarea:focus {
    outline: 2px solid color-mix(in srgb, var(--accent) 30%, transparent);
    border-color: var(--accent);
}
.tariff-benefits__documents {
    padding-top: var(--font_size_caption); border-top: 1px solid var(--border);
}
.tariff-benefits__documents h4 {
    margin: 0; color: var(--text-1); font-size: var(--font_size_1);
}
.tariff-benefits__upload {
    border: 1px solid var(--accent); border-radius: 8px;
    background: var(--bg-1); color: var(--accent-blue);
    font-size: var(--font_size_button); text-align: center; cursor: pointer;
}
.tariff-benefits__upload:hover {
    background: color-mix(in srgb, var(--accent) 8%, var(--bg-2));
}
.tariff-benefits__upload.is-disabled {
    border-color: var(--border); color: var(--text-3); cursor: default;
}
.tariff-benefits__upload input {
    position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0;
    pointer-events: none;
}
.tariff-benefits__documents .doc-card__attachments {
    min-width: 0;
}
@media (max-width: 1100px) {
    .drawer-panel--tariff-benefits .tariff-benefits__editor-panel {
        max-height: none; overflow-y: visible;
    }
}
.tariff-benefits__documents > .doc-card__file-list,
.tariff-benefits__documents > .doc-card__empty,
.tariff-benefits__documents > .doc-card__attachments-footer {
    grid-column: 1 / -1;
}

/* Файл tariff_benefits.css */

.tariff-benefits {
    color: var(--text-2);
}
.tariff-benefits__list-panel, .tariff-benefits__editor-panel,
.tariff-benefits__pivot-panel {
    min-height: 0; padding: 12px; border: 1px solid var(--border);
    border-radius: 12px; background: var(--card); box-shadow: var(--shadow);
    box-sizing: border-box;
}
.tariff-benefits__list-panel, .tariff-benefits__pivot-panel {
    display: flex; flex-direction: column;
}
.tariff-benefits__pivots {
    grid-template-columns: minmax(240px, 1fr) minmax(320px, 1.4fr);
}
.tariff-benefits__panel-heading {
    display: flex;
}
.tariff-benefits__list-heading {
    display: block;
}
.tariff-benefits__list-heading .btn {
    width: auto; min-width: 150px; flex: 0 0 auto;
}
.tariff-benefits__panel-heading h3 {
    margin: 0 0 3px; color: var(--text-1); font-size: var(--font_size_1);
}
.tariff-benefits__panel-heading p {
    margin: 0; color: var(--text-3); font-size: var(--font_size_button);
}
.tariff-benefits__table-wrap {
    border: 1px solid var(--border); border-radius: 8px;
}
.tariff-benefits__table {
    font-size: var(--font_size_button);
}
.tariff-benefits__table th, .tariff-benefits__table td {
    padding: 8px 10px; border-bottom: 1px solid var(--border);
    text-align: left; vertical-align: top;
}
.tariff-benefits__table th {
    position: sticky; top: 0; z-index: 1; background: var(--bg-2);
    color: var(--text-1);
}
.tariff-benefits__table tbody tr {
    cursor: pointer;
}
.tariff-benefits__table tbody tr:hover,
.tariff-benefits__table tbody tr.is-selected {
    background: var(--accent-orange-bg);
}
.tariff-benefits__empty, .tariff-benefits__loading {
    padding: 24px; text-align: center; color: var(--text-3);
}
.tariff-benefits__field {
    color: var(--text-3); font-size: var(--font_size_button);
}
.tariff-benefits__field input, .tariff-benefits__field select {
    width: 100%; min-height: 36px; padding: 7px 9px;
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); color: var(--text-2); font: inherit;
    box-sizing: border-box;
}
.tariff-benefits__field input:focus, .tariff-benefits__field select:focus {
    outline: 2px solid color-mix(in srgb, var(--accent) 30%, transparent);
    border-color: var(--accent);
}
.tariff-benefits__actions {
    margin-top: 14px;
}
.tariff-benefits__pivot-panel .pivot-table-container {
    min-height: 0; overflow: auto;
}
@media (max-width: 1100px) {
    .tariff-benefits {
        height: auto;
    }
    .tariff-benefits__pivots {
        grid-template-columns: 1fr;
    }
}
@media (orientation: portrait) {
    .tariff-benefits {
        height: 100%; min-height: 0; padding: 7px; overflow-x: hidden;
        overflow-y: auto;
    }
    .tariff-benefits__list-panel {
        height: auto; min-height: 100%;
    }
    .tariff-benefits__panel-heading {
        align-items: stretch; flex-direction: column;
    }
    .tariff-benefits__panel-heading .btn {
        width: 100%;
    }
    .tariff-benefits__list-heading {
        display: block;
    }
    .tariff-benefits__list-heading .btn {
        width: auto; min-width: 132px;
    }
    .tariff-benefits__list-heading p {
        margin-top: 5px;
    }
    .tariff-benefits__table-wrap {
        flex: 0 0 auto; overflow-x: hidden; overflow-y: visible; border: 0;
        border-radius: 0;
    }
    .tariff-benefits__table, .tariff-benefits__table tbody,
    .tariff-benefits__table tr, .tariff-benefits__table td {
        display: block; width: 100%;
    }
    .tariff-benefits__table thead {
        display: none;
    }
    .tariff-benefits__table tbody {
        display: flex; min-width: 0; flex-direction: column; gap: 8px;
    }
    .tariff-benefits__table tbody tr {
        min-width: 0; overflow: hidden; border: 1px solid var(--border);
        border-radius: 8px; background: var(--bg-1); box-shadow: var(--shadow);
    }
    .tariff-benefits__table tbody td {
        display: grid; min-width: 0;
        grid-template-columns: minmax(100px, 34%) minmax(0, 1fr); gap: 8px;
        padding: 8px; border-bottom: 1px solid var(--border);
        white-space: normal; overflow-wrap: anywhere; word-break: break-word;
    }
    .tariff-benefits__table tbody td:last-child {
        border-bottom: 0;
    }
    .tariff-benefits__table tbody td::before {
        content: attr(data-label); color: var(--text-3); font-weight: 600;
    }
    .tariff-benefits__table tbody td.tariff-benefits__empty {
        display: block; text-align: center;
    }
    .tariff-benefits__table tbody td.tariff-benefits__empty::before {
        content: none;
    }
}

/* Файл tariff_benefit_assignments.css */

.drawer-panel--tariff-benefits .drawer-body {
    background: var(--bg-2);
}
.tariff-benefits__drawer-loading {
    padding: 32px; color: var(--text-3); text-align: center;
}
.tariff-benefits__drawer-workspace {
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}
.tariff-benefits__assignment-panel {
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--card); box-shadow: var(--shadow);
}
.tariff-benefits__assignment-empty {
    border: 1px dashed var(--border); border-radius: 8px;
}
.tariff-benefits__assignment-widget {
    height: min(360px, 45dvh);
}
.tariff-benefits__assignment-widget .table-container,
.tariff-benefits__assignment-widget .table-wrapper {
    width: 100%; min-width: 0; max-width: 100%;
}
@media (max-width: 1100px) {
    .tariff-benefits__drawer-workspace {
        grid-template-columns: 1fr;
    }
    .tariff-benefits__assignment-panel {
        grid-column: auto;
    }
}
@media (max-width: 700px) {
    .tariff-benefits__assignment-widget {
        height: min(320px, 42dvh); min-height: 200px;
    }
}
@media (orientation: portrait) {
    .tariff-benefits__assignment-widget {
        height: clamp(220px, 44dvh, 360px); min-height: 0;
        max-height: clamp(220px, 44dvh, 360px);
    }
    .tariff-benefits__assignment-widget .table-wrapper,
    .tariff-benefits__assignment-widget .portrait-column-switcher-wrapper {
        height: 100%; min-height: 0; max-height: 100%; overflow-x: hidden;
        overflow-y: auto;
    }
}

/* Файл counterparty_download_panel.css */

.counterparty-download-title {
    color: var(--font_color_2); font-size: var(--font_size_2);
    font-weight: 700;
}
.counterparty-download-option, .counterparty-download-switch {
    display: flex; align-items: center; gap: 8px; color: var(--font_color_1);
    font-size: var(--font_size_1);
}
.counterparty-download-option {
    padding: 9px 14px; border: 1px solid var(--border_color_1);
    border-radius: var(--border_radius_1);
    background: var(--background_color_1);
}
.counterparty-download-switch {
    border: 1px solid var(--border_color_1);
    border-radius: var(--border_radius_1);
}
.counterparty-download-hint {
    margin: -10px 0 0; color: var(--font_color_3);
    font-size: var(--font_size_0);
}
.counterparty-download-pivot {
    max-height: 52vh;
}

/* Файл info_blocks.css */

.info_blocks__card {
    border-color: var(--border); background: var(--bg-1);
}
.info_blocks__card--clickable {
    cursor: pointer;
}
.info_blocks__card--clickable:hover {
    border-color: var(--accent); background: var(--bg-2);
}
.info_blocks__card--clickable:focus-visible {
    outline: none; box-shadow: 0 0 0 3px rgba(61, 132, 196, 0.18);
}
.info_blocks__card--active {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent), var(--shadow);
}
.info_blocks__value {
    color: var(--blue-navy); font-size: var(--font_size_2); font-weight: 700;
    line-height: 1;
}
.info_blocks__card--success .info_blocks__value {
    color: var(--success, #22a35a);
}
.info_blocks__card--warning .info_blocks__value {
    color: var(--warning, #f39a1e);
}
.info_blocks__card--danger .info_blocks__value {
    color: var(--danger, #e34f4f);
}
@media (orientation: portrait), (max-width: 980px) {
    .info_blocks {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
    .info_blocks {
        grid-template-columns: 1fr;
    }
}

/* Файл management_object_contacts.css */

.management-contacts {
    border: 1px solid var(--border); border-radius: var(--font_size_1);
    background: var(--bg-1);
}
.management-contacts .counterparty-toolbarbtn_primary:disabled {
    opacity: 0.5; box-shadow: none; cursor: not-allowed;
}
.management-contacts__filter {
    outline: none; border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--blue-navy); font-size: var(--font_size_0); font-weight: 600;
    cursor: pointer;
}
.management-contacts__filter:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(61, 132, 196, 0.14);
}
.management-contacts__tablewrap {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1);
}
.management-contacts__table {
    min-width: 840px; color: var(--blue-navy); font-size: var(--font_size_0);
}
.management-contacts__table th, .management-contacts__table td {
    padding: calc(var(--spacing_small) * 0.75) var(--spacing_small);
    border-bottom: 1px solid var(--border); text-align: left;
    vertical-align: middle;
}
.management-contacts__table th {
    position: sticky; z-index: 1; top: 0; background: var(--accent);
    color: var(--on-accent); font-weight: 600;
}
.management-contacts__table tbody tr {
    cursor: pointer; transition: background 0.15s ease;
}
.management-contacts__table tbody tr:nth-child(even) {
    background: var(--bg-2);
}
.management-contacts__table tbody tr:hover,
.management-contacts__table tbody tr.is-selected {
    background: var(--selection-background);
}
.management-contacts__table tbody tr.is-dismissed td {
    color: var(--text-3);
}
.management-contacts__table .management-contacts__indicator-cell {
    width: 32px; min-width: 32px; max-width: 32px; box-sizing: border-box;
    padding-right: calc(var(--spacing_small) / 2);
    padding-left: calc(var(--spacing_small) / 2); text-align: center;
}
.management-contacts__indicator {
    width: 20px; height: 20px; border: 1px solid currentColor;
    border-radius: 50%; font-size: var(--font_size_caption); font-weight: 700;
    line-height: 1;
}
.management-contacts__indicator.is-active {
    background: var(--status-success-background);
    color: var(--status-success-text);
}
.management-contacts__indicator.is-dismissed {
    background: var(--bg-2); color: var(--text-3);
}
.management-contacts__empty {
    padding: calc(var(--font_size_0) * 2); color: var(--text-3);
    font-size: var(--font_size_0); text-align: center;
}
.management-contacts__form textarea {
    width: 100%; resize: vertical;
}
@media (max-width: 768px) {
    .management-contacts__header {
        flex-direction: column;
    }
    .management-contacts__header .counterparty-toolbar {
        width: 100%;
    }
}

/* Файл house_download_panel.css */

.house-download-panel {
    background: var(--bg-2);
}
.house-download-card {
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-1); box-shadow: var(--shadow);
}
.house-download-card.is-disabled {
    opacity: .58;
}
.house-download-title {
    color: var(--text-2); font-size: var(--font_size_1); font-weight: 600;
}
.house-download-mode-grid {
    display: flex;
}
.house-download-option, .house-download-check, .house-download-mode {
    display: flex; align-items: center; gap: var(--spacing_small);
    color: var(--text-2); font-size: var(--font_size_0);
}
.house-download-option {
    min-width: 88px; border: 1px solid var(--border);
    border-radius: var(--radius_medium); background: var(--bg-1);
}
.house-download-hint {
    color: var(--text-3); font-size: var(--font_size_0);
}
.house-download-mode-grid {
    display: grid;
}
.house-download-mode {
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-1);
}
.house-download-mode > span {
    display: flex; min-width: 0; flex-direction: column;
    gap: var(--spacing_compact);
}
.house-download-mode strong {
    font-size: var(--font_size_0); font-weight: 600;
}
.house-download-mode small {
    color: var(--text-3); font-size: var(--font_size_0); line-height: 1.25;
}
@media (max-width: 680px) {
    .house-download-mode-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Файл house_details.css */

.house-details-body {
    grid-template-columns: minmax(0, 1.6fr) 2px minmax(0, 1fr);
    grid-template-areas: "params divider apartments" "files  files   files";
}
.house-details-divider {
    grid-area: divider; width: 2px; background: var(--accent);
    border-radius: var(--spacing_small);
}
.house-details-subtitle {
    color: var(--blue-navy); font-size: var(--font_size_1); font-weight: 600;
}
.house-details-params {
    grid-area: params;
}
.house-details-paramrow > span {
    min-width: 0; max-width: 42%; flex: 0 1 auto; overflow-wrap: anywhere;
}
.house-details-paramrow + .house-details-paramrow {
    margin-top: var(--spacing_xs);
}
.house-details-paramrow .app-input {
    max-width: 100%; flex: 1 1 0;
}
.house-details-savebtn {
    border: none; border-radius: var(--spacing_small);
    background: var(--accent); color: var(--on-accent);
    font-size: var(--font_size_0); font-weight: 600; cursor: pointer;
    transition: 0.15s ease;
}
.house-details-apartments {
    position: relative; grid-area: apartments;
    height: calc(100% - (var(--font_size_0) * 2)); align-self: start;
}
.house-details-apartments-inner {
    position: absolute; inset: 0;
}
.house-details-apartmentshead, .house-details-apartmentrow {
    display: grid; min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--spacing_small); align-items: center;
}
.house-details-apartmentshead {
    z-index: 2; padding: var(--spacing_xs) 0; background: var(--bg-1);
}
.house-details-apartmentshead > span {
    color: var(--text-3); font-size: var(--font_size_0); font-weight: 600;
}
.house-details-apartmentnum {
    color: var(--blue-navy); font-size: var(--font_size_0);
}
.house-details-apartmentsbody {
    padding-right: var(--spacing_xs); scrollbar-gutter: stable;
    overscroll-behavior: contain;
}
.house-details-files {
    grid-area: files;
}
.house-details-files > .house-details-subtitle {
    margin-bottom: 0;
}
.house-details-files > .doc-card__file-list,
.house-details-files > .doc-card__empty,
.house-details-files > .doc-card__attachments-footer {
    grid-column: 1 / -1;
}
.house-details-upload {
    border: 1px solid var(--accent); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--accent-blue);
    font-size: var(--font_size_button); text-align: center; cursor: pointer;
}
.house-details-upload:hover {
    background: var(--bg-2);
}
@media (max-aspect-ratio: 1 / 1), (max-width: 768px) {
    .house-details-body {
        width: 100%; grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "params" "apartments" "files";
    }
    .house-details-divider {
        display: none;
    }
    .house-details-paramrow {
        flex-direction: column; align-items: stretch;
        gap: calc(var(--spacing_small) / 2); padding-right: 0;
    }
    .house-details-paramrow > span, .house-details-paramrow .app-input {
        width: 100%; min-width: 100%; max-width: 100%;
    }
    .house-details-paramrow .app-input {
        display: block; flex: 0 0 auto;
    }
    .house-details-apartments {
        position: static; height: auto;
        min-height: calc(var(--font_size_0) * 14);
    }
    .house-details-apartments-inner {
        position: static; max-height: 430px; inset: auto;
    }
    .house-details-apartmentsbody {
        max-height: 360px;
    }
}
.house-details-sectionhead > .house-details-subtitle {
    margin-bottom: 0;
}

/* Файл layout_and_toolbar.css */

.counterparty-page {
    background: var(--bg-2);
}
.counterparty-pageside {
    flex: 0 0 210px;
}
.counterparty-pagemain .grid-container,
.counterparty-pagemain .grid-container.scrollable,
.counterparty-pagemain .grid-item {
    height: auto !important; max-height: none !important;
    overflow: visible !important;
}
.counterparty-sectiontitle {
    color: var(--blue-navy); font-size: var(--font_size_3); font-weight: 700;
    line-height: 1.15;
}
.counterparty-sectionsubtitle {
    margin: calc(var(--spacing_small) / 2) 0 0; color: var(--text-2);
    font-size: var(--font_size_1); font-weight: 600;
}
.counterparty-toolbarbtn {
    border: 1px solid transparent; border-radius: var(--spacing_small);
    font-size: var(--font_size_0); font-weight: 600; line-height: 1;
    cursor: pointer; transition: 0.15s ease;
}
.counterparty-toolbarbtn_primary {
    background: var(--accent); color: var(--on-accent);
    box-shadow: var(--shadow);
}
.counterparty-toolbarbtn_primary:hover {
    background: var(--accent-blue);
}
.counterparty-toolbarbtn_secondary {
    border-color: var(--border); background: var(--bg-1);
    color: var(--blue-navy);
}
.counterparty-toolbarbtn_secondary:hover:not(:disabled):not(.is-disabled) {
    border-color: var(--accent); background: var(--bg-2);
    color: var(--accent-blue);
}
.counterparty-toolbarbtn_secondary.is-disabled,
.counterparty-toolbarbtn_secondary:disabled,
.counterparty-toolbarbtn_danger.is-disabled,
.counterparty-toolbarbtn_danger:disabled {
    opacity: 0.5; box-shadow: none; cursor: not-allowed;
}
.counterparty-toolbarbtn_danger {
    border-color: var(--accent-red); background: var(--bg-1);
    color: var(--accent-red);
}
.counterparty-toolbarbtn_danger:hover:not(:disabled):not(.is-disabled) {
    background: var(--bg-2);
}
.counterparty-toolbaricon {
    font-size: var(--font_size_0); line-height: 1;
}
.counterparty-tablehint {
    color: var(--text-3); font-size: var(--font_size_0); text-align: right;
    user-select: none;
}
.counterparty-pivot .hierarchy-row.is-clickable {
    cursor: pointer;
}
.counterparty-pivot .hierarchy-row.is-clickable:hover {
    background: var(--bg-2);
}

/* Файл driver_and_loading.css */

.counterparty-driverbody {
    padding: calc(var(--spacing_small) / 2) calc(var(--spacing_small) / 2)
    var(--font_size_1);
}
.counterparty-driversubtitle {
    color: var(--text-2); font-size: var(--font_size_0);
}
.counterparty-driverfield > span {
    color: var(--text-1); font-size: var(--font_size_0); font-weight: 600;
}
.counterparty-driverfield select, .counterparty-driverfield textarea {
    width: 100%;
    min-height: calc((var(--font_size_0) * 2) + var(--spacing_small));
    box-sizing: border-box; padding: 0 var(--font_size_0); outline: none;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.counterparty-driverfield textarea {
    height: auto; padding: var(--spacing_small) var(--font_size_0);
    resize: vertical; line-height: 1.35;
}
.counterparty-driverfield textarea::placeholder {
    color: var(--text-3);
}
.counterparty-driverfield select:focus,
.counterparty-driverfield textarea:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(61, 132, 196, 0.14);
}
.counterparty-driverfooter {
    padding: var(--font_size_0) calc(var(--spacing_small) / 2)
    var(--spacing_small);
    border-top: 1px solid var(--border); background: var(--bg-1);
}
.counterparty-driverbtn {
    border: none; border-radius: var(--spacing_small);
    font-size: var(--font_size_0); font-weight: 600; cursor: pointer;
    transition: 0.15s ease;
}
.counterparty-driverbtn:disabled {
    opacity: 0.55; cursor: not-allowed;
}
.counterparty-driverbtn_secondary {
    background: var(--bg-2); color: var(--text-1);
}
.counterparty-driverbtn_secondary:hover:not(:disabled) {
    background: var(--border);
}
.counterparty-driverbtn_primary {
    background: var(--accent); color: var(--on-accent);
    box-shadow: var(--shadow);
}
.counterparty-driverbtn_primary:hover:not(:disabled) {
    background: var(--accent-blue);
}
.counterparty-driver .counterparty-driverfield > span {
    color: var(--text-3);
}
.counterparty-driver .counterparty-driverfooter {
    display: flex; align-items: center; justify-content: flex-start;
    gap: var(--spacing_small);
    padding: var(--spacing_small) calc(var(--spacing_small) / 2);
    border-top: 0; background: transparent;
}
.counterparty-driver .counterparty-driverbtn {
    width: auto; min-width: calc(var(--font_size_0) * 6);
}
.contract_files {
    width: 100%; min-width: 0; box-sizing: border-box;
}
.contract_files > .doc-card__file-list, .contract_files > .doc-card__empty,
.contract_files > .doc-card__attachments-footer {
    width: 100%; min-width: 0; grid-column: 1 / -1; box-sizing: border-box;
}

/* Файл contracts_and_responsive.css */

.counterparty-contracttitle {
    color: var(--text-3); font-size: var(--font_size_0); font-weight: 600;
}
@media (orientation: portrait), (max-width: 980px) {
    .counterparty-page {
        flex-direction: column;
    }
    .counterparty-pagemain, .counterparty-pageside {
        width: 100%; min-width: 100%; max-width: 100%; flex: 0 0 auto;
        overflow: visible;
    }
    .counterparty-pageside {
        margin-top: var(--font_size_0);
    }
}
.counterparty-pagemain .grid-container {
    grid-auto-rows: min-content;
}
.counterparty-page .counterparty-pivot {
    height: auto; max-height: none; overflow: visible; scrollbar-gutter: auto;
}
.counterparty-page .table-widget, .counterparty-page .table-container {
    height: auto; max-height: none; overflow: visible;
}
.counterparty-page .table-wrapper {
    height: auto; max-height: none; overflow-x: auto; overflow-y: visible;
    overscroll-behavior: auto;
}
.counterparty-page {
    scrollbar-gutter: stable;
}
.counterparty-pageside {
    top: 0; max-height: calc(100dvh - 150px);
}
@media (orientation: portrait), (max-width: 980px) {
    .counterparty-pageside {
        position: static; max-height: none;
    }
}
.counterparty-contractgrid, .counterparty-contractrequisites__grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--font_size_0);
}
.counterparty-contractgrid {
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1); box-shadow: var(--shadow);
}
.counterparty-contractrequisites {
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1); box-shadow: var(--shadow);
}
.counterparty-contractrequisites__title {
    color: var(--text-3); font-size: var(--font_size_0); font-weight: 700;
}
@media (orientation: portrait), (max-width: 680px) {
    .counterparty-contractgrid, .counterparty-contractrequisites__grid {
        grid-template-columns: 1fr;
    }
    .counterparty-contractgrid__wide {
        grid-column: auto;
    }
}

/* Файл open_tab.css */

/* Файл tab.css */

.management-house-status-filter {
    border: 1px solid var(--border); border-radius: 10px;
    background: var(--bg-1); color: var(--blue-navy);
    font-size: var(--font_size_0); outline: none;
}
.management-house-status-filter:focus {
    border-color: var(--accent);
}
@media (max-width: 768px) {
    .management-objects-root .management-workspace__toolbar {
        gap: 6px;
    }
}

/* Файл meetings_and_votings.css */

.meetings-root, .meeting-card {
    background: transparent; color: inherit;
}
.meetings-table-shell, .meetings-list-shell {
    display: flex; height: 100%; min-height: 0; flex-direction: column;
}
.meetings-style .table-container {
    border-radius: 0; background: var(--bg-1); box-shadow: none;
}
.meetings-style .data-table th, .meetings-style .fixed-header,
.meetings-style .fixed-header-row {
    background: var(--accent-blue) !important;
    color: var(--on-accent) !important; font-weight: 600;
}
.meetings-style .data-table tbody td, .meetings-style .fixed-row,
.meetings-style .fixed-row-cell, .meetings-style .fixed-cell {
    background: var(--bg-1) !important; color: inherit !important;
}
.meetings-style .data-table tbody tr:hover td {
    background: #fffce6 !important;
}
.meeting-section {
    margin-right: 0;
}
.meeting-field textarea {
    width: 100%; min-height: calc(var(--font_size_0) * 5);
    box-sizing: border-box; padding: var(--spacing_small) var(--font_size_0);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: inherit; font: inherit;
    font-size: var(--font_size_0); resize: vertical;
}
.meetings-empty {
    border: 1px solid var(--accent); border-radius: var(--spacing_small);
}
.meeting-checkbox-row {
    color: inherit;
}
.meeting-question-item {
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1);
}
.meeting-question-title {
    color: inherit; font-weight: 600;
}
.meeting-answer-row input {
    flex: 1;
}
.meeting-question-actions button {
    min-width: 30px; min-height: 28px; padding: 3px 7px;
    border: 1px solid var(--border); border-radius: 7px;
    background: var(--bg-1); color: inherit; cursor: pointer;
}
.meeting-protocol-options label {
    display: flex; align-items: center; gap: var(--spacing_small);
}
@media (orientation: portrait) {
    .meeting-form-grid {
        grid-template-columns: 1fr;
    }
    .meeting-field-date, .meeting-field-period {
        grid-column: 1 / -1;
    }
}

/* Файл PaymentPeriodDriver.css */

.payment-period-driver__content .pivot-table-container {
    max-height: 60vh; overflow: auto;
}
.payment-period-driver__actions {
    padding-top: var(--spacing_regular);
    border-top: 1px solid var(--divider-soft);
}
.payment-period-driver__empty {
    background: var(--surface-muted); border-radius: var(--radius_medium);
}
@media (max-width: 680px) {
    .payment-period-driver__actions {
        align-items: stretch; flex-direction: column;
    }
    .payment-period-driver__buttons {
        justify-content: flex-end;
    }
}

/* Файл employee_resident_link.css */

.employee-resident-link,
.employee-resident-link__current,
.employee-resident-link__empty,
.employee-resident-link__current > div {
    display: flex;
    gap: var(--spacing_regular);
}

.employee-resident-link {
    flex-direction: column;
}

.employee-resident-link__current,
.employee-resident-link__empty {
    align-items: center;
    justify-content: space-between;
}

.employee-resident-link__current > div:first-child {
    flex-direction: column;
}

.employee-resident-link__actions {
    display: flex;
    gap: var(--spacing_small);
}

.employee-resident-picker {
    gap: var(--spacing_regular);
    height: 100%;
    min-height: 0;
}

.employee-resident-picker input[type='search'] {
    width: 100%;
}

.employee-resident-picker__hint {
    color: var(--text-2);
    font-size: var(--font_size_0);
}

.employee-resident-picker__table-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* Файл employee_panel.css */

.employee-panel__payment-details .form-field-container {
    align-items: flex-start; width: 100%; margin: 0;
}
.employee-panel__payment-details .form-field-row {
    width: 100%; justify-content: flex-start;
}
.employee-panel__payment-details .form-field-item {
    flex: 0 1 760px; width: 100%;
}
.employee-panel__payment-details .form-field-content {
    justify-content: flex-start;
}
.employee-panel__payment-details .form-field-text {
    min-width: 210px; text-align: left;
}
.employee-panel__payment-details .form-field-input {
    flex: 0 1 360px;
}
.employee-position-field__label {
    font-weight: 500; color: var(--text-1);
}
.employee-position-field__button {
    border: 1px solid var(--border); border-radius: var(--radius_xs);
    background: var(--input-background); color: var(--text-2); font: inherit;
    text-align: left; cursor: pointer;
}
.employee-position-field__button:focus {
    outline: none; border-color: var(--accent);
    box-shadow: 0 0 0 var(--spacing_2xs) var(--focus-ring);
}

/* Файл tab_personnel_and_salary.css */

.staff-revisions-tab, .tab-personnel-and-salary {
    display: flex; flex-direction: column; min-width: 0; min-height: 0;
    height: 100%;
}
.staff-revisions-tab__toolbar, .tab-personnel-and-salary__buttons {
    position: relative; z-index: 5; display: flex; flex: 0 0 auto;
    align-items: center; flex-wrap: wrap; gap: 8px; min-height: 42px;
    padding: 8px 4px; background: var(--bg-1);
}
.tab-personnel-and-salary > :not(.tab-personnel-and-salary__buttons),
.staff-revisions-tab > :not(.staff-revisions-tab__toolbar) {
    min-height: 0;
}
.personnel-hires__table th, .personnel-hires__table td {
    padding: 8px; border-bottom: 1px solid var(--border); text-align: left;
}
.personnel-hires__table th {
    background: var(--bg-2);
}
.personnel-hires__table tbody tr {
    cursor: pointer;
}
.personnel-hires__table tbody tr:hover {
    background: var(--bg-2);
}
.personnel-hires__toolbar button, .personnel-hires__order-link,
.personnel-hires__document-link, .personnel-hires__order-card-link,
.personnel-hires__document-form button {
    min-height: var(--button-min-height);
    padding: var(--button-padding-block) var(--button-padding-inline);
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-1); color: var(--text-1); cursor: pointer;
}
.personnel-hires__panel > label {
    display: grid; gap: 4px;
}
.personnel-hires__panel input, .personnel-hires__panel textarea,
.personnel-hires__document-form select {
    box-sizing: border-box; width: 100%; border: 1px solid var(--border);
    border-radius: 7px; padding: 7px 9px; font: inherit;
}
.personnel-hires__panel-actions, .personnel-hires__document-form {
    display: flex; flex-wrap: wrap; gap: 7px;
}
.personnel-hires__order-card-link {
    border-color: var(--accent); color: var(--accent-blue);
    text-decoration: underline; text-underline-offset: 3px;
}
.personnel-hires__documents h4 {
    margin: 0;
}
.personnel-hires__document-form > div {
    display: inline-flex;
}
.personnel-hires__documents > .doc-card__file-list,
.personnel-hires__documents > .doc-card__empty,
.personnel-hires__documents > .doc-card__attachments-footer {
    grid-column: 1 / -1;
}
.personnel-hires__document-link {
    text-align: left;
}
.employee-panel__payment-details h3 {
    margin: 0;
}

.staff-placement-date-input {
    position: absolute; width: 1px; height: 1px; opacity: 0;
    pointer-events: none;
}

.personnel-salary__content, .personnel-events {
    box-sizing: border-box; width: calc(100% - var(--spacing_tight));
    min-width: 0 !important; align-self: flex-start;
}
.personnel-events__toolbar {
    flex: 0 0 auto;
}
.personnel-event-form {
    min-width: 0;
}


.personnel-payment-account {
    grid-column: span 2;
}
.business-trip-routes {
    margin-top: var(--spacing_medium);
}
.business-trip-routes > h4 {
    margin: 0;
}
.business-trip-routes .ui-form-control {
    max-width: 100%;
}
.business-trip-documents {
    display: grid; gap: var(--spacing_tight); margin: var(--spacing_tight) 0;
}

/* Файл auto_payment_order_details.css */

.counterparty-payment-details__contract-card > h3,
.counterparty-payment-details__subsection h4 {
    margin: 0;
}
.counterparty-payment-details__subsection {
    gap: 0.9rem;
}
.counterparty-payment-details__payee {
    background: var(--surface-primary);
}
.counterparty-payment-details__subsection > label,
.counterparty-payment-details__grid label {
    display: flex; flex-direction: column; gap: 0.35rem;
}
.counterparty-payment-details__grid {
    gap: 0.9rem 1rem;
}
.counterparty-payment-details input:not([type='checkbox']),
.counterparty-payment-details select, .counterparty-payment-details textarea {
    width: 100%; box-sizing: border-box;
}
.counterparty-payment-details textarea {
    min-height: 6.5rem; resize: vertical;
}
.counterparty-payment-details__subsection >
.counterparty-payment-details__checkbox {
    display: flex; align-items: center; justify-content: flex-start;
    flex-direction: row; gap: var(--spacing_small);
}
.counterparty-payment-details__checkbox input {
    flex: 0 0 auto; margin: 0;
}
.auto-payment-orders-panel__history-toolbar {
    gap: 0.55rem;
}
.auto-payment-orders-panel__history-toolbar h3 {
    min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
.auto-payment-orders-panel__selection {
    gap: 0.45rem;
}
.auto-payment-orders-panel__selection-count,
.auto-payment-orders-panel__batch-send {
    flex: 0 0 auto; white-space: nowrap;
}
.auto-payment-orders-panel__history-table-widget {
    height: min(48vh, 520px); font-family: inherit;
}
.auto-payment-orders-panel__history-table-widget .table-header {
    font-family: inherit;
}
.auto-payment-orders-panel__history-table-widget select {
    width: 100%; min-width: 90px;
}
.auto-payment-orders-panel__columns-list {
    background: var(--surface-primary);
}
.auto-payment-orders-panel__repeat-cell {
    width: 4rem; min-width: 4rem; max-width: 4rem; text-align: center;
}
.auto-payment-orders-panel__repeat-button {
    width: 2.25rem; min-width: 2.25rem; padding-inline: 0;
}
@media (orientation: portrait) {
    .counterparty-payment-details__grid {
        grid-template-columns: 1fr;
    }
    .counterparty-payment-details__wide {
        grid-column: auto;
    }
    .auto-payment-orders-panel__history-toolbar {
        align-items: stretch; flex-wrap: wrap;
    }
    .auto-payment-orders-panel__history-toolbar h3 {
        flex: 1 1 100%;
    }
    .auto-payment-orders-panel__history-toolbar
    .auto-payment-orders-panel__selection {
        display: grid; grid-template-columns: auto 1fr; width: 100%;
        flex: 1 1 100%; margin-left: 0;
    }
    .auto-payment-orders-panel__selection-count {
        justify-self: end;
    }
    .auto-payment-orders-panel__batch-send {
        grid-column: 1 / -1; justify-self: end;
    }
}

/* Файл sale_templates_panel.css */

.sale-templates-panel .drawer-body {
    padding: var(--spacing_small);
}
.sale-templates-panel__layout {
    grid-template-columns: minmax(230px, 0.55fr) minmax(560px, 1.9fr);
}
.sale-templates-panel__list, .sale-templates-panel__editor,
.sale-templates-panel__form, .sale-templates-panel__items,
.sale-templates-panel__history {
    min-width: 0; min-height: 0;
}
.sale-templates-panel__section-header, .sale-templates-panel__actions,
.sale-templates-panel__item-title, .sale-templates-panel__weekdays,
.sale-templates-panel__field-title {
    display: flex; align-items: center; gap: var(--spacing_small);
}
.sale-templates-panel__section-header, .sale-templates-panel__item-title {
    justify-content: space-between;
}
.sale-templates-panel__section-header h3, .sale-templates-panel__history h3 {
    margin: 0;
}
.sale-templates-panel__template-list, .sale-templates-panel__items-list {
    display: flex; min-height: 0; flex: 1; flex-direction: column;
    gap: var(--spacing_small); overflow: auto;
    margin-top: var(--spacing_small);
}
.sale-templates-panel__template {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); text-align: left;
    cursor: pointer;
}
.sale-templates-panel__template.is-active {
    border-color: var(--accent); box-shadow: 0 0 0 2px var(--focus-ring);
}
.sale-templates-panel__template span, .sale-templates-panel__buyer-info {
    color: var(--text-3);
}
.sale-templates-panel__grid label {
    display: flex; min-width: 0; flex-direction: column; gap: 4px;
}
.sale-templates-panel__grid input:not([type="checkbox"]),
.sale-templates-panel__grid select {
    width: 100%; min-height: 34px; box-sizing: border-box;
}
.sale-templates-panel__grid select[multiple] {
    min-height: 110px;
}
.sale-templates-panel__check, .sale-templates-panel__weekdays label {
    flex-direction: row !important; align-items: center;
}
.sale-templates-panel__items {
    background: var(--surface-secondary);
}
.sale-templates-panel__items-list {
    border-radius: var(--border_radius); background: var(--surface-secondary);
}
.sale-templates-panel__item {
    border: 1px solid var(--divider-soft); border-radius: var(--border_radius);
    background: var(--surface-primary); box-shadow: var(--shadow);
}
.sale-templates-panel__item + .sale-templates-panel__item {
    margin-top: var(--spacing_small);
}
.sale-templates-panel__item-title button {
    border: none; background: transparent; color: var(--accent-red);
    cursor: pointer;
}
.sale-templates-panel__field-title .info-driver-button {
    flex: 0 0 auto;
}
.sale-templates-panel__history table {
    width: 100%; border-collapse: collapse;
}
.sale-templates-panel__history th, .sale-templates-panel__history td {
    padding: var(--spacing_small); border: 1px solid var(--border);
    text-align: left; vertical-align: top;
}
.sale-templates-panel__history th {
    background: var(--bg-2);
}
.sale-templates-panel__attachments {
    gap: 10px 18px; border: 1px solid var(--border);
    border-radius: var(--border_radius); background: var(--bg-2);
}
.sale-templates-panel__attachments strong {
    width: 100%;
}
.sale-templates-panel__attachments label {
    display: inline-flex; align-items: center; gap: 7px;
}
@media (max-width: 1050px) {
    .sale-templates-panel__layout {
        grid-template-columns: 1fr; overflow: auto;
    }
    .sale-templates-panel__list {
        max-height: 260px;
    }
    .sale-templates-panel__editor {
        overflow: visible;
    }
    .sale-templates-panel__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 680px) {
    .sale-templates-panel__grid {
        grid-template-columns: 1fr;
    }
    .sale-templates-panel__wide {
        grid-column: auto;
    }
}

/* Файл purchases_table.css */

.purchases-and-sales-table-page__toolbar {
    padding: 0;
}

/* Файл download_residents.css */

.download-residents__root {
    color: var(--text-1); font-size: var(--font_size_0);
}
.download-residents__label {
    font-size: var(--font_size_0); color: var(--text-3);
}
.download-residents__select {
    border-radius: 6px; border: 1px solid var(--border);
    background: var(--bg-1); font-size: var(--font_size_0);
    color: var(--text-1);
}
.download-residents__select:focus {
    outline: none; border-color: var(--accent-blue);
    box-shadow: 0 0 0 2px rgba(47, 117, 181, 0.15);
}
.download-residents__radio-row {
    font-size: var(--font_size_0); color: var(--text-2); cursor: pointer;
}
.download-residents__radio-row input[type="radio"] {
    accent-color: var(--accent-blue); cursor: pointer;
}
.download-residents__house {
    font-size: var(--font_size_1); color: var(--text-1);
}
.download-residents__button-row {
    margin-top: 20px;
}

/* Файл tab_residents.css */

.grid-container:has(> .grid-item .residents-table) {
    grid-template-columns: max-content 0 minmax(0, 1fr);
}
.residents-actions {
    grid-template-rows: repeat(2, min-content);
    padding-top: var(--table-workspace-edge-gap);
}
.residents-actions__download, .residents-actions__export {
    min-width: 0;
}
.residents-actions__add .btn, .residents-actions__download .dropdown-container,
.residents-actions__download .dropdown-button,
.residents-actions__export .btn {
    width: 100%; height: auto; min-height: var(--button-min-height);
}
@media (orientation: portrait) {
    .residents-actions {
        height: auto; align-items: stretch;
        grid-template-columns: minmax(0, 1fr) 40px 40px;
        grid-template-rows: minmax(var(--button-min-height), auto);
    }
    .residents-actions__add {
        grid-column: auto;
    }
    .residents-table .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column) th:first-child,
    .residents-table .portrait-column-switcher-wrapper
    .data-table:not(.has-row-number-column) td:first-child {
        width: 25% !important;
    }
}
.residents-table .data-table {
    width: 100%; min-width: 56rem; table-layout: fixed;
}
.resident-status-cell__select, .resident-status-panel__input {
    min-width: 0; border: 1px solid var(--border-color);
    border-radius: var(--radius_xs); background: var(--input-background);
    color: var(--text-primary); font: inherit; box-sizing: border-box;
}
.resident-status-cell__select {
    border-color: transparent; background: transparent;
}
.resident-status-cell__select--empty {
    color: var(--text-muted);
}
.resident-status-cell__select option {
    color: var(--text-primary);
}
.resident-status-cell__select option[value=""] {
    color: var(--text-muted);
}
.resident-status-cell__add {
    width: calc(var(--font_size_0) * 1.45);
    height: calc(var(--font_size_0) * 1.45);
    border: 1px solid var(--primary-color); border-radius: var(--radius_xs);
    background: var(--primary-color); color: var(--on-accent); font: inherit;
    cursor: pointer;
}
.resident-status-cell__add:disabled {
    cursor: default; opacity: 0.55;
}
.resident-status-panel__label {
    color: var(--text-primary); font-size: var(--font_size_0);
}

/* Файл tax_payment_templates.css */

.tax-payment-templates__account label {
    display: grid; width: min(100%, 720px); gap: var(--spacing_small);
}
.tax-payment-templates__account select {
    width: 100%; min-height: 36px;
}

/* Файл usn.css */

.usn-page > .block_1 {
    min-width: 0;
}
.usn-page__period-wrap {
    scrollbar-gutter: stable;
}
.usn-page__period-table {
    min-width: 760px; border-spacing: 0; font-size: var(--font_size_0);
}
.usn-page__period-table thead {
    position: sticky; top: 0; z-index: 2;
}
.usn-page__period-table th, .usn-page__period-table td {
    padding: 8px 10px; border-bottom: 1px solid var(--border);
    text-align: left; vertical-align: top;
}
.usn-page__period-table th {
    background: var(--bg-2); color: var(--blue-navy); font-weight: 700;
    box-shadow: inset 0 -1px 0 var(--border);
}
.usn-page__period-table td {
    background: var(--bg-1);
}
.usn-page__period-table td input {
    width: 100%; min-width: 110px;
}
@media (max-aspect-ratio: 1 / 1), (max-width: 900px) {
    .usn-page__actions {
        flex-direction: column;
    }
    .usn-page__actions .btn {
        width: 100%;
    }
    .usn-page__period-table {
        min-width: 680px;
    }
}

/* Файл taxes_and_tax_reporting.css */

.taxes-and-reporting-root, .tax-object-tabs,
.tax-object-tabs > .tab-widget-container, .tax-object-tabs .tab-container-left,
.tax-object-tabs .tab-content-wrapper {
    width: 100%; height: 100%; min-height: 0;
}
.tax-object-tabs .tab-content-wrapper.scrollable >
.tab-content-item.active.scrollable-content {
    min-height: 0; overflow: hidden;
}
.taxes-and-reporting-root .tab-content-item {
    min-height: 0;
}
.ndfl-page, .usn-page {
    display: flex; width: 100%; height: 100%; min-height: 0; flex: 1 1 auto;
    flex-direction: column; gap: calc(var(--spacing_small) / 2);
    box-sizing: border-box;
    padding: calc(var(--spacing_small) / 2) var(--spacing_small);
    overflow-x: hidden; overflow-y: auto; scrollbar-gutter: stable;
    overscroll-behavior: contain; background: var(--bg-2);
}
.ndfl-page > .block_1, .usn-page > .block_1 {
    width: 100%; min-width: 0; box-sizing: border-box;
}
.ndfl-page__card {
    background: var(--bg-2); color: var(--blue-navy);
}
.ndfl-page__object, .ndfl-page__settings, .ndfl-page__table-wrap,
.usn-page__general, .usn-page__calculation, .usn-page__signer {
    width: 100%;
}
.ndfl-page__object {
    color: var(--text-2); line-height: 1.4;
}
.ndfl-page__settings-title {
    min-width: min(260px, 100%); flex: 1 1 260px;
}
.ndfl-page__settings-title h2, .ndfl-page__settings-title p {
    margin: 0;
}
.ndfl-page__settings-title p {
    color: var(--text-2); font-size: var(--font_size_0);
}
.ndfl-page__settings label {
    display: flex; min-width: 180px; flex: 1 1 180px; flex-direction: column;
    gap: var(--spacing_small);
}
.ndfl-page__settings label > span {
    color: var(--text-3); font-size: var(--font_size_0); font-weight: 600;
}
.ndfl-page__settings select, .ndfl-page__settings input {
    width: 100%; min-width: 0;
    height: calc((var(--font_size_0) * 2) + var(--spacing_small));
    padding: 0 var(--font_size_0); border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
    color: var(--blue-navy); font: inherit; font-size: var(--font_size_0);
    box-sizing: border-box;
}
.ndfl-page__table-wrap {
    min-height: 360px;
}
.ndfl-page__table-widget {
    min-height: clamp(320px, 52dvh, 680px);
}
.tax-reference-page__table {
    border-spacing: 0; table-layout: fixed; font-size: var(--font_size_0);
}
.tax-reference-page__table thead {
    position: sticky; top: 0; z-index: 4;
}
.tax-reference-page__table th, .tax-reference-page__table td {
    padding: 8px 10px; border-bottom: 1px solid var(--border);
    vertical-align: top; background-clip: padding-box;
}
.tax-reference-page__table th {
    background: var(--bg-2); color: var(--blue-navy);
    font-size: var(--font_size_0); font-weight: 700; line-height: 1.2;
    overflow-wrap: anywhere; white-space: normal;
    box-shadow: inset 0 -1px 0 var(--border);
}
.tax-reference-page__table td {
    background: var(--bg-1);
}
.tax-reference-page__table th:nth-child(1),
.tax-reference-page__table td:nth-child(1) {
    width: 110px;
}
.tax-reference-page__table th:nth-child(2),
.tax-reference-page__table td:nth-child(2),
.tax-reference-page__table th:nth-child(3),
.tax-reference-page__table td:nth-child(3) {
    width: 150px;
}
.tax-reference-page__table th:nth-child(4),
.tax-reference-page__table td:nth-child(4) {
    width: 125px;
}
.tax-reference-page__table th:nth-child(5),
.tax-reference-page__table td:nth-child(5),
.tax-reference-page__table th:nth-child(6),
.tax-reference-page__table td:nth-child(6) {
    width: 180px;
}
.tax-reference-page__table th:nth-child(7),
.tax-reference-page__table td:nth-child(7) {
    width: 115px;
}
.tax-reference-page__table th:nth-child(8),
.tax-reference-page__table td:nth-child(8) {
    width: 110px;
}
.tax-reference-page__table input, .tax-reference-page__table select {
    width: 100%; min-width: 0;
    height: calc((var(--font_size_0) * 2) + var(--spacing_small));
    box-sizing: border-box; font-size: var(--font_size_0);
}
.tax-reference-page__table td:last-child .btn {
    width: 100%;
}
@media (max-aspect-ratio: 1 / 1), (max-width: 980px) {
    .ndfl-page, .usn-page {
        padding-right: calc(var(--font_size_0) + 4px);
    }
    .ndfl-page__settings {
        align-items: stretch;
    }
    .ndfl-page__settings > .btn {
        width: 100%;
    }
    .ndfl-page__table-widget {
        min-height: clamp(300px, 46dvh, 600px);
    }
}

/* Файл warehouse_accounting.css */

.warehouse-accounting, .warehouse-accounting__table-page {
    display: flex; width: 100%; min-width: 0; min-height: 0; height: 100%;
    flex-direction: column;
}
.warehouse-accounting .tab-content-wrapper.scrollable >
.tab-content-item.active.scrollable-content {
    scrollbar-gutter: auto;
}
.warehouse-accounting__description strong {
    flex: 0 0 auto; color: var(--text-1); font-size: var(--font_size_1);
}
.warehouse-accounting__description span {
    overflow: hidden; color: var(--text-3); font-size: var(--font_size_button);
    text-overflow: ellipsis; white-space: nowrap;
}
.warehouse-accounting__table {
    min-height: 320px;
}
.warehouse-accounting__edit-link {
    border: 0; background: transparent; color: inherit; cursor: pointer;
    font: inherit; text-align: left;
}
.warehouse-accounting__edit-link:hover {
    text-decoration: underline;
}
.warehouse-entry-panel__info h3, .warehouse-entry-panel__info p {
    margin: 0;
}
.warehouse-entry-panel__info p {
    margin-top: 8px; color: var(--text-3);
}
.warehouse-entry-panel__fields {
    gap: 14px 16px;
}
.warehouse-entry-panel__field > span {
    color: var(--text-2); font-weight: 600;
}
.warehouse-entry-panel__field input, .warehouse-entry-panel__field select,
.warehouse-entry-panel__field textarea {
    width: 100%; box-sizing: border-box;
}
.warehouse-entry-panel__field textarea {
    min-height: 96px; resize: vertical;
}
@media (max-width: 900px) {
    .warehouse-accounting__description,
    .warehouse-accounting__description-text {
        align-items: flex-start; flex-direction: column;
    }
    .warehouse-accounting__description span {
        white-space: normal;
    }
    .warehouse-entry-panel__fields {
        grid-template-columns: 1fr;
    }
}
.warehouse-accounting__table .table-wrapper,
.warehouse-accounting__table .data-table {
    width: 100%; max-width: none;
}

/* Файл scheduler_control.css */

.developer-scheduler-control__button {
    background: var(--main-color, #2f80c9);
    border: 1px solid var(--main-color, #2f80c9); border-radius: 8px;
    color: #fff; cursor: pointer; font-size: var(--font_size_caption);
    font-weight: 500; line-height: 1.2;
}
.developer-scheduler-control__button--stop {
    background: transparent; color: var(--main-color, #2f80c9);
}
.developer-scheduler-control__button:disabled {
    cursor: wait; opacity: 0.6;
}

/* Файл pages_dev_base.css */

.developer-settings-root, .developer-database, .developer-storage {
    width: 100%; height: 100%; min-width: 0; min-height: 0;
    box-sizing: border-box;
}
.developer-database, .developer-storage {
    display: flex; flex-direction: column; gap: var(--spacing_small);
    padding: var(--spacing_small); overflow: hidden;
    background: var(--page_background); color: var(--text-2);
    font-size: var(--font_size_0);
}
.developer-loading, .developer-empty {
    display: flex; align-items: center; justify-content: center;
    min-height: 140px; color: var(--text-3); font-size: var(--font_size_0);
}
.developer-toolbar, .developer-storage__toolbar {
    display: flex; align-items: center; gap: var(--spacing_small);
    flex: 0 0 auto; padding: var(--spacing_small);
}
.developer-search {
    flex: 1 1 300px; min-width: 160px; border: 1px solid var(--border);
    border-radius: 8px; background: var(--bg-1); color: var(--text-2);
    font: inherit; outline: none;
}
.developer-search:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);
}
.developer-summary-card {
    padding: calc(var(--spacing_small) * .75) var(--font_size_0);
}
.developer-summary-card span, .developer-storage__metric span,
.developer-storage__toolbar span {
    color: var(--text-3);
}
.developer-summary-card b, .developer-storage__metric strong {
    color: var(--text-1); font-size: var(--font_size_2);
}
.developer-table-list {
    padding-right: calc(var(--spacing_small) * .25);
}
.developer-table-card > summary {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; padding: calc(var(--spacing_small) * .75) var(--font_size_0);
    cursor: pointer; list-style: none; background: var(--bg-1);
}
.developer-table-card > summary::-webkit-details-marker {
    display: none;
}
.developer-table-card > summary::before {
    content: '›'; flex: 0 0 auto; color: var(--accent);
    font-size: var(--font_size_2); transition: transform .16s ease;
}
.developer-table-card[open] > summary::before {
    transform: rotate(90deg);
}
.developer-table-card > summary > div:first-of-type {
    display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0;
}
.developer-table-card > summary strong {
    color: var(--text-1);
}
.developer-table-card > summary span {
    color: var(--text-3);
}
.developer-table-card__stats {
    gap: calc(var(--spacing_small) * .75);
}
.developer-table-card__stats span {
    display: inline-flex; border: 1px solid var(--border);
    border-radius: 999px; padding: 2px calc(var(--spacing_small) * .75);
    background: var(--bg-2); white-space: nowrap;
}
.developer-column-list {
    border-top: 1px solid var(--border);
}
.developer-column-row {
    grid-template-columns: minmax(220px, 1.6fr) minmax(90px, .6fr) minmax(90px,
    .5fr) minmax(180px, 1fr);
    border-bottom: 1px solid var(--border); background: var(--bg-1);
}
.developer-column-row:nth-child(even) {
    background: color-mix(in srgb, var(--bg-2) 55%, var(--bg-1));
}
.developer-column-name strong, .developer-column-reference {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.developer-column-type, .developer-column-nullable,
.developer-column-reference {
    color: var(--text-3);
}
.developer-key {
    min-width: 28px; border-radius: 5px; color: var(--on-accent);
    font-size: var(--font_size_caption); font-weight: 700;
}
.developer-key--pk {
    background: var(--accent-orange-text);
}
.developer-key--fk {
    background: var(--accent-blue);
}
.developer-table-card__actions {
    background: var(--bg-1);
}
.developer-table-error {
    color: var(--accent-red);
    background: color-mix(in srgb, var(--accent-red) 8%, var(--bg-1));
}
.developer-diagram-shell {
    min-height: 500px;
    background: linear-gradient( to right, color-mix(in srgb, var(--border)
    55%, transparent) 1px, transparent 1px ), linear-gradient( to bottom,
    color-mix(in srgb, var(--border) 55%, transparent) 1px, transparent 1px
    ), var(--bg-2);
    background-size: 24px 24px;
}

/* Файл pages_dev_navigation.css */

.developer-diagram-tools {
    z-index: 20; right: 10px; border: 1px solid var(--border);
    border-radius: 10px; background: var(--card); box-shadow: var(--shadow);
}
.developer-diagram-viewport::after {
    content: ''; display: block; width: var(--diagram-width);
    height: var(--diagram-height); pointer-events: none;
}
.developer-diagram-canvas {
    transform-origin: 0 0;
}
.developer-relations {
    z-index: 1; pointer-events: none;
}
.developer-relations path {
    fill: none; stroke: color-mix(in srgb, var(--accent) 75%, var(--text-3));
}
.developer-relations marker path {
    fill: var(--accent); stroke: none;
}
.developer-schema-table {
    z-index: 2;
    border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border));
    background: var(--bg-1); box-shadow: var(--shadow);
}
.developer-schema-table > header {
    display: flex; align-items: center; justify-content: space-between;
    box-sizing: border-box; color: var(--on-accent);
    background: linear-gradient(135deg, var(--accent-blue), var(--blue-navy));
    cursor: grab; user-select: none;
}
.developer-schema-table > header:active {
    cursor: grabbing;
}
.developer-schema-table > header > div {
    display: flex; flex-direction: column; min-width: 0;
}
.developer-schema-table > header strong,
.developer-schema-table > header span {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.developer-schema-table > header span {
    opacity: .8;
}
.developer-schema-table > header button {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; flex: 0 0 28px;
    border: 1px solid rgba(255,255,255,.35); border-radius: 7px;
    color: var(--on-accent); background: rgba(255,255,255,.13);
    cursor: pointer;
}
.developer-schema-column {
    border-bottom: 1px solid var(--border);
}
.developer-schema-column:last-child {
    border-bottom: none;
}
.developer-schema-column:nth-child(even) {
    background: color-mix(in srgb, var(--bg-2) 55%, var(--bg-1));
}
.developer-schema-column__key {
    color: var(--accent-orange-text); font-weight: 700;
}
.developer-schema-column__type {
    color: var(--text-3); text-align: right;
}
.developer-preview {
    flex: 0 0 min(42vh, 430px);
}
.developer-preview__header {
    border-bottom: 1px solid var(--border);
}
.developer-preview__header > div {
    display: flex; flex-direction: column;
}
.developer-preview__header span {
    color: var(--text-3);
}
.developer-preview table {
    width: max-content; min-width: 100%; border-collapse: collapse;
    background: var(--bg-1);
}
.developer-preview th, .developer-preview td {
    max-width: 360px; padding: 6px 8px; border: 1px solid var(--border);
    text-align: left; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;
}
.developer-preview th {
    position: sticky; top: 0; z-index: 1; color: var(--on-accent);
    background: var(--text-2);
}
.developer-storage__toolbar > div {
    display: flex; flex-direction: column;
}
.developer-storage__main {
    grid-template-columns: minmax(280px, 1fr) minmax(260px, 1fr);
    flex: 0 0 min(30vh, 260px);
}
.developer-storage__donut {
    place-items: center; flex: 0 0 168px; border-radius: 50%;
    background: conic-gradient( var(--accent) 0 var(--storage-used),
    var(--bg-2) var(--storage-used) 100% );
    box-shadow: inset 0 0 0 1px var(--border);
}
.developer-storage__donut::before {
    content: ''; grid-area: 1 / 1; width: 112px; height: 112px;
    border-radius: 50%; background: var(--bg-1);
    box-shadow: 0 0 0 1px var(--border);
}

/* Файл pages_dev_dashboard.css */

.developer-storage__donut > div {
    position: relative; grid-area: 1 / 1; display: flex;
    flex-direction: column; align-items: center;
}
.developer-storage__donut strong {
    color: var(--text-1); font-size: var(--font_size_3);
}
.developer-storage__donut span {
    color: var(--text-3);
}
.developer-storage__legend > div {
    display: flex; align-items: center; gap: 10px;
}
.developer-storage__legend > div > div {
    display: flex; flex-direction: column;
}
.developer-storage__legend small {
    color: var(--text-3);
}
.developer-storage__dot {
    width: 13px; height: 13px; border-radius: 50%;
}
.developer-storage__dot--used {
    background: var(--accent);
}
.developer-storage__dot--free {
    background: var(--bg-2); border: 1px solid var(--border);
}
.developer-storage__breakdown h3 {
    margin: 0 0 var(--spacing_small); color: var(--text-1);
}
.developer-storage__row {
    grid-template-columns: minmax(180px, 280px) 1fr;
}
.developer-storage__row:last-child {
    margin-bottom: 0;
}
.developer-storage__row > div:first-child {
    display: flex; justify-content: space-between; gap: 10px;
}
.developer-storage__row span {
    color: var(--text-3);
}
.developer-storage__bar {
    border-radius: 999px; background: var(--bg-2);
}
.developer-storage__bar span {
    display: block; height: 100%; border-radius: inherit;
    background: linear-gradient(90deg, var(--accent), var(--accent-blue));
}
@media (max-width: 1000px) {
    .developer-summary-grid {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }
    .developer-column-row {
        grid-template-columns: minmax(190px, 1.4fr) 90px 90px;
    }
    .developer-column-reference {
        grid-column: 1 / -1;
    }
    .developer-storage__main {
        grid-template-columns: 1fr; flex-basis: auto; overflow: auto;
    }
}
@media (orientation: portrait), (max-width: 720px) {
    .developer-database, .developer-storage {
        padding: calc(var(--spacing_small) * .75);
    }
    .developer-toolbar {
        align-items: stretch; flex-direction: column;
    }
    .developer-search {
        width: 100%; flex: 0 0 auto;
    }
    .developer-toolbar__modes {
        display: grid; grid-template-columns: 1fr 1fr;
    }
    .developer-summary-grid {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }
    .developer-table-card > summary {
        align-items: flex-start; flex-direction: column;
    }
    .developer-table-card__stats {
        justify-content: flex-start;
    }
    .developer-column-row {
        grid-template-columns: minmax(0, 1fr) 80px;
    }
    .developer-column-nullable, .developer-column-reference {
        grid-column: 1 / -1;
    }
    .developer-storage__donut-card {
        flex-direction: column;
    }
    .developer-storage__row {
        grid-template-columns: 1fr; gap: 6px;
    }
}
@media (orientation: portrait) {
    .developer-database {
        height: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto;
        overscroll-behavior-y: contain; scrollbar-gutter: stable;
    }
    .developer-database .developer-toolbar,
    .developer-database .developer-summary-grid,
    .developer-database .developer-table-list,
    .developer-database .developer-diagram-shell {
        flex: 0 0 auto;
    }
    .developer-database .developer-table-list.flex-scroll {
        max-height: none; overflow: visible;
    }
    .developer-database .developer-diagram-shell {
        min-height: 0; overflow: visible;
    }
    .developer-database .developer-diagram-viewport {
        height: var(--diagram-height); min-height: 700px; flex: 0 0 auto;
        overflow-x: auto; overflow-y: hidden; overscroll-behavior: auto;
        scrollbar-gutter: auto;
    }
}
.developer-settings-root .tab-nav-top {
    margin-bottom: 0;
}
.developer-settings-root .tab-nav-top .tab-item-wrapper {
    padding: calc(var(--spacing_small) * .55) var(--font_size_0);
}
.developer-server {
    background: var(--page_background); color: var(--text-2);
    font-size: var(--font_size_0);
}
.developer-server__toolbar > div, .developer-server__metric {
    display: flex; flex-direction: column; gap: 4px;
}
.developer-server__toolbar span, .developer-server__metric span,
.developer-server__metric small {
    color: var(--text-3);
}
.developer-server__metric {
    min-height: 116px;
}

/* Файл pages_dev_cards.css */

.developer-server__metric strong {
    color: var(--text-1); font-size: var(--font_size_3);
}
.developer-server__progress {
    height: var(--spacing_small); border-radius: var(--font_size_0);
    background: var(--bg-2);
}
.developer-server__progress span {
    display: block; height: 100%; border-radius: inherit;
    background: linear-gradient(90deg, var(--accent), var(--accent-blue));
}
.developer-server__legend span {
    position: relative; padding-left: var(--font_size_0);
}
.developer-server__legend span::before {
    position: absolute; top: 50%; left: 0; width: var(--spacing_small);
    height: var(--spacing_small); border-radius: 50%; content: '';
    transform: translateY(-50%);
}
.developer-server__line {
    fill: none; stroke-width: 3; vector-effect: non-scaling-stroke;
}
.developer-server__axis {
    color: var(--text-3); font-size: var(--font_size_0);
}
@media (orientation: portrait), (max-width: 800px) {
    .developer-server__cards {
        grid-template-columns: 1fr; overflow: auto;
    }
    .developer-server__metric {
        min-height: 86px;
    }
}
.developer-settings-root {
    background: var(--bg-2);
}
.developer-settings-root .tab-nav-top {
    gap: 8px; padding: 8px 10px 0; background: transparent;
}
.developer-settings-root .tab-nav-top .tab-item-wrapper {
    border-radius: 14px 14px 0 0; overflow: hidden;
}
.developer-settings-root .tab-nav-top .tab-btn {
    min-height: 42px; border-radius: 14px 14px 0 0;
}
.developer-storage__dashboard {
    grid-template-columns: minmax(320px, 1.4fr) minmax(260px, 1fr);
}
.developer-storage__hero {
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%,
    rgba(247,250,255,0.98) 100%);
}
.developer-storage__hero-main {
    grid-template-columns: minmax(340px, 1fr) minmax(380px, 1.2fr);
}
.developer-storage__cards--compact .developer-storage__metric,
.developer-storage__server-card, .developer-storage__breakdown,
.developer-storage__chart-card, .developer-storage__toolbar {
    border-radius: 18px;
}
.developer-storage__server-card span, .developer-storage__section-title span {
    color: var(--text-2); font-size: var(--font_size_0);
}
.developer-storage__server-card strong {
    color: var(--blue-navy); font-size: var(--font_size_2);
}
.developer-storage__section-title h3 {
    margin: 0;
}
.developer-storage__area-chart svg {
    width: 100%; overflow: visible;
}
.developer-storage__chart-grid {
    stroke: rgba(21, 87, 170, 0.14); stroke-width: 1;
}
.developer-storage__chart-label {
    fill: var(--text-2); font-size: var(--font_size_0);
}
.developer-storage__chart-fill {
    fill: rgba(232, 72, 85, 0.68);
}
.developer-storage__chart-line {
    fill: none; stroke: #ff2c33; stroke-width: 5; stroke-linejoin: round;
    stroke-linecap: round;
}

/* Файл pages_dev_charts.css */

.developer-storage__chart-axis {
    color: var(--text-2); font-size: var(--font_size_0);
}
.developer-storage__breakdown {
    grid-column: 1 / 2;
}
.developer-storage__chart-card {
    grid-column: 2 / 3;
}
.developer-storage__metric {
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%,
    rgba(246,249,254,1) 100%);
}
@media (max-width: 1200px) {
    .developer-storage__dashboard, .developer-storage__hero-main,
    .developer-storage__server-summary {
        grid-template-columns: 1fr;
    }
    .developer-storage__breakdown, .developer-storage__chart-card {
        grid-column: 1 / -1;
    }
    .developer-storage__cards--compact {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 800px) {
    .developer-storage__cards--compact {
        grid-template-columns: 1fr;
    }
    .developer-storage__donut-card {
        flex-direction: column; align-items: flex-start;
    }
}
.developer-storage--rich {
    padding: 6px 8px 8px;
}
.developer-storage__donut-card {
    min-height: 190px;
}
.developer-storage__donut {
    width: 185px; height: 185px;
}
.developer-storage__metric {
    min-height: 82px;
}
.developer-storage__server-card {
    min-height: 98px;
}
.developer-storage__chart-card, .developer-storage__breakdown {
    padding: 10px 12px;
}
.developer-storage__area-chart {
    min-height: 215px;
}
.developer-storage__area-chart svg {
    height: 190px;
}
.developer-storage__row {
    padding-top: 3px; padding-bottom: 3px;
}
.developer-storage__bottom-grid {
    grid-template-columns: minmax(300px, 1.15fr) repeat(2, minmax(260px, 1fr));
}
.developer-storage__bottom-grid .developer-storage__breakdown,
.developer-storage__bottom-grid .developer-storage__chart-card {
    min-width: 0; grid-column: auto;
}
.developer-storage__bottom-grid .developer-storage__section-title {
    align-items: flex-start; flex-direction: column; gap: 2px;
}
.developer-storage__bottom-grid .developer-storage__chart-card {
    min-height: 245px;
}
.developer-storage__chart-canvas svg {
    display: block;
}
.developer-storage__chart-hit {
    fill: transparent; stroke: transparent; cursor: crosshair;
    pointer-events: all;
}
.developer-storage__chart-tooltip {
    z-index: 4; min-width: 82px; border: 1px solid var(--border);
    border-radius: 8px; background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); box-shadow: var(--shadow);
    pointer-events: none; transform: translate(-50%, calc(-100% - 10px));
}
.developer-storage__chart-tooltip span {
    color: var(--text-2);
}
.developer-storage__area-chart--users .developer-storage__chart-fill {
    fill: color-mix(in srgb, var(--accent) 42%, transparent);
}
.developer-storage__area-chart--users .developer-storage__chart-line {
    stroke: var(--accent-blue);
}
@media (max-width: 1450px) {
    .developer-storage__bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .developer-storage__bottom-grid .developer-storage__breakdown {
        grid-column: 1 / -1;
    }
}
@media (max-width: 900px) {
    .developer-storage__bottom-grid {
        grid-template-columns: 1fr;
    }
    .developer-storage__bottom-grid .developer-storage__breakdown {
        grid-column: auto;
    }
}
.developer-diagram-viewport {
    scrollbar-gutter: stable both-edges; overscroll-behavior: contain;
}
.developer-relations path {
    stroke-width: 1.35; opacity: 0.82;
}
.developer-schema-table {
    border-radius: 8px; font-size: var(--font_size_0);
}
.developer-schema-table > header {
    min-height: 42px; padding: 5px 8px; font-size: var(--font_size_0);
}
.developer-storage__area-chart--temperature .developer-storage__chart-fill {
    fill: color-mix( in srgb, var(--accent-orange-bg) 58%, transparent );
}
.developer-storage__area-chart--temperature .developer-storage__chart-line {
    stroke: var(--accent-orange-text);
}

/* Файл pages_dev_tables.css */

.developer-schema-table > header strong {
    font-size: var(--font_size_0);
}
.developer-schema-table > header span {
    font-size: var(--font_size_caption);
}
.developer-schema-column {
    grid-template-columns: 25px minmax(0, 1fr) 62px;
    font-size: var(--font_size_button);
}
.developer-schema-column__key, .developer-schema-column__type {
    font-size: var(--font_size_caption);
}
.developer-dashboard__toolbar {
    border-radius: 16px;
}
.developer-dashboard__switch {
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-1); color: var(--text-1);
    font-size: var(--font_size_0); font-weight: 700; cursor: pointer;
}
.developer-dashboard__switch:hover {
    border-color: var(--accent); background: var(--bg-2);
    color: var(--accent-dark);
}
.developer-dashboard__switch--active,
.developer-dashboard__switch--active:hover {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.developer-dashboard__content, .developer-dashboard__section {
    display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column;
    gap: 8px;
}
.developer-dashboard__storage-hero {
    grid-template-columns: minmax(310px, 0.9fr) minmax(420px, 1.4fr);
    border-radius: 18px;
}
.developer-dashboard__storage-hero .developer-storage__donut-card {
    min-height: 174px;
}
.developer-dashboard__composition {
    border-left: 1px solid var(--border);
}
.developer-dashboard__composition .developer-storage__section-title {
    margin-bottom: 4px;
}
.developer-dashboard__composition .developer-storage__row {
    padding: 3px 0;
}
.developer-dashboard__metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.developer-dashboard__metrics--six {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.developer-dashboard__metric {
    border: 1px solid var(--border); border-radius: 15px;
    background: var(--bg-1); box-shadow: var(--shadow);
}
.developer-dashboard__metric span, .developer-dashboard__metric small {
    color: var(--text-2); font-size: var(--font_size_0);
}
.developer-dashboard__metric strong {
    overflow: hidden; color: var(--accent-dark); font-size: var(--font_size_1);
    text-overflow: ellipsis;
}
.developer-dashboard__metric--success strong {
    color: var(--success, #16864b);
}
.developer-dashboard__metric--warning strong {
    color: var(--accent-orange-text);
}
.developer-dashboard__metric--danger strong {
    color: var(--danger, #c73535);
}
.developer-dashboard__overview-grid, .developer-dashboard__two-columns {
    display: grid; min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
.developer-dashboard__overview-grid {
    grid-template-columns: minmax(280px, 0.85fr) minmax(420px, 1.35fr);
}
.developer-dashboard__panel {
    min-height: 0; padding: 10px 12px; border-radius: 16px;
}
.developer-dashboard__panel .developer-storage__area-chart {
    min-height: 205px;
}
.developer-dashboard__panel .developer-storage__area-chart svg {
    height: 180px;
}
.developer-dashboard__integration-mini,
.developer-dashboard__integration-card {
    display: flex; min-width: 0; flex-direction: column; gap: 7px;
    padding: 10px 12px; border: 1px solid var(--border); border-radius: 15px;
    background: var(--bg-1); box-shadow: var(--shadow);
}
.developer-dashboard__integration-card-header > div:first-child {
    display: flex; min-width: 0; align-items: center;
    gap: var(--spacing_compact);
}
.developer-dashboard__integration-card-header > div:first-child strong {
    min-width: 0; overflow-wrap: anywhere;
}
.developer-dashboard__integration-card-header .developer-scheduler-control {
    min-width: 0; justify-content: flex-end; gap: var(--spacing_compact);
}
.developer-dashboard__integration-card-header
.developer-scheduler-control > span {
    min-width: 0; overflow-wrap: anywhere;
}
.developer-dashboard__integration-details {
    color: var(--text-2); font-size: var(--font_size_0);
}
.developer-dashboard__integration-details > * {
    min-width: 0;
}
.developer-dashboard__integration-error {
    overflow-wrap: anywhere; color: var(--danger, #c73535);
    font-size: var(--font_size_0);
}
.developer-dashboard__status {
    border-radius: 999px; background: var(--bg-2); color: var(--text-2);
    font-size: var(--font_size_0); font-weight: 700;
}
.developer-dashboard__status--ok, .developer-dashboard__status--running,
.developer-dashboard__status--enabled {
    background: color-mix(in srgb, #16864b 13%, var(--bg-1)); color: #16864b;
}
.developer-dashboard__status--error {
    background: color-mix(in srgb, #c73535 13%, var(--bg-1)); color: #c73535;
}
.developer-dashboard__status--disabled, .developer-dashboard__status--never {
    background: var(--bg-2); color: var(--text-2);
}
.developer-dashboard__ranked-list, .developer-dashboard__routes {
    display: flex; flex-direction: column; gap: 5px;
}

/* Файл pages_dev_integration_errors.css */

.developer-dashboard__integration-error-button {
    width: calc(var(--font_size_1) * 1.7);
    height: calc(var(--font_size_1) * 1.7); border: 1px solid var(--danger);
    border-radius: 50%; background: var(--bg-1); color: var(--danger);
    font-size: var(--font_size_1); font-weight: 700; line-height: 1;
    cursor: pointer;
}
.developer-dashboard__integration-error-button:hover,
.developer-dashboard__integration-error-button:focus-visible {
    background: var(--danger); color: var(--on-accent);
}
.developer-integration-error-panel__notice {
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1); color: var(--text-2);
}
.developer-integration-error-panel__icon {
    width: calc(var(--font_size_1) * 1.8);
    height: calc(var(--font_size_1) * 1.8); border-radius: 50%;
    background: var(--danger); color: var(--on-accent);
    font-size: var(--font_size_1); font-weight: 700;
}
.developer-integration-error-panel__text {
    overflow: auto; white-space: pre-wrap; max-height: calc(100dvh - 190px);
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1); color: var(--danger);
    font-family: var(--font_family_monospace); font-size: var(--font_size_0);
    line-height: 1.45; overflow-wrap: normal; tab-size: 4; user-select: text;
    word-break: normal;
}
.developer-integration-error-panel__copy {
    border: 1px solid var(--bg-1); border-radius: var(--spacing_small);
    background: transparent; color: var(--on-accent); cursor: pointer;
}
.developer-integration-error-panel__copy:disabled {
    cursor: default; opacity: .55;
}
.developer-dashboard__integration-info-button {
    width: var(--info_button_size); height: var(--info_button_size);
    border: 1px solid var(--accent); border-radius: 50%;
    background: var(--bg-1); color: var(--accent);
    font-size: var(--font_size_0); font-weight: 700; line-height: 1;
    cursor: pointer;
}
.developer-dashboard__integration-info-button:hover,
.developer-dashboard__integration-info-button:focus-visible {
    background: var(--accent); color: var(--on-accent);
}
.developer-integration-history__toolbar button,
.developer-integration-history__status-cell button {
    padding: var(--spacing_compact) var(--spacing_regular);
    border: 1px solid var(--accent); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--accent); cursor: pointer;
}
.developer-integration-history__toolbar button:disabled {
    cursor: default; opacity: .55;
}
.developer-integration-history__load-error {
    border: 1px solid var(--danger); border-radius: var(--spacing_small);
    color: var(--danger);
}
.developer-integration-history__table-wrap {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
}
.developer-integration-history__table {
    table-layout: fixed; background: var(--bg-1);
}
.developer-integration-history__table th,
.developer-integration-history__table td {
    padding: var(--spacing_small); border-bottom: 1px solid var(--border);
    text-align: left; vertical-align: top;
}
.developer-integration-history__table th {
    position: sticky; z-index: 1; top: 0; background: var(--bg-2);
}
.developer-integration-history__table th:nth-child(1),
.developer-integration-history__table td:nth-child(1) {
    width: 16%;
}
.developer-integration-history__table th:nth-child(2),
.developer-integration-history__table td:nth-child(2) {
    width: 9%;
}
.developer-integration-history__table th:nth-child(3),
.developer-integration-history__table td:nth-child(3) {
    width: 18%;
}
.developer-integration-history__table th:nth-child(4),
.developer-integration-history__table td:nth-child(4) {
    width: 57%;
}
.developer-integration-history__status-cell,
.developer-integration-history__detail-cell {
    display: flex; min-width: 0; flex-direction: column;
    gap: var(--spacing_xs);
}
.developer-integration-history__status-cell button {
    align-self: flex-start;
}
.developer-integration-history__detail-cell span {
    color: var(--danger); overflow-wrap: anywhere;
}

/* Файл pages_dev_application_logs.css */

.developer-log-summary {
    gap: calc(var(--spacing_small) * .45); border: 1px solid var(--border);
    border-radius: var(--font_size_0); background: var(--bg-1);
    color: var(--text-2); text-align: left; cursor: pointer;
}
.developer-log-summary:hover, .developer-log-summary:focus-visible,
.developer-log-summary--active {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent);
}
.developer-log-summary strong {
    color: var(--accent-red); font-size: var(--font_size_3);
}
.developer-log-summary small {
    color: var(--text-3);
}
.developer-log-toolbar {
    grid-template-columns: auto minmax(130px, 180px) minmax(240px, 1fr) auto
    auto;
}
.developer-log-toolbar__modes {
    padding: calc(var(--spacing_small) * .25);
    border-radius: var(--font_size_0); background: var(--bg-2);
}
.developer-log-toolbar__modes button {
    padding: var(--spacing_small) var(--font_size_0); border: 0;
    border-radius: calc(var(--font_size_0) * .8); background: transparent;
    color: var(--text-2); cursor: pointer;
}
.developer-log-toolbar__modes button.active {
    background: var(--accent); color: var(--on-accent);
}
.developer-log-toolbar select, .developer-log-toolbar input {
    min-height: 40px; box-sizing: border-box;
    padding: var(--spacing_small) var(--font_size_0);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
}
.developer-log-toolbar > span {
    color: var(--text-3); white-space: nowrap;
}
.developer-log-item {
    padding: var(--spacing_small); border: 1px solid var(--border);
    border-left: calc(var(--spacing_small) * .55) solid var(--accent);
    border-radius: var(--font_size_0); background: var(--bg-1);
}
.developer-log-item--error, .developer-log-item--critical {
    border-color: var(--status-error-border);
    border-left-color: var(--accent-red);
    background: var(--status-error-background);
}
.developer-log-item--error .developer-log-item__header strong,
.developer-log-item--critical .developer-log-item__header strong,
.developer-log-item--error .developer-log-item__source,
.developer-log-item--critical .developer-log-item__source,
.developer-log-item--error pre, .developer-log-item--critical pre {
    color: var(--accent-red);
}
.developer-log-item--warning {
    border-left-color: var(--accent-orange-text);
}
.developer-log-item--warning .developer-log-item__header strong,
.developer-log-item--warning .developer-log-item__source {
    color: var(--accent-orange-text);
}
.developer-log-item__header strong {
    color: var(--text-1); overflow-wrap: anywhere;
}
.developer-log-item__header time, .developer-log-item__source {
    color: var(--text-3); font-size: var(--font_size_0);
}
.developer-log-level {
    min-width: 72px;
    padding: calc(var(--spacing_small) * .35) var(--spacing_small);
    border-radius: 999px; background: var(--bg-2); color: var(--accent);
    font-size: var(--font_size_caption); font-weight: 700;
}
.developer-log-level--error, .developer-log-level--critical {
    background: var(--status-error-background); color: var(--accent-red);
}
.developer-log-level--warning {
    background: color-mix(in srgb, var(--accent-orange-text) 14%, var(--bg-1));
    color: var(--accent-orange-text);
}
.developer-log-item__context span {
    padding: calc(var(--spacing_small) * .3) var(--spacing_small);
    border-radius: 999px; background: var(--bg-2); color: var(--text-2);
    font-family: var(--font_family_monospace);
    font-size: var(--font_size_caption);
}
.developer-log-item__source {
    overflow-wrap: anywhere;
}
.developer-log-item__actions button, .developer-log-toolbar__download {
    min-height: 34px;
    padding: calc(var(--spacing_small) * .55) var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--accent); cursor: pointer;
}
.developer-log-item__actions button:hover,
.developer-log-toolbar__download:hover {
    border-color: var(--accent); background: var(--bg-2);
}
.developer-log-toolbar__download:disabled {
    cursor: wait; opacity: .65;
}
.developer-log-item details {
    margin-top: var(--spacing_small);
}
.developer-log-item summary {
    color: var(--accent); cursor: pointer;
}
.developer-log-item pre, .developer-log-raw {
    box-sizing: border-box; margin: var(--spacing_small) 0 0;
    padding: var(--font_size_0); overflow: auto;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-2); color: var(--text-1);
    font-family: var(--font_family_monospace); font-size: var(--font_size_0);
    line-height: 1.45; tab-size: 4; user-select: text; white-space: pre-wrap;
    word-break: break-word;
}
.developer-log-raw {
    max-height: calc(100dvh - 260px);
}
@media (orientation: portrait), (max-width: 800px) {
    .developer-log-summaries {
        grid-template-columns: 1fr;
    }
    .developer-log-toolbar {
        grid-template-columns: 1fr;
    }
    .developer-log-item__header {
        grid-template-columns: auto 1fr;
    }
    .developer-log-item__header time {
        grid-column: 1 / -1;
    }
    .developer-log-item__footer {
        align-items: stretch; flex-direction: column;
    }
    .developer-log-item__actions {
        width: 100%;
    }
    .developer-log-item__actions button {
        flex: 1 1 0;
    }
}

/* Файл 01.css */

.developer-dashboard__ranked-row, .developer-dashboard__route-row {
    display: grid; min-width: 0; align-items: center; gap: 8px; padding: 5px 0;
    border-bottom: 1px solid var(--border);
}
.developer-dashboard__route-row {
    grid-template-columns: minmax(0, 1fr) repeat(3, auto);
}
.developer-dashboard__ranked-row:last-child,
.developer-dashboard__route-row:last-child {
    border-bottom: 0;
}
.developer-dashboard__ranked-row strong,
.developer-dashboard__route-row strong {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.developer-dashboard__ranked-row span, .developer-dashboard__route-row span {
    color: var(--text-2); font-size: var(--font_size_0); white-space: nowrap;
}
.developer-dashboard__note {
    border: 1px solid var(--border); border-radius: 12px;
    background: var(--bg-2); color: var(--text-2);
}
@media (max-width: 1300px) {
    .developer-dashboard__metrics--six {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .developer-dashboard__integration-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 1000px) {
    .developer-dashboard__storage-hero, .developer-dashboard__overview-grid,
    .developer-dashboard__two-columns {
        grid-template-columns: 1fr;
    }
    .developer-dashboard__composition {
        padding-top: 8px; padding-left: 0; border-top: 1px solid var(--border);
        border-left: 0;
    }
    .developer-dashboard__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .developer-dashboard__integration-list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 650px) {
    .developer-dashboard__toolbar {
        align-items: stretch; flex-direction: column;
    }
    .developer-dashboard__metrics, .developer-dashboard__metrics--six,
    .developer-dashboard__integration-grid {
        grid-template-columns: 1fr;
    }
}
.developer-dashboard__metric--green strong {
    color: #16864b;
}
.developer-dashboard__metric--orange strong {
    color: var(--accent-orange-text);
}
.developer-dashboard__metric--red strong {
    color: #c73535;
}
.developer-storage__area-chart--requests .developer-storage__chart-fill {
    fill: color-mix(in srgb, var(--accent) 30%, transparent);
}
.developer-storage__area-chart--requests .developer-storage__chart-line,
.developer-storage__area-chart--storage .developer-storage__chart-line {
    stroke: var(--accent-blue);
}
.developer-dashboard__content {
    scrollbar-gutter: stable;
}
.developer-dashboard__section {
    flex: 0 0 auto;
}
.developer-app-shell {
    background: var(--page_background);
}
.developer-app-toolbar {
    border-bottom: 1px solid var(--border); background: var(--bg-1);
}
.developer-app-toolbar__policy {
    border: 0; background: transparent; color: var(--accent);
    font-size: var(--font_size_0); text-decoration: underline; cursor: pointer;
}
.developer-settings-root .tab-nav-top {
    justify-content: flex-start;
}
.developer-settings-root .tab-link {
    white-space: nowrap;
}
.developer-dashboard__metrics--performance {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.developer-dashboard__section--performance .developer-dashboard__metric {
    min-height: 58px; gap: 1px; padding: 6px 9px;
}
.developer-dashboard__section--performance .developer-dashboard__metric span,
.developer-dashboard__section--performance .developer-dashboard__metric small {
    font-size: var(--font_size_caption);
}
.developer-dashboard__section--performance .developer-dashboard__metric
strong {
    font-size: var(--font_size_0);
}
.developer-dashboard__two-columns--performance .developer-dashboard__panel {
    padding: 7px 9px;
}
.developer-dashboard__two-columns--performance .developer-storage__area-chart {
    min-height: 142px;
}
.developer-dashboard__two-columns--performance
.developer-storage__area-chart svg {
    height: 118px;
}
.developer-dashboard__routes-panel {
    max-height: 150px;
}
.developer-dashboard__routes-panel .developer-dashboard__routes {
    max-height: 96px; overflow-y: auto;
}
.developer-dashboard__routes-panel .developer-dashboard__route-row {
    padding: 3px 0;
}
.developer-dashboard__integration-list--details {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.developer-dashboard__integration-list--details
.developer-dashboard__integration-mini {
    gap: 4px; padding: 7px 9px; box-shadow: none;
}
.developer-dashboard__integration-list--details
.developer-dashboard__integration-details {
    gap: 2px 7px; font-size: var(--font_size_caption);
}
.developer-dashboard__integration-list--details
.developer-dashboard__integration-time {
    align-items: flex-end; flex-direction: column; gap: 0; white-space: normal;
}
@media (max-width: 1200px) {
    .developer-dashboard__metrics--performance {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 750px) {
    .developer-dashboard__metrics--performance,
    .developer-dashboard__integration-list--details {
        grid-template-columns: 1fr;
    }
}
.developer-dashboard__ranked-row {
    grid-template-columns: minmax(0, 1fr) minmax(140px, 34%);
}

/* Файл 02.css */

.developer-dashboard__ranked-label strong {
    min-width: 0;
}
.developer-dashboard__ranked-label span {
    flex: 0 0 auto;
}
.developer-dashboard__integration-time span {
    color: inherit; font-size: var(--font_size_0);
}
@media (max-width: 750px) {
    .developer-dashboard__ranked-row {
        grid-template-columns: minmax(0, 1fr);
    }
    .developer-dashboard__ranked-label {
        align-items: flex-start; flex-direction: column; gap: 3px;
    }
    .developer-dashboard__integration-time {
        align-items: flex-end; flex-direction: column; gap: 1px;
    }
}

/* Файл pages_dev_schema.css */

/* Файл pages_dev_storage_layout.css */

.developer-dashboard__section--performance {
    flex: 1 1 auto;
}
.developer-dashboard__section--performance .developer-dashboard__routes-panel {
    display: flex; min-height: 140px; max-height: none; flex: 1 1 0;
    flex-direction: column;
}
.developer-dashboard__section--performance .developer-dashboard__routes {
    min-height: 0; max-height: none; flex: 1 1 auto; overflow-y: auto;
}
.developer-settings-root > .tab-widget-container,
.developer-settings-root .tab-container-left,
.developer-settings-root .tab-content-wrapper,
.developer-settings-root .tab-content-left,
.developer-settings-root .tab-content-item.active {
    height: 100%; min-height: 0;
}
.developer-settings-root .tab-nav-left {
    height: 100%; min-height: 0; padding: 6px;
    border-right: 1px solid var(--border); background: var(--bg-1);
}
.developer-side-navigation .btn {
    width: 100%;
}
.developer-side-dashboard {
    padding-top: 8px; border-top: 1px solid var(--border);
}
.developer-side-dashboard strong {
    color: var(--blue-navy); font-size: var(--font_size_0);
}
.developer-side-dashboard > span {
    color: var(--text-3); font-size: var(--font_size_caption);
    line-height: 1.3;
}
.developer-side-dashboard__server-selector label {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.developer-side-dashboard__server-selector select {
    width: 100%; min-width: 0; margin: 0; padding: 6px 28px 6px 9px;
    border: 1px solid var(--border); border-radius: 9px;
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.developer-side-dashboard .btn {
    width: 100%;
}
.developer-side-dashboard__policy {
    padding: 3px 0; border: 0; background: transparent; color: var(--accent);
    font-size: var(--font_size_caption); line-height: 1.3; text-align: left;
    text-decoration: underline; cursor: pointer;
}
.developer-dashboard__composition {
    max-height: clamp(220px, 42dvh, 430px); scrollbar-gutter: stable;
}

/* Файл pages_dev_storage_metrics.css */

.developer-dashboard__metrics--performance,
.developer-dashboard__metrics--storage {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.developer-storage__dot--total {
    background: var(--text-2);
}
.developer-dashboard__chart-panel .developer-storage__section-title {
    flex: 0 0 auto;
}
.developer-dashboard__chart-panel .developer-storage__area-chart {
    min-height: 0; flex: 1 1 auto;
}
.developer-dashboard__chart-panel .developer-storage__chart-canvas svg {
    height: 100%; min-height: 120px;
}
@media (max-width: 1180px) {
    .developer-dashboard__overview-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (orientation: portrait) and (max-width: 560px) {
    .developer-dashboard__overview-metrics,
    .developer-dashboard__metrics--performance,
    .developer-dashboard__metrics--storage {
        grid-template-columns: minmax(0, 1fr);
    }
    .developer-dashboard__chart-stack {
        grid-template-rows: none;
    }
}
.developer-dashboard__metric[type="button"] {
    border: 0; text-align: left; cursor: pointer;
}
.developer-dashboard__drill-head h3 {
    margin: 0;
}
.developer-dashboard__drill-head label {
    display: grid; gap: 3px; color: var(--text-3);
    font-size: var(--font_size_caption);
}
.developer-dashboard__drill-head input {
    min-height: 34px; padding: 4px 8px; border: 1px solid var(--border);
    border-radius: 10px;
}
.developer-storage__donut-card .universal-chart--donut {
    grid-template-columns: minmax(190px, 220px) 1fr;
}
@media (orientation: portrait) and (max-width: 900px) {
    .developer-dashboard__drill-head {
        display: grid; grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }
    .developer-dashboard__drill-head > div {
        min-width: 0;
    }
    .developer-dashboard__drill-head label {
        display: grid; width: 100%; grid-template-columns: auto minmax(0, 1fr);
        align-items: center; gap: 8px;
    }
    .developer-dashboard__drill-head input {
        width: 100%; min-width: 0; box-sizing: border-box;
    }
    .developer-dashboard__route-row {
        grid-template-columns: minmax(0, 1fr); gap: 4px;
    }
    .developer-dashboard__route-row strong,
    .developer-dashboard__route-row span {
        overflow: visible; text-overflow: clip; white-space: normal;
        word-break: break-word;
    }
}
.developer-storage__disk-dot--project {
    background: var(--success, #2b9b67);
}
.developer-storage__disk-dot--outside {
    background: var(--warning, #ef8b24);
}
.developer-dashboard__runtime-grid > div {
    background: var(--bg-1); border: 1px solid var(--border);
    border-radius: var(--spacing_small); display: flex; flex-direction: column;
    gap: var(--spacing_small); min-width: 0; padding: var(--font_size_0);
}
.developer-dashboard__runtime-grid span {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.developer-dashboard__runtime-grid strong {
    color: var(--text-3); overflow-wrap: anywhere;
}
.developer-dashboard__metric--code-split strong {
    display: flex; flex-wrap: wrap; gap: 4px 12px;
}
.developer-dashboard__metric--code-split strong span {
    white-space: nowrap;
}
.developer-dashboard__chart-panel--clickable {
    cursor: pointer; transition: transform .16s ease;
}
.developer-dashboard__chart-panel--clickable:hover {
    border-color: var(--accent); box-shadow: var(--shadow);
    transform: translateY(-1px);
}
.developer-dashboard__chart-panel--clickable:focus-visible {
    outline: 2px solid var(--accent); outline-offset: 2px;
}
.developer-cpu-drill__layout {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}
.developer-cpu-drill__chart-panel .developer-storage__area-chart {
    min-height: 280px; flex: 1 1 auto;
}
.developer-cpu-drill__history {
    max-height: 410px; scrollbar-gutter: stable;
}
.developer-cpu-drill__history-row {
    grid-template-columns: minmax(100px, auto) minmax(80px, 1fr) 58px;
    padding: 5px 0; border-bottom: 1px solid var(--border);
}
.developer-cpu-drill__history-row > span {
    color: var(--text-2); font-size: var(--font_size_caption);
    white-space: nowrap;
}
.developer-cpu-drill__history-row > strong {
    color: var(--accent-dark); text-align: right;
}
.developer-cpu-drill__history-bar {
    border-radius: 999px; background: var(--bg-3);
}
.developer-cpu-drill__history-bar span {
    display: block; height: 100%; border-radius: inherit;
    background: var(--accent);
}
@media (max-width: 900px) {
    .developer-cpu-drill__layout {
        grid-template-columns: minmax(0, 1fr);
    }
}
.developer-dashboard__storage-hero .developer-storage__donut-card {
    grid-template-columns: minmax(215px, 253px) minmax(180px, 1fr);
    column-gap: 8px;
}
.developer-dashboard__storage-hero .developer-storage__disk-chart {
    transform: scale(1.1); transform-origin: center;
}
.developer-auth-errors__row {
    grid-template-columns: minmax(150px, auto) minmax(180px, 1fr) minmax(160px,
    auto) auto;
    padding: var(--spacing_small) 0; border-bottom: 1px solid var(--border);
}
.developer-auth-errors__row:last-child {
    border-bottom: 0;
}
.developer-auth-errors__row > span {
    color: var(--text-2); font-size: var(--font_size_caption);
}
@media (max-width: 1180px) {
    .developer-dashboard__metrics--storage {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .developer-auth-errors__row {
        grid-template-columns: minmax(0, 1fr); gap: var(--spacing_xs);
    }
}
@media (orientation: portrait) {
    .developer-dashboard__storage-hero .developer-storage__disk-chart {
        max-width: 100%; transform: none;
    }
}

/* Файл pages_dev_storage_detail.css */

.developer-dashboard__drill > .developer-dashboard__panel {
    display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column;
    overflow: hidden;
}
.developer-storage-detail__guidance {
    justify-self: stretch;
}
.developer-storage-detail__guidance > span:last-child {
    min-width: 0; color: var(--text-2); line-height: 1.45;
    overflow-wrap: anywhere;
}
.developer-storage-detail__badge {
    border: 1px solid var(--border); border-radius: 999px;
    background: var(--bg-2); font-size: var(--font_size_caption);
    font-weight: 700;
}
.developer-storage-detail__badge--protected {
    color: var(--danger);
}
.developer-storage-detail__badge--cleanup {
    color: var(--success);
}
.developer-storage-detail__badge--review {
    color: var(--accent-orange-text);
}
.developer-storage-detail__measurement {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.developer-storage-detail__warning {
    color: var(--danger); overflow-wrap: anywhere;
}
.developer-storage-detail__list {
    overscroll-behavior: contain; scrollbar-gutter: stable;
}
.developer-storage-detail__row {
    padding: 10px 0 12px; border: 0; border-bottom: 1px solid var(--border);
    background: transparent; color: inherit; text-align: left;
}
button.developer-storage-detail__row {
    font: inherit;
}
.developer-storage-detail__row:last-child {
    border-bottom: 0;
}
.developer-storage-detail__row--clickable {
    cursor: pointer;
}
.developer-storage-detail__row--clickable:hover {
    background: var(--bg-2);
}
.developer-storage-detail__row--clickable:focus-visible {
    outline: 2px solid var(--accent); outline-offset: -2px;
}
.developer-storage-detail__row-main {
    grid-template-areas: 'name size' 'guidance guidance';
}
.developer-storage-detail__row-name {
    grid-area: name;
}
.developer-storage-detail__row-name strong {
    min-width: 0; color: var(--accent-dark); line-height: 1.35;
    overflow-wrap: anywhere;
}
.developer-storage-detail__row-name span {
    color: var(--text-3); font-size: var(--font_size_caption);
    line-height: 1.4;
}
.developer-storage-detail__size {
    grid-area: size; color: var(--text-2);
}
.developer-storage-detail__row-main .developer-storage-detail__guidance {
    grid-area: guidance;
}
@media (orientation: portrait) and (max-width: 640px) {
    .developer-storage-detail__row-main {
        grid-template-areas: 'name' 'size' 'guidance';
        grid-template-columns: minmax(0, 1fr);
    }
    .developer-storage-detail__size {
        white-space: normal;
    }
}

/* Файл pages_dev_storage_code.css */

.developer-dashboard__metric-column--code {
    grid-template-rows: minmax(0, 1fr);
}
.developer-dashboard__metric--code-total strong {
    font-size: var(--font_size_3);
}
.developer-code-drill__head span, .developer-code-drill__note {
    color: var(--text-3); font-size: var(--font_size_0);
}
.developer-code-drill__panel {
    padding: var(--font_size_0);
}
.developer-code-drill__columns, .developer-code-drill__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(3, minmax(90px, 130px));
    align-items: center; gap: 12px; font-size: var(--font_size_0);
}
.developer-code-drill__columns {
    padding: 0 12px 8px; color: var(--text-3);
}
.developer-code-drill__columns span:not(:first-child) {
    text-align: right;
}
.developer-code-drill__rows {
    min-height: 0; flex: 1 1 auto; overflow-y: auto;
    overscroll-behavior: contain; scrollbar-gutter: stable;
    border: 1px solid var(--border); border-radius: var(--spacing_small);
}
.developer-code-drill__row {
    min-height: 44px; border-bottom: 1px solid var(--border);
    background: var(--bg-1);
}
.developer-code-drill__row:last-child {
    border-bottom: 0;
}
.developer-code-drill__row > span {
    min-width: 0; padding-left: calc(var(--developer-code-level, 0) * 22px);
    overflow-wrap: anywhere;
}
.developer-code-drill__row strong {
    color: var(--text-2); font-size: var(--font_size_0); text-align: right;
}
.developer-code-drill__row--emphasis {
    background: var(--bg-2);
}
.developer-code-drill__row--emphasis > span,
.developer-code-drill__row--emphasis strong {
    color: var(--blue-navy); font-weight: 700;
}
.developer-code-drill__note {
    margin: 12px 0 0; line-height: 1.45;
}
@media (max-width: 680px) {
    .developer-code-drill__columns, .developer-code-drill__row {
        grid-template-columns: minmax(0, 1fr) repeat(3, 68px); gap: 6px;
    }
    .developer-code-drill__row > span {
        padding-left: calc(var(--developer-code-level, 0) * 12px);
    }
}

/* Файл 01.css */

.developer-dashboard__header .developer-dashboard__switcher {
    min-width: 0; flex: 1 1 auto;
}
.developer-dashboard__metric[type="button"],
.developer-dashboard__metric[type="button"]:hover,
.developer-dashboard__metric[type="button"]:focus,
.developer-dashboard__metric[type="button"]:active {
    border: 1px solid var(--border); background: var(--bg-1);
    color: var(--text-1);
}
.developer-dashboard__metric[type="button"] span,
.developer-dashboard__metric[type="button"] small {
    color: var(--text-2);
}
.developer-dashboard__metric[type="button"] strong {
    color: var(--accent-dark); opacity: 1; visibility: visible;
}
.developer-dashboard__metric[type="button"]:hover {
    border-color: var(--accent); box-shadow: var(--shadow);
    transform: translateY(-1px);
}
.developer-storage__donut-card {
    grid-template-columns: minmax(185px, 230px) minmax(185px, 1fr);
}
.developer-storage__disk-chart.universal-chart--donut {
    display: block;
}
.developer-storage__disk-chart .universal-chart__legend {
    display: none;
}
.developer-storage__disk-chart .universal-chart__donut-wrap {
    margin: 0 auto;
}
.developer-storage__disk-legend-row {
    grid-template-columns: 16px minmax(0, 1fr); border: 0;
    background: transparent; color: var(--text-1); text-align: left;
}
button.developer-storage__disk-legend-row:hover {
    background: transparent; color: var(--text-1); transform: none;
    box-shadow: none;
}
.developer-storage__disk-legend-row b,
.developer-storage__disk-legend-row small {
    display: block; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
.developer-storage__disk-legend-row b {
    color: var(--text-1); font-size: var(--font_size_1);
}
.developer-storage__disk-legend-row small {
    color: var(--text-3);
}
.developer-storage__disk-dot {
    border-radius: 50%;
}
.developer-storage__disk-dot--total {
    background: var(--text-2);
}
.developer-storage__disk-dot--used {
    background: var(--accent, #3b86c8);
}
.developer-storage__disk-dot--free {
    border: 1px solid var(--border); background: var(--bg-3, #e8f0f7);
}
@media (max-width: 1080px) {
    .developer-dashboard__header {
        align-items: stretch; flex-direction: column;
    }
}
@media (max-width: 700px) {
    .developer-storage__donut-card {
        grid-template-columns: 1fr;
    }
}
.developer-storage__disk-chart .universal-chart__donut-hole strong {
    font-size: var(--font_size_0);
}

/* Файл 02.css */

@media (orientation: portrait) {
    .developer-settings-root, .developer-settings-root .tab-widget-container,
    .developer-settings-root .tab-container-left,
    .developer-settings-root .tab-content-wrapper,
    .developer-settings-root .tab-content-left,
    .developer-settings-root .tab-content-item.active, .developer-storage,
    .developer-dashboard__content, .developer-dashboard__section {
        width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;
    }
    .developer-storage {
        overflow-x: hidden; overflow-y: auto;
    }
    .developer-dashboard__header {
        align-items: stretch; flex-direction: column;
    }
    .developer-dashboard__switcher {
        display: flex; width: 100%; flex-wrap: nowrap; overflow-x: auto;
        overflow-y: hidden; scrollbar-gutter: auto;
        -webkit-overflow-scrolling: touch;
    }
    .developer-dashboard__switch {
        width: auto; min-width: max-content; min-height: 32px; flex: 0 0 auto;
        padding: calc(var(--spacing_small) * .75) var(--font_size_0);
        font-size: var(--font_size_0); font-weight: 400; white-space: nowrap;
    }
    .developer-dashboard__storage-hero, .developer-dashboard__overview-grid,
    .developer-dashboard__two-columns, .developer-dashboard__integration-grid,
    .developer-dashboard__integration-list,
    .developer-dashboard__integration-list--details,
    .developer-storage__donut-card .universal-chart--donut {
        grid-template-columns: minmax(0, 1fr);
    }
    .developer-dashboard__panel, .developer-dashboard__metric,
    .developer-dashboard__integration-mini,
    .developer-dashboard__integration-card {
        max-width: 100%; box-sizing: border-box;
    }
}
@media (orientation: portrait) and (max-width: 560px) {
    .developer-dashboard__metrics--overview,
    .developer-dashboard__metrics--performance,
    .developer-dashboard__metrics--storage, .developer-dashboard__user-stack {
        grid-template-columns: minmax(0, 1fr);
    }
}
button.developer-storage__disk-legend-row {
    cursor: pointer;
}
button.developer-storage__disk-legend-row:focus-visible {
    outline: 2px solid var(--accent); outline-offset: 4px;
}

/* Файл pages_dev_servers.css */

/* Файл pages_dev_overview_compact.css */

.developer-dashboard__overview-metrics .developer-dashboard__metric {
    min-height: 60px; gap: 1px; padding: 6px 10px;
}
.developer-dashboard__overview-metrics .developer-dashboard__metric span,
.developer-dashboard__overview-metrics .developer-dashboard__metric small {
    font-size: var(--font_size_caption);
}
.developer-dashboard__overview-metrics .developer-dashboard__metric strong {
    font-size: var(--font_size_0);
}
.developer-user-activity__chart {
    min-height: 360px;
}
.developer-user-activity__chart .developer-storage__area-chart {
    min-height: 280px; flex: 1 1 auto;
}
@media (orientation: portrait), (max-width: 720px) {
    .developer-dashboard__overview-metrics .developer-dashboard__metric {
        min-height: 58px;
    }
}

/* Файл pages_dev_cpu_detail.css */

.developer-cpu-drill__head select {
    min-width: 125px; min-height: 34px; padding: 4px 28px 4px 8px;
    border: 1px solid var(--border); border-radius: 10px;
    background: var(--bg-1); color: var(--text-1);
}
.developer-cpu-trend {
    min-height: 350px;
}
.developer-cpu-trend .developer-storage__area-chart {
    min-height: 275px; flex: 1 1 auto;
}
.developer-cpu-trend__legend {
    gap: 5px 12px;
}
.developer-cpu-trend__legend label {
    display: inline-flex; align-items: center; gap: 5px; color: var(--text-2);
    font-size: var(--font_size_caption); cursor: pointer;
}
.developer-cpu-trend__dot {
    border-radius: 50%; background: var(--accent);
}
.developer-cpu-trend__dot--user {
    background: var(--success, #2b9b67);
}
.developer-cpu-trend__dot--system {
    background: var(--accent-orange-text);
}
.developer-cpu-trend__dot--iowait {
    background: var(--danger, #c73535);
}
.developer-cpu-trend__dot--steal {
    background: var(--text-2);
}
.developer-cpu-chart__line {
    fill: none; stroke: var(--accent); stroke-width: 4;
    vector-effect: non-scaling-stroke;
}
.developer-cpu-chart__line--user {
    stroke: var(--success, #2b9b67);
}
.developer-cpu-chart__line--system {
    stroke: var(--accent-orange-text);
}
.developer-cpu-chart__line--iowait {
    stroke: var(--danger, #c73535);
}
.developer-cpu-chart__line--steal {
    stroke: var(--text-2);
}
.developer-cpu-chart__threshold {
    stroke: var(--danger, #c73535); stroke-width: 2; stroke-dasharray: 8 7;
    vector-effect: non-scaling-stroke;
}
.developer-cpu-detail__grid, .developer-cpu-causes__grid {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--spacing_small);
}
.developer-cpu-detail__row {
    grid-template-columns: minmax(120px, 1fr) minmax(70px, 1fr) 52px;
    min-height: 25px;
}
.developer-cpu-detail__row > span {
    overflow: hidden; color: var(--text-2);
    font-size: var(--font_size_caption); text-overflow: ellipsis;
    white-space: nowrap;
}
.developer-cpu-detail__row > strong {
    color: var(--accent-dark); font-size: var(--font_size_caption);
    text-align: right;
}
.developer-cpu-detail__bar {
    border-radius: 999px; background: var(--bg-3);
}
.developer-cpu-detail__bar span {
    display: block; height: 100%; border-radius: inherit;
    background: var(--accent);
}
.developer-cpu-detail__cores {
    grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
    max-height: 270px;
}
.developer-cpu-detail__core {
    grid-template-rows: auto auto auto 70px; border: 1px solid var(--border);
    border-radius: 9px; color: var(--text-2);
    font-size: var(--font_size_caption); text-align: center;
}
.developer-cpu-detail__core > div {
    display: flex; align-items: flex-end; overflow: hidden; border-radius: 6px;
    background: var(--bg-3);
}
.developer-cpu-detail__core > div span {
    width: 100%; background: var(--accent);
}
.developer-cpu-detail__core > small {
    color: var(--text-3); font-size: var(--font_size_caption);
}

/* Файл pages_dev_cpu_processes.css */

.developer-cpu-processes {
    max-height: 520px;
}
.developer-cpu-processes__details {
    border-bottom: 1px solid var(--border);
}
.developer-cpu-processes__details summary {
    display: grid; grid-template-columns: minmax(0, 1fr) 90px 70px;
    align-items: center; gap: 8px; padding: 7px 2px; cursor: pointer;
}
.developer-cpu-processes__details summary span:first-child {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.developer-cpu-processes__details summary strong {
    color: var(--accent-dark); text-align: right;
}
.developer-cpu-processes__details > div {
    display: grid; grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
    gap: 4px 9px; padding: 5px 12px 10px; color: var(--text-2);
    font-size: var(--font_size_caption);
}
.developer-cpu-processes__command {
    overflow-wrap: anywhere;
}
.developer-cpu-causes__current {
    border-left: 3px solid var(--accent); background: var(--bg-2);
    color: var(--text-1);
}
.developer-cpu-causes__overloads, .developer-cpu-causes__events {
    display: grid; max-height: 300px; overflow-y: auto;
}
.developer-cpu-causes__overloads > div {
    display: flex; justify-content: space-between; gap: 8px; padding: 5px 0;
    border-bottom: 1px solid var(--border);
}
.developer-cpu-causes__events details {
    border-bottom: 1px solid var(--border);
}
.developer-cpu-causes__events summary {
    display: grid; grid-template-columns: 120px 70px minmax(0, 1fr); gap: 8px;
    padding: 6px 0; cursor: pointer;
}
.developer-cpu-causes__events summary small {
    overflow: hidden; color: var(--text-2); text-overflow: ellipsis;
    white-space: nowrap;
}
.developer-cpu-causes__events details > div {
    display: grid; gap: 4px; padding: 4px 10px 9px; color: var(--text-2);
    font-size: var(--font_size_caption);
}
@media (max-width: 1100px) {
    .developer-cpu-summary, .developer-cpu-detail__grid,
    .developer-cpu-causes__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (orientation: portrait), (max-width: 720px) {
    .developer-cpu-drill__head, .developer-cpu-summary,
    .developer-cpu-detail__grid, .developer-cpu-causes__grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .developer-cpu-causes__events-panel {
        grid-column: auto;
    }
    .developer-cpu-processes__details summary,
    .developer-cpu-causes__events summary {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .developer-cpu-causes__events summary small {
        grid-column: 1 / -1; white-space: normal;
    }
}

/* Файл pages_dev_memory_detail.css */

.developer-memory__summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.developer-memory__summary .developer-dashboard__metric {
    min-height: 92px;
}
.developer-memory__category-head strong {
    min-width: 0; color: var(--accent-dark); overflow-wrap: anywhere;
}
.developer-memory__category-head span {
    flex: 0 0 auto; color: var(--text-2);
}
.developer-memory__processes {
    max-height: 480px; overscroll-behavior: contain; scrollbar-gutter: stable;
}
.developer-memory__process {
    border-bottom: 1px solid var(--border);
}
.developer-memory__process:last-child {
    border-bottom: 0;
}
.developer-memory__process summary {
    display: grid; grid-template-columns: minmax(0, 1fr) 90px 110px;
    align-items: center; gap: var(--spacing_small); padding: 7px 2px;
    cursor: pointer;
}
.developer-memory__process summary span:first-child {
    min-width: 0; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
.developer-memory__process summary strong {
    color: var(--accent-dark); text-align: right;
}
.developer-memory__process > div {
    display: grid; grid-template-columns: minmax(130px, auto) minmax(0, 1fr);
    gap: 4px 9px; padding: 5px 12px 10px; color: var(--text-2);
    font-size: var(--font_size_caption);
}
.developer-memory__command {
    overflow-wrap: anywhere;
}
.developer-memory__note {
    color: var(--text-2); line-height: 1.45;
}
@media (max-width: 1180px) {
    .developer-memory__summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (orientation: portrait), (max-width: 720px) {
    .developer-memory__summary {
        grid-template-columns: minmax(0, 1fr);
    }
    .developer-memory__process summary {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .developer-memory__process summary strong {
        grid-column: 1 / -1; text-align: left;
    }
}

/* Файл pages_dev_compact_spacing.css */

.developer-settings-root .block_1 {
    margin-bottom: 0;
}
.developer-auth-errors__identity > span {
    color: var(--text-2); font-size: var(--font_size_caption);
}
@media (orientation: portrait) {
    .developer-auth-errors__row {
        grid-template-columns: minmax(0, 1fr); gap: var(--spacing_xs);
    }
    .developer-auth-errors__identity {
        display: flex; flex-wrap: wrap;
        gap: var(--spacing_xs) var(--spacing_medium);
    }
}

/* Файл pages_dev_performance_report.css */

.developer-performance-report__pivot {
    max-height: 330px; border: 1px solid var(--border);
    border-radius: var(--spacing_medium);
}
.developer-performance-summary {
    grid-template-columns: repeat(7, minmax(110px, 1fr));
}
.developer-performance-summary__item {
    min-height: 58px; padding: var(--spacing_compact) var(--spacing_regular);
    border: 1px solid var(--border); border-radius: var(--spacing_medium);
    background: var(--bg-1);
}
.developer-performance-summary__item span {
    overflow: hidden; color: var(--text-2);
    font-size: var(--font_size_caption); text-overflow: ellipsis;
    white-space: nowrap;
}
.developer-performance-summary__item strong {
    display: block; margin-top: var(--spacing_2xs); overflow-wrap: anywhere;
    color: var(--text-1); font-size: var(--font_size_0); line-height: 1.2;
}
.developer-performance-subgrid {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
}
.developer-performance-api-panel--routes {
    max-height: 430px;
}
.developer-performance-api-panel--routes .developer-dashboard__routes {
    min-height: 0; overflow-y: auto; padding-right: var(--spacing_xs);
    scrollbar-gutter: stable;
}
.developer-performance-api-panel--chart {
    min-height: 330px;
}
.developer-performance-api-panel .developer-storage__section-title {
    align-items: flex-start; flex-wrap: wrap;
    margin-bottom: var(--spacing_small);
}
.developer-performance-api-panel .developer-storage__section-title span {
    min-width: 0; max-width: 100%; margin-left: auto; text-align: right;
    overflow-wrap: anywhere;
}
.developer-performance-api-panel__route {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.developer-performance-route-button, .developer-performance-route-row,
.developer-performance-datalake-row {
    display: flex !important; min-width: 0; flex-wrap: wrap;
    align-items: baseline;
    gap: var(--spacing_xs) var(--spacing_medium) !important;
}
.developer-performance-route-button {
    padding: var(--spacing_compact) var(--spacing_small) !important; border: 0;
    border-radius: var(--spacing_small); background: transparent;
    color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.developer-performance-route-button:hover,
.developer-performance-route-button--active {
    background: var(--bg-2);
}
.developer-performance-route__path,
.developer-performance-datalake-row > strong {
    min-width: 0; max-width: 100%; flex: 0 1 auto; overflow: visible;
    color: var(--text-1); text-overflow: clip; white-space: normal;
    overflow-wrap: anywhere;
}
.developer-performance-route__metrics {
    flex: 1 1 360px;
}
.developer-performance-route__metrics > span {
    color: var(--text-2); font-size: var(--font_size_caption);
    white-space: nowrap;
}
.developer-performance-chart-legend {
    margin-top: var(--spacing_xs); color: var(--text-2);
    font-size: var(--font_size_caption);
}
.developer-performance-resource-meta {
    gap: var(--spacing_small) var(--spacing_large); color: var(--text-2);
    font-size: var(--font_size_0);
}
@media (max-width: 1280px) {
    .developer-performance-summary {
        grid-template-columns: repeat(4, minmax(120px, 1fr));
    }
    .developer-performance-api-panel--routes {
        max-height: 390px;
    }
}
@media (orientation: landscape) {
    .developer-performance-subgrid {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
    }
}
@media (orientation: portrait) {
    .developer-performance-subgrid {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (max-width: 760px) {
    .developer-performance-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .developer-performance-api-panel .developer-storage__section-title {
        align-items: stretch; flex-direction: column;
    }
    .developer-performance-api-panel .developer-storage__section-title span {
        margin-left: 0; text-align: left;
    }
    .developer-performance-route__metrics {
        flex-basis: 100%;
    }
}
.developer-performance-api-panel--routes .developer-dashboard__route-row {
    height: auto !important; min-height: 54px; flex: 0 0 auto;
    align-content: flex-start; line-height: 1.25;
}
.developer-performance-api-panel--routes
.developer-performance-route__content {
    display: flex; width: 100%; min-width: 0; flex-wrap: wrap;
    align-items: baseline; gap: var(--spacing_xs) var(--spacing_medium);
}
.developer-performance-api-panel--routes .developer-performance-route__path {
    flex: 0 1 auto; line-height: 1.25;
}
.developer-performance-api-panel--routes
.developer-performance-route__metrics {
    flex: 1 1 360px; line-height: 1.25;
}
.developer-performance-api-panel--chart .universal-chart__bar-stage {
    grid-auto-columns: minmax(138px, 1fr); gap: var(--spacing_small);
}
.developer-performance-api-panel--chart .universal-chart__bar-group {
    min-width: 132px;
}
.developer-performance-api-panel--chart .universal-chart__bar-group strong {
    min-height: 34px; overflow: visible; line-height: 1.15;
    text-overflow: clip; white-space: normal; overflow-wrap: anywhere;
}
@media (max-width: 760px) {
    .developer-performance-api-panel--routes
    .developer-performance-route__metrics {
        flex-basis: 100%;
    }
}

/* Файл pages_dev_realtime.css */

@media (max-width: 1180px) {
    .developer-realtime-summary {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }
}
@media (max-width: 560px) {
    .developer-realtime-summary {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Файл pages_dev.css */

/* Файл dashboard_analytics_panel.css */

.office-dashboard-analytics-panel .drawer-body {
    display: flex; flex-direction: column; gap: var(--spacing_big);
}
.office-dashboard-analytics-panel section {
    display: flex; flex-direction: column; gap: var(--spacing_small);
}
.office-dashboard-analytics-panel h3, .office-dashboard-analytics-panel p {
    margin: 0;
}
.office-dashboard-analytics-panel__row {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
}
.office-dashboard-analytics-panel__row > :first-child {
    margin-right: auto;
}
.office-dashboard-kpi em {
    font-style: normal; font-weight: 600;
}
.office-dashboard-kpi__comparison--up {
    color: var(--accent-success);
}
.office-dashboard-kpi__comparison--down {
    color: var(--accent-red);
}

/* Файл dashboard_charts_advanced.css */

.office-dashboard-area-fill {
    fill: currentColor; opacity: 0.18;
}
.office-dashboard-scatter, .office-dashboard-combo,
.office-dashboard-waterfall, .office-dashboard-gauge, .office-dashboard-funnel,
.office-dashboard-heatmap, .office-dashboard-treemap {
    width: 100%; height: 100%;
}
.office-dashboard-scatter {
    border-left: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.office-dashboard-scatter__point {
    border: 0; background: transparent; pointer-events: none;
}
.office-dashboard-scatter__point span {
    position: absolute; min-width: 16px; min-height: 16px;
    padding: var(--spacing_2xs); border-radius: 50%; background: currentColor;
    color: var(--bg-1); pointer-events: auto;
}
.office-dashboard-combo__bar, .office-dashboard-waterfall__item {
    flex: 1; height: 100%; display: flex; flex-direction: column;
    justify-content: flex-end; align-items: center; border: 0;
    background: transparent;
}
.office-dashboard-combo__bar i, .office-dashboard-waterfall__item i {
    width: 70%; min-height: 2px; background: currentColor; opacity: 0.45;
}
.office-dashboard-combo svg {
    position: absolute; inset: 0; pointer-events: none;
}
.office-dashboard-waterfall__item small {
    max-width: 80px; overflow: hidden; text-overflow: ellipsis;
}
.office-dashboard-treemap__item {
    flex: 1 1 22%; border: 0; background: transparent;
}
.office-dashboard-treemap__item span {
    min-height: 54px; display: grid; place-items: center;
    padding: var(--spacing_compact); background: currentColor;
    color: var(--bg-1);
}
.office-dashboard-gauge {
    place-items: center;
}
.office-dashboard-gauge__ring {
    height: 75px; border-radius: 150px 150px 0 0;
    background: conic-gradient(from 270deg, currentColor 0
    var(--dashboard-gauge-percent), var(--border)
    var(--dashboard-gauge-percent) 180deg, transparent 180deg);
}
.office-dashboard-funnel__item {
    border: 0; background: transparent;
}
.office-dashboard-funnel__item span {
    display: block; margin: 0 auto; padding: var(--spacing_tight);
    background: currentColor; color: var(--bg-1); text-align: center;
}
.office-dashboard-heatmap {
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}
.office-dashboard-heatmap__cell {
    border: 0; background: transparent;
}
.office-dashboard-heatmap__cell span {
    height: 100%; min-height: 42px; display: flex; flex-direction: column;
    justify-content: center; padding: var(--spacing_tight);
    background: currentColor; color: var(--bg-1);
}

/* Файл dataflow_query_combine_panel.css */

.office-dataflow-combine-panel .drawer-body {
    display: flex; flex-direction: column; gap: var(--font_size_0);
}
.office-dataflow-combine-panel__base strong,
.office-dataflow-combine-panel__base span {
    color: var(--blue-navy); font-size: var(--font_size_0);
}
.office-dataflow-combine-panel__base small {
    color: var(--text-3); font-size: var(--font_size_button); line-height: 1.4;
}
.office-dataflow-combine-panel__queries h3 {
    margin: 0; font-size: var(--font_size_0);
}
.office-dataflow-combine-panel__query {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1);
}
.office-dataflow-combine-panel__query--selected {
    border-color: var(--accent);
}
.office-dataflow-combine-panel__query-title {
    cursor: pointer;
}
.office-dataflow-combine-panel__query-title input {
    width: var(--font_size_0); height: var(--font_size_0); flex: 0 0 auto;
    margin: var(--spacing_2xs) 0 0;
}
.office-dataflow-combine-panel__query-title > span {
    min-width: 0; display: flex; flex-direction: column;
    gap: var(--spacing_xs);
}
.office-dataflow-combine-panel__query-title strong {
    overflow-wrap: anywhere; color: var(--blue-navy);
    font-size: var(--font_size_0);
}
.office-dataflow-combine-panel__query-title small {
    color: var(--text-3); font-size: var(--font_size_button);
}
.office-dataflow-combine-panel__keys label {
    min-width: 0; display: flex; flex-direction: column;
    gap: var(--spacing_small);
}
.office-dataflow-combine-panel__keys label > span {
    color: var(--text-2); font-size: var(--font_size_button);
}
.office-dataflow-combine-panel__keys select {
    width: 100%; min-height: 38px; padding: 0 var(--spacing_small);
    font-size: var(--font_size_button);
}
.office-dataflow-combine-panel__empty {
    border: 1px dashed var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-3);
    font-size: var(--font_size_button); text-align: center;
}
.office-dataflow-combine-panel__actions button {
    min-height: 38px; padding: 0 var(--font_size_0);
    font-size: var(--font_size_button);
}
@media (max-width: 680px) {
    .office-dataflow-combine-panel__keys {
        grid-template-columns: 1fr;
    }
    .office-dataflow-combine-panel__actions {
        flex-direction: column-reverse;
    }
    .office-dataflow-combine-panel__actions button {
        width: 100%;
    }
}
.office-dataflow-combine-panel__merge-settings,
.office-dataflow-combine-panel__merge-settings > label {
    display: flex; flex-direction: column; gap: var(--spacing_small);
}
.office-dataflow-combine-panel__merge-settings select {
    min-height: 38px;
}
.office-dataflow-combine-panel__stats {
    border-radius: var(--spacing_small); background: var(--bg-2);
    color: var(--text-2); font-size: var(--font_size_button);
}

/* Файл dataflow_model_panel.css */

.office-dataflow-model-panel .drawer-body {
    display: flex; flex-direction: column; gap: var(--spacing_big);
}
.office-dataflow-model-panel__section h3,
.office-dataflow-model-panel__section p {
    margin: 0;
}
.office-dataflow-model-panel__node,
.office-dataflow-model-panel__parameters > div {
    display: flex; flex-direction: column; gap: var(--spacing_xs);
    padding: var(--spacing_small); border: 1px solid var(--border);
    border-radius: var(--spacing_small); background: var(--bg-1);
}
.office-dataflow-model-panel__node small {
    color: var(--text-3);
}
.office-dataflow-model-panel__parameters {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.office-dataflow-model-panel__profile-wrap {
    border: 1px solid var(--border);
}
.office-dataflow-model-panel__profile-wrap table {
    width: 100%; border-collapse: collapse; white-space: nowrap;
}
.office-dataflow-model-panel__profile-wrap th,
.office-dataflow-model-panel__profile-wrap td {
    padding: var(--spacing_small); border-bottom: 1px solid var(--border);
    text-align: left;
}

/* Файл data_flow_list_transform_panel.css */

.office-dataflow-list-panel .drawer-body {
    display: flex; flex-direction: column; gap: var(--font_size_0);
}
.office-dataflow-list-panel label {
    display: flex; min-width: 0; flex-direction: column;
    gap: var(--spacing_small);
}
.office-dataflow-list-panel label > span {
    color: var(--text-2); font-size: var(--font_size_button);
}
.office-dataflow-list-panel input, .office-dataflow-list-panel select,
.office-dataflow-list-panel textarea {
    width: 100%; min-width: 0; min-height: 38px; padding: var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1);
    font-family: var(--font_family_interface);
    font-size: var(--font_size_button);
}
.office-dataflow-list-panel textarea {
    min-height: 150px; resize: vertical;
}
.office-dataflow-list-panel__source-head,
.office-dataflow-list-panel__actions {
    display: flex; align-items: center; justify-content: space-between;
    gap: var(--spacing_small);
}
.office-dataflow-list-panel__source-head strong {
    color: var(--blue-navy); font-size: var(--font_size_0);
}
.office-dataflow-list-panel__source-head span {
    color: var(--text-3); font-size: var(--font_size_button);
}
.office-dataflow-list-panel__switches, .office-dataflow-list-panel__options {
    display: flex; flex-wrap: wrap; gap: var(--font_size_0);
}
.office-dataflow-list-panel__switches label,
.office-dataflow-list-panel__options label {
    width: auto; flex-direction: row; align-items: center;
    color: var(--text-2); font-size: var(--font_size_button); cursor: pointer;
}
.office-dataflow-list-panel__switches input,
.office-dataflow-list-panel__options input {
    width: var(--font_size_0); min-height: var(--font_size_0);
    height: var(--font_size_0); padding: 0; flex: 0 0 auto;
}
.office-dataflow-list-panel__actions button {
    min-height: 38px; padding: 0 var(--font_size_0);
    font-size: var(--font_size_button);
}
@media (max-width: 680px) {
    .office-dataflow-list-panel__grid {
        grid-template-columns: 1fr;
    }
    .office-dataflow-list-panel__actions {
        flex-direction: column-reverse;
    }
    .office-dataflow-list-panel__actions button {
        width: 100%;
    }
}

/* Файл office_dataflow_queries.css */

.office-query__workspace.office-query__workspace--queries {
    grid-template-columns: minmax(160px, calc(var(--dataflow-left-panel-width,
    17.5%) - 3px)) 6px minmax(320px,
    calc(var(--dataflow-center-panel-width, 65%) - 6px)) 6px minmax(180px,
    calc(var(--dataflow-right-panel-width, 17.5%) - 3px));
    gap: 0;
}
.office-dataflow-resizer {
    z-index: 4; min-width: 6px; cursor: col-resize; touch-action: none;
    outline: none;
}
.office-dataflow-resizer::before {
    content: ''; position: absolute; top: 8px; bottom: 8px; left: 2px;
    width: 2px; border-radius: var(--radius_2xs); background: var(--border);
    transition: background .15s ease;
}
.office-dataflow-resizer:hover::before,
.office-dataflow-resizer:focus-visible::before,
.office-dataflow-resizer--active::before {
    background: var(--accent);
}
.office-dataflow-queries {
    background: var(--bg-1); border: 1px solid var(--border);
    border-radius: var(--radius_large); box-shadow: var(--shadow);
}
.office-dataflow-queries__header {
    border-bottom: 1px solid var(--border); color: var(--text-2);
    font-size: var(--font_size_button);
}
.office-dataflow-queries__header button {
    width: 26px; height: 26px; padding: 0; border: 1px solid var(--border);
    border-radius: var(--radius_dense); background: var(--bg-2);
    color: var(--accent-blue); cursor: pointer; font-size: var(--font_size_1);
    line-height: 1;
}
.office-dataflow-queries__item {
    border: 1px solid transparent; border-radius: var(--radius_medium);
    background: transparent; color: var(--text-2); text-align: left;
    cursor: pointer;
}
.office-dataflow-queries__item:hover {
    background: var(--bg-2);
}
.office-dataflow-queries__item--active {
    border-color: var(--accent); background: var(--bg-2);
}
.office-dataflow-queries__item strong, .office-dataflow-queries__item small,
.office-dataflow-queries__item span {
    max-width: 100%; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
.office-dataflow-queries__item strong {
    font-size: var(--font_size_button);
}
.office-dataflow-queries__item small, .office-dataflow-queries__item span {
    color: var(--text-3); font-size: var(--font_size_button);
    line-height: 1.25;
}
.office-dataflow-queries__actions {
    grid-template-columns: repeat(2, 34px); justify-content: end;
    border-top: 1px solid var(--border);
}
.office-dataflow-queries__actions button {
    width: 34px; height: 34px; min-width: 0; padding: 0;
    border: 1px solid var(--border); border-radius: var(--radius_dense);
    background: var(--bg-1); color: var(--text-2); cursor: pointer;
    font-size: var(--font_size_button); line-height: 1;
}
.office-dataflow-queries__actions button span {
    display: inline-flex; align-items: center; justify-content: center;
}
.office-query__workspace--queries .office-query-steps__empty,
.office-query__workspace--queries .office-query__empty-preview {
    font-size: var(--font_size_button);
}
@media (max-width: 1100px) {
    .office-query__workspace.office-query__workspace--queries {
        grid-template-columns: minmax(140px,
        calc(var(--dataflow-left-panel-width, 17.5%) - 3px)) 6px
        minmax(240px, calc(var(--dataflow-center-panel-width, 65%) - 6px))
        6px minmax( 160px, calc(var(--dataflow-right-panel-width, 17.5%) -
        3px) );
    }
}
@media (max-width: 760px) {
    .office-query__workspace.office-query__workspace--queries {
        grid-template-columns: 1fr; gap: var(--spacing_small);
        overflow-y: auto;
    }
    .office-dataflow-resizer {
        display: none;
    }
    .office-dataflow-queries, .office-query__preview, .office-query-steps {
        min-height: 180px;
    }
}

/* Файл office_dataflow_import.css */

.office-postgres-import__grid label {
    display: grid; gap: var(--spacing_compact); font-weight: 600;
}
.office-postgres-import__grid input, .office-postgres-import__grid textarea {
    width: 100%; padding: var(--spacing_regular) var(--spacing_medium);
    border: 1px solid var(--border-color); border-radius: var(--radius_large);
    font: inherit;
}
.office-postgres-import__grid textarea {
    min-height: 180px; resize: vertical;
    font-family: var(--font_family_monospace);
}
.office-workspace--portrait .office-postgres-import__grid {
    grid-template-columns: 1fr;
}
.office-workspace--portrait .office-postgres-import__wide {
    grid-column: auto;
}
@media (max-width: 760px) {
    .office-postgres-import__grid {
        grid-template-columns: 1fr;
    }
    .office-postgres-import__wide {
        grid-column: auto;
    }
}

/* Файл office_extended_tools.css */

.office-ribbon-extensions {
    order: 2; scrollbar-width: none;
}
.office-ribbon__tabs-actions {
    order: 10;
}
.office-ribbon-menu__summary {
    list-style: none;
}
.office-ribbon-menu__summary::-webkit-details-marker {
    display: none;
}
.office-ribbon-menu[open] .office-ribbon-menu__summary {
    background: var(--bg-1); color: var(--text-1);
    box-shadow: 0 -1px 0 var(--bg-1), 0 0 0 1px var(--border) inset;
}
.office-ribbon-menu__list {
    z-index: 900; width: min(360px, calc(100vw - 24px));
    max-height: min(520px, calc(100dvh - 90px));
    border: 1px solid var(--border); border-radius: var(--radius_large);
    background: var(--bg-1); box-shadow: var(--box-shadow);
}
.office-ribbon-menu__list button {
    min-width: 0; min-height: 34px;
    padding: var(--spacing_compact) var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--radius_dense);
    background: var(--bg-1); color: var(--text-1); font: inherit;
    text-align: left; cursor: pointer;
}
.office-ribbon-menu__list button:hover {
    background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
.office-extended-tools__grid > * {
    width: 100%;
}
.office-sheet__objects .office-card--table-object,
.office-sheet__objects .office-card--pivot-object {
    display: none;
}
.office-workspace--portrait .office-ribbon-extensions {
    max-width: 42vw; scrollbar-width: thin;
}
.office-workspace--portrait .office-ribbon-menu__list {
    left: 8px; grid-template-columns: 1fr;
}
.office-workspace--portrait .office-extended-tools__grid {
    grid-template-columns: 1fr;
}
@media (max-width: 900px) {
    .office-ribbon-extensions {
        max-width: 42vw; scrollbar-width: thin;
    }
    .office-ribbon-menu__list {
        left: 8px; grid-template-columns: 1fr;
    }
    .office-extended-tools__grid {
        grid-template-columns: 1fr;
    }
}
.office-ribbon-menu__summary--active {
    background: var(--bg-1); color: var(--text-1);
    box-shadow: 0 -1px 0 var(--bg-1), 0 0 0 1px var(--border) inset;
}
.office-command-panel .drawer-body {
    padding: var(--font_size_0);
}
.office-command-panel__group {
    border: 1px solid var(--border); border-radius: var(--font_size_0);
    background: var(--bg-1);
}
.office-command-panel__group summary {
    padding: var(--font_size_0); color: var(--text-1);
    font-size: var(--font_size_0); font-weight: 700; cursor: pointer;
    list-style-position: inside;
}
.office-command-panel__group[open] summary {
    border-bottom: 1px solid var(--border); background: var(--bg-2);
}
.office-command-panel__commands button {
    min-width: 0; min-height: 40px;
    padding: var(--spacing_small) var(--font_size_0);
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--bg-1); color: var(--text-1); font: inherit;
    text-align: left; overflow-wrap: anywhere; cursor: pointer;
}
.office-command-panel__commands button:hover {
    background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
@media (max-width: 762px) {
    .office-command-panel__commands {
        grid-template-columns: 1fr;
    }
}

/* Файл office_sheet_model_tools.css */

.office-sheet-slicer__values button {
    border: 1px solid var(--border-color); border-radius: var(--radius_medium);
    background: var(--surface-color);
    padding: var(--spacing_compact) var(--spacing_regular); cursor: pointer;
}
.office-sheet-slicer__values button.active {
    background: var(--accent-weak); border-color: var(--accent-color);
}

/* Файл office_sheet_formula_picker.css */

.office-formula-picker__search {
    color: var(--text-2); font-weight: 600;
}
.office-formula-picker__search input {
    width: 100%; min-width: 0;
    padding: var(--spacing_regular) var(--spacing_medium);
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-1); color: var(--text-1); box-sizing: border-box;
}
.office-formula-picker__group {
    padding: var(--spacing_dense) calc(var(--spacing_small) * 1.375);
    border: 1px solid var(--border); border-radius: var(--radius_pill);
    background: var(--bg-1); color: var(--text-2); cursor: pointer;
}
.office-formula-picker__group--active {
    border-color: var(--accent); background: var(--accent);
    color: var(--on-accent);
}
.office-formula-picker__summary {
    color: var(--text-3); font-size: var(--font_size_0);
}
.office-formula-picker__item {
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-1); color: var(--text-1); text-align: left;
    cursor: pointer;
}
.office-formula-picker__item:hover,
.office-formula-picker__item:focus-visible {
    border-color: var(--accent); background: var(--bg-2); outline: none;
}
.office-formula-picker__item strong {
    color: var(--accent);
}
.office-formula-picker__item span {
    color: var(--text-2); font-size: var(--font_size_0);
}
.office-formula-picker__item small {
    color: var(--text-3); font-size: var(--font_size_caption);
    line-height: 1.45; white-space: pre-line;
}
.office-formula-picker__info-button {
    border: 1px solid currentColor !important; border-radius: 50% !important;
    font-family: var(--font_family_interface);
    font-size: var(--font_size_0) !important; font-weight: 700 !important;
    line-height: 1;
}
.office-formula-help-overlay {
    z-index: 1010;
}
.office-formula-help-panel {
    z-index: 1020; width: min(46%, 720px);
}
.office-formula-help, .office-formula-help .block_1 {
    display: grid; gap: var(--spacing_small);
}
.office-formula-help p {
    margin: 0; color: var(--text-2); line-height: 1.5;
}
.office-formula-help code {
    display: block; overflow-x: auto; padding: var(--spacing_small);
    border-radius: var(--radius_medium); background: var(--bg-2);
    color: var(--text-1); font-family: var(--font_family_monospace);
    white-space: nowrap;
}
@media (orientation: portrait), (max-width: 900px) {
    .office-formula-help-panel {
        width: 98%;
    }
}

/* Файл office_variables.css */

:root {
    --office_border_default: #dfe5f2; --office_border_soft: #e3e8f2;
    --office_border_subtle: #e0e6f1; --office_border_medium: #d6ddeb;
    --office_border_input: #d2dceb; --office_surface_muted: #f3f6fb;
    --office_text_strong: #20304d; --office_text_body: #263750;
    --office_text_heading: #20385f; --office_text_heading_alt: #243b60;
    --office_text_deep: #1f2f4a; --office_text_muted: #66748e;
    --office_focus_accent: #2f80d4; --office_chart_accent: #3e84cf;
    --office_grid_line_faint: rgba(54, 91, 142, 0.025);
    --office_grid_line: rgba(54, 91, 142, 0.035);
    --office_grid_line_strong: rgba(54, 91, 142, 0.055);
    --office_overlay_control_border: rgba(255, 255, 255, 0.34);
    --office_overlay_control_background: rgba(0, 0, 0, 0.35);
    --office_overlay_scrim: rgba(0, 0, 0, 0.68);
    --office_surface_translucent: rgba(255, 255, 255, 0.7);
    --office_navigation_active_background: rgba(30, 50, 82, 0.08);
    --office_shadow_card: 0 12px 34px rgba(34, 55, 91, 0.14);
    --office_shadow_control: 0 6px 18px rgba(38, 60, 105, 0.08);
    --office_shadow_popup: 0 12px 30px rgba(28, 50, 82, 0.18);
    --office_shadow_canvas: 0 14px 40px rgba(34, 55, 91, 0.18);
    --office_shadow_soft: 0 6px 18px rgba(38, 60, 105, 0.04);
    --office_shadow_inset: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
    --office_font_size_micro: 11px; --office_font_size_small: 12px;
    --office_font_size_compact: 13px; --office_font_size_regular: 14px;
    --office_font_size_medium: 15px;
    --office_brand_title_font_size: min(var(--font_size_button),
    var(--office_font_size_regular));
    --office_brand_subtitle_font_size: min(var(--font_size_caption),
    var(--office_font_size_micro));
    --office_brand_logo_font_size: min(var(--font_size_1),
    var(--office_font_size_medium));
    --office_sidebar_button_font_size: min(var(--font_size_button),
    var(--office_font_size_regular));
    --office_sidebar_secondary_font_size: min(var(--font_size_caption),
    var(--office_font_size_small));
    --office_settings_label_font_size: min(var(--font_size_button),
    var(--office_font_size_compact));
    --surface-color: var(--surface-primary); --accent-weak: #e6f0ff;
    --accent-color: #5a84c8;
}

/* Файл workspace_base.css */

.office-workspace {
    --office-sidebar-width: 125px; background: var(--app-background);
    font-family: var(--font_family_interface);
}
.office-workspace__sidebar {
    width: var(--office-sidebar-width); min-width: var(--office-sidebar-width);
    background: var(--sidebar-background); color: var(--sidebar-text);
    padding: var(--spacing_medium) var(--spacing_relaxed);
}
.office-workspace__brand-row {
    padding: var(--spacing_2xs) var(--spacing_2xs) var(--spacing_medium);
    border-bottom: 1px solid var(--sidebar-tab-border);
}
.office-workspace__brand {
    text-align: center;
}
.office-workspace__brand > div:last-child {
    width: 100%; min-width: 0; text-align: center;
}
.office-workspace__brand strong {
    display: block; font-size: var(--office_sidebar_button_font_size);
    line-height: 1.2; white-space: nowrap;
}
.office-workspace__brand span {
    display: block; margin-top: var(--spacing_micro);
    color: var(--sidebar-text-muted);
    font-size: var(--office_brand_subtitle_font_size); line-height: 1.25;
    white-space: normal;
}
.office-workspace__logo {
    border: 1px solid var(--sidebar-tab-border);
    border-radius: var(--radius_large);
    background: var(--sidebar-tab-background); color: var(--sidebar-text);
    font: inherit; font-size: var(--office_brand_logo_font_size);
    font-weight: 700; cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.office-workspace__logo:hover, .office-workspace__logo--active {
    background: var(--sidebar-tab-hover);
}
.office-workspace__switches, .office-workspace__links {
    display: flex; flex-direction: column; gap: var(--spacing_dense);
}
.office-workspace__links {
    border-top: 1px solid var(--sidebar-tab-border);
}
.office-workspace__switch, .office-workspace__links button,
.office-workspace__policy, .office-ribbon__tab, .office-toolbar-buttons button,
.office-query__header-cell button {
    border: 1px solid var(--sidebar-tab-border);
    background: var(--sidebar-tab-background); color: inherit;
    border-radius: var(--spacing_small); cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.office-workspace__switch, .office-workspace__links button {
    min-height: 40px; box-sizing: border-box; color: var(--sidebar-text);
    padding: var(--spacing_dense) var(--spacing_medium);
    font-size: var(--office_sidebar_button_font_size); line-height: 1.2;
    text-align: center; white-space: nowrap;
}
.office-workspace__links button {
    min-height: 36px; background: transparent;
    color: var(--sidebar-text-muted);
    font-size: var(--office_sidebar_secondary_font_size); white-space: normal;
    overflow-wrap: normal; word-break: normal;
}
.office-workspace__switch:hover, .office-workspace__links button:hover,
.office-workspace__policy:hover {
    background: var(--sidebar-tab-hover);
}
.office-workspace__switch--active {
    border-color: var(--active-tab-background);
    background: var(--active-tab-background); color: var(--active-tab-text);
    font-weight: 700;
}
.office-workspace__footer {
    border-top: 1px solid var(--sidebar-tab-border);
}
.office-workspace__policy {
    background: transparent; color: var(--sidebar-text-muted);
    font-size: var(--office_brand_subtitle_font_size); line-height: 1.3;
    overflow-wrap: normal; word-break: normal;
}
.office-workspace__save {
    border: 1px solid color-mix(in srgb, var(--sidebar-text) 24%, transparent);
    background: color-mix(in srgb, var(--sidebar-text) 16%, transparent);
    color: var(--sidebar-text); border-radius: var(--radius_large);
    padding: var(--spacing_small) var(--spacing_dense);
    font-size: var(--font_size_caption); font-weight: 700; cursor: pointer;
}
.office-workspace__save:disabled {
    cursor: wait; opacity: 0.65;
}
.office-workspace__panel {
    gap: var(--spacing_small);
    font-family: var(--office-interface-font-family,
    var(--font_family_interface));
    font-size: var(--office-interface-font-size, var(--font_size_button));
}
.office-workspace__panel--writer, .office-workspace__panel--sheet,
.office-workspace__panel--dataflow {
    overflow: hidden;
}
.office-workspace__content:has(> .office-workspace__panel--writer) {
    padding: 0;
}
.office-workspace__content > .office-workspace__panel {
    flex: 1 1 auto; min-height: 0;
}
.office-workspace__content > .office-workspace__panel--writer {
    height: auto; gap: 0;
}
.office-workspace__content > .office-settings {
    flex: 1 1 auto; min-height: 0; height: auto;
}
.office-workspace__content > .office-workspace__favorites {
    flex: 0 0 auto;
}
@media (orientation: portrait) {
    .office-workspace {
        --office-sidebar-width: 80vw;
    }
}

/* Файл ribbon.css */

.office-ribbon__group--wide {
    min-width: 260px;
}
.office-ribbon__formula-help, .office-ribbon__hint {
    color: var(--office_text_muted); font-size: var(--font_size_caption);
    line-height: 1.35;
}
.office-field {
    min-width: 132px;
}
.office-field--small {
    min-width: 66px;
}
.office-field span {
    color: #687892; font-size: var(--font_size_caption); font-weight: 600;
}
.office-field select {
    height: 29px; min-height: 29px;
    border: 1px solid var(--office_border_medium);
    border-radius: var(--radius_medium); padding: 0 var(--spacing_small);
    background: var(--surface-primary); color: var(--office_text_strong);
    font-size: var(--font_size_caption);
}
.office-toolbar-buttons {
    flex-wrap: wrap;
}
.office-toolbar-buttons--compact {
    flex-wrap: nowrap;
}
.office-toolbar-buttons button, .office-query__header-cell button {
    padding: var(--button-padding-block) var(--button-padding-inline);
    font-size: var(--font_size_caption); font-weight: 600; white-space: nowrap;
}
.office-primary-button:disabled {
    cursor: wait; opacity: 0.65;
}
.office-dataflow-source-select {
    border: 1px solid var(--border); border-radius: var(--spacing_small);
    background: var(--surface-primary); color: var(--text-1);
    font-family: var(--font_family_interface);
    font-size: var(--font_size_caption);
}

/* Файл sheet_grid.css */

.office-formula-bar {
    flex: 0 0 30px; height: 30px; z-index: 60;
    grid-template-columns: 92px 34px minmax(0, 1fr);
    background: var(--surface-primary);
    border: 1px solid var(--office_border_default);
    border-radius: var(--radius_medium);
}
.office-formula-bar__address, .office-formula-bar__fx {
    min-width: 0; min-height: 0; margin: 0; display: flex; align-items: center;
    justify-content: center;
    border-right: 1px solid var(--office_border_subtle); color: #304363;
    font-size: var(--font_size_caption); font-weight: 700;
}
.office-formula-bar__fx {
    border: 0; border-right: 1px solid var(--office_border_subtle);
    border-radius: 0; background: transparent; box-shadow: none;
    color: #58729c; font-style: italic; cursor: pointer; transform: none;
}
.office-formula-bar__fx:hover, .office-formula-bar__fx:focus-visible {
    background: var(--bg-2); color: var(--accent); outline: none;
    transform: none; box-shadow: none;
}
.office-formula-bar input {
    box-sizing: border-box; width: 100%; min-width: 0; height: 100%;
    min-height: 0; margin: 0; padding: 0 8px; border: 0; border-radius: 0;
    outline: none; background: var(--surface-primary); box-shadow: none;
    color: var(--office_text_deep); font-size: var(--font_size_caption);
    font-family: var(--font_family_interface);
}
.office-formula-bar input:focus {
    border: 0; box-shadow: none;
}
.office-workspace__panel--sheet {
    gap: 4px;
}
.office-sheet-grid {
    background: var(--surface-primary);
    border: 1px solid var(--office_border_default);
    border-radius: var(--radius_large); outline: none;
}
.office-sheet-grid__column-header-layer, .office-sheet-grid__row-header-layer,
.office-sheet-grid__corner-layer {
    position: absolute; inset: 0; pointer-events: none;
}
.office-sheet-grid__column-header-layer {
    z-index: 20;
}
.office-sheet-grid__row-header-layer {
    z-index: 21;
}
.office-sheet-grid__corner-layer {
    z-index: 24;
}
.office-sheet-grid__corner, .office-sheet-grid__column-header,
.office-sheet-grid__row-header, .office-sheet-grid__cell {
    position: absolute; box-sizing: border-box;
    border-right: 1px solid var(--office_border_soft);
    border-bottom: 1px solid var(--office_border_soft);
}
.office-sheet-grid__corner, .office-sheet-grid__column-header,
.office-sheet-grid__row-header {
    display: flex; align-items: center; justify-content: center;
    background: var(--office_surface_muted); color: #42516b;
    font-size: var(--font_size_caption); font-weight: 600; z-index: 5;
}
.office-sheet-grid__corner {
    z-index: 24;
}
.office-sheet-grid__corner, .office-sheet-grid__column-header {
    border-top: 1px solid var(--divider-soft);
}
.office-sheet-grid__corner, .office-sheet-grid__row-header {
    border-left: 1px solid var(--divider-soft);
}
.office-sheet-grid__column-header {
    z-index: 20;
}
.office-sheet-grid__row-header {
    z-index: 21;
}
.office-sheet-grid__cell {
    padding: var(--spacing_tight) var(--spacing_dense);
    background: var(--surface-primary); color: var(--office_text_body);
    font-size: var(--font_size_caption); line-height: 18px; cursor: cell;
    z-index: 1;
}
.office-sheet-grid__cell:hover {
    background: #f8fbff;
}
.office-sheet-grid__cell--active {
    outline: 2px solid var(--office_focus_accent); outline-offset: -2px;
    z-index: 3;
}
.office-sheet-grid__cell-editor-frame {
    outline: 2px solid var(--office_focus_accent); outline-offset: -2px;
    z-index: 30;
}
.office-sheet-grid__cell-input {
    padding: var(--spacing_micro) var(--spacing_compact); outline: 0;
    border: 0; background: var(--surface-primary);
    color: var(--office_text_deep); font-size: var(--font_size_caption);
    font-family: var(--font_family_interface); z-index: 1;
}
.office-sheet-grid__cell-input--formula {
    box-shadow: 1px 0 0 var(--office_border_soft);
}
.office-sheet__addons {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.office-sheet__objects h3 {
    margin: 0; color: var(--office_text_heading);
    font-size: var(--font_size_caption);
}
.office-card {
    background: var(--surface-primary);
    border: 1px solid var(--office_border_default);
    border-radius: var(--radius_large);
}
.office-card__header strong {
    color: #1f3457; font-size: var(--font_size_caption);
}
.office-card__header span {
    color: #6a7a93; font-size: var(--font_size_caption);
}
.office-card--table-object, .office-card--pivot-object {
    min-width: 0; overflow: auto;
}
.office-card--table-object .table-widget,
.office-card--pivot-object .pivot-table-container {
    min-height: 170px;
}
.office-sheet-grid__cell--formula-reference {
    background: color-mix( in srgb, var(--primary-color) 16%,
    var(--surface-primary) );
    box-shadow: inset 0 0 0 2px var(--primary-color);
}
.office-sheet-grid__cell, .office-sheet-grid__cell-input {
    font-family: var(--office-interface-font-family,
    var(--font_family_interface));
}
.office-sheet-grid__column-header, .office-sheet-grid__row-header,
.office-sheet-grid__corner {
    pointer-events: none;
    font-family: var(--office-interface-font-family,
    var(--font_family_interface));
    font-size: var(--office-interface-font-size, var(--font_size_button));
}
.office-sheet-grid__column-header-sticky {
    position: sticky; top: 0; width: 100%;
}
.office-sheet-grid__row-header-sticky {
    position: sticky; left: 0; height: 100%;
}
.office-sheet-grid__corner-sticky {
    position: sticky; top: 0; left: 0;
}

/* Файл formula_bar_resize.css */

.office-formula-bar {
    flex: 0 0 var(--office-formula-bar-height, 34px);
    height: var(--office-formula-bar-height, 34px); max-height: 180px;
}
.office-formula-bar__editor {
    resize: none; border: 0; outline: 0; background: var(--bg-1);
    color: var(--text-1); font: inherit; line-height: 1.35;
}
.office-formula-bar__resizer {
    height: 6px; cursor: ns-resize; z-index: 65;
}
.office-formula-bar__resizer:focus-visible {
    outline: 2px solid var(--accent); outline-offset: -2px;
}
.office-formula-bar__fx:disabled {
    cursor: default; opacity: 0.7;
}
.office-formula-bar__address {
    padding: 0 var(--spacing_xs); user-select: text;
}

/* Файл sheet_hidden_markers.css */

.office-sheet-grid__column-header--hidden-before {
    border-left: 3px double var(--office_border_default);
}
.office-sheet-grid__column-header--hidden-after {
    border-right: 3px double var(--office_border_default);
}
.office-sheet-grid__row-header--hidden-before {
    border-top: 3px double var(--office_border_default);
}
.office-sheet-grid__row-header--hidden-after {
    border-bottom: 3px double var(--office_border_default);
}

/* Файл sheet_resize.css */

.office-sheet-grid__column-header, .office-sheet-grid__row-header {
    position: absolute;
}
.office-sheet-grid__column-resizer {
    right: -3px; width: 7px; cursor: col-resize; z-index: 15;
    pointer-events: auto;
}
.office-sheet-grid__row-resizer {
    cursor: row-resize; z-index: 15; pointer-events: auto;
}
body.office-sheet-resizing {
    user-select: none;
}

/* Файл sheet_context_menu.css */

.office-sheet-grid__cell--range-selected {
    box-shadow: inset 0 0 0 1px var(--office_focus_accent);
}
.office-sheet-grid__cell-link {
    color: var(--accent); text-decoration: underline;
}
.office-sheet-grid__column-header, .office-sheet-grid__row-header {
    pointer-events: auto;
}
.office-sheet-context-menu {
    z-index: 2200; min-width: 240px;
    border: 1px solid var(--office_border_default);
    border-radius: var(--radius_medium); background: var(--surface-primary);
    box-shadow: var(--shadow);
}
.office-sheet-context-menu button {
    padding: var(--spacing_compact, 6px) var(--spacing_regular, 10px);
    border: 0; border-radius: var(--radius_small); background: transparent;
    color: var(--text-1); font: inherit; text-align: left; cursor: pointer;
}
.office-sheet-context-menu button:hover {
    background: var(--surface-secondary);
}
.office-sheet-context-menu__separator {
    background: var(--divider-color);
}

/* Файл query_preview.css */

.office-query__status {
    color: #5d6a80; font-size: var(--font_size_caption);
}
.office-query__workspace {
    grid-template-columns: minmax(0, 1fr) 270px;
}
.office-query__preview {
    background: var(--surface-primary);
    border: 1px solid var(--office_border_default);
    border-radius: var(--radius_large); box-shadow: var(--office_shadow_soft);
}
.office-query__table {
    table-layout: auto;
}
.office-query__table th, .office-query__table td {
    border-right: 1px solid var(--office_border_soft);
    border-bottom: 1px solid var(--office_border_soft);
    padding: var(--spacing_xs) var(--spacing_compact); height: 28px;
    max-width: 260px; color: var(--office_text_body); vertical-align: middle;
    font-family: var(--office-interface-font-family,
    var(--font_family_interface));
    font-size: var(--office-interface-font-size, var(--font_size_button));
    line-height: 1.25; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;
}
.office-query__table th {
    position: sticky; top: 0; z-index: 3; box-sizing: border-box; height: 28px;
    min-height: 28px; max-height: 28px; padding-top: var(--spacing_micro);
    padding-bottom: var(--spacing_micro);
    background: var(--office_surface_muted); color: #253957; font-weight: 700;
    text-align: left;
}
.office-query__checkbox-cell {
    z-index: 2; max-width: 54px; background: #f8faff; text-align: center;
}
.office-query__table th.office-query__checkbox-cell {
    z-index: 5;
}
.office-query__checkbox-cell label {
    display: inline-flex; align-items: center; justify-content: center;
    gap: var(--spacing_tight);
    font-family: var(--office-interface-font-family,
    var(--font_family_interface));
    font-size: var(--office-interface-font-size, var(--font_size_button));
    font-weight: 400;
}
.office-query__checkbox-cell input {
    width: 13px; height: 13px; margin: 0;
}
.office-query__header-cell {
    max-height: 20px;
}
.office-query__header-cell input {
    box-sizing: border-box; width: 100%; min-width: 90px; height: 20px;
    min-height: 20px; max-height: 20px; padding: 0 var(--spacing_tight);
    border: 1px solid #8fb1df; border-radius: var(--radius_compact);
    outline: none; background: var(--surface-primary); color: inherit;
    font: inherit; line-height: 18px;
}
.office-query__header-cell button {
    flex: 0 0 auto; padding: var(--spacing_micro) var(--spacing_compact);
    font-size: var(--font_size_caption);
}

/* Файл query_steps.css */

.office-query-steps {
    background: var(--surface-primary);
    border: 1px solid var(--office_border_default);
    border-radius: var(--radius_large);
}
.office-query-steps__header {
    border-bottom: 1px solid var(--office_border_soft); color: #233a60;
    font-size: var(--font_size_caption);
}
.office-query-steps__header span {
    min-width: 24px; height: 24px; border-radius: var(--radius_xl);
    display: inline-flex; align-items: center; justify-content: center;
    background: #edf3fc; color: #557096; font-size: var(--font_size_caption);
}
.office-query-steps__empty {
    color: var(--office_text_muted); text-align: center;
    font-size: var(--font_size_caption); line-height: 1.4;
}
.office-query-steps__item {
    border: 1px solid transparent; border-radius: var(--radius_medium);
    background: transparent; color: #2d4262; text-align: left; cursor: pointer;
}
.office-query-steps__item:hover {
    background: #f5f8fd;
}
.office-query-steps__item--active {
    border-color: #9ab9e5; background: #edf5ff;
}
.office-query-steps__index {
    border-radius: var(--radius_extended); background: #e4edf9; color: #48658e;
    font-size: var(--font_size_caption); font-weight: 700;
}
.office-query-steps__item > span:last-child {
    min-width: 0; display: flex; flex-direction: column;
    gap: var(--spacing_2xs);
}
.office-query-steps__item strong {
    overflow: hidden; text-overflow: ellipsis; color: #293e5e;
    font-size: var(--font_size_caption); white-space: nowrap;
}
.office-query-steps__item small {
    color: #8290a6; font-size: var(--font_size_caption); opacity: 0.72;
}
.office-empty-state {
    background: var(--surface-primary); border: 1px dashed #cad6ed;
    border-radius: var(--radius_large); color: var(--office_text_muted);
    text-align: center; padding: var(--spacing_xl);
    font-size: var(--font_size_caption);
}
.office-query-steps, .office-query-steps__header,
.office-query-steps__header span, .office-query-steps__item,
.office-query-steps__index, .office-query-steps__item strong,
.office-query-steps__item small {
    font-family: var(--office-interface-font-family,
    var(--font_family_interface));
    font-size: var(--office-interface-font-size, var(--font_size_button));
}

/* Файл file_panel.css */

.office-file-panel {
    background: #f7f9fd; border: 1px solid var(--office_border_default);
    border-radius: var(--radius_large);
}
.office-file-panel__sidebar {
    width: 150px; min-width: 150px;
    border-right: 1px solid var(--office_border_default); background: #edf2fb;
}
.office-file-panel__tab {
    border: 1px solid transparent; border-radius: var(--radius_medium);
    background: transparent; color: #29466f;
    padding: calc(var(--spacing_small) * 1.125) calc(var(--spacing_small) *
    1.375);
    text-align: left; font-size: var(--font_size_caption); font-weight: 600;
    cursor: pointer;
}
.office-file-panel__tab:hover {
    background: var(--office_surface_translucent);
}
.office-file-panel__tab--active {
    background: var(--surface-primary); border-color: #d4deef;
}
.office-file-panel__section {
    max-width: 620px;
}
.office-file-panel__section h3 {
    margin: 0; color: var(--office_text_heading);
    font-size: var(--font_size_1);
}
.office-file-panel__section p, .office-file-panel__section small {
    margin: 0; color: #67758d; font-size: var(--font_size_caption);
    line-height: 1.5;
}
.office-file-panel__fields label, .office-file-panel__name-field {
    display: flex; flex-direction: column; gap: var(--spacing_compact);
}
.office-file-panel__fields label span, .office-file-panel__name-field span {
    color: #5a6880; font-size: var(--font_size_caption); font-weight: 700;
}
.office-file-panel__fields input, .office-file-panel__name-field input {
    min-height: 36px; border: 1px solid var(--office_border_input);
    border-radius: var(--radius_medium);
    padding: 0 calc(var(--spacing_small) * 1.375);
    background: var(--surface-primary); color: var(--office_text_strong);
    font-size: var(--font_size_caption);
}
.office-file-panel__fields input {
    width: 160px;
}
.office-file-panel__name-field {
    width: min(100%, 420px);
}
@media (max-width: 1000px) {
    .office-query__workspace {
        grid-template-columns: minmax(0, 1fr) 230px;
    }
}
@media (max-width: 760px) {
    .office-query__workspace {
        grid-template-columns: 1fr;
    }
    .office-query-steps {
        min-height: 180px;
    }
    .office-file-panel {
        flex-direction: column;
    }
    .office-file-panel__sidebar {
        width: 100%; min-width: 0; flex-direction: row; flex-wrap: wrap;
        border-right: 0; border-bottom: 1px solid var(--office_border_default);
    }
}
.office-file-panel__fields select {
    min-width: 160px; min-height: 36px; padding: 0 var(--spacing_regular);
    border: 1px solid var(--office_border_input);
    border-radius: var(--radius_medium); background: var(--surface-primary);
    color: var(--office_text_strong); font-family: inherit;
    font-size: var(--font_size_caption); line-height: 1.2;
}
.office-workspace__panel--file-view {
    gap: 0;
}
.office-workspace__panel--file-view .office-ribbon--file-only {
    border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.office-workspace__panel--file-view .office-file-panel {
    border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;
}

/* Файл writer_overrides.css */

.office-workspace__panel--writer .doc-editor {
    flex: 1 1 auto; min-height: 0; height: 100%; gap: 0; padding: 0;
}
.office-workspace__panel--writer .doc-editor__layout {
    flex: 1 1 auto; min-height: 0; overflow: hidden;
}
.office-workspace__panel--writer .doc-editor__viewport {
    height: 100%; min-height: 0; max-height: none;
}
.office-workspace__panel--writer .doc-editor__review-panel {
    height: 100%; min-height: 0;
}
.office-workspace__panel--writer .doc-editor__bottom-panel {
    flex: 0 0 26px;
}

/* Файл dashboard_charts_core.css */

.office-ribbon__group--dashboard-source {
    min-width: 290px;
}
.office-dashboard-title-input {
    width: 190px; height: 29px; border: 1px solid var(--office_border_medium);
    border-radius: var(--radius_medium); color: var(--office_text_strong);
    font-size: var(--font_size_caption); outline: none;
}
.office-dashboard-stage {
    background: #e9edf5; border: 1px solid var(--office_border_default);
    border-radius: var(--radius_large);
}
.office-dashboard-slide {
    flex: 0 0 1000px; background: var(--surface-primary);
    border: 1px solid #d7deeb; transition: background-color 0.18s ease;
    box-shadow: var(--office_shadow_card);
}
.office-dashboard-empty {
    padding: calc(var(--spacing_small) * 5); color: #7b879a;
    font-size: var(--font_size_caption); text-align: center;
}
.office-dashboard-object {
    border: 1px solid #d8dfec; background: var(--surface-primary);
    color: var(--office_text_heading_alt);
    box-shadow: var(--office_shadow_control); cursor: move; user-select: none;
}
.office-dashboard-object--selected {
    outline: 2px solid var(--office_focus_accent); outline-offset: 2px;
}
.office-dashboard-object__title {
    padding: 0 var(--spacing_medium); border-bottom: 1px solid #e6ebf4;
    color: var(--office_text_heading_alt); font-size: var(--font_size_caption);
    font-weight: 700;
}
.office-dashboard-bar-row {
    grid-template-columns: 90px minmax(80px, 1fr) 55px; color: #344a6e;
    font-size: var(--font_size_caption);
}
.office-dashboard-bar-row > span {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.office-dashboard-bar-row > div {
    height: 11px; overflow: hidden; border-radius: var(--radius_xs);
    background: #edf2fa;
}
.office-dashboard-bar-row i {
    display: block; height: 100%; min-width: 2px;
    background: var(--office_chart_accent);
}
.office-dashboard-bar-row strong {
    text-align: right;
}
.office-dashboard-stage, .office-dashboard-slide, .office-dashboard-object,
.office-dashboard-object__title, .office-dashboard-object__content,
.office-dashboard-empty {
    font-family: var(--office-interface-font-family,
    var(--font_family_interface));
    font-size: var(--office-interface-font-size, var(--font_size_button));
}

/* Файл dashboard_charts_extra.css */

.office-dashboard-chart--line {
    color: var(--office_chart_accent);
}
.office-dashboard-chart--line svg {
    flex: 1 1 auto; min-height: 0; width: 100%;
}
.office-dashboard-line-labels {
    color: var(--office_text_muted); font-size: var(--font_size_caption);
}
.office-dashboard-line-labels span {
    max-width: 70px; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
.office-dashboard-pie {
    width: min(190px, 45%); aspect-ratio: 1; border-radius: 50%;
    box-shadow: var(--office_shadow_inset);
}
.office-dashboard-legend {
    color: #42526c; font-size: var(--font_size_caption);
}
.office-dashboard-legend > div {
    display: grid; grid-template-columns: 10px minmax(70px, 1fr) auto;
    align-items: center; gap: var(--spacing_tight);
}
.office-dashboard-legend i {
    width: 9px; height: 9px; border-radius: var(--radius_2xs);
}
.office-dashboard-legend span {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Файл ribbon_theme.css */

.office-ribbon {
    height: 132px; min-height: 132px; max-height: 132px;
    border: 1px solid var(--border); border-radius: var(--radius_xl);
    background: var(--bg-1);
}
.office-ribbon--sheet, .office-ribbon--dataflow, .office-ribbon--dashboard {
    height: 132px; min-height: 132px; max-height: 132px;
}
.office-ribbon__tabs {
    gap: var(--spacing_compact);
    padding: var(--spacing_xs) var(--spacing_tight) 0;
    border-bottom: 1px solid var(--border); background: var(--bg-2);
}
.office-ribbon__tab {
    border: 0; border-radius: var(--radius_large) var(--radius_large) 0 0;
    background: transparent; color: var(--text-3);
    font-size: var(--font_size_caption); font-weight: 600; line-height: 1;
    cursor: pointer; transition: 0.16s ease;
}
.office-ribbon__tab:hover {
    border: 0; background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
    color: var(--text-1); box-shadow: none; transform: none;
}
.office-ribbon__tab--active {
    border: 0; background: var(--bg-1); color: var(--text-1);
    box-shadow: 0 -1px 0 var(--bg-1), 0 0 0 1px var(--border) inset;
}
.office-ribbon__content, .office-ribbon__content--sheet,
.office-ribbon__content--dataflow, .office-ribbon__content--dashboard {
    display: grid; min-width: 0; min-height: 0; height: 94px; max-height: 94px;
    grid-auto-columns: max-content; grid-auto-flow: column;
    grid-template-rows: repeat(2, minmax(0, 1fr)); align-items: center;
    align-content: stretch; justify-content: start;
    gap: var(--spacing_xs) var(--spacing_small);
    padding: var(--spacing_tight) var(--spacing_small); overflow-x: auto;
    overflow-y: hidden; border-bottom: 1px solid var(--border);
    background: var(--bg-1); scrollbar-width: thin;
}
.office-ribbon__group {
    min-width: max-content; padding: 0 var(--spacing_small) 0 0;
    border-right: 1px solid var(--border);
}
.office-ribbon__group-title {
    color: var(--text-3); font-size: var(--font_size_caption);
    font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em;
}
.office-toolbar-buttons button, .office-query__header-cell button,
.office-field select, .office-dashboard-title-input {
    border-color: var(--border); background: var(--bg-1); color: var(--text-1);
}
.office-toolbar-buttons button:hover, .office-query__header-cell button:hover {
    background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
}
.office-primary-button {
    min-width: 142px; margin: 0 var(--spacing_2xs) 0 0;
    border: 1px solid var(--accent); border-radius: var(--radius_relaxed);
    background: var(--accent); color: var(--on-accent);
    font-size: var(--font_size_caption); font-weight: 700; cursor: pointer;
}
.office-ribbon__tabs-actions .office-primary-button {
    width: max-content; min-width: 0; min-height: 30px;
}
.office-primary-button:hover {
    border-color: var(--accent-blue); background: var(--accent-blue);
    color: var(--on-accent);
}
.office-ribbon__tabs-actions {
    padding: 0 var(--spacing_2xs) var(--spacing_xs) var(--spacing_small);
}
.office-ribbon--file-only {
    height: 38px; min-height: 38px; max-height: 38px; flex-basis: 38px;
}

/* Файл dashboard_navigation.css */

.office-dashboard-slide--presentation {
    box-shadow: var(--office_shadow_canvas);
}
.office-dashboard-slide--dashboard {
    background-image: linear-gradient(var(--office_grid_line) 1px, transparent
    1px), linear-gradient(90deg, var(--office_grid_line) 1px, transparent
    1px);
    background-size: 20px 20px;
}
.office-dashboard-slide__mode {
    right: 12px; bottom: 10px; z-index: 2; border-radius: var(--radius_pill);
    background: var(--office_navigation_active_background); color: #64728a;
    font-size: var(--font_size_caption); pointer-events: none;
}
.office-dashboard-object--text {
    border-color: transparent; box-shadow: none;
}
.office-dashboard-text-object, .office-dashboard-shape-object {
    display: flex; width: 100%; height: 100%; box-sizing: border-box;
    align-items: center;
    padding: var(--spacing_relaxed) var(--spacing_section);
    white-space: pre-wrap; word-break: break-word;
}
.office-dashboard-navigator {
    min-height: 72px; flex: 0 0 72px; padding: var(--spacing_compact);
    border: 1px solid var(--border); border-radius: var(--radius_large);
    background: var(--bg-1);
}
.office-dashboard-navigator > button {
    width: 34px; min-width: 34px; height: 34px;
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-1); color: var(--text-1); cursor: pointer;
}
.office-dashboard-navigator > button:disabled {
    cursor: default; opacity: 0.4;
}
.office-dashboard-navigator__slides {
    scrollbar-width: thin;
}
.office-dashboard-thumbnail {
    max-width: 190px; grid-template-rows: 1fr auto;
    gap: var(--spacing_2xs) var(--spacing_dense);
    padding: var(--spacing_dense) calc(var(--spacing_small) * 1.125);
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-2); color: var(--text-1); text-align: left;
    cursor: pointer;
}
.office-dashboard-thumbnail > span {
    grid-row: 1 / span 2; align-self: center; color: var(--text-3);
    font-size: var(--font_size_caption); font-weight: 700;
}
.office-dashboard-thumbnail strong, .office-dashboard-thumbnail small {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.office-dashboard-thumbnail strong {
    font-size: var(--font_size_caption);
}
.office-dashboard-thumbnail small {
    color: var(--text-3); font-size: var(--font_size_caption);
}
.office-dashboard-thumbnail--active {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 9%, var(--bg-1));
    box-shadow: 0 0 0 1px var(--accent) inset;
}
.office-color-field {
    color: var(--text-3); font-size: var(--font_size_caption);
    font-weight: 700;
}
.office-color-field input[type='color'] {
    width: 34px; height: 28px; padding: var(--spacing_2xs);
    border: 1px solid var(--border); border-radius: var(--radius_dense);
    background: var(--bg-1); cursor: pointer;
}
.office-color-field input[type='color']:disabled {
    cursor: default; opacity: 0.45;
}

/* Файл formula_and_dashboard_ribbon.css */

.office-formula-suggestions {
    z-index: 90; width: min(380px, calc(100vw - 32px)); max-height: 220px;
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-1); box-shadow: var(--office_shadow_popup);
}
.office-formula-suggestions--bar {
    left: 126px;
}
.office-formula-suggestions--cell {
    top: calc(100% + 2px); max-width: min(360px, calc(100vw - 32px));
}
.office-formula-suggestion {
    gap: calc(var(--spacing_small) / 8);
    padding: var(--spacing_tight) var(--spacing_small); border: 0;
    border-bottom: 1px solid var(--border); border-radius: 0;
    background: var(--bg-1); color: var(--text-1); text-align: left;
    cursor: pointer;
}
.office-formula-suggestion:last-child {
    border-bottom: 0;
}
.office-formula-suggestion:hover, .office-formula-suggestion--active {
    background: var(--bg-2);
}
.office-formula-suggestion strong {
    color: var(--accent); font-size: var(--font_size_caption);
}
.office-formula-suggestion span {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.office-formula-suggestion small {
    overflow: hidden; color: var(--text-3);
    font-size: var(--font_size_caption); text-overflow: ellipsis;
    white-space: nowrap;
}
.office-formula-suggestion__parameter {
    font-style: normal;
}
.office-formula-suggestion__parameter--active {
    color: var(--accent); font-weight: 700; text-decoration: underline;
}
.office-ribbon--dashboard {
    height: 132px; min-height: 132px; max-height: 132px;
}
.office-ribbon--dashboard .office-ribbon__content--dashboard {
    display: flex; height: 94px; min-height: 94px; max-height: 94px;
    flex-wrap: nowrap; align-items: stretch; align-content: stretch;
    overflow-x: auto; overflow-y: hidden;
}
.office-formula-suggestion small.office-formula-suggestion__input-hint {
    color: var(--blue-navy); font-weight: 600; text-overflow: clip;
    white-space: normal;
}

/* Файл dashboard_slide_pane.css */

.office-ribbon--dashboard .office-ribbon__group {
    min-height: 0;
}
.office-dashboard-slide-pane {
    width: 214px; flex: 0 0 214px; border: 1px solid var(--border);
    border-radius: var(--radius_large); background: var(--bg-1);
}
.office-dashboard-slide-pane__header {
    border-bottom: 1px solid var(--border);
}
.office-dashboard-slide-pane__header strong {
    color: var(--text-1); font-size: var(--font_size_caption);
}
.office-dashboard-slide-pane__header button {
    width: 28px; height: 26px; padding: 0; border: 1px solid var(--border);
    border-radius: var(--radius_dense); background: var(--bg-1);
    color: var(--text-1); cursor: pointer;
}
.office-dashboard-slide-pane__list {
    scrollbar-width: thin;
}
.office-dashboard-slide-pane .office-dashboard-thumbnail {
    display: grid; width: 100%; min-width: 0; max-width: none;
    grid-template-columns: 20px minmax(0, 1fr); grid-template-rows: auto auto;
    gap: var(--spacing_micro) var(--spacing_compact);
    padding: var(--spacing_compact);
}
.office-dashboard-slide-pane .office-dashboard-thumbnail__number {
    grid-row: 1 / span 2; align-self: start; padding-top: var(--spacing_2xs);
}
.office-dashboard-thumbnail__preview {
    aspect-ratio: 1000 / 562; border: 1px solid var(--border);
    border-radius: var(--radius_xs);
    background-image: linear-gradient(var(--office_grid_line_faint) 1px,
    transparent 1px), linear-gradient( 90deg, var(--office_grid_line_faint)
    1px, transparent 1px );
    background-size: 8px 8px;
}
.office-dashboard-thumbnail__preview i {
    position: absolute; display: block; box-sizing: border-box; min-width: 2px;
    min-height: 2px; border: 1px solid; opacity: 0.85;
}
.office-dashboard-slide-pane .office-dashboard-thumbnail strong {
    grid-column: 2;
}
.office-dashboard-main .office-dashboard-stage {
    width: 100%;
}
.office-dashboard-object--read-only {
    pointer-events: none;
}
.office-slide-show {
    z-index: 2000; background: #111722;
}
.office-slide-show__slide {
    transform-origin: top left;
}
.office-slide-show__close {
    top: 16px; z-index: 3;
    border: 1px solid var(--office_overlay_control_border); border-radius: 50%;
    background: var(--office_overlay_control_background);
    color: var(--on-accent); cursor: pointer;
}
.office-slide-show__controls {
    bottom: 16px; z-index: 3; transform: translateX(-50%);
    color: var(--on-accent);
}
.office-slide-show__controls button {
    width: 38px; height: 32px;
    border: 1px solid var(--office_overlay_control_border);
    border-radius: var(--radius_medium);
    background: var(--office_overlay_control_background);
    color: var(--on-accent); cursor: pointer;
}
.office-slide-show__controls button:disabled {
    cursor: default; opacity: 0.35;
}

/* Файл dashboard_slide_responsive.css */

@media (max-width: 900px) {
    .office-dashboard-slide-pane {
        width: 174px; min-width: 150px; flex-basis: 174px;
    }
    .office-formula-suggestions--cell {
        min-width: 300px;
    }
}

/* Файл sheet_tools.css */

.office-dashboard-slide-pane .office-dashboard-thumbnail__preview {
    grid-column: 2; grid-row: 1; align-self: stretch; color: inherit;
}
.office-sheet-tool-form > label, .office-sheet-tool-form__row > label {
    display: flex; flex: 1 1 0; flex-direction: column;
    gap: var(--spacing_compact); color: var(--text-2); font-weight: 600;
}
.office-sheet-tool-form input, .office-sheet-tool-form select,
.office-sheet-tool-form textarea {
    width: 100%; min-height: 38px; box-sizing: border-box;
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-1); color: var(--text-1);
    padding: var(--spacing_small) var(--spacing_regular);
}
.office-sheet-tool-form textarea {
    min-height: 90px; resize: vertical;
}
.office-sheet-tool-form__reference {
    border-radius: var(--radius_medium); background: var(--bg-2);
    color: var(--text-2);
}
.office-sheet-chart {
    height: 220px;
}
.office-sheet-chart__point {
    grid-template-rows: 1fr auto auto; color: var(--text-2);
    text-align: center;
}
.office-sheet-chart__bar {
    min-height: 3px; justify-self: center;
    border-radius: var(--radius_tight) var(--radius_tight) 0 0;
    background: var(--accent);
}
.office-sheet-chart--line .office-sheet-chart__bar {
    width: 10px; border-radius: 50% 50% 0 0;
}
.office-sheet-chart__point span, .office-sheet-chart__point small {
    max-width: 70px; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;
}
.office-dashboard-main .office-dashboard-stage {
    flex: 1 1 auto;
}

/* Файл conditional_formatting.css */

.office-conditional-formatting {
    grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
}
.office-conditional-formatting__categories {
    border-right: 1px solid var(--divider-color);
}
.office-conditional-formatting__categories button,
.office-conditional-formatting__manager-toolbar button,
.office-conditional-formatting__actions button {
    min-height: var(--button-min-height); border: 1px solid var(--border);
    border-radius: var(--radius_medium); background: var(--surface-primary);
    color: var(--text-1); font: inherit; cursor: pointer;
}
.office-conditional-formatting__categories button {
    padding: var(--spacing_compact) var(--spacing_regular); text-align: left;
}
.office-conditional-formatting__categories button:hover,
.office-conditional-formatting__manager-toolbar button:hover,
.office-conditional-formatting__actions button:hover {
    background: var(--surface-secondary);
}
.office-conditional-formatting__content,
.office-conditional-formatting__editor,
.office-conditional-formatting__manager {
    display: flex; min-width: 0; flex-direction: column;
    gap: var(--spacing_regular);
}
.office-conditional-formatting__reference {
    border-radius: var(--radius_medium); background: var(--bg-2);
    color: var(--text-2);
}
.office-conditional-formatting__editor > label,
.office-conditional-formatting__row > label {
    display: flex; min-width: 0; flex: 1 1 0; flex-direction: column;
    gap: var(--spacing_xs); color: var(--text-2); font-weight: 600;
}
.office-conditional-formatting__editor input,
.office-conditional-formatting__editor select {
    width: 100%; min-height: var(--button-min-height); box-sizing: border-box;
    padding: var(--spacing_compact) var(--spacing_regular);
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--surface-primary); color: var(--text-1);
}
.office-conditional-formatting__editor input[type='color'] {
    min-height: 38px; padding: var(--spacing_xs);
}
.office-conditional-formatting__row, .office-conditional-formatting__actions,
.office-conditional-formatting__manager-toolbar {
    display: flex; align-items: center; gap: var(--spacing_small);
}
.office-conditional-formatting__checkbox {
    flex-direction: row !important;
}
.office-conditional-formatting__checkbox input {
    width: auto; min-height: 0;
}
.office-conditional-formatting__actions button,
.office-conditional-formatting__manager-toolbar button {
    padding: var(--spacing_compact) var(--spacing_regular);
}
.office-conditional-formatting__preset {
    grid-template-columns: 76px minmax(0, 1fr);
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--surface-primary); color: var(--text-1); text-align: left;
    cursor: pointer;
}
.office-conditional-formatting__preset:hover {
    background: var(--surface-secondary);
}
.office-conditional-formatting__preset-preview {
    border: 1px solid var(--divider-color);
}
.office-conditional-formatting__rule-table {
    border: 1px solid var(--border); border-radius: var(--radius_medium);
}
.office-conditional-formatting__rule-head,
.office-conditional-formatting__rule-row {
    display: grid;
    grid-template-columns: minmax(150px, 1.5fr) 90px minmax(130px, 1fr) 90px;
    align-items: center; gap: var(--spacing_small);
}
.office-conditional-formatting__rule-head {
    background: var(--surface-secondary); color: var(--text-2);
    font-weight: 700;
}
.office-conditional-formatting__rule-row {
    border: 0; border-top: 1px solid var(--divider-color); border-radius: 0;
    background: var(--surface-primary); color: var(--text-1); text-align: left;
    cursor: pointer;
}
.office-conditional-formatting__rule-row--selected {
    background: var(--surface-secondary);
}
.office-conditional-formatting__format-preview {
    border: 1px solid var(--divider-color);
}
.office-conditional-formatting__empty {
    color: var(--text-3);
}
@media (max-width: 760px) {
    .office-conditional-formatting {
        grid-template-columns: 1fr;
    }
    .office-conditional-formatting__categories {
        padding-right: 0; padding-bottom: var(--spacing_small);
        border-right: 0; border-bottom: 1px solid var(--divider-color);
    }
    .office-conditional-formatting__presets {
        grid-template-columns: 1fr;
    }
    .office-conditional-formatting__rule-head,
    .office-conditional-formatting__rule-row {
        grid-template-columns: minmax(120px, 1fr) 70px minmax(110px, 1fr) 70px;
    }
}

/* Файл dashboard_objects_core.css */

.office-dashboard-slide--grid {
    background-image: linear-gradient(var(--office_grid_line_strong) 1px,
    transparent 1px), linear-gradient( 90deg,
    var(--office_grid_line_strong) 1px, transparent 1px );
    background-size: 20px 20px;
}
.office-dashboard-kpi {
    text-align: center;
}
.office-dashboard-kpi span {
    color: inherit; font-weight: 700;
}
.office-dashboard-kpi strong {
    color: var(--accent); font-size: var(--font_size_0); line-height: 1;
}
.office-dashboard-kpi small {
    color: var(--text-3);
}
.office-dashboard-table-object, .office-dashboard-slicer {
    display: flex; width: 100%; height: 100%; min-height: 0;
    box-sizing: border-box; flex-direction: column;
    padding: var(--spacing_regular);
}
.office-dashboard-table-object table {
    width: 100%; border-collapse: collapse;
    font-size: var(--font_size_caption);
}
.office-dashboard-table-object th, .office-dashboard-table-object td {
    padding: var(--spacing_tight) var(--spacing_dense);
    border: 1px solid var(--border); text-align: left; white-space: nowrap;
}
.office-dashboard-table-object th {
    position: sticky; top: 0; z-index: 1; background: var(--bg-2);
}
.office-dashboard-slicer .office-dashboard-object__title {
    width: 100%;
}
.office-dashboard-slicer > button {
    padding: var(--spacing_compact) calc(var(--spacing_small) * 1.125);
    border: 1px solid var(--border); border-radius: var(--radius_dense);
    background: var(--bg-1); color: var(--text-2); cursor: pointer;
}
.office-dashboard-slicer > button.active {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 12%, var(--bg-1));
    color: var(--accent);
}
.office-dashboard-bar-row, .office-dashboard-legend button {
    border: 0; background: transparent; color: inherit; cursor: pointer;
    font: inherit;
}

/* Файл dashboard_objects_extra.css */

.office-dashboard-legend button {
    display: grid; width: 100%;
    grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center;
    gap: var(--spacing_compact); text-align: left;
}
.office-dashboard-line-point {
    cursor: pointer;
}
.office-dashboard-drill-controls button {
    width: 24px; height: 22px; padding: 0; border: 1px solid var(--border);
    border-radius: var(--radius_tight); background: var(--bg-1);
    cursor: pointer;
}
.office-dashboard-checkbox {
    color: var(--text-2); font-size: var(--font_size_caption);
}
.office-dashboard-notes {
    min-height: 92px; flex: 0 0 92px; border: 1px solid var(--border);
    border-radius: var(--radius_relaxed); background: var(--bg-1);
    color: var(--text-2); font-size: var(--font_size_caption);
    font-weight: 700;
}
.office-dashboard-notes textarea {
    min-height: 54px; flex: 1 1 auto; resize: none; border: 0; outline: none;
    background: transparent; color: var(--text-1); font: inherit;
    font-weight: 400;
}
.office-slide-show__notes {
    bottom: 62px; z-index: 4; max-width: min(440px, 44vw); max-height: 24vh;
    padding: var(--spacing_regular) var(--spacing_relaxed);
    border-radius: var(--radius_relaxed);
    background: var(--office_overlay_scrim); color: var(--on-accent);
}
.office-slide-show__slide--fade {
    animation-name: office-slide-fade; animation-timing-function: ease;
}
.office-slide-show__slide--slide {
    animation-name: office-slide-shift; animation-timing-function: ease-out;
}
.office-slide-show__slide--zoom {
    animation-name: office-slide-zoom; animation-timing-function: ease-out;
}

/* Файл dashboard_animations.css */

@keyframes office-slide-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes office-slide-shift {
    from {
        opacity: 0; translate: 10% 0;
    }
    to {
        opacity: 1; translate: 0 0;
    }
}
@keyframes office-slide-zoom {
    from {
        opacity: 0; scale: 0.94;
    }
    to {
        opacity: 1; scale: 1;
    }
}
@media (max-width: 900px) {
    .office-sheet-tool-form__row {
        flex-direction: column;
    }
    .office-dashboard-notes {
        min-height: 78px; flex-basis: 78px;
    }
}
.office-workspace__panel--dashboard.office-workspace__panel--file-view >
.office-ribbon.office-ribbon--file-only {
    height: 38px !important; min-height: 38px !important;
    max-height: 38px !important; flex: 0 0 38px !important; overflow: hidden;
}
.office-workspace__panel--dashboard.office-workspace__panel--file-view
.office-ribbon__content {
    display: none;
}
.office-workspace__panel--dashboard.office-workspace__panel--file-view >
.office-file-panel {
    min-height: 0; flex: 1 1 auto; margin-top: 0;
}
.office-dashboard-source-actions button {
    width: 100%;
}
.office-dashboard-object--locked {
    outline: 2px dashed var(--border); cursor: not-allowed;
}
.office-dashboard-object--locked::after {
    position: absolute; z-index: 5; top: 4px; right: 6px; content: '🔒';
    font-size: var(--font_size_caption); pointer-events: none;
}

/* Файл workspace_mobile.css */

.office-workspace__menu-button {
    position: fixed; z-index: 45; top: max(10px, env(safe-area-inset-top));
    left: max(10px, env(safe-area-inset-left)); height: 44px;
    border: 1px solid var(--border); border-radius: var(--radius_xl);
    background: var(--card); box-shadow: var(--shadow); cursor: pointer;
}
.office-workspace__menu-button span {
    width: 20px; height: 2px; border-radius: var(--radius_2xs);
    background: var(--blue-navy);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.office-workspace__menu-button--active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.office-workspace__menu-button--active span:nth-child(2) {
    opacity: 0;
}
.office-workspace__menu-button--active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}
.office-workspace--portrait .office-workspace__menu-button {
    display: flex;
}
.office-workspace__sidebar-overlay {
    display: none;
}
.office-workspace--portrait:not(.office-workspace--sidebar-open)
.office-workspace__sidebar {
    display: none;
}
.office-workspace--portrait .office-workspace__sidebar {
    position: fixed; z-index: 43; top: 0; bottom: 0; left: 0;
    width: var(--office-sidebar-width); min-width: var(--office-sidebar-width);
    height: 100dvh; box-sizing: border-box; flex: none; flex-direction: column;
    align-items: stretch; flex-wrap: nowrap;
    padding: calc(var(--spacing_small) * 8) var(--spacing_relaxed)
    var(--spacing_medium);
    overflow-x: hidden; overflow-y: auto; box-shadow: var(--shadow);
}
.office-workspace--portrait.office-workspace--sidebar-open
.office-workspace__sidebar-overlay {
    position: fixed; z-index: 42; inset: 0; display: block; padding: 0;
    border: 0; background: transparent; cursor: default;
}
.office-workspace--portrait {
    --office-sidebar-width: 80vw; position: relative; height: 100dvh;
}
.office-workspace--portrait .office-workspace__content {
    flex: 1 1 100%; width: 100%; min-width: 0; max-width: 100%; height: 100dvh;
    padding: 0;
}
.office-workspace--portrait .office-workspace__panel {
    --office-interface-font-size: var(--font_size_0) !important;
    flex: 1 1 auto; min-height: 0; height: auto;
}

/* Файл workspace_settings.css */

.office-workspace__favorites {
    border-bottom: 1px solid var(--border); background: var(--bg-1);
}
.office-workspace__favorites button {
    min-height: 28px; padding: var(--spacing_micro) var(--spacing_small);
    border: 1px solid var(--border); border-radius: var(--radius_compact);
    background: var(--bg-2); color: var(--text-1); font: inherit;
    font-size: var(--font_size_caption); cursor: pointer;
}
.office-workspace__settings-button {
    border: 1px solid var(--sidebar-tab-border);
    border-radius: var(--spacing_small);
    background: var(--sidebar-tab-background); color: var(--sidebar-text);
    font: inherit; font-size: var(--office_settings_label_font_size);
    cursor: pointer;
}
.office-workspace__settings-button span {
    font-size: var(--office_sidebar_button_font_size); line-height: 1;
}
.office-workspace__settings-button--active,
.office-workspace__settings-button:hover {
    background: var(--sidebar-tab-hover);
}
.office-settings {
    background: var(--bg-1); color: var(--text-1);
}
.office-settings__header h2, .office-settings__section h3 {
    margin: 0; font-size: var(--font_size_0);
}
.office-settings__header p, .office-settings__section p {
    margin: var(--spacing_xs) 0 0; color: var(--text-2);
    font-size: var(--font_size_caption);
}
.office-settings__header button {
    min-height: 34px; padding: var(--spacing_tight) var(--spacing_medium);
    border: 1px solid var(--accent); border-radius: var(--radius_dense);
    background: var(--accent); color: var(--on-accent); font: inherit;
    cursor: pointer;
}
.office-settings__section {
    border: 1px solid var(--border); border-radius: var(--radius_medium);
    background: var(--bg-2);
}
.office-settings__radio-row, .office-settings__checks {
    display: flex; flex-wrap: wrap;
    gap: var(--spacing_small) var(--spacing_relaxed);
}
.office-settings__radio-row label, .office-settings__checks label {
    display: inline-flex; align-items: center; gap: var(--spacing_compact);
    font-size: var(--font_size_caption);
}
.office-settings__grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
}
.office-settings__grid label {
    display: grid; gap: var(--spacing_xs); font-size: var(--font_size_caption);
}
.office-settings__grid input, .office-settings__grid select {
    min-height: 32px; box-sizing: border-box;
    padding: var(--spacing_xs) var(--spacing_dense);
    border: 1px solid var(--border); border-radius: var(--radius_compact);
    background: var(--bg-1); color: var(--text-1); font: inherit;
}
.office-settings__documents > div {
    display: grid; grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center; gap: var(--spacing_compact); min-height: 32px;
}
.office-settings__star {
    width: 28px; border: 0; background: transparent; color: var(--accent);
    font-size: var(--font_size_1); cursor: pointer;
}
.office-settings__documents small {
    color: var(--text-3); font-size: var(--font_size_caption);
}
@media (max-width: 900px) {
    .office-settings__grid {
        grid-template-columns: 1fr 1fr;
    }
}
.office-workspace--portrait .office-settings__header {
    flex-direction: column;
}
.office-workspace--portrait .office-settings__grid {
    grid-template-columns: 1fr;
}
.office-settings--compact {
    max-width: 760px;
}
.office-file-settings {
    width: min(100%, 900px);
}
.office-file-settings__header h3, .office-file-settings__group h4 {
    margin: 0; color: var(--blue-navy);
}
.office-file-settings__header p {
    margin: var(--spacing_xs) 0 0; color: var(--text-2);
    font-size: var(--font_size_caption);
}
.office-file-settings__group {
    border: 1px solid var(--border); border-radius: var(--radius_relaxed);
    background: var(--bg-2);
}
.office-file-settings__checks {
    gap: var(--spacing_dense) var(--spacing_relaxed);
}
.office-file-settings__checks label {
    display: flex; min-width: 0; align-items: flex-start;
    gap: var(--spacing_dense); font-size: var(--font_size_caption);
}
.office-workspace--portrait .office-file-settings__header {
    flex-direction: column;
}
.office-workspace--portrait .office-file-settings__checks {
    grid-template-columns: minmax(0, 1fr);
}
@media (max-width: 760px) {
    .office-file-settings__header {
        flex-direction: column;
    }
    .office-file-settings__checks {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Файл OfficeWorkspace.css */


/*# sourceMappingURL=main.bbbab752.css.map*/