.contact-window > .contact-filters { display: flex; flex: 0 0 auto; min-height: 108px; align-items: stretch; gap: 6px; padding: 5px; border: 0; background: #efefef; }.contact-window > .contact-filters > fieldset, .contact-list-grid-column > .contact-grid-section { min-width: 0; margin: 0; padding: 5px; border: 1px solid #d1d1d1; }.contact-window .contact-filters legend, .contact-list-grid-column legend { padding: 0 3px; color: #133e59; font-weight: 700; }.contact-window .contact-groups { display: flex; flex: 0 0 218px; flex-direction: column; min-height: 0; }.contact-window .contact-groups .group-selector { flex: 1; min-height: 0; }.contact-window .contact-search-panel { flex: 1; }.contact-window .contact-search-panel .contact-toolbar { height: 100%; border: 0; background: transparent; }.contact-list-grid-column { display: flex; flex: 1; min-height: 0; margin: 0 5px 5px; }.contact-list-grid-column > .contact-grid-section { flex: 1; min-height: 0; }.contact-detail-content[data-layout-column] { grid-template-columns: minmax(360px, .86fr) minmax(440px, 1.14fr); overflow: auto; }.contact-detail-content[data-layout-column] > fieldset[data-layout-group] { min-height: 0; }.contact-detail-content[data-layout-column] > .contact-master-data { align-self: start; }.contact-detail-content[data-layout-column] > .contact-person-panel { align-self: start; }
.contact-window .contact-groups .group-selector { width: 100%; height: 100%; border: 0; }.contact-window .contact-groups .contact-group-tree { width: calc(100% - 30px); flex: 0 0 calc(100% - 30px); padding: 4px; border: 0; }.contact-window .contact-groups .group-actions { flex: 0 0 30px; }
.contact-window > .contact-filters { padding-bottom: 5px !important; }
.project-tree-root { color: #092d49; font-weight: 700; }.project-tree-positions { font-weight: 400; }.project-position-context-menu { position: fixed; z-index: 220; min-width: 350px; margin: 0; padding: 3px 0; border: 1px solid #8b979f; background: #f9f9f9; box-shadow: 2px 2px 4px rgba(0, 0, 0, .28); }.project-position-context-menu[hidden] { display: none; }.project-position-context-menu button { display: block; width: 100%; min-height: 23px; padding: 2px 35px; border: 0; background: transparent; color: #111; font: inherit; text-align: left; white-space: nowrap; }.project-position-context-menu button:hover, .project-position-context-menu button:focus-visible { background: #d8e5ed; outline: 0; }.project-position-context-menu hr { height: 0; margin: 3px 0; border: 0; border-top: 1px solid #c3c3c3; }
body .project-customer-footer .select-project-customer { width: auto; min-width: 80px; height: 25px; margin-left: auto; padding: 0 8px; font-size: inherit; font-weight: 400; }.project-detail-window .project-customer-picker { grid-template-columns: minmax(0, 1fr) 25px; }.project-detail-window .project-customer-picker .open-project-customer-picker { width: 25px; min-width: 25px; padding: 0; font-size: 13px; line-height: 1; }
.project-customer-window { position: absolute; z-index: 12; top: 48px; left: 92px; display: flex; flex-direction: column; width: min(760px, calc(100% - 48px)); height: min(520px, calc(100% - 48px)); min-width: 520px; min-height: 320px; overflow: hidden; border: 1px solid #6d9bbf; background: #f1f1f1; box-shadow: 1px 3px 7px rgba(0, 0, 0, .28); color: #092d49; font-size: 11px; }.project-customer-window[hidden] { display: none; }.project-customer-content { display: flex; flex: 1; min-height: 0; padding: 6px; }.project-customer-content > fieldset { display: flex; flex: 1; min-width: 0; min-height: 0; flex-direction: column; margin: 0; padding: 6px; border: 1px solid #b7c1c7; }.project-customer-content legend { padding: 0 3px; color: #133e59; font-weight: 700; }.project-customer-toolbar { display: flex; align-items: center; min-height: 28px; }.project-customer-toolbar label { display: grid; grid-template-columns: 44px minmax(210px, 1fr); align-items: center; gap: 6px; }.project-customer-search { height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-customer-grid-wrap { flex: 1; min-height: 0; overflow: auto; border: 1px solid #aebbc1; background: #fff; }.project-customer-table { width: 100%; border-collapse: collapse; font-size: 11px; }.project-customer-table th, .project-customer-table td { padding: 4px 6px; border: 1px solid #aebbc1; text-align: left; }.project-customer-table th { position: sticky; top: 0; background: #edf1f4; }.project-customer-table tbody tr { cursor: pointer; }.project-customer-table tbody tr:hover, .project-customer-table tbody tr.selected { background: #d8e5ed; }.project-customer-footer .select-project-customer { width: 25px; min-width: 25px; height: 25px; margin-left: auto; padding: 0; font-size: 14px; font-weight: 700; }
.project-window > .project-list-footer { min-height: 37px; padding: 5px 8px; border-top: 2px solid #e8651a; background: #5f8598; color: #fff; }.project-window > .project-list-footer > div { display: flex; gap: 5px; margin-left: auto; }.project-detail-window > .project-form > .project-detail-footer { height: 55px; display: flex; gap: 7px; align-items: center; padding: 6px 10px; border-top: 2px solid #e8651a; background: #5f8598; }.project-detail-window > .project-form > .project-detail-footer button { min-width: 72px; height: 25px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.project-detail-window > .project-form > .project-detail-footer button[type="submit"] { margin-left: auto; }
.contact-detail-content[data-layout-column] { display: grid; grid-template-columns: minmax(360px, .88fr) minmax(440px, 1.12fr); grid-template-rows: auto auto auto auto auto; align-content: start; gap: 6px; padding: 6px; }.contact-detail-content > .contact-assignment, .contact-detail-content > .contact-identity, .contact-detail-content > .contact-address, .contact-detail-content > .contact-communication, .contact-detail-content > .contact-status { grid-column: 1; margin: 0; }.contact-detail-content > .contact-person-panel { grid-column: 2; grid-row: 1 / span 5; display: flex; flex-direction: column; min-height: 0; margin: 0; }.contact-master-data { padding: 6px; }.contact-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 7px; }.contact-form-grid label { display: grid; grid-template-columns: 102px minmax(0, 1fr); align-items: center; gap: 4px; min-width: 0; }.contact-form-grid input, .contact-form-grid select, .contact-form-grid textarea { width: 100%; min-width: 0; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.contact-form-grid .contact-check { display: flex; align-items: center; gap: 4px; }.contact-form-grid .contact-check input { width: auto; height: auto; }.contact-form-grid .contact-note { grid-column: 1 / -1; align-items: start; }.contact-form-grid .contact-note textarea { height: 55px; resize: vertical; }.contact-person-panel .contact-person-empty { padding: 3px 0 6px; }.contact-person-panel table { width: 100%; border-collapse: collapse; table-layout: fixed; }.contact-person-panel th, .contact-person-panel td { height: 21px; overflow: hidden; border: 1px solid #aebbc1; text-overflow: ellipsis; white-space: nowrap; }.contact-person-panel th { background: #fff; color: #151515; font-weight: 400; text-align: left; }
.contact-detail-content[data-layout-column] { grid-template-rows: repeat(5, max-content) !important; }.contact-detail-content[data-layout-column] > fieldset[data-layout-group] { height: auto !important; min-height: 0 !important; align-self: start !important; }
section.contact-detail-window .contact-detail-content[data-layout-editor="contact-detail-main"] { display: grid !important; grid-template-columns: minmax(360px, .88fr) minmax(440px, 1.12fr) !important; grid-template-rows: minmax(0, 1fr) !important; flex: 1; min-height: 0; overflow: hidden !important; }.contact-detail-content[data-layout-editor="contact-detail-main"] > .contact-detail-column { display: flex; flex-direction: column; align-self: stretch; min-width: 0; min-height: 0; gap: 6px; padding-bottom: 32px; overflow: auto; }.contact-detail-content[data-layout-editor="contact-detail-main"] > .contact-detail-column > fieldset[data-layout-group] { flex: 0 0 auto !important; width: 100%; min-height: 0 !important; margin: 0; align-self: auto !important; }.contact-detail-content[data-layout-editor="contact-detail-main"] > .contact-detail-column > .contact-person-panel { flex: 0 0 auto; }
.contact-tab-panel[hidden] { display: none !important; }.contact-addresses-panel[data-layout-editor="contact-addresses"] { display: grid; grid-template-columns: minmax(360px, .72fr) minmax(500px, 1.28fr); flex: 1; min-height: 0; gap: 7px; padding: 7px; overflow: hidden; }.contact-addresses-panel > .contact-detail-column { display: flex; flex-direction: column; min-width: 0; min-height: 0; padding-bottom: 32px; overflow: auto; }.contact-addresses-panel > .contact-detail-column > fieldset { flex: 0 0 auto; min-width: 0; margin: 0; padding: 7px; border: 1px solid #d1d1d1; }.contact-addresses-panel legend { padding: 0 3px; color: #133e59; font-weight: 700; }.contact-addresses-panel legend::before { display: inline-block; width: 8px; height: 8px; margin-right: 5px; content: ""; background: #e8651a; vertical-align: 0; }.contact-address-form { display: grid; gap: 6px; }.contact-address-form label { display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: start; gap: 5px; }.contact-address-form select, .contact-address-form input, .contact-address-form textarea { width: 100%; min-width: 0; min-height: 22px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.contact-address-form textarea { height: 90px; resize: vertical; }.contact-address-form .contact-address-check { display: flex; align-items: center; gap: 4px; }.contact-address-form .contact-address-check input { width: auto; min-height: 0; }.contact-address-form .commission-address { grid-template-columns: 44px 34px minmax(0, 1fr); }.contact-address-form .commission-address textarea { height: 90px; }.contact-document-text-group { position: relative; display: flex; flex: 1 0 260px !important; flex-direction: column; min-height: 0; }.contact-document-text-group p { margin: -2px 0 5px; }.contact-document-text-table-wrap { flex: 1; min-height: 180px; overflow: auto; border: 1px solid #929da5; background: #fff; }.contact-document-text-table { width: 100%; min-width: 550px; border-collapse: collapse; table-layout: fixed; }.contact-document-text-table th, .contact-document-text-table td { height: 25px; padding: 2px 3px; border: 1px solid #d3d9dd; }.contact-document-text-table th { background: #fff; color: #151515; font-weight: 400; text-align: left; }.contact-document-text-table th:first-child { width: 28px; }.contact-document-text-table th:nth-child(2) { width: 145px; }.contact-document-text-table input { width: 100%; height: 20px; border: 0; background: transparent; color: #092e49; font: inherit; }.contact-document-text-table tr.selected { background: #d8e5ed; }.contact-document-text-actions { position: absolute; top: 28px; right: 7px; display: flex; flex-direction: column; gap: 5px; }.contact-document-text-actions button { width: 25px; height: 25px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font-size: 18px; line-height: 18px; }
.contact-topics-panel, .contact-finances-panel { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: 7px; overflow: hidden; }.contact-layout-column { display: flex; flex: 1; flex-direction: column; min-height: 0; gap: 7px; padding-bottom: 32px; overflow: auto; }.contact-topics-panel .contact-layout-column > fieldset, .contact-finances-panel .contact-layout-column > fieldset { display: flex; flex: 0 0 auto; flex-direction: column; width: 100%; min-width: 0; min-height: 0; margin: 0; padding: 6px; border: 1px solid #d1d1d1; }.contact-topics-panel legend, .contact-finances-panel legend { padding: 0 3px; color: #133e59; font-weight: 700; }.contact-topics-toolbar { display: flex; align-items: center; gap: 5px; padding-bottom: 5px; }.contact-topics-toolbar select { width: 240px; height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.contact-topics-toolbar button { width: 25px; height: 23px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font-size: 17px; }.contact-topic-count { margin-left: auto; }.contact-topics-table-wrap { flex: 1; min-height: 120px; overflow: auto; border: 1px solid #929da5; background: #fff; }.contact-topics-table { width: 100%; min-width: 680px; border-collapse: collapse; table-layout: fixed; }.contact-topics-table th, .contact-topics-table td { height: 23px; padding: 2px 4px; overflow: hidden; border: 1px solid #aebbc1; text-overflow: ellipsis; white-space: nowrap; }.contact-topics-table th { background: #fff; color: #151515; font-weight: 400; text-align: left; }.contact-topics-table th:nth-child(1) { width: 88px; }.contact-topics-table th:nth-child(2) { width: 220px; }.contact-topics-table th:nth-child(4) { width: 82px; }.contact-topics-table tr.selected { color: #fff; background: #ee6e16; }.contact-topic-properties { min-height: 80px; padding: 7px; overflow: auto; border: 1px solid #929da5; background: #fff; white-space: pre-wrap; }
.contact-group-delete-dialog { position: absolute; z-index: 20; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(24, 47, 72, .22); }.contact-group-delete-dialog[hidden] { display: none; }.contact-group-dialog-form { width: min(340px, 100%); padding: 12px; border: 1px solid #527593; background: #edf1f5; box-shadow: 1px 3px 7px rgba(0, 0, 0, .28); }.contact-group-dialog-form h2 { margin: 0 0 11px; color: #123e5b; font-size: 12px; }.contact-group-dialog-form p { margin: 0 0 12px; }.contact-group-dialog-form label { display: grid; gap: 3px; color: #123e5b; }.contact-group-dialog-form input { width: 100%; height: 23px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.contact-group-dialog-form > div { display: flex; justify-content: flex-end; gap: 5px; margin-top: 12px; }.contact-group-dialog-form button { min-width: 78px; height: 24px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }
.contact-finance-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; }.contact-finance-grid label { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 5px; min-width: 0; }.contact-finance-grid input, .contact-finance-grid select { width: 100%; min-width: 0; height: 22px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.contact-finance-grid .contact-finance-wide { grid-column: 1 / -1; }.contact-finance-grid .contact-finance-check { display: flex; gap: 4px; }.contact-finance-grid .contact-finance-check input { width: auto; height: auto; }
section.contact-detail-window .contact-detail-content.contact-tab-panel[hidden] { display: none !important; }
.contact-other-panel { display: grid; grid-template-columns: minmax(350px, .95fr) minmax(400px, 1.05fr); flex: 1; min-height: 0; gap: 7px; padding: 7px; overflow: hidden; }.contact-other-panel .contact-layout-column { padding-bottom: 32px; }.contact-other-panel fieldset { flex: 0 0 auto; }.contact-other-panel legend { padding: 0 3px; color: #133e59; font-weight: 700; }.contact-other-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 9px; }.contact-other-grid label { display: grid; grid-template-columns: 116px minmax(0, 1fr); align-items: center; gap: 4px; min-width: 0; }.contact-other-grid input, .contact-other-grid select { width: 100%; min-width: 0; height: 22px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.contact-other-grid output { height: 22px; padding: 3px; border: 1px solid #7d8c97; background: #fafafa; }.contact-other-grid .contact-other-wide { grid-column: 1 / -1; }.contact-other-grid .contact-other-check { display: flex; gap: 4px; }.contact-other-grid .contact-other-check input { width: auto; height: auto; }.contact-system-meta { padding: 4px; }.contact-other-panel .other-notes { width: 100%; min-height: 135px; resize: vertical; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }
.contact-media-panel { display: flex; flex: 1; min-height: 0; padding: 7px; overflow: hidden; }.contact-media-panel .contact-media-file { display: none; }.contact-media-panel fieldset { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; margin: 0; padding: 7px; border: 1px solid #d1d1d1; }.contact-media-panel legend { padding: 0 3px; color: #133e59; font-weight: 700; }.contact-media-toolbar { display: flex; gap: 5px; padding-bottom: 6px; }.contact-media-toolbar button { width: 25px; height: 23px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font-size: 17px; }.contact-media-workspace { display: grid; grid-template-columns: minmax(190px, .3fr) minmax(0, .7fr); flex: 1; min-height: 0; border: 1px solid #929da5; background: #fff; }.contact-media-list { overflow: auto; border-right: 1px solid #929da5; }.contact-media-item { display: block; width: 100%; padding: 5px; overflow: hidden; border: 0; border-bottom: 1px solid #d3d9dd; background: #fff; color: #092e49; text-align: left; text-overflow: ellipsis; white-space: nowrap; }.contact-media-item.selected { color: #fff; background: #ee6e16; }.contact-media-preview { display: grid; min-height: 0; place-items: center; padding: 10px; overflow: auto; color: #455; }.contact-media-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }.contact-media-preview a { color: #123e5b; }
.calculation-window { position: absolute; z-index: 8; top: 18px; left: 18px; display: flex; flex-direction: column; width: min(1180px, calc(100% - 36px)); height: min(720px, calc(100% - 36px)); min-width: 760px; min-height: 440px; overflow: hidden; border: 1px solid #6d9bbf; background: #f1f1f1; box-shadow: 1px 3px 7px rgba(0,0,0,.28); color: #092d49; font-size: 11px; }.calculation-window[hidden] { display: none; }.calculation-tabs { display: flex; height: 27px; align-items: end; gap: 1px; padding-left: 4px; border-bottom: 1px solid #c8c8c8; background: #eceff2; }.calculation-tabs button { height: 25px; padding: 0 8px; border: 0; background: transparent; color: #173e60; font: inherit; }.calculation-tabs button.active { border: 1px solid #c8c8c8; border-bottom: 1px solid #fff; background: #fff; }.calculation-meta { display: flex; gap: 16px; min-height: 24px; padding: 5px 8px; border-bottom: 1px solid #c5cdd3; background: #edf4f7; font-weight: 700; }.calculation-panel { display: flex; flex: 1; min-height: 0; overflow: hidden; padding: 7px; }.calculation-layout-group { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; margin: 0; padding: 7px; border: 1px solid #d1d1d1; background: #f4f4f6; }.calculation-layout-group > legend { padding: 0 3px; color: #133e59; font-weight: 700; }.calculation-layout-group > legend::before { display: inline-block; width: 8px; height: 8px; margin-right: 5px; content: ""; background: #e8651a; vertical-align: 0; }.calculation-grid-wrap { flex: 1; min-width: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }.calculation-grid { width: 100%; min-width: 1170px; margin: 0; border-collapse: collapse; table-layout: fixed; color: #052b47; font-size: 10px; }.calculation-grid th { height: 32px; border: 1px solid #aebbc1; background: #e7edf1; color: #151515; font-weight: 700; text-align: left; vertical-align: bottom; }.calculation-grid td { height: 23px; padding: 1px 2px; overflow: hidden; border: 1px solid #aebbc1; white-space: nowrap; text-overflow: ellipsis; }.calculation-grid tbody tr:nth-child(odd) { background: #d8e5ed; }.calculation-grid tbody tr:nth-child(even) { background: #c5d6e0; }.calculation-grid input { width: 100%; height: 20px; padding: 1px 3px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.calculation-grid input[type="number"] { text-align: right; }.time-calculation-grid { min-width: 630px; }.time-calculation-grid th:nth-child(1) { width: 135px; }.time-calculation-grid th:nth-child(2) { width: 250px; }.time-calculation-grid th:nth-child(3), .time-calculation-grid th:nth-child(4), .time-calculation-grid th:nth-child(5) { width: 110px; }.calculation-summary { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); align-content: start; gap: 8px; width: 100%; }.calculation-summary fieldset { min-width: 0; margin: 0; padding: 8px; border: 1px solid #aebbc1; background: #f5f5f5; }.calculation-summary legend { padding: 0 3px; color: #133e59; font-weight: 700; }.calculation-summary label { display: grid; grid-template-columns: minmax(150px, 1fr) 105px; align-items: center; min-height: 26px; gap: 6px; }.calculation-summary input, .calculation-summary output { width: 100%; height: 21px; padding: 3px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; text-align: right; }.calculation-summary output { background: #edf4f7; }.calculation-window .detail-footer { flex: 0 0 42px; height: 42px; }.calculation-window .detail-footer button:last-child { margin-left: auto; }
:root {
  --chrome-blue: #d9e7f3;
  --edge-blue: #80a3bf;
  --ink: #183e5d;
  --panel: #f3f3f3;
}

.detail-panel[data-detail-panel="reports"] .detail-table { width: 100% !important; margin: 0 !important; }
.article-price-history-panel { display: flex; min-height: 0; }
.article-price-history-table-wrap { flex: 1; min-height: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }
.article-price-history-table { width: 100%; min-width: 1050px; margin: 0; }
.article-price-history-table th { height: 21px; vertical-align: middle; }
.article-price-history-table td { height: 18px; padding: 0 3px; }
.article-price-history-table th:nth-child(1) { width: 125px; }
.article-price-history-table th:nth-child(n + 2):nth-child(-n + 10) { width: 84px; }
.article-price-history-table th:nth-child(11) { width: 190px; }
.article-price-history-panel[data-layout-editor] { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); grid-template-rows: auto; grid-auto-flow: row dense; grid-auto-rows: max-content; align-content: start; gap: 6px; overflow: auto; }.article-price-history-panel[data-layout-editor] > .article-price-history-group { display: flex; grid-column: span var(--layout-span, 10); flex: 0 0 auto; flex-direction: column; align-self: start; min-height: 48px; margin: 0; padding: 6px; }.article-price-history-panel[data-layout-editor] > .article-price-history-group:not(.form-group-resized) { height: 250px; }.article-price-history-group .article-price-history-table-wrap { flex: 1; }
.detail-tabs [data-detail="sales"], .detail-panel[data-detail-panel="sales"] { display: none !important; }
.article-other-panel { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(380px, 1fr); grid-template-rows: auto auto minmax(0, 1fr); align-content: start; gap: 7px; min-height: 0; overflow: auto; }
.article-other-panel fieldset { min-width: 0; margin: 0; padding: 7px; border: 1px solid #d1d1d1; background: #f4f4f6; }.article-other-panel legend { padding: 0 3px; color: #133e59; font-weight: 700; }.article-other-panel legend::before { display: inline-block; width: 8px; height: 8px; margin-right: 5px; content: ""; background: #e8651a; }.article-other-panel label { display: grid; grid-template-columns: 90px minmax(0, 1fr) 24px; align-items: center; min-height: 27px; gap: 5px; }.article-other-panel input, .article-other-panel select { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.article-other-panel output { min-height: 21px; padding: 3px; color: #143d58; }.article-other-times label { grid-template-columns: 90px 65px 24px; }.article-other-times input { text-align: right; }.article-other-system label { grid-template-columns: 72px minmax(0, 1fr); }.article-other-calculations { display: flex; align-items: center; gap: 6px; }.article-other-calculations label { display: flex; gap: 4px; }.article-other-calculations input { width: auto; }.article-other-calculations button, .article-other-fibu button { height: 25px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.article-other-product { grid-column: 1; grid-row: 1; }.article-other-system { grid-column: 2; grid-row: 1; }.article-other-times { grid-column: 1; grid-row: 2; }.article-other-fibu { grid-column: 2; grid-row: 2; }.article-other-numbers { grid-column: 1; grid-row: 3; }.article-other-calculations { grid-column: 2; grid-row: 3; }.article-other-imos { grid-column: 2; grid-row: 4; }.article-other-material { grid-column: 2; grid-row: 5; }
.article-other-panel { grid-template-rows: auto auto auto auto auto; }.article-other-system, .article-other-fibu { align-self: start; }.article-other-calculations, .article-other-imos, .article-other-material { align-self: start; }
.fibu-account-settings-window { width: min(760px, calc(100% - 48px)); height: min(470px, calc(100% - 48px)); }.fibu-account-settings-content { display: grid; grid-template-columns: minmax(0, 1fr) 175px 76px; gap: 7px; }.fibu-account-table-wrap { min-width: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }.fibu-account-table { width: 100%; min-width: 590px; margin: 0; }.fibu-account-table th { height: 22px; vertical-align: middle; }.fibu-account-table th:nth-child(1) { width: 75px; }.fibu-account-table th:nth-child(3) { width: 90px; }.fibu-account-table th:nth-child(4) { width: 120px; }.fibu-account-form { display: grid; align-content: start; gap: 5px; }.fibu-account-form label { display: grid; gap: 2px; }.fibu-account-form input { width: 100%; height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.fibu-account-form button { height: 25px; margin-top: 4px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.fibu-account-actions { display: flex; flex-direction: column; gap: 6px; }.fibu-account-actions button { min-height: 27px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.fibu-account-actions .new-fibu-account { font-size: 22px; }
.article-other-panel { grid-template-rows: none !important; align-items: start; }.article-other-panel > .article-other-column { display: flex; flex-direction: column; align-self: start; height: max-content; min-height: 0; padding-bottom: 32px; gap: 7px; min-width: 0; }.article-other-panel > .article-other-column > fieldset { align-self: auto !important; grid-column: auto !important; grid-row: auto !important; }

.detail-panel[hidden] { display: none !important; }
.article-detail > .detail-footer .create-custom-field, .article-detail > .detail-footer .toggle-custom-field-placement { box-sizing: border-box; width: 92px !important; min-width: 92px !important; height: 23px; flex: 0 0 92px !important; }
.article-editor-column > .custom-field-group, .article-other-column > .custom-field-group { flex: 0 0 auto; margin-bottom: 6px; }.detail-panel > .custom-field-group { position: static; flex: 0 0 auto; height: auto; min-height: 0; margin-bottom: 7px; }
.custom-fields-panel { display: flex; flex-direction: column; gap: 7px; min-height: 0; overflow: auto; }.custom-fields-panel fieldset, .custom-field-group { min-width: 0; margin: 0; padding: 7px; border: 1px solid #d1d1d1; background: #f4f4f6; }.custom-fields-panel legend, .custom-field-group legend { padding: 0 3px; color: #133e59; font-weight: 700; }.custom-field-form { display: grid; grid-template-columns: minmax(180px, 1fr) 190px auto; gap: 7px; align-items: end; }.custom-field-form label, .custom-field-group label { display: grid; gap: 2px; }.custom-field-form input, .custom-field-form select, .custom-field-group input { width: 100%; height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.custom-field-form button, .toggle-custom-field-placement { height: 23px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.toggle-custom-field-placement.active { background: #e8651a; color: #fff; }.custom-field-grid-group { display: flex; flex: 1; flex-direction: column; min-height: 280px; }.custom-field-grid { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); grid-template-rows: repeat(10, 30px); flex: 1; min-height: 300px; border: 1px solid #929da5; background-color: #fff; background-image: linear-gradient(#dce6eb 1px, transparent 1px), linear-gradient(90deg, #dce6eb 1px, transparent 1px); background-size: 10% 10%; }.custom-field-card { display: grid; gap: 2px; z-index: 1; min-width: 0; padding: 3px; border: 1px solid #aebbc1; background: #f4f8fa; }.custom-field-card span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #123e5b; }.custom-field-grid.placement-mode .custom-field-card { cursor: move; outline: 1px dashed #e8651a; }.custom-field-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 6px; }.custom-field-group legend { grid-column: 1 / -1; }
.custom-field-dialog { width: min(620px, calc(100% - 48px)); }.custom-field-dialog-form { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 8px; align-items: center; padding: 12px; }.custom-field-dialog-form > label { display: contents; }.custom-field-dialog-form > label::first-line { color: #123e5b; }.custom-field-dialog-form input, .custom-field-dialog-form select, .custom-field-dialog-form textarea { width: 100%; min-height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.custom-field-dialog-form textarea { min-height: 100px; resize: vertical; }.custom-field-dialog-form .custom-field-definition-list { grid-column: 1 / -1; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 8px; align-items: start; }.custom-field-dialog-form .custom-field-definition-list select { min-height: 126px; }.custom-field-dialog-form .custom-field-options { grid-column: 1 / -1; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 8px; }.custom-field-dialog-form .detail-footer { grid-column: 1 / -1; margin: 4px -12px -12px; }.custom-field-dialog-form .detail-footer button { box-sizing: border-box; width: 92px; min-width: 92px; height: 23px; flex: 0 0 92px; }.article-detail > .detail-footer button { width: 92px; min-width: 92px; flex: 0 0 92px; }.article-detail > .detail-footer .print-article { margin-right: auto; }.custom-field-group input[type="checkbox"], .custom-field-card input[type="checkbox"] { width: auto; height: auto; justify-self: start; }.custom-field-label-left { grid-template-columns: minmax(70px, auto) minmax(0, 1fr) !important; align-items: center; }.custom-field-label-left > span { white-space: nowrap; }
.detail-content { min-height: 0; overflow: auto !important; }
.article-form { height: 100%; min-height: 0; }
.article-editor-column[data-layout-column] > fieldset[data-layout-group] { order: initial !important; transition: transform 120ms ease, opacity 120ms ease; }
[data-layout-editor] fieldset[data-layout-group] > legend { cursor: grab; user-select: none; }
[data-layout-editor] fieldset[data-layout-group] > legend:active { cursor: grabbing; }
.article-editor fieldset.form-group-dragging { opacity: .45; }
.article-editor-column.form-layout-drop-target { outline: 1px dashed #e8651a; outline-offset: 2px; }
.article-title-controls [data-window-layout-save] { padding: 0 8px; border-left: 1px solid #9db6c5; background: #e8651a; color: #fff; font-size: 10px; font-weight: 700; }
.article-upload-progress { position: absolute; z-index: 20; inset: 0; display: flex; align-items: center; justify-content: center; gap: 9px; background: rgba(237, 241, 245, .78); color: #123e5b; font-size: 13px; font-weight: 700; }.article-upload-progress[hidden] { display: none; }.article-upload-spinner { width: 24px; height: 24px; border: 3px solid #9bb5c7; border-top-color: #e8651a; border-radius: 50%; animation: article-upload-spin 700ms linear infinite; }@keyframes article-upload-spin { to { transform: rotate(360deg); } }
[data-layout-editor] fieldset[data-layout-group] > legend::before { display: inline-block; width: 8px; height: 8px; margin-right: 5px; content: ""; background: #e8651a; vertical-align: 0; }
[data-layout-column].form-layout-drop-target { outline: 1px dashed #e8651a; outline-offset: 2px; }
:root { --layout-column-reserve: 6px; }
[data-layout-editor][data-layout-column], [data-layout-editor] > :not(fieldset)[data-layout-column] { padding-bottom: var(--layout-column-reserve); }
.article-editor-column[data-layout-column],
.article-other-column[data-layout-column] { padding-bottom: var(--layout-column-reserve); }
[data-layout-editor] fieldset[data-layout-group] { position: relative; }
[data-layout-editor] fieldset[data-layout-group] { container-type: inline-size; min-width: 0; }
[data-layout-editor] fieldset[data-layout-group] input, [data-layout-editor] fieldset[data-layout-group] select, [data-layout-editor] fieldset[data-layout-group] textarea { min-width: 30%; max-width: 100%; }
[data-layout-editor] fieldset.form-group-resized { overflow: auto; }
[data-layout-editor] fieldset[data-layout-group].form-group-collapsed { height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; padding-top: 0 !important; padding-bottom: 3px !important; overflow: hidden !important; }
[data-layout-editor] fieldset[data-layout-group].form-group-collapsed > :not(legend) { display: none !important; }
[data-layout-editor] fieldset[data-layout-group].form-group-collapsed > legend::after { display: inline-block; width: 0; height: 0; margin-left: 5px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #e8651a; content: ""; vertical-align: 1px; }
.form-group-resize-handle { position: absolute; bottom: 3px; left: 3px; width: 13px; height: 13px; padding: 0; border: 0; cursor: ns-resize; background: repeating-linear-gradient(135deg, transparent 0 3px, #2f5874 3px 4px); }
.form-group-resize-handle, .form-group-width-handle { display: block !important; box-sizing: border-box; flex: none !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; align-self: auto !important; justify-self: auto !important; }
.article-other-calculations .form-group-resize-handle, .article-other-fibu .form-group-resize-handle { height: 13px; padding: 0; border: 0; background: repeating-linear-gradient(135deg, transparent 0 3px, #2f5874 3px 4px); color: inherit; }
.article-other-calculations .form-group-width-handle, .article-other-fibu .form-group-width-handle { height: 13px; padding: 0; border: 0; background: repeating-linear-gradient(45deg, transparent 0 3px, #2f5874 3px 4px); color: inherit; }
.article-suppliers-panel[data-layout-editor], .article-stock-panel[data-layout-editor] { display: flex; flex-direction: column; gap: 7px; height: 100%; min-height: 0; overflow: auto; }
.article-suppliers-panel[data-layout-editor] > fieldset[data-layout-group], .article-stock-panel[data-layout-editor] > fieldset[data-layout-group] { flex: 0 0 auto; }
.article-suppliers-panel[data-layout-editor] > .article-supplier-list:not(.form-group-resized), .article-stock-panel[data-layout-editor] > .article-stock-list:not(.form-group-resized) { flex: 1 0 185px; }
.article-suppliers-panel[data-layout-editor] > fieldset.form-group-resized, .article-stock-panel[data-layout-editor] > fieldset.form-group-resized { flex: 0 0 auto; }
.article-media-panel, .article-documents-panel { display: flex; flex-direction: column; gap: 6px; min-height: 0; }
.article-media-panel[data-layout-editor] { height: 100%; overflow: auto; }.article-media-panel[data-layout-editor] > fieldset { display: flex; flex-direction: column; min-height: 48px; margin: 0; padding: 6px; overflow: hidden; }.article-media-panel[data-layout-editor] > .article-media-workspace-group { container-type: inline-size; }.article-media-workspace-group .article-media-workspace { min-height: 0; flex: 1; }.article-media-workspace-group .article-media-list, .article-media-workspace-group .article-media-preview { min-height: 0; }
.file-picker-input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.article-media-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: 26px; }.article-media-toolbar button { width: 25px; height: 23px; padding: 0; border: 1px solid #527593; color: #123e5b; background: #f9f9f9; font-weight: 700; }.article-media-toolbar button:disabled { color: #888; background: #e7e7e7; border-color: #aaa; }.article-media-toolbar label { display: inline-flex; align-items: center; gap: 4px; margin-left: 5px; }.article-media-toolbar input { width: 100px; }
.article-media-workspace { display: grid; grid-template-columns: 145px minmax(0, 1fr); flex: 1; min-height: 0; gap: 6px; }.article-media-list { min-height: 0; overflow: auto; border: 1px solid #929da5; background: #fff; padding: 4px; }.article-media-item { width: 100%; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 4px; padding: 3px; border: 0; background: transparent; color: #123e5b; text-align: left; font: inherit; }.article-media-item img { width: 40px; height: 32px; object-fit: cover; border: 1px solid #aebbc1; }.article-media-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.article-media-item.selected { color: #fff; background: #ee6e16; }
.article-media-preview { --media-zoom: 1; --media-rotation: 0deg; position: relative; display: grid; place-items: center; min-width: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }.article-media-preview.media-drop-active { outline: 2px solid #e8651a; outline-offset: -3px; background: #fff7f1; }.article-media-image { max-width: calc(100% / var(--media-zoom)); max-height: calc(100% / var(--media-zoom)); object-fit: contain; transform: scale(var(--media-zoom)) rotate(var(--media-rotation)); transition: transform 120ms ease; }.article-media-empty { color: #5b6d78; }.article-document-preview { color: #123e5b; font-weight: 700; }
.article-media-metadata { display: grid; grid-template-columns: 1fr 2fr 90px 90px 105px max-content max-content; gap: 5px; align-items: end; }.article-media-metadata label { display: grid; gap: 2px; min-width: 0; }.article-media-metadata input, .article-media-metadata textarea, .article-media-metadata output { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.article-media-metadata textarea { resize: none; }.article-media-metadata output { padding: 3px; }.article-media-metadata .media-primary { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }.article-media-metadata .media-primary input { width: auto; height: auto; }.article-media-metadata button { height: 23px; white-space: nowrap; border: 1px solid #527593; color: #123e5b; background: #f9f9f9; }
.article-documents-panel[data-layout-editor] { container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1fr) 58px; grid-template-rows: minmax(0, 1fr); min-height: 0; overflow: hidden; gap: 6px; }.article-document-tree-group, .article-document-actions-group { min-width: 0; min-height: 0; margin: 0; padding: 5px; border: 1px solid #d1d1d1; overflow: hidden; }.article-document-tree-group { display: flex; flex-direction: column; }.article-document-actions-group { display: flex; flex-direction: column; padding: 5px 8px; }.article-document-tree-group legend, .article-document-actions-group legend, .document-template-form legend { padding: 0 3px; color: #133e59; font-weight: 700; }.article-documents-dropzone { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; overflow: auto; border: 1px solid #929da5; background: #fff; padding: 6px; }.article-documents-dropzone.media-drop-active { outline: 2px solid #e8651a; outline-offset: -3px; background: #fff7f1; }.article-documents-list { min-width: 0; }.article-document-folder { margin-left: 13px; padding: 2px 0 2px 8px; border-left: 1px solid #aab8c2; }.article-document-root { margin-left: 0; padding-left: 0; border-left: 0; }.article-document-folder-title { display: block; width: 100%; min-height: 21px; padding: 3px 5px; border: 0; background: transparent; color: #123e5b; font: inherit; font-weight: 700; text-align: left; }.article-document-folder-title::before { display: inline-block; width: 0; height: 0; margin-right: 7px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #e8651a; content: ""; transform: rotate(90deg); }.article-document-folder-title[aria-expanded="false"]::before { transform: rotate(0deg); }.article-document-folder.is-collapsed > :not(.article-document-folder-title) { display: none; }.article-document-folder.document-folder-drop-target > .article-document-folder-title { outline: 2px solid #e8651a; outline-offset: -2px; background: #fff0e8; }.article-document-folder-title.selected-folder { color: #fff; background: #e8651a; }.article-document-folder-title.selected-folder::before { border-left-color: #fff; }.article-document-item { display: block; width: calc(100% - 4px); min-height: 24px; margin-left: 4px; padding: 2px 5px 2px 21px; border: 0; background: transparent; color: #123e5b; font: inherit; text-align: left; }.article-document-item::before { display: inline-block; width: 16px; margin-left: -16px; content: "-"; color: #527593; }.article-document-item:hover, .article-document-item.selected { color: #fff; background: #ee6e16; }.article-document-item.document-dragging { opacity: .45; }.article-documents-empty { margin: auto; color: #5b6d78; }.article-documents-toolbar { display: flex; flex: 1; flex-direction: column; align-items: center; gap: 6px; min-height: 0; overflow: auto; }.article-documents-toolbar button { width: 39px; height: 39px; flex: 0 0 39px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font-size: 19px; }.article-documents-toolbar button:hover:not(:disabled) { background: #e2edf4; }.article-documents-toolbar button:disabled { color: #888; background: #e2edf4; border-color: #aaa; }.document-template-window { width: min(430px, calc(100% - 48px)); min-width: 360px; min-height: 250px; }.document-template-form { display: flex; flex-direction: column; gap: 8px; }.document-template-form fieldset { display: grid; gap: 10px; min-width: 0; margin: 0; padding: 10px; border: 1px solid #d1d1d1; }.document-template-form label { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: center; gap: 6px; }.document-template-form select, .document-template-form output { width: 100%; min-height: 23px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.document-template-form output { padding: 3px 5px; background: #edf4f7; }
@container (min-width: 720px) { .article-document-actions-group { min-height: 57px; }.article-documents-toolbar { flex-direction: row; justify-content: center; overflow: visible; }.article-documents-toolbar button { flex-basis: 39px; } }
@container (max-width: 390px) { .article-media-toolbar { flex-direction: column; align-items: stretch; }.article-media-toolbar button { width: 100%; }.article-media-toolbar label { margin-left: 0; justify-content: space-between; }.article-media-toolbar input { width: min(100%, 140px); } }

.article-stock-form { height: 100%; }
.article-stock-panel { display: grid; grid-template-rows: minmax(210px, 1fr) 120px; gap: 7px; height: 100%; min-height: 0; }
.article-stock-panel fieldset { min-height: 0; margin: 0; padding: 6px; border: 1px solid #d1d1d1; }
.article-stock-list { display: flex; flex-direction: column; }
.article-stock-table-wrap { flex: 1; min-height: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }
.article-stock-list .detail-table { width: 100%; margin: 0; }
.article-stock-list .detail-table th { height: 31px; vertical-align: middle; }
.article-stock-list .detail-table th:nth-child(1) { width: 28%; }
.article-stock-list .detail-table th:nth-child(2) { width: 34%; }
.article-stock-list .detail-table th:nth-child(3), .article-stock-list .detail-table th:nth-child(4) { width: 19%; }
.article-stock-list .detail-table td { height: 20px; padding: 0 3px; }
.article-stock-list-actions { display: flex; align-items: end; gap: 4px; padding-top: 5px; }
.article-stock-list-actions button, .article-stock-editor-actions button { min-width: 72px; height: 23px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }
.article-stock-list-actions button:disabled { cursor: default; color: #777; background: #e7e7e7; border-color: #aaa; }
.article-stock-totals { display: grid; grid-template-columns: repeat(2, max-content); gap: 4px 18px; margin-left: auto; }
.article-stock-totals label { display: grid; grid-template-columns: max-content 74px; align-items: center; gap: 4px; }
.article-stock-totals output { height: 21px; padding: 3px; border: 1px solid #7d8c97; background: #fafafa; text-align: right; }
.article-stock-editor { display: flex; flex-direction: column; }
.article-stock-editor-grid { display: grid; grid-template-columns: 105px minmax(150px, 1fr) 135px minmax(100px, .7fr); gap: 5px; align-items: center; }
.article-stock-editor-grid label { display: contents; }
.article-stock-editor-grid input { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }
.article-stock-editor-actions { display: flex; justify-content: flex-end; padding-top: 8px; }

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; }
body { margin: 0; min-width: 920px; color: #142f48; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; }
:root { --upper-ribbon-height: 34px; --lower-ribbon-height: 65px; --ribbon-stack-height: calc(var(--upper-ribbon-height) + var(--lower-ribbon-height)); }
button { font: inherit; cursor: pointer; }
.application-shell { min-height: 100vh; display: flex; flex-direction: column; background: #d7dce2; }
#application-root { display: flex; flex: 1; min-height: 100vh; flex-direction: column; }
.title-bar { height: 24px; display: flex; align-items: center; gap: 6px; padding: 0 8px; background: #eef3f2; border-bottom: 1px solid #c8c8c8; color: #1e1e1e; font-weight: 600; }
.brand-mark, .small-mark { width: 23px; height: 23px; display: grid; place-items: center; border: 2px solid #ee6a2e; border-radius: 50%; color: #2f5d7a; font-size: 15px; font-style: italic; font-weight: 800; background: #edf4f4; }.brand-mark { padding: 0; cursor: pointer; }.brand-mark:hover { background: #fff; }.brand-mark:focus-visible { outline: 2px solid #e8651a; outline-offset: 2px; }
.copyright { font-weight: 400; }
.window-controls { margin-left: auto; display: flex; align-self: stretch; }
.window-controls button, .toolbox-controls button { border: 0; background: transparent; width: 34px; color: #222; font-size: 17px; }
.window-controls button:last-child { font-size: 20px; }
.menu-bar { height: 22px; display: flex; gap: 22px; align-items: center; padding: 0 14px; border-bottom: 1px solid #dd5b25; background: #f6f6f6; }.system-menu { position: relative; align-self: stretch; display: flex; align-items: center; }.system-menu-popup { position: absolute; z-index: 30; top: 100%; left: -7px; min-width: 124px; padding: 3px; border: 1px solid #7d8c97; background: #f9f9f9; box-shadow: 1px 2px 4px rgba(0, 0, 0, .2); }.system-menu-popup button { width: 100%; height: 23px; padding: 0 7px; text-align: left; }.system-menu-popup button:hover, .system-menu-popup button:focus-visible { background: #dcebf3; outline: 0; }
.menu-bar button, .module-tabs button { border: 0; padding: 0; color: #173e60; background: transparent; }
.menu-bar button { font-weight: 700; font-size: 13px; }
.module-ribbon { position: relative; z-index: 4; height: var(--upper-ribbon-height); display: flex; align-items: end; background: linear-gradient(#edf0f5, #cfd5df); border-bottom: 1px solid #8e9baa; }
.ribbon-logo { position: absolute; z-index: 5; top: 0; left: 0; width: 48px; height: var(--ribbon-stack-height); display: grid; place-items: center; padding: 0; border: 0; border-right: 1px solid #bcc2cc; background: linear-gradient(#edf0f5, #d5dce5); }.ribbon-logo:hover span { background: #fff; }.ribbon-logo:focus-visible { outline: 2px solid #e8651a; outline-offset: -3px; }
.ribbon-logo span { width: 31px; height: 31px; display: grid; place-items: center; border: 2px solid #eb6a2d; border-radius: 50%; color: #345f7c; font-size: 22px; font-weight: 900; font-style: italic; background: #ebf3f3; }
.module-tabs { display: flex; align-items: flex-end; height: 100%; gap: 0; margin-left: 48px; }
.module-tabs button { min-width: 67px; height: 22px; padding: 0 10px; color: #29415a; font-size: 10px; }
.module-tabs .active { height: 23px; background: linear-gradient(#f6f6f8, #dee3ec); border: 1px solid #b7beca; border-bottom: 0; border-radius: 4px 4px 0 0; }
.submodule-bar { position: relative; z-index: 3; box-sizing: border-box; height: var(--lower-ribbon-height); display: flex; align-items: stretch; padding: 1px 3px 1px 51px; background: linear-gradient(#e7ebef, #c9d0d9); border-bottom: 1px solid #929da9; }
.ribbon-panel { display: flex; align-items: stretch; }.ribbon-panel[hidden] { display: none; }.ribbon-group { position: relative; box-sizing: border-box; display: flex; align-items: flex-start; height: 63px; padding: 14px 4px 3px; border: 1px solid #9eaab8; border-radius: 0 0 3px 3px; background: linear-gradient(#eff3f7, #d5dce5); }.ribbon-group > span { position: absolute; top: 1px; right: 0; left: 0; color: #3c5268; text-align: center; font-size: 9px; }
.ribbon-command { box-sizing: border-box; width: 88px; height: 44px; display: flex; flex: 0 0 88px; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1px; overflow: hidden; padding: 1px 2px 0; color: #234a68; text-align: center; background: transparent; border: 0; border-right: 1px solid #b6c0cb; font-size: 9px; line-height: 10px; }.ribbon-command:last-of-type { border-right: 0; }.ribbon-command:hover { background: rgba(255, 255, 255, .45); }.ribbon-command-label { display: block; max-width: 100%; overflow-wrap: anywhere; }.cmd-icon, .project-icon { transform: scale(.5); transform-origin: center top; }.cmd-icon { position: relative; min-height: 0; max-height: 19px; height: 19px; flex: 0 0 19px; color: #315e7a; font-size: 18px; line-height: 19px; font-weight: 400; }
.icon-articles { width: 39px; height: 34px; margin-top: 2px; }.icon-articles::before, .icon-articles::after { position: absolute; content: ""; width: 17px; height: 17px; border: 2px solid #2b6485; background: linear-gradient(135deg, #eaf4f5 0 49%, #8db4c7 50%); transform: skewY(-28deg); box-shadow: 6px 5px 0 -3px #f07832; }.icon-articles::before { left: 1px; top: 3px; }.icon-articles::after { right: 0; bottom: 3px; border-color: #df6b2c; background: linear-gradient(135deg, #edf2ef 0 49%, #d79269 50%); box-shadow: -5px -4px 0 -3px #2b6485; }
.icon-contacts { width: 39px; height: 34px; margin-top: 2px; }.icon-contacts::before { position: absolute; left: 1px; top: 2px; width: 15px; height: 15px; content: ""; border: 2px solid #df6b2c; border-radius: 50%; box-shadow: 2px 14px 0 -5px #df6b2c; }.icon-contacts::after { position: absolute; right: 0; top: 9px; width: 20px; height: 20px; content: ""; border: 2px solid #2b6485; border-radius: 2px; background: linear-gradient(#f8fbfb 0 5px, #2b6485 5px 7px, transparent 7px 11px, #7ca8bc 11px 13px, transparent 13px); }
.icon-reports, .icon-calculations { width: 37px; height: 25px; margin-top: 8px; border: 2px solid #2b6485; border-radius: 2px; background: #d8e6eb; }.icon-reports::before, .icon-calculations::before { position: absolute; left: 4px; top: -8px; width: 16px; height: 8px; content: ""; border: 2px solid #2b6485; border-bottom: 0; border-radius: 2px 2px 0 0; background: #d8e6eb; }.icon-reports::after { position: absolute; left: 5px; bottom: 4px; width: 5px; height: 7px; content: ""; background: #df6b2c; box-shadow: 8px -4px 0 #4f86a0, 16px -8px 0 #2b6485; }.icon-calculations::after { position: absolute; inset: 6px 4px 4px; content: ""; background: repeating-linear-gradient(90deg, #df6b2c 0 3px, transparent 3px 6px), linear-gradient(#2b6485, #2b6485) center/100% 2px no-repeat; }
.icon-ini { width: 25px; height: 32px; margin-top: 2px; border: 2px solid #2b6485; border-radius: 2px; background: #eef4f5; }.icon-ini::before { position: absolute; left: 3px; top: 9px; width: 15px; height: 8px; content: "</>"; color: #df6b2c; font-size: 9px; line-height: 8px; font-weight: 700; }.icon-ini::after { position: absolute; right: -2px; top: -2px; width: 8px; height: 8px; content: ""; border-left: 2px solid #2b6485; border-bottom: 2px solid #2b6485; background: #d9e8ec; }
.icon-cad { width: 40px; height: 34px; margin-top: 2px; color: #1a3545; font-size: 14px; font-style: italic; font-weight: 700; }.icon-cad::after { position: absolute; right: 0; bottom: 2px; width: 14px; height: 8px; content: ""; border-bottom: 3px solid #df6b2c; border-left: 3px solid #df6b2c; transform: skewX(-28deg); }.icon-cost-centres, .icon-clock { width: 34px; height: 34px; margin-top: 2px; border: 2px solid #2b6485; border-radius: 50%; background: repeating-conic-gradient(#2b6485 0 2deg, transparent 2deg 30deg); }.icon-cost-centres::before, .icon-clock::before { position: absolute; left: 15px; top: 5px; width: 2px; height: 13px; content: ""; background: #df6b2c; transform-origin: bottom; transform: rotate(-42deg); }.icon-cost-centres::after { position: absolute; right: -5px; bottom: -4px; width: 13px; height: 13px; content: ""; border: 2px solid #df6b2c; background: #f0f5f5; transform: rotate(30deg); }.icon-bin { width: 25px; height: 28px; margin-top: 6px; border: 2px solid #2b6485; border-top: 0; background: repeating-linear-gradient(90deg, transparent 0 5px, #7fa6b7 5px 7px); }.icon-bin::before { position: absolute; left: -4px; top: -6px; width: 29px; height: 4px; content: ""; background: #2b6485; box-shadow: 10px -4px 0 -1px #2b6485; }.icon-bin::after { position: absolute; right: -3px; bottom: -3px; width: 9px; height: 9px; content: ""; border: 2px solid #df6b2c; background: #f1f5f5; }
.icon-receipts, .icon-timesheets, .icon-invoices { width: 25px; height: 32px; margin-top: 2px; border: 2px solid #2b6485; border-radius: 2px; background: repeating-linear-gradient(to bottom, #edf4f5 0 6px, #7ca7b9 6px 8px); }.icon-receipts::after, .icon-invoices::after { position: absolute; right: -6px; bottom: 1px; width: 13px; height: 13px; content: ""; border: 2px solid #df6b2c; background: #f4f7f7; }.icon-receipts::before { position: absolute; right: -2px; bottom: 4px; z-index: 1; width: 2px; height: 13px; content: ""; background: #df6b2c; box-shadow: -4px 8px 0 -1px #df6b2c; transform: rotate(45deg); }.icon-timesheets::before { position: absolute; left: 5px; top: -5px; width: 11px; height: 5px; content: ""; border: 2px solid #df6b2c; border-bottom: 0; }.icon-timesheets::after { position: absolute; right: -6px; bottom: 0; width: 11px; height: 11px; content: "✓"; color: #df6b2c; font-size: 13px; line-height: 11px; }.icon-invoices::before { position: absolute; left: 4px; bottom: 4px; width: 13px; height: 5px; content: ""; background: #df6b2c; box-shadow: 0 -8px 0 -2px #2b6485; }
.icon-orders, .icon-warehouse, .icon-bank { width: 36px; height: 29px; margin-top: 5px; border: 2px solid #2b6485; background: #d8e7ec; }.icon-orders::before { position: absolute; left: 5px; top: -7px; width: 16px; height: 7px; content: ""; border: 2px solid #2b6485; border-bottom: 0; }.icon-orders::after { position: absolute; left: 5px; top: 7px; width: 22px; height: 3px; content: ""; background: #df6b2c; box-shadow: 0 7px 0 #2b6485; }.icon-warehouse { border-top-width: 8px; }.icon-warehouse::before { position: absolute; left: 4px; bottom: 0; width: 7px; height: 13px; content: ""; background: #df6b2c; box-shadow: 13px 0 0 #7fa7ba; }.icon-bank { border-top-width: 6px; }.icon-bank::before { position: absolute; left: 3px; top: -10px; width: 25px; height: 10px; content: ""; background: #df6b2c; clip-path: polygon(50% 0, 100% 100%, 0 100%); }.icon-bank::after { position: absolute; inset: 6px 5px 3px; content: ""; border-left: 3px solid #2b6485; border-right: 3px solid #2b6485; }
.icon-activities, .icon-payments, .icon-reminders, .icon-forecast, .icon-datev, .icon-igis { width: 36px; height: 34px; margin-top: 2px; }.icon-activities::before { position: absolute; left: 1px; top: 2px; width: 14px; height: 14px; content: ""; border: 2px solid #2b6485; border-radius: 50%; box-shadow: 4px 14px 0 -5px #2b6485; }.icon-activities::after { position: absolute; right: 0; bottom: 1px; width: 16px; height: 16px; content: ""; border: 2px solid #df6b2c; border-radius: 50%; background: linear-gradient(45deg, transparent 46%, #df6b2c 47% 53%, transparent 54%); }.icon-payments::before, .icon-datev::before, .icon-igis::before { position: absolute; left: 1px; top: 9px; width: 30px; height: 10px; content: ""; border-top: 3px solid #2b6485; border-bottom: 3px solid #df6b2c; }.icon-payments::after, .icon-datev::after, .icon-igis::after { position: absolute; right: 0; top: 4px; width: 0; height: 0; content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #2b6485; box-shadow: -28px 12px 0 -3px #df6b2c; }.icon-reminders { border: 2px solid #df6b2c; border-radius: 50%; }.icon-reminders::before { position: absolute; left: 14px; top: 5px; width: 3px; height: 14px; content: ""; background: #2b6485; box-shadow: -5px 12px 0 -1px #2b6485; }.icon-reminders::after { position: absolute; right: -5px; top: -5px; width: 13px; height: 13px; content: "!"; color: #fff; background: #2b6485; border-radius: 50%; font-size: 11px; line-height: 13px; }.icon-forecast { border-left: 2px solid #2b6485; border-bottom: 2px solid #2b6485; background: linear-gradient(145deg, transparent 47%, #df6b2c 48% 54%, transparent 55%), linear-gradient(35deg, transparent 47%, #2b6485 48% 53%, transparent 54%); }.icon-forecast::after { position: absolute; right: -2px; top: 1px; width: 8px; height: 8px; content: ""; border-top: 3px solid #df6b2c; border-right: 3px solid #df6b2c; }
.launch-button { width: 58px; height: 33px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; color: #234a68; background: transparent; border: 0; font-size: 9px; }
.workspace { position: relative; flex: 1; min-height: 529px; margin-top: calc(-1 * var(--ribbon-stack-height)); overflow: hidden; background: transparent; }.workspace > .technology-wallpaper { top: var(--ribbon-stack-height); }
.article-window, .article-detail { position: absolute; z-index: 8; top: 12px; left: 12px; width: min(1250px, calc(100% - 24px)); height: min(660px, calc(100% - 24px)); display: flex; flex-direction: column; min-width: 720px; min-height: 360px; background: #f1f1f1; border: 1px solid #6d9bbf; box-shadow: 1px 3px 7px rgba(0,0,0,.28); color: #092d49; font-size: 11px; }.article-window[hidden], .article-detail[hidden] { display: none; }.article-titlebar { height: 22px; display: flex; align-items: center; gap: 5px; padding: 0 4px; background: #eaf8f4; color: #111; cursor: grab; user-select: none; }.article-titlebar.dragging { cursor: grabbing; }.article-titlebar .small-mark { width: 14px; height: 14px; font-size: 8px; }.article-title-controls { display: flex; height: 22px; margin-left: auto; }.article-title-controls button { height: 22px; border: 0; background: transparent; }.article-title-controls [data-window-close] { width: 28px; font-size: 16px; }.article-title-controls .save-article-layout { padding: 0 8px; border-left: 1px solid #9db6c5; background: #e8651a; color: #fff; font-size: 10px; font-weight: 700; }
.article-group-detail { position: absolute; z-index: 8; top: 26px; left: 42px; width: min(590px, calc(100% - 48px)); min-width: 540px; min-height: 365px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #6d9bbf; background: #f1f1f1; box-shadow: 1px 3px 7px rgba(0,0,0,.28); color: #092d49; font-size: 11px; }.article-group-detail[hidden] { display: none; }.article-group-form { flex: 1; min-height: 0; }.article-group-content { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(250px, .94fr); gap: 10px; height: 100%; padding: 12px 9px 9px; }.article-group-main { display: grid; grid-template-columns: 90px minmax(0, 1fr); grid-template-rows: repeat(4, 25px) 1fr; align-items: center; column-gap: 5px; }.article-group-main label { display: contents; }.article-group-main input, .article-group-main select, .article-group-main textarea, .article-group-settings input { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.article-group-main .group-id { grid-column: 1 / -1; display: grid; grid-template-columns: 90px 55px; justify-content: end; align-items: center; }.article-group-main .group-id input { text-align: right; background: #eee; }.article-group-main .group-description { grid-row: 5; grid-column: 1 / -1; display: grid; grid-template-columns: 90px minmax(0, 1fr); align-items: start; }.article-group-main textarea { height: 173px; resize: none; }.article-group-settings { display: flex; flex-direction: column; gap: 8px; }.article-group-settings fieldset { min-width: 0; margin: 0; padding: 8px; border: 1px solid #d1d1d1; }.article-group-settings legend { padding: 0 3px; color: #133e59; font-weight: 700; }.article-group-settings label { display: grid; grid-template-columns: 102px minmax(0, 1fr); align-items: center; min-height: 25px; gap: 4px; }.article-group-settings .color-field { grid-template-columns: 40px 56px 57px 57px; }.article-group-settings input[type="color"] { padding: 1px; background: #eee; }.article-group-settings button { height: 22px; padding: 0 4px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.article-group-settings button:hover { background: #dcebf3; }
.article-filters { height: 90px; display: flex; border-bottom: 1px solid #777; }.group-selector { display: flex; width: 218px; flex: 0 0 218px; border-right: 1px solid #aaa; }.group-tree { width: 188px; flex: 0 0 188px; padding: 4px; overflow: auto; background: #fff; }.group-actions { display: flex; flex: 1; flex-direction: column; gap: 3px; padding: 4px 3px; background: #eee; }.group-actions button { width: 24px; height: 24px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font-size: 18px; line-height: 18px; }.group-actions .rename-group { font-family: Georgia, serif; font-size: 14px; font-style: italic; font-weight: 700; }.group-actions button:hover { background: #dcebf3; }.tree-node { position: relative; display: block; width: 100%; min-height: 15px; padding: 1px 2px; border: 0; background: transparent; color: #143d58; text-align: left; font-size: 10px; line-height: 13px; }.tree-node.tree-parent::before { display: inline-block; width: 13px; content: "▾"; }.tree-node.tree-branch { padding-left: calc(14px + var(--tree-depth) * 14px); }.tree-node.tree-branch::before { position: absolute; top: 0; bottom: 0; left: calc(7px + var(--tree-depth) * 14px); width: 7px; content: ""; border-left: 1px solid #8fa6b5; border-bottom: 1px solid #8fa6b5; }.tree-node.tree-branch::after { position: absolute; top: 0; left: calc(7px + var(--tree-depth) * 14px); width: 1px; height: 7px; content: ""; background: #8fa6b5; }.tree-node.tree-branch-last::before { bottom: 7px; }.tree-node.selected, .tree-node:hover { background: #c8d9e5; }.filter-controls { position: relative; display: grid; grid-template-columns: 190px 230px; align-content: start; gap: 2px 12px; flex: 1; padding: 4px; }.filter-controls label { white-space: nowrap; }.filter-controls input[type="search"] { grid-column: 1 / 3; width: 165px; height: 18px; margin-top: 2px; border: 1px solid #9da7ad; font-size: 10px; }.filter-actions { position: absolute; right: 5px; top: 4px; display: flex; gap: 3px; }.filter-actions button { width: 50px; height: 30px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font-size: 10px; font-weight: 700; }
.article-grid-wrap { flex: 1; min-height: 260px; overflow: auto; padding: 0 2px; background: #e9e9e9; }.article-grid, .detail-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #052b47; font-size: 10px; }.article-grid th, .detail-table th { height: 40px; background: #fff; border: 1px solid #bcc3c7; color: #151515; font-weight: 400; text-align: left; vertical-align: bottom; }.article-grid td, .detail-table td { height: 14px; overflow: hidden; border: 1px solid #aebbc1; white-space: nowrap; text-overflow: ellipsis; }.article-grid tbody tr:nth-child(odd), .detail-table tbody tr:nth-child(odd) { background: #d8e5ed; }.article-grid tbody tr:nth-child(even), .detail-table tbody tr:nth-child(even) { background: #c5d6e0; }.article-grid tbody tr.selected, .detail-table tr.selected { background: #ee6e16 !important; color: #fff; }.article-grid th:nth-child(1){width:57px}.article-grid th:nth-child(2){width:90px}.article-grid th:nth-child(3){width:45px}.article-grid th:nth-child(4){width:80px}.article-grid th:nth-child(5){width:190px}.article-grid th:nth-child(6){width:100px}.article-grid th:nth-child(7){width:86px}.article-grid th:nth-child(8){width:55px}.article-grid th:nth-child(9),.article-grid th:nth-child(10){width:70px}.article-grid th:nth-child(11){width:48px}.article-grid th:nth-child(12){width:72px}.article-list-footer { box-sizing: border-box; height: 126px; flex: 0 0 126px; display: grid; grid-template-columns: minmax(0, 235px) minmax(0, 1fr) minmax(0, 255px); grid-template-rows: 26px minmax(0, 1fr); gap: 2px; padding: 5px 8px; border-top: 1px solid #777; background: #eee; }.article-list-footer > div:not(.list-actions) { display: flex; align-items: center; min-width: 0; overflow: hidden; box-sizing: border-box; border: 1px solid #aaa; padding: 3px; }.article-list-footer b { flex: 0 0 auto; margin-right: 4px; font-size: 10px; white-space: nowrap; }.article-list-footer span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.list-actions { grid-column: 1 / -1; min-width: 0; display: flex; justify-content: flex-end; gap: 4px; }.list-actions button, .detail-footer button { min-width: 55px; border: 1px solid #527593; background: #f9f9f9; color: #133e59; font-size: 10px; font-weight: 700; }
.detail-tabs { height: 26px; display: flex; align-items: end; gap: 1px; padding-left: 3px; border-bottom: 1px solid #c8c8c8; }.detail-tabs button { height: 25px; padding: 0 6px; border: 0; background: transparent; font-size: 10px; }.detail-tabs .active { background: #fff; border: 1px solid #c8c8c8; border-bottom: 1px solid #fff; }.detail-content { flex: 1; overflow: auto; padding: 7px; }.detail-panel { height: 100%; }.detail-panel fieldset { min-width: 0; height: auto; margin: 0 0 8px; border: 1px solid #d1d1d1; }.detail-panel legend { color: #133e59; font-weight: 700; }.detail-columns { display: grid; grid-template-columns: 60% 40%; gap: 6px; }.detail-columns fieldset { padding: 6px; }.detail-columns label, .detail-panel > fieldset > label { display: grid; grid-template-columns: 105px 1fr; align-items: center; min-height: 24px; }.detail-columns input, .detail-columns select, .detail-columns textarea, .detail-panel input, .detail-panel textarea { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.detail-columns textarea, .detail-panel textarea { height: 40px; resize: none; }.detail-columns .check-row { display: block; }.detail-columns .check-row input { width: auto; }.price-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; }.price-grid label { grid-template-columns: 115px 1fr; }.price-grid .emphasis { font-weight: 700; }.detail-table { margin: 5px; width: calc(100% - 10px); }.detail-table th { height: 22px; vertical-align: middle; }.detail-table td { height: 18px; }.detail-panel[data-detail-panel="suppliers"] .detail-table { height: 250px; }.stock-table { width: 78%; height: 360px; }.stock-summary { margin: 36px 0 0 12px; }.stock-summary input, .times-header input { width: 74px; margin: 0 8px; text-align: right; }.image-space, .document-space { height: 500px; margin: 5px; border: 1px solid #777; background: #fff; }.image-thumbnail { width: 125px; height: 145px; padding-top: 120px; margin: 5px; border: 1px solid #777; background: linear-gradient(145deg, #61717a, #d4d8da); }.document-space { padding: 8px; }.times-header { padding: 6px; }.times-table { width: 78%; height: 500px; }.report-summary { float: left; width: 42%; min-height: 150px; padding: 15px; line-height: 26px; }.report-summary b { display: inline-block; width: 38px; border: 1px solid #9ba3a6; text-align: right; }.detail-panel[data-detail-panel="reports"] .detail-table { width: 54%; margin-left: 44%; }.detail-footer { height: 55px; display: flex; gap: 7px; align-items: center; padding: 6px 10px; border-top: 2px solid #e8651a; background: #5f8598; }.detail-footer .save-article { margin-left: auto; }
.project-icon { position: relative; display: block; width: 29px; height: 29px; border-left: 3px solid #285979; border-bottom: 3px solid #285979; }
.project-icon i, .project-icon b, .project-icon em { position: absolute; display: block; width: 7px; height: 7px; background: #39799c; }
.project-icon i { top: -2px; left: -2px; } .project-icon b { right: -2px; bottom: -2px; background: #ec763b; } .project-icon em { right: -2px; top: 8px; background: #6e8ea4; }
.technology-wallpaper { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(circle at 47% 15%, rgba(250,255,255,.9) 0 3%, rgba(230,239,241,.23) 11%, transparent 25%), linear-gradient(122deg, #4d5457 10%, #8e9899 42%, #333c40 44%, #8c989a 78%, #c4cdcd); }
.tech-grid { position: absolute; inset: 38% 0 0; opacity: .4; background-image: linear-gradient(rgba(245,250,250,.62) 1px, transparent 1px), linear-gradient(90deg, rgba(245,250,250,.62) 1px, transparent 1px); background-size: 38px 38px; }
.world-map { position: absolute; top: 70px; right: 13%; color: rgba(240,246,246,.28); font-size: 300px; transform: scaleX(1.8); }
.chart { position: absolute; width: 28%; height: 31%; border-left: 1px solid rgba(255,255,255,.55); border-bottom: 1px solid rgba(255,255,255,.55); background-image: linear-gradient(rgba(255,255,255,.17) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.17) 1px, transparent 1px); background-size: 28px 28px; }
.chart-one { top: 38px; right: 13%; } .chart-two { top: 38px; right: -14%; }
.chart i { position: absolute; width: 18%; height: 2px; background: #e5eeee; transform-origin: left center; box-shadow: 0 0 2px white; } .chart i:nth-child(1){left:3%;bottom:7%;transform:rotate(-38deg)} .chart i:nth-child(2){left:19%;bottom:20%;transform:rotate(50deg)} .chart i:nth-child(3){left:34%;bottom:7%;transform:rotate(-25deg)} .chart i:nth-child(4){left:49%;bottom:13%;transform:rotate(43deg)} .chart i:nth-child(5){left:64%;bottom:24%;transform:rotate(-55deg)} .chart i:nth-child(6){left:79%;bottom:40%;transform:rotate(70deg)}
.network { position: absolute; right: 13%; bottom: 27%; width: 48%; height: 33%; border-bottom: 2px solid rgba(240,248,249,.74); transform: skewY(-9deg); }
.network span { position: absolute; width: 43px; height: 43px; border: 3px solid rgba(246,250,250,.8); border-radius: 50%; box-shadow: 0 0 0 2px rgba(44,54,56,.25); } .network span:nth-child(1){left:3%;top:35%} .network span:nth-child(2){left:23%;top:38%} .network span:nth-child(3){left:39%;top:12%} .network span:nth-child(4){left:58%;top:35%} .network span:nth-child(5){left:74%;top:57%} .network span:nth-child(6){right:2%;top:27%}
.wall-brand { position: absolute; left: 34%; bottom: 13%; display: flex; align-items: center; gap: 12px; color: rgba(24,73,103,.85); text-shadow: 0 1px 0 rgba(255,255,255,.4); } .wall-brand strong { font-size: 63px; font-style: italic; letter-spacing: 0; } .wall-brand small { font-size: 26px; line-height: 1; font-weight: 800; font-style: italic; }
.toolbox-window { position: absolute; z-index: 4; left: 4px; top: 6px; width: 862px; height: 488px; min-width: 440px; min-height: 280px; border: 1px solid #6d9bbf; background: #edf1f5; box-shadow: 1px 3px 7px rgba(0,0,0,.28); }
.toolbox-titlebar { height: 28px; display: flex; align-items: center; gap: 7px; padding-left: 8px; color: #0f3d61; background: linear-gradient(#d9edff, #a7c8e7); font-size: 13px; font-weight: 700; cursor: grab; user-select: none; }
.toolbox-titlebar.dragging { cursor: grabbing; }
.window-resize-handle { position: absolute; right: 1px; bottom: 1px; width: 14px; height: 14px; cursor: nwse-resize; background: linear-gradient(135deg, transparent 0 42%, #2f5874 43% 50%, transparent 51% 61%, #2f5874 62% 69%, transparent 70%); }
.small-mark { width: 16px; height: 16px; border-width: 1px; font-size: 10px; }
.toolbox-controls { margin-left: auto; display: flex; height: 100%; }.toolbox-controls button { width: 34px; font-size: 16px; }.toolbox-controls .close-toolbox { background: #c95647; color: white; font-size: 20px; }
.toolbox-body { padding: 12px 11px 9px; }.tabs { height: 22px; display: flex; align-items: end; border-bottom: 1px solid #d0d0d0; }.tabs button { height: 22px; border: 0; background: transparent; padding: 0 9px; font-size: 11px; }.tabs .selected { border: 1px solid #c8c8c8; border-bottom: 1px solid #f6f6f6; background: #f6f6f6; border-radius: 3px 3px 0 0; }
.content-frame { height: 400px; margin-top: 0; padding: 7px; border: 1px solid #dedede; background: #f4f4f4; }.content-caption { height: 20px; color: #173a58; font-weight: 700; }.content-caption span { display: inline-block; width: 8px; height: 8px; margin: 0 5px 0 2px; background: #f17221; }
.utility-area { display: flex; height: 365px; padding: 0 7px; background: #e7e7e7; }.version-panel { width: 145px; display: flex; flex-direction: column; align-items: center; padding-top: 12px; background: #d1d1d1; color: #173953; }.gears { position: relative; width: 105px; height: 93px; }.gears b, .gears i, .gears em { position: absolute; font-style: normal; color: #386580; line-height: 1; }.gears b { left: 12px; top: 8px; font-size: 66px; }.gears i { right: 4px; top: 0; color: #e66b21; font-size: 40px; }.gears em { right: 10px; bottom: 6px; font-size: 34px; }.version-panel strong { margin-top: 4px; }.version-panel > span { font-weight: 700; }
.utility-actions { display: flex; flex-direction: column; gap: 6px; padding: 45px 0 0 58px; }.utility-actions button { width: 155px; height: 25px; text-align: left; color: #174362; background: #f9f9f9; border: 1px solid #35617d; }.utility-actions button:hover { background: #e2edf4; }.utility-actions span { display: inline-block; width: 25px; padding-left: 4px; font-size: 15px; color: #1d587d; }
.settings-panel { height: 400px; padding: 7px; background: #ececec; }.settings-panel fieldset { min-width: 0; margin: 0 0 7px; padding: 6px 7px 9px; border: 1px solid #d6d6d6; }.settings-panel legend { padding: 0 3px; color: #173a58; font-weight: 700; }.settings-grid { display: grid; gap: 6px 7px; }.settings-grid button { height: 26px; color: #174362; background: #fafafa; border: 1px solid #35617d; font-size: 11px; }.settings-grid button:hover { background: #e2edf4; }.global-settings { grid-template-columns: 159px 159px 159px; }.global-settings button:last-child { grid-column: 4; }.list-settings { grid-template-columns: repeat(5, 121px); }.individual-settings { grid-template-columns: 121px 249px 121px; }.folder-template-editor { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 9px; }.folder-template-list { display: flex; flex-direction: column; gap: 5px; }.folder-template-select { width: 100%; min-height: 132px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.folder-template-list div { display: flex; gap: 4px; }.folder-template-list button, .folder-template-form button { height: 23px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.folder-template-form { display: grid; grid-template-rows: auto minmax(94px, 1fr) auto; gap: 5px; }.folder-template-form label { display: grid; gap: 2px; }.folder-template-form input, .folder-template-form textarea { width: 100%; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.folder-template-form input { height: 22px; }.folder-template-form textarea { min-height: 94px; resize: vertical; }
.settings-window { position: absolute; z-index: 8; top: 34px; left: 48px; display: flex; flex-direction: column; width: min(620px, calc(100% - 48px)); min-width: 480px; min-height: 220px; overflow: hidden; border: 1px solid #6d9bbf; background: #f1f1f1; box-shadow: 1px 3px 7px rgba(0, 0, 0, .28); color: #092d49; font-size: 11px; }.settings-window[hidden] { display: none; }.settings-dialog-content { flex: 1; min-height: 0; padding: 12px; background: #ececec; }.settings-dialog-content > p { margin: 0; }.folder-template-window { height: min(410px, calc(100% - 48px)); }.folder-template-window .settings-dialog-content { display: flex; }.folder-template-window .folder-template-editor { flex: 1; min-height: 0; }.folder-template-window .folder-template-form { min-height: 0; }
.project-window, .project-detail-window { position: absolute; z-index: 8; top: 12px; left: 12px; display: flex; flex-direction: column; min-width: 780px; min-height: 430px; overflow: hidden; border: 1px solid #6d9bbf; background: #f1f1f1; box-shadow: 1px 3px 7px rgba(0,0,0,.28); color: #092d49; font-size: 11px; }.project-window { width: min(1260px, calc(100% - 24px)); height: min(660px, calc(100% - 24px)); }.project-detail-window { width: min(1280px, calc(100% - 24px)); height: min(690px, calc(100% - 24px)); }.project-window[hidden], .project-detail-window[hidden] { display: none; }.project-list-columns, .project-detail-columns { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: 5px; gap: 5px; }.project-list-columns > fieldset, .project-detail-columns > fieldset { min-width: 0; margin: 0; border: 1px solid #b7c1c7; }.project-filter-panel { flex: 0 0 64px; }.project-filter-grid { display: grid; grid-template-columns: 150px 150px 190px minmax(190px, 1fr) auto; align-items: end; gap: 4px 7px; padding: 4px; }.project-filter-grid label, .project-master-grid label { display: grid; gap: 2px; }.project-filter-grid input, .project-filter-grid select, .project-master-grid input, .project-master-grid select, .project-master-grid textarea { box-sizing: border-box; width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-filter-grid .project-filter-check, .project-master-check { display: flex; align-items: center; gap: 4px; white-space: nowrap; }.project-filter-grid .project-filter-check input, .project-master-check input { width: auto; }.project-grid-panel { display: flex; flex: 1; min-height: 160px; flex-direction: column; padding: 4px; }.project-grid-wrap, .project-position-grid-wrap { flex: 1; min-height: 0; overflow: auto; background: #e9e9e9; }.project-grid, .project-position-grid { width: 100%; min-width: 1100px; border-collapse: collapse; table-layout: fixed; font-size: 10px; }.project-grid th, .project-position-grid th { height: 31px; border: 1px solid #bcc3c7; background: #fff; color: #151515; font-weight: 400; text-align: left; vertical-align: bottom; }.project-grid td, .project-position-grid td { height: 15px; overflow: hidden; border: 1px solid #aebbc1; white-space: nowrap; text-overflow: ellipsis; }.project-grid tbody tr:nth-child(odd), .project-position-grid tbody tr:nth-child(odd) { background: #d8e5ed; }.project-grid tbody tr:nth-child(even), .project-position-grid tbody tr:nth-child(even) { background: #c5d6e0; }.project-grid tbody tr.selected, .project-position-grid tbody tr.selected { background: #ee6e16 !important; color: #fff; }.project-list-footer, .project-detail-footer { display: flex; align-items: center; justify-content: space-between; min-height: 33px; padding: 4px 7px; border-top: 1px solid #777; background: #e7edf0; }.project-list-footer button, .project-detail-footer button, .project-position-actions button { min-width: 65px; height: 23px; margin-left: 4px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.project-form { display: flex; flex: 1; min-height: 0; flex-direction: column; }.project-master-group { flex: 0 0 83px; }.project-master-grid { display: grid; grid-template-columns: 1.15fr 1.55fr 1.1fr; gap: 3px 12px; padding: 4px 6px; }.project-master-grid label > span { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }.project-tabs-group { display: flex; flex: 1; min-height: 200px; flex-direction: column; padding: 0; }.project-tabs { display: flex; align-items: end; gap: 1px; height: 25px; padding-left: 3px; border-bottom: 1px solid #c8c8c8; }.project-tabs button { height: 24px; padding: 0 6px; border: 0; background: transparent; font: inherit; }.project-tabs button.active { border: 1px solid #c8c8c8; border-bottom: 1px solid #fff; background: #fff; }.project-tab-panel { display: flex; flex: 1; min-height: 0; padding: 5px; background: #f7f7f7; }.project-explorer { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 2px; padding: 5px; overflow: auto; border: 1px solid #aebbc1; background: #fff; }.project-explorer button { border: 0; background: transparent; color: #143d58; font: inherit; text-align: left; }.project-position-actions { display: flex; flex: 0 0 27px; flex-direction: column; gap: 3px; }.project-position-actions button { min-width: 24px; width: 24px; margin: 0; }.project-addresses-panel { gap: 12px; }.project-addresses-panel label, .project-notes-panel label { display: flex; flex: 1; flex-direction: column; gap: 3px; }.project-addresses-panel textarea, .project-notes-panel textarea { flex: 1; min-height: 120px; resize: none; border: 1px solid #7d8c97; font: inherit; }.project-topics-panel { flex-direction: column; gap: 8px; }.project-topics-panel fieldset { display: flex; flex: 1; min-height: 0; margin: 0; }.project-empty-grid { flex: 1; padding: 7px; border: 1px solid #aebbc1; background: #fff; color: #586b77; }
.project-header-tabs, .project-tabs { display: flex; align-items: end; gap: 1px; padding: 4px 5px 0; border-bottom: 1px solid #aebbc1; }.project-header-tabs button, .project-tabs button { height: 23px; padding: 0 8px; border: 1px solid transparent; border-bottom: 0; background: transparent; color: #123e5b; font: inherit; }.project-header-tabs button.active, .project-tabs button.active { border-color: #aebbc1; background: #fff; color: #092d49; font-weight: 700; }.project-header-panel { padding: 7px; }.project-header-panel[hidden], .project-tab-panel[hidden], .project-tree-branch[hidden] { display: none !important; }.project-addresses-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }.project-addresses-panel label, .project-notes-panel label { display: grid; gap: 3px; }.project-addresses-panel textarea, .project-notes-panel textarea { box-sizing: border-box; width: 100%; min-height: 82px; resize: vertical; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-explorer { height: 100%; min-height: 200px; padding: 7px 10px; overflow: auto; background: #fff; }.project-tree-node { position: relative; display: flex; align-items: center; width: 100%; min-height: 22px; gap: 5px; padding: 2px 5px; border: 0; background: transparent; color: #123e5b; font: inherit; text-align: left; }.project-tree-node:hover, .project-tree-node:focus-visible { background: #dbeaf2; outline: none; }.project-tree-root { font-weight: 700; }.project-tree-toggle { width: 13px; color: #285979; }.project-tree-icon { width: 15px; color: #e8651a; text-align: center; font-size: 12px; }.project-tree-branch { position: relative; margin-left: 17px; padding-left: 16px; }.project-tree-branch::before { position: absolute; top: -5px; bottom: 12px; left: 5px; width: 1px; content: ""; background: #91a8b7; }.project-tree-branch .project-tree-node::before { position: absolute; top: 11px; left: -11px; width: 11px; height: 1px; content: ""; background: #91a8b7; }.project-tree-branch .project-tree-node:last-child::after { position: absolute; top: 12px; bottom: 0; left: -11px; width: 1px; content: ""; background: #fff; }.project-topics-panel { display: grid; grid-template-rows: auto minmax(120px, 1fr) auto; gap: 6px; padding: 7px; }.project-topic-toolbar { display: flex; align-items: center; gap: 5px; }.project-topic-toolbar select { min-width: 210px; height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-topic-toolbar button { height: 22px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.project-topic-count { margin-left: auto; color: #315a73; }.project-topic-grid-wrap { overflow: auto; border: 1px solid #aebbc1; }.project-topics-table { width: 100%; border-collapse: collapse; font-size: 10px; }.project-topics-table th, .project-topics-table td { padding: 3px 5px; border: 1px solid #aebbc1; text-align: left; }.project-topics-table th { background: #edf1f4; }.project-topics-table tbody tr:hover, .project-topics-table tbody tr.selected { background: #d8e5ed; }.project-topic-properties { min-height: 22px; padding: 4px 6px; border: 1px solid #b7c1c7; background: #fff; color: #315a73; }
.project-customer-picker { display: grid; grid-template-columns: minmax(0, 1fr) 27px; gap: 3px; }.project-customer-picker button { border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.project-customer-dialog { position: absolute; z-index: 30; inset: 34px 24px 24px; display: grid; grid-template-rows: 28px minmax(0, 1fr) 35px; border: 1px solid #527593; background: #edf1f5; box-shadow: 0 8px 20px rgba(0, 0, 0, .35); }.project-customer-dialog[hidden] { display: none; }.project-customer-dialog > header, .project-customer-dialog > footer { display: flex; align-items: center; gap: 5px; padding: 4px 7px; background: #d7e8f4; color: #123e5b; }.project-customer-dialog > header button { width: 25px; height: 20px; margin-left: auto; border: 1px solid #527593; background: #f7fafb; color: #123e5b; font: inherit; }.project-customer-dialog-content { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 7px; min-height: 0; padding: 9px; }.project-customer-dialog-content > label { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 6px; }.project-customer-search { height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-customer-grid-wrap { overflow: auto; border: 1px solid #aebbc1; background: #fff; }.project-customer-table { width: 100%; border-collapse: collapse; font-size: 11px; }.project-customer-table th, .project-customer-table td { padding: 4px 6px; border: 1px solid #aebbc1; text-align: left; }.project-customer-table th { position: sticky; top: 0; background: #edf1f4; }.project-customer-table tbody tr { cursor: pointer; }.project-customer-table tbody tr:hover, .project-customer-table tbody tr.selected { background: #d8e5ed; }.project-customer-dialog > footer { justify-content: flex-end; background: #edf1f5; }.project-customer-dialog > footer button { min-width: 80px; height: 23px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }
.status-bar { height: 22px; display: flex; align-items: center; background: #eff1f2; border-top: 1px solid #fff; color: #1d4665; }.status-bar span { height: 100%; display: flex; align-items: center; padding: 0 8px; border-right: 1px solid #b7bfc6; }.status-bar .status-led { padding: 0 4px; color: #269b2c; }.status-bar #status-message { flex: 1; }
.minimized-window-strip { display: flex; align-items: center; min-height: 34px; gap: 4px; padding: 4px 6px; overflow-x: auto; border-top: 1px solid #9eb0bd; background: #dbe4e9; }.minimized-window-strip[hidden] { display: none; }.minimized-window-preview { display: flex; flex: 0 0 168px; align-items: center; gap: 6px; height: 26px; padding: 0 7px; overflow: hidden; border: 1px solid #527593; background: #f6f8f9; color: #123e5b; font: inherit; text-align: left; }.minimized-window-preview:hover, .minimized-window-preview:focus-visible { background: #fff; outline: 2px solid #e8651a; outline-offset: -2px; }.minimized-window-preview > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.minimized-window-mark { display: grid; flex: 0 0 16px; width: 16px; height: 16px; place-items: center; background: #e8651a; color: #fff; font-size: 10px; font-weight: 700; }
.article-titlebar > .window-minimize-button, .article-titlebar > [data-window-close] { align-self: stretch; width: 25px; padding: 0; border: 0; border-left: 1px solid #9db6c5; background: #dce8f1; color: #123e5b; font: inherit; font-size: 17px; line-height: 16px; }.article-titlebar > .window-minimize-button { margin-left: auto; padding: 0 0 5px; }.article-titlebar > .window-minimize-button:hover, .article-titlebar > [data-window-close]:hover { background: #c8dce9; }.window-minimize-button { width: 25px; height: 100%; padding: 0 0 5px; border: 0; border-left: 1px solid #9db6c5; background: #dce8f1; color: #123e5b; font: inherit; font-size: 17px; line-height: 16px; }
.login-overlay { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(26, 48, 63, .2); }
.login-dialog { width: min(360px, 100%); margin: 0; border: 1px solid #527593; border-radius: 3px; background: #edf1f5; box-shadow: 0 12px 30px rgba(0, 0, 0, .38); color: #123d5b; }
.login-dialog-titlebar { height: 30px; display: flex; align-items: center; gap: 7px; padding: 0 8px; color: #0f3d61; background: linear-gradient(#d9edff, #a7c8e7); font-size: 13px; font-weight: 700; }
.login-dialog-content { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 8px 10px; padding: 18px; }
.login-dialog-content > p:first-child { grid-column: 1 / -1; margin: 0 0 5px; color: #27485e; }
.login-dialog-content label { text-align: right; }
.login-dialog-content input { width: 100%; height: 25px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }
.login-dialog-content input:focus { outline: 2px solid #e76e32; outline-offset: 1px; }
.login-error { grid-column: 1 / -1; margin: 2px 0 0; color: #a23222; }
.login-dialog-actions { display: flex; justify-content: flex-end; padding: 8px 12px; border-top: 1px solid #c5cdd3; background: #e1e6eb; }
.login-dialog-actions button { min-width: 92px; height: 27px; border: 1px solid #35617d; border-radius: 2px; color: #fff; background: linear-gradient(#5d8cac, #32647f); font-weight: 700; }
.login-dialog-actions button:disabled { cursor: wait; opacity: .7; }
body.authentication-required .application-shell { filter: blur(5px); pointer-events: none; user-select: none; }
body:not(.authentication-required) .login-overlay { display: none; }
.user-window, .user-group-window { position: absolute; z-index: 8; top: 12px; left: 12px; display: flex; flex-direction: column; min-width: 720px; min-height: 420px; overflow: hidden; border: 1px solid #6d9bbf; background: #efefef; box-shadow: 1px 3px 7px rgba(0, 0, 0, .28); color: #092d49; font-size: 11px; }.user-window { width: min(820px, calc(100% - 24px)); height: min(650px, calc(100% - 24px)); }.user-group-window { width: min(510px, calc(100% - 24px)); height: min(410px, calc(100% - 24px)); }.user-window[hidden], .user-group-window[hidden] { display: none; }.user-management-content { display: grid; grid-template-columns: 42% 58%; flex: 1; min-height: 0; padding: 5px; gap: 5px; }.user-list-panel { display: flex; flex-direction: column; min-width: 0; border: 1px solid #737f87; background: #fff; }.user-list-panel select { width: 110px; height: 21px; margin: 3px; border: 1px solid #9da7ad; background: #fff; color: #092e49; font: inherit; }.user-grid, .user-group-list table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #052b47; font-size: 10px; }.user-grid th, .user-group-list th { height: 20px; border: 1px solid #aebbc1; background: #fff; color: #151515; font-weight: 400; text-align: left; }.user-grid td, .user-group-list td { height: 17px; overflow: hidden; border: 1px solid #aebbc1; white-space: nowrap; text-overflow: ellipsis; }.user-grid tbody tr:nth-child(odd), .user-group-list tbody tr:nth-child(odd) { background: #d8e5ed; }.user-grid tbody tr:nth-child(even), .user-group-list tbody tr:nth-child(even) { background: #c5d6e0; }.user-grid tbody tr.selected, .user-group-list tbody tr.selected { background: #ee6e16 !important; color: #fff; }.user-grid th:nth-child(1) { width: 49%; }.user-grid th:nth-child(2) { width: 25%; }.user-form { min-width: 0; }.user-form fieldset { height: 100%; min-width: 0; margin: 0; padding: 7px; border: 1px solid #d1d1d1; }.user-form legend { color: #133e59; font-weight: 700; }.user-form-top { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 5px; }.user-symbol { color: #315e7a; font-size: 30px; text-align: center; }.user-form label { min-width: 0; }.user-form input, .user-form select, .user-group-form input { height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.user-form-top label:not(.check-row), .user-form-fields label { display: grid; grid-template-columns: 88px 1fr; align-items: center; gap: 4px; }.user-form-top input, .user-form-fields input { width: 100%; }.user-form-fields { display: grid; grid-template-columns: 1fr; gap: 3px; margin-top: 8px; }.check-row { display: inline-flex; align-items: center; gap: 4px; }.check-row input { width: auto; height: auto; margin: 0; }.user-options { display: flex; gap: 30px; margin: 9px 0 4px; font-weight: 700; }.permission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 18px; min-height: 170px; padding: 7px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }.user-form-bottom { display: grid; grid-template-columns: 1fr; gap: 7px; padding-top: 9px; }.user-form-bottom label { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px; }.user-form-bottom select { width: 200px; }.user-form-actions { display: flex; justify-content: flex-end; gap: 6px; padding: 7px 0; }.user-form-actions button, .user-window-footer button { min-width: 68px; height: 31px; border: 1px solid #527593; background: #f9f9f9; color: #133e59; font-weight: 700; }.user-window-footer { display: flex; justify-content: flex-end; gap: 7px; padding: 6px 10px; border-top: 2px solid #e8651a; background: #5f8598; }.user-window-footer button:first-child { margin-right: auto; }.user-group-form { display: flex; flex-direction: column; flex: 1; min-height: 0; padding: 12px; }.user-group-form > label:first-child { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 7px; }.user-group-form > label:first-child input { width: 100%; }.user-group-form > .check-row { margin: 8px 0; }.user-group-list { flex: 1; min-height: 0; overflow: auto; border: 1px solid #aebbc1; background: #fff; }.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 1000px) { .toolbox-window { width: min(862px, calc(100vw - 58px)); }.module-tabs button { min-width: auto; padding: 0 8px; }.wall-brand { left: 45%; }.chart-two { display: none; } }
.article-flags label { display: inline-flex; align-items: center; gap: 4px; }
.article-flags input[type="checkbox"] { width: auto; height: auto; margin: 0; }
.article-supplier-form { height: 100%; }.article-suppliers-panel { display: grid; grid-template-rows: minmax(185px, 1fr) 205px; gap: 7px; height: 100%; min-height: 0; }.article-suppliers-panel fieldset { min-height: 0; margin: 0; padding: 6px; }.article-supplier-list { display: flex; flex-direction: column; }.article-supplier-table-wrap { flex: 1; min-height: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }.article-supplier-list .detail-table { width: 100%; margin: 0; }.article-supplier-list .detail-table th { height: 31px; vertical-align: middle; }.article-supplier-list .detail-table th:nth-child(1) { width: 31px; text-align: center; }.article-supplier-list .detail-table th:nth-child(2) { width: 22%; }.article-supplier-list .detail-table th:nth-child(3) { width: 75px; }.article-supplier-list .detail-table th:nth-child(4) { width: 70px; }.article-supplier-list .detail-table th:nth-child(5) { width: 76px; }.article-supplier-list .detail-table th:nth-child(6) { width: 56px; }.article-supplier-list .detail-table th:nth-child(7) { width: 110px; }.article-supplier-list .detail-table th:nth-child(8) { width: 20%; }.article-supplier-list .detail-table td { height: 20px; padding: 0 3px; }.article-supplier-list-actions { display: flex; justify-content: flex-end; gap: 4px; padding-top: 5px; }.article-supplier-list-actions button, .article-supplier-editor-actions button { min-width: 72px; height: 23px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.article-supplier-list-actions button:disabled, .article-supplier-editor-actions button:disabled { cursor: default; color: #777; background: #e7e7e7; border-color: #aaa; }.article-supplier-editor { display: flex; flex-direction: column; }.article-supplier-editor-grid { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(280px, 1fr); grid-template-rows: repeat(4, 25px) 1fr; gap: 3px 18px; min-height: 0; }.article-supplier-editor-grid label { display: grid; grid-template-columns: 102px minmax(0, 1fr); align-items: center; gap: 5px; min-width: 0; }.article-supplier-editor-grid input, .article-supplier-editor-grid select, .article-supplier-editor-grid textarea { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.article-supplier-editor-grid label:has(span) { grid-template-columns: 102px minmax(0, 70px) 1fr; }.article-supplier-editor-grid label > span { white-space: nowrap; }.article-supplier-editor-grid .article-supplier-order-text { grid-column: 1; grid-row: 4 / 6; align-items: start; }.article-supplier-editor-grid .article-supplier-order-text textarea { height: 76px; resize: vertical; }.article-supplier-editor-grid .article-supplier-primary { grid-column: 2; grid-row: 4; display: inline-flex; width: max-content; gap: 5px; }.article-supplier-editor-grid .article-supplier-primary input { width: auto; height: auto; margin: 0; }.article-supplier-editor-actions { display: flex; justify-content: flex-end; gap: 5px; padding-top: 5px; }.article-supplier-editor-actions .apply-article-supplier { min-width: 245px; }.article-suppliers-table tr { cursor: pointer; }
.article-detail { width: min(980px, calc(100% - 24px)); height: min(720px, calc(100% - 24px)); }.article-editor { height: 100%; }.article-editor-layout { display: grid; grid-template-columns: minmax(0, 61%) minmax(300px, 39%); gap: 6px; height: 100%; }.article-editor-column { display: flex; flex-direction: column; min-width: 0; }.article-editor-column > fieldset:nth-child(4) { order: 2; }.article-editor-column > fieldset:nth-child(2) { order: 3; }.article-editor-column > fieldset:nth-child(3) { order: 4; }.article-editor fieldset { min-width: 0; margin: 0 0 6px; padding: 6px; border: 1px solid #d1d1d1; }.article-editor fieldset > legend::before { display: inline-block; width: 8px; height: 8px; margin-right: 5px; content: ""; background: #e8651a; vertical-align: 0; }.article-editor legend { padding: 0 3px; color: #133e59; font-weight: 700; }.article-definition { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 3px 5px; align-items: center; }.article-definition label, .article-dimension-grid label, .article-supplier-grid label { display: contents; }.article-definition input, .article-definition select, .article-definition textarea, .article-dimension-grid input, .article-dimension-grid textarea, .article-price-grid input, .article-extra-price input, .article-supplier-grid input, .article-supplier-grid textarea { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.article-definition textarea { height: 43px; resize: vertical; }.article-flags { display: grid; grid-template-columns: repeat(3, max-content); gap: 4px 12px; margin-top: 6px; }.article-flags label { white-space: nowrap; }.article-price-grid { display: grid; gap: 4px; }.article-price-top { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }.article-price-top label { display: grid; grid-template-columns: max-content minmax(65px, 1fr); align-items: center; gap: 5px; }.article-price-top label:last-child { grid-column: 1; }.article-price-headings, .article-price-row { display: grid; grid-template-columns: 128px minmax(65px, 1fr) minmax(65px, 1fr); align-items: center; gap: 5px; }.article-price-headings { color: #41596a; }.article-price-row output, .article-price-summary output { height: 21px; padding: 3px 4px; border: 1px solid #7d8c97; background: #effafa; color: #143d58; text-align: right; }.article-price-row:nth-of-type(5) input, .article-price-row:nth-of-type(5) output { background: #d7f5d7; }.article-price-summary { display: grid; grid-template-columns: 128px minmax(65px, 1fr) max-content minmax(65px, 1fr); gap: 4px 5px; align-items: center; padding-top: 4px; border-top: 1px solid #d1d1d1; }.article-price-summary label { display: grid; grid-column: 3 / 5; grid-template-columns: max-content minmax(65px, 1fr); align-items: center; gap: 5px; }.article-dimension-grid { display: grid; grid-template-columns: 132px minmax(64px, 1fr); gap: 3px 5px; align-items: center; }.internal-description { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 5px; align-items: start; margin-top: 0; }.internal-description textarea { height: 62px; resize: vertical; }.article-extra-price { display: flex; align-items: center; gap: 8px; }.article-extra-price label { display: grid; grid-template-columns: 85px 70px; align-items: center; gap: 5px; }.article-extra-price button { height: 23px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.article-price-groups { width: 100%; height: 85px; margin: 0; }.article-price-groups th { height: 19px; }.article-supplier-grid { display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: 4px 5px; align-items: center; }.article-supplier-grid textarea { height: 42px; resize: vertical; }.detail-footer .print-article { margin-right: auto; }
.article-stock-editor-grid select { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }

.calculation-panel[hidden] { display: none !important; }
.article-time-cost-summary > div { display: grid; grid-template-columns: minmax(0, 1fr) 70px 25px; grid-template-rows: repeat(2, 21px); align-items: center; gap: 4px 5px; }.article-time-cost-summary > div > span:nth-of-type(1), .article-time-cost-summary > div > output:nth-of-type(1) { grid-row: 1; }.article-time-cost-summary > div > span:nth-of-type(2), .article-time-cost-summary > div > output:nth-of-type(2) { grid-row: 2; }.article-time-cost-summary > div > button { grid-column: 3; grid-row: 1 / 3; }.article-time-cost-summary output { min-width: 0; height: 21px; padding: 3px 4px; border: 1px solid #7d8c97; background: #edf4f7; color: #143d58; text-align: right; }.article-time-cost-summary button { width: 25px; height: 23px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font-weight: 700; }
.article-reports-panel, .article-reports-layout { height: 100%; min-height: 0; }.article-reports-layout { display: grid; grid-template-columns: minmax(230px, .44fr) minmax(0, .56fr); grid-template-rows: minmax(190px, .55fr) minmax(0, .45fr); gap: 7px; }.article-reports-layout > fieldset { min-width: 0; min-height: 0; margin: 0; padding: 5px; border: 1px solid #aebbc1; background: #f5f5f5; }.article-reports-layout > fieldset > legend { padding: 0 3px; color: #133e59; font-weight: 700; }.article-report-statistics { grid-column: 1; grid-row: 1; }.article-report-history { grid-column: 2; grid-row: 1; }.article-report-operations { grid-column: 1 / -1; grid-row: 2; }.article-report-statistics h2 { margin: 8px 0 5px; color: #133e59; font-size: 11px; font-weight: 700; }.article-report-statistic-grid { display: grid; grid-template-columns: minmax(0, 1fr) 54px; gap: 3px 6px; align-items: center; }.article-report-statistic-grid output { height: 20px; padding: 3px; border: 1px solid #7d8c97; background: #fff; text-align: right; }.article-report-document-types { margin: 0; padding-left: 16px; }.article-report-document-types li { min-height: 16px; }.article-report-operations, .article-report-history { display: flex; flex-direction: column; }.article-report-table-wrap { flex: 1; min-height: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }.article-report-operations-table, .article-report-history-table { width: 100%; margin: 0; }.article-report-operations-table th, .article-report-history-table th { height: 21px; vertical-align: middle; }.article-report-operations-table th:nth-child(1) { width: 100px; }.article-report-operations-table th:nth-child(2) { width: 105px; }.article-report-operations-table th:nth-child(3) { width: 78px; }.article-report-operations-table th:nth-child(5) { width: 62px; }.article-report-operations-table th:nth-child(6) { width: 76px; }.article-report-history-table th:nth-child(1) { width: 120px; }.article-report-history-table th:nth-child(2) { width: 95px; }.article-report-history-table td, .article-report-operations-table td { height: 19px; padding: 1px 3px; }
.warehouse-settings-window { height: min(440px, calc(100% - 48px)); }.warehouse-settings-content { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 9px; }.warehouse-layout-column { display: flex; min-width: 0; min-height: 0; }.warehouse-layout-column > fieldset, .warehouse-layout-column > .warehouse-form { flex: 1; min-width: 0; }.warehouse-settings-content fieldset { min-width: 0; margin: 0; padding: 7px; border: 1px solid #d1d1d1; }.warehouse-settings-content legend { padding: 0 3px; color: #133e59; font-weight: 700; }.warehouse-list { display: flex; flex-direction: column; gap: 5px; }.warehouse-select { flex: 1; min-height: 180px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.warehouse-list div { display: flex; gap: 4px; }.warehouse-list button, .warehouse-form button { height: 23px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.warehouse-form { min-width: 0; }.warehouse-form fieldset { display: grid; gap: 7px; height: 100%; }.warehouse-form label { display: grid; gap: 2px; }.warehouse-form input, .warehouse-form textarea { width: 100%; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.warehouse-form input { height: 22px; }.warehouse-form textarea { min-height: 175px; resize: vertical; }.warehouse-form p { margin: 0; color: #41596a; }
.window-context-menu { position: fixed; z-index: 200; min-width: 170px; padding: 3px; border: 1px solid #527593; background: #f9f9f9; box-shadow: 1px 2px 4px rgba(0, 0, 0, .25); }.window-context-menu button { width: 100%; height: 23px; border: 0; background: transparent; color: #123e5b; font: inherit; text-align: left; }.window-context-menu button:hover, .window-context-menu button:focus-visible { background: #e2edf4; outline: 0; }
.group-context-menu { position: fixed; z-index: 201; min-width: 120px; padding: 3px; border: 1px solid #527593; background: #f9f9f9; box-shadow: 1px 2px 4px rgba(0, 0, 0, .25); }.group-context-menu button { width: 100%; height: 23px; border: 0; background: transparent; color: #123e5b; font: inherit; text-align: left; }.group-context-menu button:hover, .group-context-menu button:focus-visible { background: #e2edf4; outline: 0; }
.project-position-window { position: absolute; z-index: 10; top: 38px; left: 86px; display: flex; flex-direction: column; width: min(760px, calc(100% - 172px)); height: min(560px, calc(100% - 76px)); min-width: 580px; min-height: 390px; overflow: hidden; border: 1px solid #6d9bbf; background: #f1f1f1; box-shadow: 1px 3px 7px rgba(0, 0, 0, .28); color: #092d49; font-size: 11px; }.project-position-window[hidden] { display: none; }.project-position-form { display: flex; flex: 1; min-height: 0; flex-direction: column; }.project-position-columns { display: flex; flex: 1; min-height: 0; flex-direction: column; gap: 8px; padding: 10px; overflow: auto; background: #efefef; }.project-position-columns > fieldset { min-width: 0; margin: 0; padding: 9px; border: 1px solid #b7c1c7; }.project-position-columns > fieldset > legend { padding: 0 4px; color: #133e59; font-weight: 700; }.project-position-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 10px; }.project-position-grid label, .project-position-price-grid label { display: grid; gap: 3px; }.project-position-grid label > span { display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: 3px; }.project-position-grid button { border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; font-weight: 700; }.project-position-grid .project-position-wide { grid-column: 1 / -1; }.project-position-grid input, .project-position-grid select, .project-position-grid textarea, .project-position-price-grid input, .project-position-price-grid select { box-sizing: border-box; width: 100%; height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-position-grid textarea { height: 74px; resize: vertical; }.project-position-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; }.project-position-options label { display: flex; align-items: center; gap: 5px; }.project-position-price-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }.project-position-total { display: flex; align-items: center; height: 22px; padding: 0 5px; border: 1px solid #7d8c97; background: #fff; text-align: right; }.project-position-footer { flex: 0 0 38px; height: 38px; justify-content: flex-end; padding: 6px 10px; }
.article-media-panel[data-layout-editor] > fieldset.form-group-resized { flex: 0 0 auto; }
.article-window > .article-filters { display: flex; flex: 0 0 108px; height: 108px; gap: 6px; padding: 5px; border: 0; background: #efefef; }.article-window > .article-filters fieldset, .article-grid-panel { min-width: 0; margin: 0; padding: 5px; border: 1px solid #d1d1d1; }.article-window > .article-filters legend, .article-grid-panel legend { padding: 0 3px; color: #133e59; font-weight: 700; }.article-group-panel { width: 218px; flex: 0 0 218px; }.article-group-panel .group-selector { width: 100%; height: 100%; border: 0; }.article-group-panel .group-tree { width: calc(100% - 30px); flex-basis: calc(100% - 30px); }.article-group-panel .group-actions { flex: 0 0 30px; }.article-search-panel { flex: 1; }.article-search-panel .filter-controls { height: 100%; padding: 4px; }.article-grid-panel { display: flex; flex: 1; min-height: 0; margin: 0 5px 5px; padding: 5px; }.article-grid-panel .article-grid-wrap { flex: 1; min-height: 0; padding: 0; }.article-list-footer { border-top: 2px solid #e8651a; background: #5f8598; }.article-list-footer > div:not(.list-actions) { background: #edf1f2; }.list-actions { align-items: center; }.list-actions button { min-width: 68px; height: 31px; border: 1px solid #527593; background: #f9f9f9; color: #133e59; font-weight: 700; }
.article-media-panel[data-layout-editor] > .article-media-workspace-group { display: grid; grid-template-rows: auto minmax(0, 1fr); }.article-media-workspace-group .article-media-workspace { width: 100%; height: 100%; }.article-media-workspace-group .article-media-list, .article-media-workspace-group .article-media-preview { height: 100%; }.article-documents-panel[data-layout-editor] > .article-document-tree-group { display: grid; grid-template-rows: minmax(0, 1fr); }.article-document-tree-group .article-documents-dropzone { width: 100%; height: 100%; }
.article-list-grid-column { display: flex; flex: 1; min-height: 0; }.article-list-grid-column > .article-grid-panel { flex: 1; min-height: 0; }
.article-detail { container-type: inline-size; }
.form-group-width-handle { position: absolute; right: 3px; bottom: 3px; width: 13px; height: 13px; padding: 0; border: 0; cursor: ew-resize; background: repeating-linear-gradient(45deg, transparent 0 3px, #2f5874 3px 4px); }
.project-tab-panel[data-project-panel="positions"] { display: flex; min-width: 0; min-height: 0; gap: 6px; padding: 7px; }.project-position-actions { display: flex; flex: 0 0 28px; flex-direction: column; gap: 4px; }.project-position-actions button { width: 28px; height: 28px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; font-size: 16px; font-weight: 700; }.project-position-grid-wrap { min-width: 0; border: 1px solid #aebbc1; }.project-position-grid { display: table; width: 100%; min-width: 1100px; table-layout: fixed; border-collapse: collapse; background: #fff; }.project-position-grid th, .project-position-grid td { height: 22px; padding: 2px 5px; overflow: hidden; border: 1px solid #aebbc1; text-align: left; text-overflow: ellipsis; white-space: nowrap; }.project-position-grid th { background: #edf1f4; color: #151515; font-weight: 700; }.project-position-grid th:nth-child(1) { width: 54px; }.project-position-grid th:nth-child(2) { width: 120px; }.project-position-grid th:nth-child(3) { width: 60px; }.project-position-grid th:nth-child(4) { width: 110px; }.project-position-grid th:nth-child(5) { width: 220px; }.project-position-grid th:nth-child(6), .project-position-grid th:nth-child(7), .project-position-grid th:nth-child(8) { width: 68px; }.project-position-grid th:nth-child(9), .project-position-grid th:nth-child(10), .project-position-grid th:nth-child(11) { width: 100px; }
.project-position-window { width: min(920px, calc(100% - 64px)); height: min(640px, calc(100% - 48px)); min-width: 720px; min-height: 500px; }.project-position-columns { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); grid-template-rows: minmax(250px, 1fr) auto; align-content: stretch; gap: 8px; padding: 9px; }.project-position-columns > fieldset { grid-column: span var(--layout-span, 10); min-width: 0; padding: 8px; background: #f8f9fa; }.project-position-columns > fieldset > legend { font-weight: 700; }.project-position-columns > fieldset[data-layout-group="position"] { grid-row: 1 / span 2; }.project-position-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 10px; }.project-position-form-grid label, .project-position-price-form-grid label { display: grid; min-width: 0; gap: 3px; font-weight: 700; }.project-position-form-grid label > span { display: grid; grid-template-columns: minmax(0, 1fr) 25px; gap: 4px; }.project-position-form-grid .project-position-wide { grid-column: 1 / -1; }.project-position-form-grid input, .project-position-form-grid select, .project-position-form-grid textarea, .project-position-price-form-grid input, .project-position-price-form-grid select { box-sizing: border-box; width: 100%; min-width: 0; height: 23px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-position-form-grid textarea { height: 160px; resize: vertical; }.project-position-form-grid button { width: 25px; height: 23px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; font-size: 16px; font-weight: 700; }.project-position-options { grid-template-columns: 1fr; gap: 7px; }.project-position-price-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 10px; }.project-position-price-form-grid output { display: flex; align-items: center; box-sizing: border-box; min-width: 0; height: 23px; padding: 0 6px; border: 1px solid #7d8c97; background: #e8f2f7; color: #092e49; font-weight: 700; }.project-position-footer { flex: 0 0 43px; height: 43px; justify-content: flex-end; padding: 6px 9px; }.project-position-footer button { min-width: 78px; height: 29px; }
.project-position-tabs { display: flex; flex: 0 0 28px; align-items: end; gap: 1px; padding: 4px 5px 0; border-bottom: 1px solid #aebbc1; background: #edf1f4; overflow-x: auto; }.project-position-tabs button { height: 23px; padding: 0 7px; border: 1px solid transparent; border-bottom: 0; background: transparent; color: #123e5b; font: inherit; white-space: nowrap; }.project-position-tabs button.active { border-color: #aebbc1; background: #fff; color: #092e49; font-weight: 700; }.project-position-tab-panel { display: flex; flex: 1; min-height: 0; overflow: auto; }.project-position-tab-panel[hidden] { display: none; }.project-position-tab-panel[data-project-position-panel="position"] .project-position-columns { flex: 1; }.project-position-suffix { display: grid; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center; }.project-position-suffix b { padding-left: 4px; font-weight: 400; }.project-position-options label { min-width: 0; }.project-position-options label:not(.project-position-options-note) { display: flex; align-items: center; gap: 5px; }.project-position-options select, .project-position-options input:not([type="checkbox"]), .project-position-options textarea { box-sizing: border-box; width: 100%; min-width: 0; height: 23px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-position-options-note { display: grid !important; gap: 3px; font-weight: 700; }.project-position-options-note textarea { height: 72px; resize: vertical; }.project-position-tab-group { flex: 1; min-width: 0; min-height: 0; margin: 9px; padding: 10px; border: 1px solid #b7c1c7; background: #f8f9fa; }.project-position-tab-group legend { padding: 0 4px; color: #133e59; font-weight: 700; }.project-position-secondary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 12px; }.project-position-secondary-grid label { display: grid; min-width: 0; gap: 3px; font-weight: 700; }.project-position-secondary-grid textarea { min-height: 110px; resize: vertical; }.project-position-secondary-grid input, .project-position-secondary-grid textarea { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-position-empty-panel { display: grid; min-height: 160px; place-items: center; border: 1px solid #aebbc1; background: #fff; color: #536d7d; }
.project-position-columns { grid-template-rows: minmax(250px, .9fr) minmax(260px, 1.1fr); }.project-position-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; }.project-position-options-note { grid-column: 1 / -1; gap: 2px; }.project-position-options-note textarea { height: 42px; min-height: 42px; }
.project-position-options { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }.project-position-option-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 8px; }.project-position-option-checks label { min-height: 18px; font-size: 10px; line-height: 12px; white-space: nowrap; }.project-position-option-checks input { margin: 0 3px 0 0; }
.project-position-columns > fieldset[data-layout-span="4"] { --layout-span: 4; }.project-position-columns > fieldset[data-layout-span="6"] { --layout-span: 6; }
.project-position-columns { grid-template-rows: auto auto; grid-auto-rows: auto; align-content: start; overflow: auto; }.project-position-option-checks label { align-items: start; min-width: 0; white-space: normal; overflow-wrap: anywhere; }.project-position-option-checks input { flex: 0 0 auto; }
.project-position-columns > fieldset[data-layout-group="position"] { grid-row: auto; }.project-position-columns > fieldset[data-layout-span="10"] { --layout-span: 10; }.project-position-columns > fieldset[data-layout-span="6"] { --layout-span: 6; }.project-position-identity-grid, .project-position-quantity-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px 10px; }.project-position-identity-grid label, .project-position-quantity-grid label, .project-position-text-grid > label { display: grid; min-width: 0; gap: 3px; font-weight: 700; }.project-position-identity-grid label > span { display: grid; grid-template-columns: minmax(0, 1fr) 25px; gap: 4px; }.project-position-identity-grid input, .project-position-identity-grid select, .project-position-quantity-grid input, .project-position-quantity-grid select, .project-position-text-grid input { box-sizing: border-box; width: 100%; min-width: 0; height: 23px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-position-identity-grid button { width: 25px; height: 23px; padding: 0; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; font-size: 16px; font-weight: 700; }.project-position-text-grid { display: grid; gap: 7px; }.project-position-richtext { display: grid; min-width: 0; gap: 0; border: 1px solid #7d8c97; background: #fff; }.project-position-richtext-toolbar { display: flex; align-items: center; min-height: 25px; gap: 2px; padding: 2px; border-bottom: 1px solid #b7c1c7; background: #edf1f4; }.project-position-richtext-toolbar select { width: 92px; height: 21px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.project-position-richtext-toolbar button { width: 23px; height: 21px; padding: 0; border: 1px solid #aebbc1; background: #f9f9f9; color: #123e5b; font: inherit; }.project-position-richtext-editor { min-height: 142px; padding: 5px; outline: 0; overflow: auto; white-space: pre-wrap; }.project-position-richtext-editor:focus { box-shadow: inset 0 0 0 1px #e8651a; }.project-position-quantity-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.project-position-columns > fieldset[data-layout-group="texts"], .project-position-columns > fieldset[data-layout-group="quantity"], .project-position-columns > fieldset[data-layout-group="price"] { grid-column: span 6; }.project-position-columns > fieldset[data-layout-group="display-options"] { grid-column: span 4; }
.article-media-panel[data-layout-editor], .article-documents-panel[data-layout-editor] { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)) !important; grid-template-rows: auto !important; grid-auto-flow: row dense; grid-auto-rows: minmax(48px, auto); align-content: stretch; min-height: 0; height: 100%; gap: 6px; overflow: auto; }.article-media-panel[data-layout-editor] > fieldset[data-layout-group], .article-documents-panel[data-layout-editor] > fieldset[data-layout-group] { grid-column: span var(--layout-span, 10); min-width: 0; }.article-document-actions-group { container-type: inline-size; container-name: document-actions; }.article-document-actions-group .article-documents-toolbar { flex-direction: column; justify-content: flex-start; overflow: auto; }
.article-documents-panel[data-layout-editor] > .custom-field-group.form-group-resized { align-self: start; min-height: 48px; }
.article-times-layout > .article-time-booking-list.form-group-resized, .custom-fields-panel > .custom-field-grid-group.form-group-resized { flex: 0 0 auto; }
.article-reports-layout[data-layout-editor] { grid-template-columns: repeat(10, minmax(0, 1fr)); grid-template-rows: auto; grid-auto-flow: row dense; grid-auto-rows: minmax(48px, auto); align-content: start; overflow: auto; }
.article-reports-layout[data-layout-editor] > fieldset[data-layout-group] { grid-column: span var(--layout-span, 10) !important; grid-row: auto !important; }
.article-documents-panel[data-layout-editor].has-custom-field-group { grid-template-rows: max-content max-content !important; grid-auto-rows: max-content; align-content: start; }
.article-media-panel[data-layout-editor] { height: auto; align-content: start; grid-auto-rows: max-content; }
.article-media-panel[data-layout-editor] > fieldset[data-layout-group] { padding-bottom: 22px; }
.article-media-panel[data-layout-editor] > fieldset[data-layout-group] > .form-group-resize-handle,
.article-media-panel[data-layout-editor] > fieldset[data-layout-group] > .form-group-width-handle { bottom: 5px; }
.contact-form > .contact-tab-panel { flex: 1 1 auto; min-height: 0; overflow: auto; }
.contact-form > .article-media-panel[data-layout-editor],
.contact-form > .article-documents-panel[data-layout-editor] { height: 100%; min-height: 0; }
.contact-form > .contact-detail-footer { flex: 0 0 auto; margin-top: auto; }
section.contact-detail-window .contact-detail-column,
section.contact-detail-window .contact-layout-column { padding-bottom: var(--layout-column-reserve) !important; }
.article-media-panel[data-layout-editor="contact-images"],
.article-documents-panel[data-layout-editor="contact-documents"] { display: flex; flex: 1; flex-direction: column; min-height: 0; height: auto; padding: 7px; overflow: hidden; }
.article-media-panel[data-layout-editor="contact-images"] > .contact-layout-column,
.article-documents-panel[data-layout-editor="contact-documents"] > .contact-layout-column { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); grid-auto-flow: row dense; grid-auto-rows: max-content; align-content: start; flex: 1; min-height: 0; gap: 7px; padding-bottom: 6px; overflow: auto; }
.article-media-panel[data-layout-editor="contact-images"] > .contact-layout-column > fieldset,
.article-documents-panel[data-layout-editor="contact-documents"] > .contact-layout-column > fieldset { display: flex; flex: 0 0 auto; flex-direction: column; min-width: 0; min-height: 48px; max-height: calc(100% - 6px); margin: 0; padding: 6px; overflow: hidden; }
.article-media-panel[data-layout-editor="contact-images"] > .contact-layout-column > fieldset[data-layout-group],
.article-documents-panel[data-layout-editor="contact-documents"] > .contact-layout-column > fieldset[data-layout-group] { grid-column: span var(--layout-span, 10); }
.article-media-panel[data-layout-editor="contact-images"] .article-media-workspace-group:not(.form-group-resized),
.article-documents-panel[data-layout-editor="contact-documents"] .article-document-tree-group:not(.form-group-resized) { min-height: 220px; }
.article-media-panel[data-layout-editor="contact-images"] > .contact-layout-column > .article-media-workspace-group { display: grid; grid-template-rows: auto minmax(0, 1fr); }
.article-media-panel[data-layout-editor="contact-images"] > .contact-layout-column > .article-media-workspace-group .article-media-workspace,
.article-media-panel[data-layout-editor="contact-images"] > .contact-layout-column > .article-media-workspace-group .article-media-list,
.article-media-panel[data-layout-editor="contact-images"] > .contact-layout-column > .article-media-workspace-group .article-media-preview { width: 100%; height: 100%; }
.article-documents-panel[data-layout-editor="contact-documents"] > .contact-layout-column > .article-document-tree-group { display: grid; grid-template-rows: minmax(0, 1fr); }
.article-documents-panel[data-layout-editor="contact-documents"] > .contact-layout-column > .article-document-tree-group .article-documents-dropzone { width: 100%; height: 100%; }
.article-price-history-panel[data-layout-editor] > fieldset[data-layout-group] { grid-column: span var(--layout-span, 10); min-width: 0; }
.article-topics-panel, .article-topics-layout { height: 100%; min-height: 0; }.article-topics-layout { display: flex; flex-direction: column; gap: 7px; overflow: auto; }.article-topics-layout > fieldset { display: flex; flex: 0 0 auto; flex-direction: column; min-height: 48px; margin: 0; padding: 6px; }.article-topics-layout > .article-topic-list-group:not(.form-group-resized) { flex: 1 0 150px; }.article-topics-layout > fieldset.form-group-resized { flex: 0 0 auto; }.article-topic-list { flex: 1; min-height: 90px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.article-topic-properties { flex: 1; min-height: 55px; padding: 5px; overflow: auto; border: 1px solid #929da5; background: #fff; white-space: pre-wrap; }.article-topic-properties-group > button:not(.form-group-resize-handle):not(.form-group-width-handle), .article-topic-add-group > button:not(.form-group-resize-handle):not(.form-group-width-handle) { align-self: flex-end; min-width: 120px; height: 23px; margin-top: 6px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.article-topic-add-group label { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; gap: 5px; }.article-topic-add-group select { width: 100%; height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.article-topic-settings-window { width: min(570px, calc(100% - 48px)); }.article-topic-settings-form { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px; align-items: start; }.article-topic-settings-form > label { display: contents; }.article-topic-settings-form select, .article-topic-settings-form input, .article-topic-settings-form textarea { width: 100%; min-height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.article-topic-settings-form select { min-height: 170px; }.article-topic-settings-form textarea { min-height: 110px; resize: vertical; }.article-topic-settings-form .detail-footer { grid-column: 1 / -1; margin: 4px -12px -12px; }
#dialog-root .article-topic-settings-window { z-index: 300 !important; }
#dialog-root .document-type-settings-window, #dialog-root .company-status-settings-window { z-index: 300 !important; width: min(430px, calc(100% - 48px)); height: min(390px, calc(100% - 48px)); }.toolbox-list-editor-form { display: flex; flex: 1; flex-direction: column; gap: 10px; min-height: 0; }.toolbox-list-editor-form .toolbox-list-label { display: flex; flex: 1; flex-direction: column; min-height: 0; gap: 4px; }.toolbox-list-editor-form .toolbox-list-label select { flex: 1; min-height: 130px; width: 100%; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.toolbox-list-editor-form .toolbox-input-label { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 6px; }.toolbox-list-editor-form .toolbox-input-label input { width: 100%; height: 23px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.toolbox-list-editor-form .detail-footer { margin-top: auto; }
.contact-window, .contact-detail-window { position: absolute; z-index: 8; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #6d9bbf; background: #f1f1f1; box-shadow: 1px 3px 7px rgba(0,0,0,.28); color: #092d49; font-size: 11px; }.contact-window { top: 18px; left: 18px; width: min(1240px, calc(100% - 36px)); height: min(660px, calc(100% - 36px)); min-width: 780px; min-height: 420px; }.contact-detail-window { top: 32px; left: 54px; width: min(1090px, calc(100% - 48px)); height: min(710px, calc(100% - 48px)); min-width: 760px; min-height: 480px; z-index: 9; }.contact-window[hidden], .contact-detail-window[hidden] { display: none; }.contact-list-content { display: grid; grid-template-columns: 220px minmax(0, 1fr); flex: 1; min-height: 0; gap: 5px; padding: 5px; }.contact-groups fieldset, .contact-detail-content fieldset { min-width: 0; margin: 0; padding: 6px; border: 1px solid #d1d1d1; }.contact-groups fieldset { display: flex; flex-direction: column; height: 100%; }.contact-groups legend, .contact-detail-content legend { padding: 0 3px; color: #133e59; font-weight: 700; }.contact-group-tree { flex: 1; overflow: auto; border: 1px solid #929da5; background: #fff; }.contact-group-tree button { display: block; width: 100%; min-height: 20px; padding: 2px 5px; border: 0; background: transparent; color: #123e5b; text-align: left; font: inherit; }.contact-group-tree button.selected, .contact-group-tree button:hover { color: #fff; background: #ee6e16; }.contact-group-actions { display: flex; justify-content: flex-end; gap: 4px; padding-top: 5px; }.contact-group-actions button, .contact-list-footer button, .contact-detail-footer button { min-width: 72px; height: 25px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.contact-group-actions button { min-width: 25px; padding: 0; font-size: 16px; }.contact-grid-section { display: flex; flex-direction: column; min-width: 0; }.contact-toolbar { display: flex; align-items: center; min-height: 29px; gap: 12px; padding: 3px 5px; border: 1px solid #d1d1d1; border-bottom: 0; background: #edf4f7; }.contact-toolbar input[type="search"] { width: 250px; height: 21px; border: 1px solid #7d8c97; background: #fff; font: inherit; }.contact-count { margin-left: auto; color: #41596a; }.contact-grid-wrap { flex: 1; min-height: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }.contact-grid { width: 100%; min-width: 950px; border-collapse: collapse; table-layout: fixed; color: #052b47; font-size: 10px; }.contact-grid th { height: 28px; border: 1px solid #aebbc1; background: #fff; color: #151515; font-weight: 400; text-align: left; vertical-align: bottom; }.contact-grid td { height: 19px; padding: 0 3px; overflow: hidden; border: 1px solid #aebbc1; white-space: nowrap; text-overflow: ellipsis; }.contact-grid tbody tr:nth-child(odd) { background: #d8e5ed; }.contact-grid tbody tr:nth-child(even) { background: #c5d6e0; }.contact-grid tbody tr.selected { color: #fff; background: #ee6e16 !important; }.contact-grid th:nth-child(1) { width: 70px; }.contact-grid th:nth-child(2) { width: 75px; }.contact-grid th:nth-child(3), .contact-grid th:nth-child(4) { width: 115px; }.contact-grid th:nth-child(5) { width: 170px; }.contact-grid th:nth-child(6) { width: 65px; }.contact-grid th:nth-child(7) { width: 110px; }.contact-grid th:nth-child(8) { width: 170px; }.contact-grid th:nth-child(9) { width: 120px; }.contact-grid th:nth-child(10) { width: 190px; }.contact-list-footer { display: flex; align-items: center; min-height: 37px; padding: 5px 8px; border-top: 2px solid #e8651a; background: #5f8598; color: #fff; }.contact-list-footer > div { display: flex; gap: 5px; margin-left: auto; }.contact-detail-tabs { display: flex; height: 27px; align-items: end; gap: 1px; padding-left: 3px; border-bottom: 1px solid #c8c8c8; }.contact-detail-tabs button { height: 25px; padding: 0 7px; border: 0; background: transparent; color: #173e60; font: inherit; }.contact-detail-tabs .active { border: 1px solid #c8c8c8; border-bottom: 1px solid #fff; background: #fff; }.contact-form { display: flex; flex: 1; flex-direction: column; min-height: 0; }.contact-detail-content { display: grid; grid-template-columns: minmax(360px, .86fr) minmax(440px, 1.14fr); flex: 1; min-height: 0; gap: 7px; padding: 8px; }.contact-master-data { display: grid; align-content: start; gap: 5px; }.contact-master-data > label { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: 5px; }.contact-master-data input, .contact-master-data select, .contact-master-data textarea { width: 100%; height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.contact-name-row, .contact-place-row { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }.contact-name-row label, .contact-place-row label { display: grid; gap: 2px; }.contact-master-data .contact-note { align-items: start; }.contact-note textarea { height: 80px; resize: vertical; }.contact-master-data .contact-archived-field { display: flex; gap: 5px; }.contact-archived-field input { width: auto; height: auto; }.contact-person-panel { display: flex; flex-direction: column; }.contact-person-empty { padding: 7px; color: #5b6d78; }.contact-person-panel table { width: 100%; border-collapse: collapse; }.contact-person-panel th, .contact-person-panel td { height: 23px; padding: 2px; border: 1px solid #aebbc1; text-align: left; }.contact-person-panel th { background: #edf4f7; font-weight: 400; }.contact-detail-footer { display: flex; justify-content: flex-end; gap: 6px; padding: 6px 10px; border-top: 2px solid #e8651a; background: #5f8598; }.contact-detail-footer button:last-child { color: #fff; background: #35617d; font-weight: 700; }
@container document-actions (min-width: 300px) { .article-document-actions-group .article-documents-toolbar { flex-direction: row; justify-content: center; overflow: visible; } }
@container (max-width: 799px) { .article-document-actions-group { min-height: 0; }.article-documents-toolbar { flex-direction: column; justify-content: flex-start; overflow: auto; } }
@container (min-width: 800px) { .article-document-actions-group { min-height: 57px; }.article-documents-toolbar { flex-direction: row; justify-content: center; overflow: visible; }.article-documents-toolbar button { flex-basis: 39px; } }
.article-times-panel, .article-times-layout { height: 100%; min-height: 0; }.article-times-layout { display: flex; flex-direction: column; }.article-time-booking-list { display: flex; flex: 1; flex-direction: column; min-height: 0; margin: 0; padding: 6px; border: 1px solid #d1d1d1; }.article-time-booking-list legend { padding: 0 3px; color: #133e59; font-weight: 700; }.article-times-toolbar, .article-times-summary { display: flex; align-items: center; gap: 6px; min-height: 27px; }.article-times-toolbar > div { display: flex; gap: 4px; margin-left: auto; }.article-times-toolbar button, .article-times-summary output, .work-type-list-panel button, .work-type-form button { height: 23px; border: 1px solid #527593; background: #f9f9f9; color: #123e5b; font: inherit; }.article-times-toolbar button:not(.open-work-type-settings) { width: 25px; padding: 0; font-size: 17px; line-height: 18px; }.article-times-toolbar .open-work-type-settings { padding: 0 7px; }.article-times-toolbar output, .article-times-summary output { min-width: 62px; padding: 3px 5px; border-color: #7d8c97; background: #edf4f7; text-align: right; }.article-times-table-wrap { flex: 1; min-height: 0; overflow: auto; border: 1px solid #929da5; background: #fff; }.article-times-table { width: 100%; margin: 0; }.article-times-table th { height: 24px; vertical-align: middle; }.article-times-table th:nth-child(1) { width: 55%; }.article-times-table th:nth-child(2), .article-times-table th:nth-child(3) { width: 22.5%; }.article-times-table td { height: 24px; padding: 1px 3px; }.article-times-table select, .article-times-table input { width: 100%; height: 21px; border: 1px solid #7d8c97; background: #fafafa; color: #092e49; font: inherit; }.article-times-table input { text-align: right; }.article-times-table input:disabled { color: #777; background: #e7e7e7; }.article-times-summary { justify-content: flex-end; }.work-type-settings-window { width: min(580px, calc(100% - 48px)); height: min(450px, calc(100% - 48px)); }.work-type-settings-content { display: grid; grid-template-rows: minmax(150px, 1fr) auto; gap: 8px; min-height: 0; }.work-type-settings-content fieldset { min-width: 0; margin: 0; padding: 7px; border: 1px solid #d1d1d1; }.work-type-settings-content legend { padding: 0 3px; color: #133e59; font-weight: 700; }.work-type-list-panel { display: flex; flex-direction: column; min-height: 0; }.work-type-select { flex: 1; min-height: 100px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }.work-type-list-panel > div { display: flex; gap: 4px; padding-top: 5px; }.work-type-list-panel button, .work-type-form button { padding: 0 8px; }.work-type-editor-panel { flex: 0 0 auto; }.work-type-form { display: grid; grid-template-columns: 1fr 130px auto; gap: 7px; align-items: end; }.work-type-form label { display: grid; gap: 2px; }.work-type-form input { width: 100%; height: 22px; border: 1px solid #7d8c97; background: #fff; color: #092e49; font: inherit; }