/*
 * Adapted for this Node.js application from Camunda 7 Tasklist:
 * ui/common/styles/_three-cols-layout.less, ui/tasklist/client/styles/layout.less,
 * camunda-commons-ui/resources/less/shared/_variables.less.
 * Copyright 2013-2025 Camunda Services GmbH. Apache License 2.0.
 * Upstream ee4826e5e76c2348a1510ef46a2f4ccd3b080e48.
 * Changes: CSS Grid layout, Russian navigation, document/version actions,
 * responsive regions and scoped styles. See third_party/camunda and docs/interface.md.
 * Glyphicons from Bootstrap 3.4.1, Copyright Twitter, Inc., MIT license.
 */
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("/vendor/bootstrap/glyphicons-halflings-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}
.glyphicon { position: relative; display: inline-flex; align-items: center; justify-content: center; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; }
.glyphicon-home::before { content: "\e021"; }
.glyphicon-check::before { content: "\e067"; }
.glyphicon-file::before { content: "\e022"; }
.glyphicon-th-list::before { content: "\e012"; }
.glyphicon-folder-open::before { content: "\e118"; }
.glyphicon-calendar::before { content: "\e109"; }
.glyphicon-link::before { content: "\e144"; }
.glyphicon-search::before { content: "\e003"; }
.glyphicon-arrow-right::before { content: "\e092"; }
.glyphicon-chevron-right::before { content: "\e080"; }
.glyphicon-chevron-down::before { content: "\e114"; }
.glyphicon-time::before { content: "\e023"; }
.glyphicon-ok::before { content: "\e013"; }
.glyphicon-record::before { content: "\e165"; }
.glyphicon-refresh::before { content: "\e031"; }
.glyphicon-question-sign::before { content: "\e085"; }
.glyphicon-remove::before { content: "\e014"; }
.glyphicon-user::before { content: "\e008"; }
.glyphicon-sort::before { content: "\e150"; }
.glyphicon-menu-hamburger::before { content: "\e236"; }
.glyphicon-resize-full::before { content: "\e096"; }
.glyphicon-resize-small::before { content: "\e097"; }
.glyphicon-list-alt::before { content: "\e032"; }
.glyphicon-upload::before { content: "\e027"; }
.glyphicon-download-alt::before { content: "\e025"; }

body.camunda-ui { color: #333; background: #fff; --blue: #b5152b; --line: #ddd; --ink: #333; --muted: #666; font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; }
.camunda-ui .app-header { height: 48px; border-top: 3px solid #b5152b; display: flex; gap: 16px; align-items: center; padding: 0 16px; background: #fff; box-shadow: 0 2px 6px -4px #555; position: sticky; top: 0; z-index: 30; }
.camunda-ui .app-brand { font-size: 21px; font-weight: 600; color: #333; letter-spacing: -.5px; flex-shrink: 0; }
.camunda-ui .app-navigation { display: flex; align-items: stretch; align-self: stretch; gap: 0; min-width: 0; }
.camunda-ui .nav-link { border-radius: 0; padding: 0 11px; min-height: 0; font-size: 12px; font-weight: 400; color: #545454; gap: 6px; white-space: nowrap; border-bottom: 2px solid transparent; }
.camunda-ui .nav-link.active { color: #222; border-bottom-color: #b5152b; background: #f5f5f5; font-weight: 600; }
.camunda-ui .nav-link:hover { background: #f5f5f5; color: #111; }
.camunda-ui .nav-count { padding: 1px 4px; background: #eee; border-radius: 2px; color: #555; }
.camunda-ui .app-header-actions { margin-left: auto; display: flex; align-items: center; flex-shrink: 0; height: 100%; gap: 12px; }
.camunda-ui .app-header-actions > button { font-size: 12px; white-space: nowrap; padding: 6px 0; color: #444; }
.camunda-ui .app-header-actions > button > span { font-size: 18px; }
.camunda-ui .account-menu { position: relative; }
.camunda-ui .account-menu > summary { cursor: pointer; display: flex; gap: 7px; align-items: center; font-size: 12px; color: #444; list-style: none; padding: 10px 0; }
.camunda-ui .account-menu > summary::-webkit-details-marker { display: none; }
.camunda-ui .account-menu .icon { width: 14px; height: 14px; font-size: 12px; }
.camunda-ui .account-dropdown { position: absolute; right: 0; top: 100%; width: 250px; border: 1px solid #ccc; background: #fff; box-shadow: 0 3px 9px #0002; padding: 12px; }
.camunda-ui .profile { padding: 4px 0 14px; border: 0; }
.camunda-ui .profile strong { color: #333; font-size: 13px; }
.camunda-ui .profile small { color: #666; font-size: 12px; }
.camunda-ui .logout-button { padding: 8px 0; color: #155cb5; font-size: 13px; }
.camunda-ui .workspace { margin-left: 0; min-height: calc(100dvh - 48px); }
.camunda-ui .topbar { height: 42px; flex-shrink: 0; padding: 0 20px; border-bottom: 1px solid #ddd; background: #fafafa; gap: 15px; }
.camunda-ui .breadcrumb { display: flex; font-size: 12px; color: #666; }
.camunda-ui .breadcrumb span { color: #444; }
.camunda-ui .global-search { width: 290px; padding: 5px 9px; background: #fff; border: 1px solid #ccc; border-radius: 2px; }
.camunda-ui .global-search input { color: #333; font-size: 12px; }
.camunda-ui .global-search input::placeholder { color: #777; }
.camunda-ui #main { max-width: none; padding: 20px; }
.camunda-ui.tasklist-page #main { display: flex; flex-direction: column; padding: 0; height: calc(100dvh - 114px); min-height: 480px; flex: none; }
.camunda-ui .page-heading { flex-shrink: 0; padding: 14px 20px; margin: 0; min-height: 70px; gap: 12px; border-bottom: 1px solid #ddd; }
.camunda-ui .page-heading h1 { font-size: 22px; line-height: 1.25; color: #333; font-weight: 400; margin: 0; letter-spacing: 0; }
.camunda-ui .page-heading p { font-size: 12px; color: #666; margin-top: 5px; }
.camunda-ui .heading-actions .primary-button { font-size: 12px; min-height: 32px; padding: 6px 10px; }
.camunda-ui .primary-button { background: #b5152b; border: 1px solid #991125; color: #fff; border-radius: 2px; min-height: 34px; padding: 7px 12px; font-size: 13px; box-shadow: none; }
.camunda-ui .primary-button:hover { background: #941125; }
.camunda-ui .secondary-button { background: #fff; border: 1px solid #ccc; color: #444; border-radius: 2px; min-height: 32px; padding: 6px 10px; font-size: 12px; }
.camunda-ui .secondary-button:hover { background: #f5f5f5; border-color: #aaa; }
.camunda-ui .text-button { border-radius: 0; color: #155cb5; font-size: 13px; }
.camunda-ui .icon-button { border-radius: 2px; color: #666; }
.camunda-ui .icon-button:hover { background: #eee; color: #333; }
.camunda-ui .content-grid { grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr); gap: 0; }
.camunda-ui.tasklist-page .content-grid { grid-template-columns: 210px 360px minmax(0, 1fr); flex: 1; min-height: 0; align-items: stretch; gap: 0; }
.camunda-ui .list-panel, .camunda-ui .detail-panel, .camunda-ui .filter-rail { background: #fff; border: 0; border-radius: 0; min-width: 0; }
.camunda-ui .list-panel { border-right: 1px solid #ddd; }
.camunda-ui.tasklist-page .list-panel { display: flex; flex-direction: column; overflow: hidden; }
.camunda-ui.tasklist-page .items { flex: 1; min-height: 0; max-height: none; overflow-y: auto; }
.camunda-ui .register-heading { min-height: 36px; padding: 9px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; background: #fafafa; font-size: 13px; color: #555; flex-shrink: 0; }
.camunda-ui .register-heading strong { font-weight: 400; }
.camunda-ui .filter-rail { border-right: 1px solid #ddd; overflow-y: auto; }
.camunda-ui .rail-content { padding: 15px 0; }
.camunda-ui .rail-filters > button, .camunda-ui .rail-work-tabs > button { width: 100%; display: flex; justify-content: space-between; gap: 10px; text-align: left; padding: 11px 15px 11px 12px; border-left: 3px solid transparent; color: #555; font-size: 14px; line-height: 1.5; }
.camunda-ui .rail-filters > button.active, .camunda-ui .rail-work-tabs > button.selected { border-left-color: #b5152b; color: #111; background: #fafafa; }
.camunda-ui .rail-filters > button:hover, .camunda-ui .rail-work-tabs > button:hover { color: #111; background: #f5f5f5; }
.camunda-ui .rail-filters small, .camunda-ui .rail-work-tabs span { color: #777; font-size: 12px; }
.camunda-ui .rail-options { border-top: 1px solid #e5e5e5; margin: 15px 12px 0; padding-top: 12px; display: flex; flex-direction: column; gap: 7px; }
.camunda-ui .rail-options > button { text-align: left; padding: 7px 0; font-size: 12px; }
.camunda-ui .rail-options .pressed { color: #b5152b; font-weight: 600; background: none; }
.camunda-ui .rail-work-tabs { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ddd; }
.camunda-ui .rail-help { margin: 24px 15px 0; font-size: 12px; line-height: 1.7; color: #777; }
.camunda-ui .rail-links { margin: 24px 15px 0; display: flex; flex-direction: column; gap: 14px; font-size: 13px; color: #155cb5; }
.camunda-ui .document-toolbar { padding: 12px 15px; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid #eee; }
.camunda-ui .document-search { padding: 7px 9px; border-radius: 0; border-color: #aaa; flex-basis: 100%; min-height: 34px; }
.camunda-ui .document-search input { font-size: 13px; }
.camunda-ui .document-sort { margin-left: auto; }
.camunda-ui .document-sort select { border: 0; min-height: 24px; padding: 0; font-size: 12px; color: #555; border-radius: 0; width: 140px; }
.camunda-ui .document-columns { display: none; }
.camunda-ui .item-row { padding: 14px 15px 14px 12px; min-height: 94px; border: 0; border-left: 3px solid transparent; border-bottom: 1px solid #eee; gap: 10px; }
.camunda-ui .item-row:hover { background: #fafafa; }
.camunda-ui .item-row.selected { background: #fafafa; border-left-color: #b5152b; }
.camunda-ui .item-row.selected::before { display: none; }
.camunda-ui.tasklist-page .item-icon, .camunda-ui.tasklist-page .row-chevron { display: none; }
.camunda-ui .item-title { color: #333; font-size: 15px; line-height: 1.5; font-weight: 400; -webkit-line-clamp: 3; }
.camunda-ui .item-meta { font-size: 11px; color: #666; margin-top: 7px; line-height: 1.6; }
.camunda-ui .documents-panel .document-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 14px 15px 14px 12px; min-height: 108px; }
.camunda-ui .document-name { grid-column: 1 / -1; }
.camunda-ui .document-name .item-title { color: #333; font-weight: 400; font-size: 15px; }
.camunda-ui .document-name .item-meta { font-size: 11px; color: #555; }
.camunda-ui .document-row .document-status { padding: 0; }
.camunda-ui .document-row .document-date { display: block; color: #666; font-size: 10px; }
.camunda-ui .document-name .document-owned { color: #666; }
.camunda-ui .item-due { color: #666; font-size: 11px; }
.camunda-ui .badge { border-radius: 2px; padding: 3px 5px; font-size: 10px; font-weight: 400; }
.camunda-ui .badge.green { background: #edf5ef; color: #356847; }
.camunda-ui .badge.blue { background: #edf1f7; color: #3c5a85; }
.camunda-ui .badge.amber { background: #faf1e2; color: #795819; }
.camunda-ui .badge.gray { background: #eee; color: #555; }
.camunda-ui .list-footer, .camunda-ui .documents-panel .list-footer { padding: 10px 15px; min-height: 34px; border-top: 1px solid #ddd; background: #fff; color: #777; font-size: 11px; flex-shrink: 0; }
.camunda-ui .list-footer > span:last-child { display: none; }
.camunda-ui .detail-panel { position: static; display: flex; flex-direction: column; overflow: hidden; }
.camunda-ui .detail-toolbar { min-height: 36px; padding: 3px 15px; border-bottom: 1px solid #ddd; background: #fafafa; flex-shrink: 0; }
.camunda-ui .detail-toolbar > span { font-size: 12px; color: #555; }
.camunda-ui .detail-body { padding: 22px 24px 10px; max-height: none; min-height: 0; overflow-y: auto; }
.camunda-ui .detail-body > h2 { font-size: 26px; line-height: 1.35; color: #333; font-weight: 400; letter-spacing: 0; }
.camunda-ui .detail-description { color: #555; font-size: 14px; line-height: 1.7; }
.camunda-ui .detail-field { font-size: 13px; grid-template-columns: 130px minmax(0, 1fr); }
.camunda-ui .detail-field dt { color: #777; }
.camunda-ui .detail-field dd { color: #333; }
.camunda-ui .inline-link { color: #155cb5; font-size: 13px; }
.camunda-ui .detail-section h3 { font-size: 14px; color: #555; font-weight: 400; }
.camunda-ui .relation { border-radius: 0; border: 0; border-bottom: 1px solid #eee; background: none; padding: 12px 0; }
.camunda-ui .relation strong { font-size: 13px; color: #155cb5; font-weight: 400; }
.camunda-ui .relation small { font-size: 11px; color: #777; }
.camunda-ui .small-file { background: none; border: 0; border-radius: 0; color: #777; }
.camunda-ui .document-detail-actions { justify-content: flex-start; margin: 20px 0; }
.camunda-ui .document-detail-actions .edit-document, .camunda-ui .document-detail-actions .primary-button { flex: none; width: auto; min-width: 0; font-size: 12px; min-height: 32px; }
.camunda-ui .current-version { background: #fafafa; border: 1px solid #ddd; border-radius: 0; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; padding: 15px; margin: 22px 0; }
.camunda-ui .current-version .download-button { grid-column: auto; color: #155cb5; border: 0; background: none; }
.camunda-ui .current-version small, .camunda-ui .current-version > div > span { color: #666; font-size: 11px; }
.camunda-ui .current-version strong { color: #333; font-size: 13px; font-weight: 400; }
.camunda-ui .current-version-icon { color: #666; }
.camunda-ui .version-number, .camunda-ui .latest-version { border-radius: 0; }
.camunda-ui .version-history-info strong { color: #333; font-size: 13px; font-weight: 400; }
.camunda-ui .version-history-info small { font-size: 12px; color: #666; }
.camunda-ui .version-download { color: #155cb5; }
.camunda-ui .version-upload-note, .camunda-ui .document-edit-context { background: #fafafa; border: 1px solid #ddd; border-radius: 0; color: #555; }
.camunda-ui .detail-origin { color: #777; font-size: 11px; }
.camunda-ui .document-feedback { flex-shrink: 0; margin: 0; border-radius: 0; padding: 9px 20px; border-width: 0 0 1px; }
.camunda-ui .workspace-footer { height: 24px; min-height: 24px; padding: 4px 15px; border-top: 1px solid #ddd; color: #777; font-size: 10px; }
.camunda-ui .document-dialog { border-radius: 2px; padding: 24px; box-shadow: 0 5px 20px #0003; }
.camunda-ui .document-dialog input, .camunda-ui .document-dialog select, .camunda-ui .document-dialog textarea { border-radius: 2px; border-color: #bbb; }
.camunda-ui .document-dialog .dialog-heading h2 { color: #333; font-size: 23px; font-weight: 400; }
.camunda-ui .document-dialog::backdrop { background: #0005; backdrop-filter: none; }
.camunda-ui .document-dialog .eyebrow { color: #666; letter-spacing: .5px; }
.camunda-ui .document-dialog .auth-field > label { color: #555; font-size: 13px; }
.camunda-ui .empty-detail h3 { font-size: 20px; color: #555; font-weight: 400; }
.camunda-ui .empty-detail p { font-size: 13px; color: #777; }
.camunda-ui.boards-page .workspace { height: calc(100dvh - 48px); min-height: 560px; }
.camunda-ui.boards-page .topbar { height: 42px; }

@media (max-width: 1200px) {
  .camunda-ui .app-header { gap: 10px; }
  .camunda-ui .nav-link { padding-inline: 8px; font-size: 11px; }
  .camunda-ui .app-header-actions { gap: 10px; }
  .camunda-ui.tasklist-page .content-grid { grid-template-columns: 180px 320px minmax(0, 1fr); }
}
@media (max-width: 1050px) {
  .camunda-ui .app-header .mobile-menu { display: inline-flex; }
  .camunda-ui .app-navigation { display: none; position: absolute; top: 45px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #ccc; box-shadow: 0 3px 8px #0002; padding: 10px; flex-wrap: wrap; }
  .camunda-ui.menu-open .app-navigation { display: flex; }
  .camunda-ui .app-navigation .nav-link { padding: 12px; font-size: 13px; }
}
@media (max-width: 980px) {
  .camunda-ui.tasklist-page #main { height: auto; min-height: calc(100dvh - 114px); }
  .camunda-ui.tasklist-page .content-grid { grid-template-columns: 180px minmax(0, 1fr); flex: none; }
  .camunda-ui.tasklist-page .filter-rail { grid-row: span 2; }
  .camunda-ui.tasklist-page .detail-panel { grid-column: 2; border-top: 1px solid #ddd; min-height: 340px; }
  .camunda-ui.tasklist-page .items { max-height: 480px; flex: none; }
  .camunda-ui .detail-body { overflow: visible; }
  .camunda-ui .content-grid { grid-template-columns: minmax(0, 1fr); }
  .camunda-ui .current-version { grid-template-columns: 24px minmax(0, 1fr); }
  .camunda-ui .current-version .download-button { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 680px) {
  .camunda-ui .app-header { padding-inline: 12px; }
  .camunda-ui .app-brand { font-size: 20px; }
  .camunda-ui .app-header-actions { gap: 12px; }
  .camunda-ui .app-header-actions > button { font-size: 11px; }
  .camunda-ui .account-menu > summary { font-size: 0; gap: 3px; }
  .camunda-ui .topbar { padding-inline: 12px; height: 40px; }
  .camunda-ui .breadcrumb { display: none; }
  .camunda-ui .global-search { width: 100%; }
  .camunda-ui #main { padding: 12px; }
  .camunda-ui.tasklist-page #main { padding: 0; }
  .camunda-ui .page-heading { padding: 12px; min-height: 58px; flex-wrap: wrap; }
  .camunda-ui .page-heading h1 { font-size: 21px; }
  .camunda-ui .page-heading p { display: none; }
  .camunda-ui .page-heading .heading-actions { width: auto; margin-left: auto; }
  .camunda-ui .heading-actions #create-document { display: none; }
  .camunda-ui.tasklist-page .content-grid { grid-template-columns: minmax(0, 1fr); }
  .camunda-ui.tasklist-page .filter-rail { grid-row: auto; border: 0; }
  .camunda-ui.tasklist-page .detail-panel { grid-column: auto; }
  .camunda-ui .rail-content { padding: 8px 0; }
  .camunda-ui .rail-filters, .camunda-ui .rail-work-tabs { display: flex; overflow-x: auto; }
  .camunda-ui .rail-filters > button, .camunda-ui .rail-work-tabs > button { width: auto; flex-shrink: 0; padding: 8px 12px; font-size: 12px; }
  .camunda-ui .rail-options { flex-direction: row; flex-wrap: wrap; gap: 8px 15px; margin: 5px 12px 0; padding-top: 5px; }
  .camunda-ui .rail-options > button { font-size: 11px; }
  .camunda-ui .rail-work-tabs { padding-bottom: 8px; margin-bottom: 8px; }
  .camunda-ui .rail-help, .camunda-ui .rail-links { display: none; }
  .camunda-ui .document-toolbar { flex-wrap: nowrap; padding: 10px 12px; }
  .camunda-ui .document-search { flex-basis: auto; }
  .camunda-ui .document-sort select { width: 124px; font-size: 11px; }
  .camunda-ui .documents-panel .document-row { padding: 14px 12px 14px 9px; }
  .camunda-ui .detail-body { padding: 20px 16px; }
  .camunda-ui .detail-body > h2 { font-size: 23px; }
  .camunda-ui .detail-field { grid-template-columns: 100px minmax(0, 1fr); }
  .camunda-ui .document-dialog { padding: 20px; }
  .camunda-ui .account-dropdown { right: -4px; }
}