/*
 * Digital Transformation workspace
 * A scoped compatibility layer over the site's existing design tokens.
 */

.dt-workspace {
    --dt-primary: var(--primary-500, #0075ff);
    --dt-primary-dark: var(--primary-700, #003d80);
    --dt-primary-soft: var(--primary-50, #eff6ff);
    --dt-ink: var(--secondary-800, #1a202c);
    --dt-text: var(--secondary-700, #2d3748);
    --dt-muted: var(--secondary-500, #718096);
    --dt-border: var(--secondary-200, #e2e8f0);
    --dt-border-strong: var(--secondary-300, #cbd5e0);
    --dt-surface: #ffffff;
    --dt-surface-muted: var(--secondary-50, #f7fafc);
    --dt-success: var(--success-500, #38a169);
    --dt-danger: var(--error-500, #e53e3e);
    --dt-warning: var(--warning-400, #ed8936);
    --dt-radius-sm: var(--radius-sm, 6px);
    --dt-radius: var(--radius-md, 10px);
    --dt-radius-lg: var(--radius-lg, 16px);
    --dt-shadow: var(--shadow-card, 0 4px 20px rgba(0, 0, 0, 0.06));
    --dt-shadow-hover: var(--shadow-card-hover, 0 10px 40px rgba(0, 0, 0, 0.12));
}

.dt-workspace:not(.dt-workspace--public) .content {
    min-width: 0;
    padding: 30px 0 60px;
    background:
        radial-gradient(circle at 88% 4%, rgba(0, 117, 255, 0.08), transparent 320px),
        linear-gradient(180deg, #f8fbff 0%, #f6f8fc 100%);
}

.dt-workspace:not(.dt-workspace--public) .content > .container {
    min-width: 0;
}

/* Module navigation */
.dt-module-nav {
    position: sticky;
    top: 0;
    z-index: 9;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--dt-border);
    box-shadow: 0 8px 28px rgba(24, 25, 69, 0.06);
    backdrop-filter: blur(14px);
}

.dt-module-nav__inner {
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 22px;
}

.dt-module-nav__brand {
    min-width: 220px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--dt-ink);
}

.dt-module-nav__brand:hover {
    color: var(--dt-primary);
}

.dt-module-nav__brand-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, var(--dt-primary) 0%, #11a7e8 100%);
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 117, 255, 0.24);
}

.dt-module-nav__brand-icon svg {
    width: 24px;
    height: 24px;
}

.dt-module-nav__brand-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
    line-height: 1.2;
}

.dt-module-nav__brand-copy small {
    overflow: hidden;
    color: var(--dt-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.dt-module-nav__brand-copy strong {
    color: inherit;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.dt-module-nav__scroll {
    min-width: 0;
    flex: 1 1 auto;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--dt-border-strong) transparent;
}

.dt-module-nav__scroll::-webkit-scrollbar {
    height: 4px;
}

.dt-module-nav__scroll::-webkit-scrollbar-thumb {
    background: var(--dt-border-strong);
    border-radius: 999px;
}

.dt-module-nav__links {
    width: max-content;
    min-width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}

.dt-module-nav__link {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    position: relative;
    color: var(--dt-muted);
    border-radius: 9px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.dt-module-nav__link svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
}

.dt-module-nav__link::after {
    content: "";
    width: 18px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 2px;
    opacity: 0;
    transform: translateX(-50%);
    background: currentColor;
    border-radius: 999px;
}

.dt-module-nav__link:hover {
    color: var(--dt-primary);
    background: var(--dt-primary-soft);
}

.dt-module-nav__link.is-active {
    color: var(--dt-primary);
    background: var(--dt-primary-soft);
}

.dt-module-nav__link.is-active::after {
    opacity: 1;
}

.dt-module-nav__action {
    min-height: 42px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 15px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--dt-primary) 0%, #0056c7 100%);
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(0, 117, 255, 0.2);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.dt-module-nav__action svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.dt-module-nav__action:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #0068e6 0%, var(--dt-primary-dark) 100%);
    box-shadow: 0 10px 24px rgba(0, 86, 179, 0.28);
    transform: translateY(-1px);
}

.dt-module-nav a:focus-visible,
.dt-workspace:not(.dt-workspace--public) .content a:focus-visible,
.dt-workspace:not(.dt-workspace--public) .content button:focus-visible,
.dt-workspace:not(.dt-workspace--public) .content input:focus-visible,
.dt-workspace:not(.dt-workspace--public) .content select:focus-visible,
.dt-workspace:not(.dt-workspace--public) .content textarea:focus-visible {
    outline: 3px solid rgba(0, 117, 255, 0.24);
    outline-offset: 2px;
}

/* Page hierarchy */
.dt-workspace:not(.dt-workspace--public) .breadcrumbs {
    margin: 0 0 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: var(--dt-muted);
    font-size: 12px;
    line-height: 1.5;
}

.dt-workspace:not(.dt-workspace--public) .breadcrumbs a {
    color: var(--dt-muted);
    font-size: inherit;
    font-weight: 600;
}

.dt-workspace:not(.dt-workspace--public) .breadcrumbs a:hover {
    color: var(--dt-primary);
}

.dt-workspace:not(.dt-workspace--public) .breadcrumbs > span:last-child {
    color: var(--dt-text);
    font-weight: 700;
}

.dt-workspace:not(.dt-workspace--public) .breadcrumbs__home {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--dt-surface);
    border: 1px solid var(--dt-border);
    border-radius: 9px;
}

.dt-workspace:not(.dt-workspace--public) .breadcrumbs__home svg {
    width: 15px;
    height: 15px;
}

.dt-workspace:not(.dt-workspace--public) .page-title {
    margin: 0 0 26px;
    color: var(--dt-ink);
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.16;
    letter-spacing: -0.025em;
}

.dt-workspace:not(.dt-workspace--public) .dt-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 24px;
}

.dt-workspace:not(.dt-workspace--public) .dt-page-title__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.dt-workspace:not(.dt-workspace--public) .dt-page-title__actions .btn {
    margin: 0;
}

.dt-workspace:not(.dt-workspace--public) h2,
.dt-workspace:not(.dt-workspace--public) h3,
.dt-workspace:not(.dt-workspace--public) h4 {
    color: var(--dt-ink);
    line-height: 1.3;
}

.dt-workspace:not(.dt-workspace--public) .is-content-title {
    margin: 0 0 20px;
    color: var(--dt-ink);
    font-size: 20px;
    font-weight: 700;
}

/* Buttons and small utility classes used by legacy templates */
.dt-workspace:not(.dt-workspace--public) .content .btn,
.dt-workspace:not(.dt-workspace--public) .content button {
    min-width: 0;
    max-width: 100%;
    padding: 10px 16px;
    border-radius: 9px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
}

.dt-workspace:not(.dt-workspace--public) .content .btn {
    vertical-align: middle;
}

.dt-workspace:not(.dt-workspace--public) .content .btn:hover,
.dt-workspace:not(.dt-workspace--public) .content button:hover {
    box-shadow: 0 7px 18px rgba(0, 86, 179, 0.18);
    transform: translateY(-1px);
}

.dt-workspace:not(.dt-workspace--public) .content .btn_white {
    color: var(--dt-text);
    background: var(--dt-surface);
    border: 1px solid var(--dt-border-strong);
}

.dt-workspace:not(.dt-workspace--public) .content .btn_white:hover {
    color: var(--dt-primary);
    background: var(--dt-primary-soft);
    border-color: var(--dt-primary);
}

.dt-workspace:not(.dt-workspace--public) .content .btn-sm {
    min-width: 36px;
    min-height: 36px;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.dt-workspace:not(.dt-workspace--public) .buttons-wrapper {
    margin: 20px 0;
    align-items: center;
    gap: 10px;
}

.dt-workspace:not(.dt-workspace--public) .table .buttons-wrapper,
.dt-workspace:not(.dt-workspace--public) .approval-form .buttons-wrapper,
.dt-workspace:not(.dt-workspace--public) .dt-actions .buttons-wrapper {
    margin: 0;
}

.dt-workspace:not(.dt-workspace--public) .d-flex,
.dt-workspace:not(.dt-workspace--public) .row {
    display: flex;
}

.dt-workspace:not(.dt-workspace--public) .flex-wrap,
.dt-workspace:not(.dt-workspace--public) .row {
    flex-wrap: wrap;
}

.dt-workspace:not(.dt-workspace--public) .gap-3 {
    gap: 16px;
}

.dt-workspace:not(.dt-workspace--public) .align-items-end {
    align-items: flex-end;
}

.dt-workspace:not(.dt-workspace--public) .d-block {
    display: block;
}

.dt-workspace:not(.dt-workspace--public) .mb-2 {
    margin-bottom: 8px;
}

.dt-workspace:not(.dt-workspace--public) .col-auto {
    width: auto;
    flex: 0 0 auto;
}

/* Forms */
.dt-workspace:not(.dt-workspace--public) .filter.form {
    margin: 0 0 28px;
    padding: 22px;
    flex-wrap: wrap;
    gap: 18px;
    background: var(--dt-surface);
    border: 1px solid var(--dt-border);
    border-radius: var(--dt-radius-lg);
    box-shadow: var(--dt-shadow);
}

.dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex {
    width: 100%;
}

.dt-workspace:not(.dt-workspace--public) .form-group {
    min-width: 180px;
    display: grid;
    align-content: end;
    gap: 8px;
}

.dt-workspace:not(.dt-workspace--public) .form-group label,
.dt-workspace:not(.dt-workspace--public) .form label,
.dt-workspace:not(.dt-workspace--public) .form__label,
.dt-workspace:not(.dt-workspace--public) .form__field > label,
.dt-workspace:not(.dt-workspace--public) .form__field > p > b {
    margin: 0;
    color: var(--dt-text);
    font-size: 13px;
    font-weight: 700;
}

.dt-workspace:not(.dt-workspace--public) .form-control,
.dt-workspace:not(.dt-workspace--public) .form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dt-workspace:not(.dt-workspace--public) .form select,
.dt-workspace:not(.dt-workspace--public) .form textarea,
.dt-workspace:not(.dt-workspace--public) .form__field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dt-workspace:not(.dt-workspace--public) .form__field select,
.dt-workspace:not(.dt-workspace--public) .form__field textarea,
.dt-workspace:not(.dt-workspace--public) .approval-form textarea {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: var(--dt-ink);
    background: var(--dt-surface);
    border: 1px solid var(--dt-border-strong);
    border-radius: 9px;
    font-size: 14px;
    line-height: 1.4;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.dt-workspace:not(.dt-workspace--public) .form__field textarea,
.dt-workspace:not(.dt-workspace--public) .approval-form textarea {
    min-height: 110px;
    resize: vertical;
}

.dt-workspace:not(.dt-workspace--public) .form-control:hover,
.dt-workspace:not(.dt-workspace--public) .form input:hover,
.dt-workspace:not(.dt-workspace--public) .form select:hover,
.dt-workspace:not(.dt-workspace--public) .form textarea:hover,
.dt-workspace:not(.dt-workspace--public) .form__field input:hover,
.dt-workspace:not(.dt-workspace--public) .form__field select:hover,
.dt-workspace:not(.dt-workspace--public) .form__field textarea:hover {
    border-color: #9eb2cb;
}

.dt-workspace:not(.dt-workspace--public) .form-control:focus,
.dt-workspace:not(.dt-workspace--public) .form input:focus,
.dt-workspace:not(.dt-workspace--public) .form select:focus,
.dt-workspace:not(.dt-workspace--public) .form textarea:focus,
.dt-workspace:not(.dt-workspace--public) .form__field input:focus,
.dt-workspace:not(.dt-workspace--public) .form__field select:focus,
.dt-workspace:not(.dt-workspace--public) .form__field textarea:focus,
.dt-workspace:not(.dt-workspace--public) .approval-form textarea:focus {
    border-color: var(--dt-primary);
    box-shadow: 0 0 0 3px rgba(0, 117, 255, 0.12);
    outline: 0;
}

.dt-workspace:not(.dt-workspace--public) .form input[type="file"],
.dt-workspace:not(.dt-workspace--public) .form__field input[type="file"] {
    max-width: 100%;
    padding: 8px;
    color: var(--dt-muted);
    background: var(--dt-surface-muted);
    border: 1px dashed var(--dt-border-strong);
    border-radius: 9px;
}

.dt-workspace:not(.dt-workspace--public) .form input[type="file"]::file-selector-button,
.dt-workspace:not(.dt-workspace--public) .form__field input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 8px 11px;
    color: var(--dt-primary);
    background: var(--dt-primary-soft);
    border: 0;
    border-radius: 7px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.dt-workspace:not(.dt-workspace--public) .error-message,
.dt-workspace:not(.dt-workspace--public) .alert-danger {
    color: var(--dt-danger);
    font-size: 12px;
    font-weight: 600;
}

.dt-workspace:not(.dt-workspace--public) .select2-container {
    max-width: 100%;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single,
.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--multiple {
    min-height: 44px;
    border: 1px solid var(--dt-border-strong);
    border-radius: 9px;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 7px 34px 7px 12px;
    color: var(--dt-ink);
    line-height: 28px;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    right: 7px;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default.select2-container--focus .select2-selection--single,
.dt-workspace:not(.dt-workspace--public) .select2-container--default.select2-container--focus .select2-selection--multiple,
.dt-workspace:not(.dt-workspace--public) .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--dt-primary);
    box-shadow: 0 0 0 3px rgba(0, 117, 255, 0.12);
}

/* Tables */
.dt-workspace:not(.dt-workspace--public) .table {
    width: 100%;
    margin: 0 0 24px;
    overflow: hidden;
    color: var(--dt-text);
    background: var(--dt-surface);
    border: 1px solid var(--dt-border);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--dt-radius-lg);
    box-shadow: var(--dt-shadow);
    font-size: 13px;
    line-height: 1.45;
}

.dt-workspace:not(.dt-workspace--public) .table th {
    padding: 13px 15px;
    color: #53657d;
    background: #f1f5fa;
    border-bottom: 1px solid var(--dt-border);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-align: left;
    text-transform: uppercase;
}

.dt-workspace:not(.dt-workspace--public) .table td {
    padding: 14px 15px;
    vertical-align: middle;
    border-bottom: 1px solid #edf1f6;
}

.dt-workspace:not(.dt-workspace--public) .table tbody tr:nth-child(even) {
    background: #fbfcfe;
}

.dt-workspace:not(.dt-workspace--public) .table tbody tr:hover {
    background: var(--dt-primary-soft);
}

.dt-workspace:not(.dt-workspace--public) .table tbody tr:last-child td {
    border-bottom: 0;
}

.dt-workspace:not(.dt-workspace--public) .table td a:not(.btn) {
    color: #0068d8;
}

.dt-workspace:not(.dt-workspace--public) .table__status {
    white-space: normal;
}

.dt-workspace:not(.dt-workspace--public) .text-muted {
    color: var(--dt-muted);
    font-size: 12px;
}

.dt-workspace:not(.dt-workspace--public) .file-attachment {
    max-width: 260px;
    overflow-wrap: anywhere;
}

/* Feedback states */
.dt-workspace:not(.dt-workspace--public) .success-info,
.dt-workspace:not(.dt-workspace--public) .info-box-error,
.dt-workspace:not(.dt-workspace--public) .alert {
    margin: 0 0 22px;
    padding: 14px 16px;
    border: 1px solid;
    border-radius: var(--dt-radius);
    box-shadow: 0 5px 16px rgba(24, 25, 69, 0.04);
    font-size: 13px;
    line-height: 1.5;
}

.dt-workspace:not(.dt-workspace--public) .success-info {
    color: #22613e;
    background: var(--success-50, #f0fff4);
    border-color: var(--success-200, #9ae6b4);
}

.dt-workspace:not(.dt-workspace--public) .info-box-error,
.dt-workspace:not(.dt-workspace--public) .alert-danger {
    color: #9b2c2c;
    background: var(--error-50, #fff5f5);
    border-color: var(--error-200, #feb2b2);
}

/* Tabs and information surfaces */
.dt-workspace:not(.dt-workspace--public) .tabs {
    margin: 0 0 24px;
    padding: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    overflow: visible;
    background: var(--dt-surface);
    border: 1px solid var(--dt-border);
    border-radius: var(--dt-radius);
    box-shadow: 0 2px 10px rgba(24, 25, 69, 0.04);
}

.dt-workspace:not(.dt-workspace--public) .tabs__link {
    min-height: 40px;
    padding: 9px 13px;
    color: var(--dt-muted);
    border: 0;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.dt-workspace:not(.dt-workspace--public) .tabs__link:hover,
.dt-workspace:not(.dt-workspace--public) .tabs__link_active {
    color: var(--dt-primary);
    background: var(--dt-primary-soft);
}

.dt-workspace:not(.dt-workspace--public) .tabs__link_active {
    box-shadow: inset 0 -2px 0 var(--dt-primary);
}

.dt-workspace:not(.dt-workspace--public) .is-info,
.dt-workspace:not(.dt-workspace--public) .is-menu-content,
.dt-workspace:not(.dt-workspace--public) .approval-item,
.dt-workspace:not(.dt-workspace--public) .approval-section,
.dt-workspace:not(.dt-workspace--public) .file-approval-section {
    background: var(--dt-surface) !important;
    border: 1px solid var(--dt-border) !important;
    border-radius: var(--dt-radius-lg) !important;
    box-shadow: var(--dt-shadow);
}

.dt-workspace:not(.dt-workspace--public) .is-info {
    margin: 0 0 28px;
    padding: 24px;
}

.dt-workspace:not(.dt-workspace--public) .is-info__header {
    margin: -24px -24px 20px;
    padding: 17px 24px;
    background: linear-gradient(90deg, #f4f8fd 0%, #fbfdff 100%);
    border: 0;
    border-bottom: 1px solid var(--dt-border);
    border-radius: var(--dt-radius-lg) var(--dt-radius-lg) 0 0;
}

.dt-workspace:not(.dt-workspace--public) .is-info__header-title {
    color: var(--dt-ink);
    font-size: 19px;
}

.dt-workspace:not(.dt-workspace--public) .is-info__body {
    margin-top: 20px;
    gap: 20px;
}

.dt-workspace:not(.dt-workspace--public) .is-info__col {
    background: var(--dt-surface);
    border-color: var(--dt-border);
    border-radius: var(--dt-radius);
    box-shadow: 0 2px 10px rgba(24, 25, 69, 0.04);
}

.dt-workspace:not(.dt-workspace--public) .is-info__row {
    gap: 24px;
    border-color: #edf1f6;
}

.dt-workspace:not(.dt-workspace--public) .is-info__right {
    max-width: 100%;
}

.dt-workspace:not(.dt-workspace--public) .form input.form__field,
.dt-workspace:not(.dt-workspace--public) .form select.form__field,
.dt-workspace:not(.dt-workspace--public) .form textarea.form__field {
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    color: var(--dt-ink);
    background: var(--dt-surface);
    border: 1px solid var(--dt-border-strong);
    border-radius: 9px;
    font-size: 14px;
}

.dt-workspace:not(.dt-workspace--public) .form input.form__field:focus,
.dt-workspace:not(.dt-workspace--public) .form select.form__field:focus,
.dt-workspace:not(.dt-workspace--public) .form textarea.form__field:focus {
    border-color: var(--dt-primary);
    box-shadow: 0 0 0 3px rgba(0, 117, 255, 0.12);
    outline: 0;
}

.dt-workspace:not(.dt-workspace--public) .is-info .form > .table {
    box-shadow: none;
}

/* Registry tree */
.dt-workspace:not(.dt-workspace--public) .is-menu-navigation {
    min-height: 0;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu {
    width: 100%;
    max-height: calc(100vh - 112px);
    position: sticky;
    top: 92px;
    overflow-y: auto;
    background: var(--dt-surface);
    border-color: var(--dt-border);
    border-radius: var(--dt-radius-lg);
    box-shadow: var(--dt-shadow);
}

.dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed {
    width: 70px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__title {
    padding-top: 17px;
    padding-bottom: 17px;
    color: var(--dt-ink);
    background: #f4f8fd;
    border-bottom: 1px solid var(--dt-border);
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item {
    padding-top: 11px;
    padding-bottom: 11px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item:hover,
.dt-workspace:not(.dt-workspace--public) .is-menu__item_active,
.dt-workspace:not(.dt-workspace--public) .is-menu__item-submenu li.active {
    background: var(--dt-primary-soft);
}

.dt-workspace:not(.dt-workspace--public) .is-menu-content {
    min-width: 0;
    padding: 22px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu-content .is-content-title {
    margin: 0 0 20px;
}

/* Files, approvals and activity */
.dt-workspace:not(.dt-workspace--public) .file-item,
.dt-workspace:not(.dt-workspace--public) .current-file {
    padding: 12px 14px !important;
    overflow-wrap: anywhere;
    background: var(--dt-surface-muted) !important;
    border: 1px solid var(--dt-border) !important;
    border-radius: var(--dt-radius) !important;
}

.dt-workspace:not(.dt-workspace--public) .file-name {
    color: var(--dt-ink);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.dt-workspace:not(.dt-workspace--public) .file-size,
.dt-workspace:not(.dt-workspace--public) .file-info,
.dt-workspace:not(.dt-workspace--public) .no-file {
    color: var(--dt-muted);
    font-size: 12px;
}

.dt-workspace:not(.dt-workspace--public) .file-actions,
.dt-workspace:not(.dt-workspace--public) .function-input-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.dt-workspace:not(.dt-workspace--public) .function-input-group .function-input {
    min-width: 180px;
    flex: 1 1 auto;
}

.dt-workspace:not(.dt-workspace--public) .approval-item,
.dt-workspace:not(.dt-workspace--public) .approval-section,
.dt-workspace:not(.dt-workspace--public) .file-approval-section {
    margin-bottom: 18px !important;
    padding: 20px !important;
}

.dt-workspace:not(.dt-workspace--public) .approval-item > :first-child,
.dt-workspace:not(.dt-workspace--public) .approval-section > :first-child,
.dt-workspace:not(.dt-workspace--public) .file-approval-section > :first-child {
    border-bottom-color: var(--dt-border) !important;
}

.dt-workspace:not(.dt-workspace--public) .approval-form {
    display: grid;
    gap: 12px;
}

.dt-workspace:not(.dt-workspace--public) .comments-history {
    background: var(--dt-surface-muted) !important;
    border-color: var(--dt-border) !important;
    border-radius: var(--dt-radius) !important;
}

.dt-workspace:not(.dt-workspace--public) .comment-item {
    background: var(--dt-surface);
    border: 1px solid var(--dt-border);
    border-radius: 9px;
}

/* Map list action toolbar */
.dt-workspace:not(.dt-workspace--public) .dt-actions,
.dt-workspace:not(.dt-workspace--public) .dt-map-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
}

.dt-workspace:not(.dt-workspace--public) .dt-actions form,
.dt-workspace:not(.dt-workspace--public) .dt-map-delete-form {
    margin: 0;
}

.dt-workspace:not(.dt-workspace--public) .dt-action-btn,
.dt-workspace:not(.dt-workspace--public) .dt-map-action {
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 9px;
}

.dt-workspace:not(.dt-workspace--public) .dt-map-action svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.dt-workspace:not(.dt-workspace--public) .dt-action-btn--download,
.dt-workspace:not(.dt-workspace--public) .dt-map-action--download {
    background: var(--dt-success);
}

.dt-workspace:not(.dt-workspace--public) .dt-action-btn--edit,
.dt-workspace:not(.dt-workspace--public) .dt-map-action--edit {
    background: var(--dt-primary);
}

.dt-workspace:not(.dt-workspace--public) .dt-action-btn--delete,
.dt-workspace:not(.dt-workspace--public) .dt-map-action--delete {
    background: var(--dt-danger);
}

.dt-workspace:not(.dt-workspace--public) .dt-action-btn:hover,
.dt-workspace:not(.dt-workspace--public) .dt-map-action:hover {
    color: #ffffff;
    filter: brightness(0.92);
}

.dt-workspace:not(.dt-workspace--public) .dt-maps-toolbar {
    margin: 0 0 20px;
}

.dt-workspace:not(.dt-workspace--public) .dt-maps-create-btn {
    color: #ffffff;
    background: var(--dt-primary);
}

.dt-workspace:not(.dt-workspace--public) .dt-maps-footer-actions {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid var(--dt-border);
}

.dt-workspace:not(.dt-workspace--public) .dt-maps-back-btn {
    gap: 8px;
}

.dt-workspace:not(.dt-workspace--public) .dt-maps-back-btn svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* BPMN canvases, toolbars and modals */
.dt-workspace:not(.dt-workspace--public) #bpmn-container,
.dt-workspace:not(.dt-workspace--public) #version-diff-content,
.dt-workspace:not(.dt-workspace--public) [id^="bpmn-canvas-"] {
    max-width: 100%;
    overflow: hidden;
    background-color: #ffffff;
    background-image:
        linear-gradient(rgba(113, 128, 150, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 128, 150, 0.07) 1px, transparent 1px);
    background-size: 20px 20px;
    border: 1px solid var(--dt-border) !important;
    border-radius: var(--dt-radius-lg);
}

.dt-workspace:not(.dt-workspace--public) .bpmn-viewer-container > div {
    border-color: var(--dt-border) !important;
    border-radius: var(--dt-radius-lg) !important;
    box-shadow: var(--dt-shadow);
}

.dt-workspace:not(.dt-workspace--public) .version-info {
    color: var(--dt-muted);
    font-size: 13px;
}

.dt-workspace:not(.dt-workspace--public) .modal {
    background: rgba(15, 23, 42, 0.58);
    backdrop-filter: blur(3px);
}

.dt-workspace:not(.dt-workspace--public) .modal-content {
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 48px);
    border-color: var(--dt-border) !important;
    border-radius: var(--dt-radius-lg) !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28) !important;
    overflow-y: auto;
}

.dt-workspace:not(.dt-workspace--public) #bpmn-editor-modal .modal-content,
.dt-workspace:not(.dt-workspace--public) #bpmn-viewer-modal .modal-content {
    width: min(1180px, calc(100vw - 32px)) !important;
}

.dt-workspace:not(.dt-workspace--public) .modal-content > .close,
.dt-workspace:not(.dt-workspace--public) button.close,
.dt-workspace:not(.dt-workspace--public) .close-annotation-details {
    min-width: 32px !important;
    min-height: 32px;
}

.dt-workspace:not(.dt-workspace--public) .chart__block {
    max-width: 100%;
    padding: 18px !important;
    background: var(--dt-surface) !important;
    border: 1px solid var(--dt-border);
    border-radius: var(--dt-radius-lg);
    box-shadow: var(--dt-shadow);
}

@media (max-width: 1180px) {
    .dt-module-nav__inner {
        gap: 14px;
    }

    .dt-module-nav__brand {
        min-width: 190px;
    }

    .dt-module-nav__link {
        padding-right: 10px;
        padding-left: 10px;
    }

    .dt-module-nav__action {
        padding-right: 12px;
        padding-left: 12px;
    }

    .dt-workspace:not(.dt-workspace--public) .is-menu-navigation {
        grid-template-columns: minmax(240px, 290px) minmax(0, 1fr);
    }
}

@media (max-width: 991px) {
    .dt-module-nav__inner {
        min-height: 0;
        padding-top: 10px;
        padding-bottom: 8px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
    }

    .dt-module-nav__brand {
        min-width: 0;
    }

    .dt-module-nav__scroll {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .dt-module-nav__links {
        justify-content: flex-start;
    }

    .dt-module-nav__action {
        grid-column: 2;
        grid-row: 1;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info__body {
        grid-template-columns: 1fr;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info__right {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .dt-module-nav {
        position: relative;
        box-shadow: 0 5px 18px rgba(24, 25, 69, 0.07);
    }

    .dt-module-nav__inner {
        padding-right: 14px;
        padding-left: 14px;
    }

    .dt-module-nav__brand-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 10px;
    }

    .dt-module-nav__brand-copy small {
        display: none;
    }

    .dt-module-nav__brand-copy strong {
        max-width: 210px;
        overflow: hidden;
        font-size: 13px;
        text-overflow: ellipsis;
    }

    .dt-module-nav__action {
        width: 38px;
        height: 38px;
        min-height: 38px;
        padding: 0;
        border-radius: 10px;
    }

    .dt-module-nav__action span {
        display: none;
    }

    .dt-module-nav__link {
        min-height: 40px;
        padding: 8px 10px;
        font-size: 11px;
    }

    .dt-workspace:not(.dt-workspace--public) .content {
        padding: 20px 0 40px;
    }

    .dt-workspace:not(.dt-workspace--public) .page-title {
        margin-bottom: 20px;
        font-size: 26px;
    }

    .dt-workspace:not(.dt-workspace--public) .dt-page-title {
        align-items: stretch;
        flex-direction: column;
    }

    .dt-workspace:not(.dt-workspace--public) .dt-page-title__actions,
    .dt-workspace:not(.dt-workspace--public) .dt-page-title__actions .btn {
        width: 100%;
    }

    .dt-workspace:not(.dt-workspace--public) .breadcrumbs {
        margin-bottom: 14px;
    }

    .dt-workspace:not(.dt-workspace--public) .filter.form,
    .dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex {
        align-items: stretch;
        flex-direction: column;
    }

    .dt-workspace:not(.dt-workspace--public) .filter.form {
        padding: 16px;
    }

    .dt-workspace:not(.dt-workspace--public) .filter.form .form-group {
        width: 100%;
        min-width: 0;
        margin: 0 !important;
    }

    .dt-workspace:not(.dt-workspace--public) .tabs {
        align-items: stretch;
        flex-direction: column;
    }

    .dt-workspace:not(.dt-workspace--public) .tabs__link {
        width: 100%;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info,
    .dt-workspace:not(.dt-workspace--public) .is-menu-content {
        padding: 16px;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info__header {
        margin: -16px -16px 16px;
        padding: 14px 16px;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info__header {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info__row,
    .dt-workspace:not(.dt-workspace--public) .is-info__right-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info__row > *,
    .dt-workspace:not(.dt-workspace--public) .is-info__row > *:first-child,
    .dt-workspace:not(.dt-workspace--public) .is-info__right-value {
        width: 100%;
        max-width: none;
    }

    .dt-workspace:not(.dt-workspace--public) .is-menu-navigation {
        grid-template-columns: 1fr;
    }

    .dt-workspace:not(.dt-workspace--public) .is-menu,
    .dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed {
        width: 100%;
        max-height: 320px;
        position: static;
    }

    .dt-workspace:not(.dt-workspace--public) .table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info .form > .table,
    .dt-workspace:not(.dt-workspace--public) .is-info .form > .table > tbody,
    .dt-workspace:not(.dt-workspace--public) .is-info .form > .table > tbody > tr,
    .dt-workspace:not(.dt-workspace--public) .is-info .form > .table > tbody > tr > td {
        width: 100% !important;
        display: block;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info .form > .table > thead {
        display: none;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info .form > .table > tbody > tr {
        padding: 12px;
        border-bottom: 1px solid var(--dt-border);
    }

    .dt-workspace:not(.dt-workspace--public) .is-info .form > .table > tbody > tr:last-child {
        border-bottom: 0;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info .form > .table > tbody > tr > td {
        padding: 5px 0;
        border: 0;
        text-align: left;
    }

    .dt-workspace:not(.dt-workspace--public) .buttons-wrapper {
        align-items: stretch;
        flex-direction: column;
    }

    .dt-workspace:not(.dt-workspace--public) .buttons-wrapper > .btn,
    .dt-workspace:not(.dt-workspace--public) .buttons-wrapper > button,
    .dt-workspace:not(.dt-workspace--public) .buttons-wrapper > a {
        width: 100%;
    }

    .dt-workspace:not(.dt-workspace--public) .table .buttons-wrapper,
    .dt-workspace:not(.dt-workspace--public) .dt-actions {
        align-items: center;
        flex-direction: row;
    }

    .dt-workspace:not(.dt-workspace--public) .table .buttons-wrapper > .btn,
    .dt-workspace:not(.dt-workspace--public) .dt-actions .btn,
    .dt-workspace:not(.dt-workspace--public) .dt-actions button {
        width: auto;
    }

    .dt-workspace:not(.dt-workspace--public) .approval-item,
    .dt-workspace:not(.dt-workspace--public) .approval-section,
    .dt-workspace:not(.dt-workspace--public) .file-approval-section {
        padding: 16px !important;
    }

    .dt-workspace:not(.dt-workspace--public) .approval-section [style*="grid-template-columns"],
    .dt-workspace:not(.dt-workspace--public) .file-approval-section [style*="grid-template-columns"] {
        display: block !important;
    }

    .dt-workspace:not(.dt-workspace--public) .approval-section [style*="justify-content"],
    .dt-workspace:not(.dt-workspace--public) .file-approval-section [style*="justify-content"] {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .dt-workspace:not(.dt-workspace--public) #bpmn-container,
    .dt-workspace:not(.dt-workspace--public) [id^="bpmn-canvas-"] {
        height: 55vh !important;
        min-height: 340px;
    }

    .dt-workspace:not(.dt-workspace--public) #annotation-panel {
        width: calc(100% - 20px) !important;
        max-height: 50% !important;
    }

    .dt-workspace:not(.dt-workspace--public) .modal-content {
        width: calc(100vw - 24px) !important;
        margin: 24px auto !important;
    }
}

@media (max-width: 420px) {
    .dt-module-nav__brand-copy strong {
        max-width: 155px;
    }

    .dt-workspace:not(.dt-workspace--public) .page-title {
        font-size: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dt-workspace *,
    .dt-workspace *::before,
    .dt-workspace *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* 2026-07-17 subsystem polish */
.dt-workspace {
    --dt-radius: 8px;
    --dt-radius-lg: 8px;
    --dt-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    --dt-shadow-hover: 0 10px 26px rgba(15, 23, 42, 0.1);
}

.dt-workspace:not(.dt-workspace--public) .content {
    padding-top: 24px;
    background: #f7f9fc;
}

.dt-module-nav {
    position: relative;
    top: auto;
    z-index: 8;
    margin: 14px 0 4px;
    background: transparent;
    border-bottom: 0;
    box-shadow: none;
    backdrop-filter: none;
}

.dt-module-nav__inner {
    min-height: 58px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ffffff;
    border: 1px solid var(--dt-border);
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.dt-module-nav__brand {
    min-width: 190px;
    gap: 10px;
}

.dt-module-nav__brand-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    background: var(--dt-primary);
    border-radius: 8px;
    box-shadow: none;
}

.dt-module-nav__brand-icon svg {
    width: 21px;
    height: 21px;
}

.dt-module-nav__brand-copy small {
    letter-spacing: 0;
    text-transform: none;
}

.dt-module-nav__brand-copy strong {
    font-size: 14px;
}

.dt-module-nav__links {
    gap: 6px;
}

.dt-module-nav__link {
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.3;
}

.dt-module-nav__link svg {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
}

.dt-module-nav__link::after {
    display: none;
}

.dt-module-nav__link.is-active {
    color: var(--dt-primary);
    background: #eef6ff;
    box-shadow: inset 0 0 0 1px rgba(0, 117, 255, 0.16);
}

.dt-module-nav__action {
    min-height: 36px;
    padding: 8px 12px;
    background: var(--dt-primary);
    border-radius: 8px;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.3;
}

.dt-module-nav__action:hover {
    background: var(--dt-primary-dark);
    box-shadow: none;
    transform: none;
}

.dt-workspace:not(.dt-workspace--public) .page-title {
    font-size: 34px;
    letter-spacing: 0;
}

.dt-workspace:not(.dt-workspace--public) .dt-page-title,
.dt-workspace:not(.dt-workspace--public) .page-title + .dt-page-title__actions {
    margin-bottom: 18px;
}

.dt-workspace:not(.dt-workspace--public) .content .btn,
.dt-workspace:not(.dt-workspace--public) .content button {
    min-height: 38px;
    padding: 9px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    box-shadow: none;
}

.dt-workspace:not(.dt-workspace--public) .content .btn:hover,
.dt-workspace:not(.dt-workspace--public) .content button:hover {
    box-shadow: none;
    transform: none;
}

.dt-workspace:not(.dt-workspace--public) .content .btn svg,
.dt-workspace:not(.dt-workspace--public) .content button svg {
    width: 18px;
    height: 18px;
    max-width: 18px;
    max-height: 18px;
}

.dt-workspace:not(.dt-workspace--public) .systems__count {
    min-width: 0;
    min-height: 24px;
    padding: 5px 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 12px !important;
    line-height: 1.2;
    background: var(--dt-primary);
}

.dt-workspace:not(.dt-workspace--public) .is-content-title .systems__count {
    margin-left: 8px !important;
    vertical-align: middle;
}

.dt-workspace:not(.dt-workspace--public) .filter.form {
    padding: 18px;
    gap: 14px;
}

.dt-workspace:not(.dt-workspace--public) .form-group {
    gap: 7px;
}

.dt-workspace:not(.dt-workspace--public) .form-group label,
.dt-workspace:not(.dt-workspace--public) .form label,
.dt-workspace:not(.dt-workspace--public) .form__label,
.dt-workspace:not(.dt-workspace--public) .form__field > label,
.dt-workspace:not(.dt-workspace--public) .form__field > p > b {
    font-size: 12px;
    line-height: 1.35;
}

.dt-workspace:not(.dt-workspace--public) .form-control,
.dt-workspace:not(.dt-workspace--public) .form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dt-workspace:not(.dt-workspace--public) .form select,
.dt-workspace:not(.dt-workspace--public) .form textarea,
.dt-workspace:not(.dt-workspace--public) .form__field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dt-workspace:not(.dt-workspace--public) .form__field select,
.dt-workspace:not(.dt-workspace--public) .form__field textarea,
.dt-workspace:not(.dt-workspace--public) .approval-form textarea {
    min-height: 42px;
    border-radius: 8px;
}

.dt-workspace:not(.dt-workspace--public) .select2-container,
.dt-workspace:not(.dt-workspace--public) .custom-select2-container {
    width: 100% !important;
    max-width: 100%;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single,
.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--multiple,
.dt-workspace:not(.dt-workspace--public) .custom-select2-selection {
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--dt-border-strong) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100%;
    min-width: 0;
    padding: 0 36px 0 12px;
    overflow: hidden;
    color: var(--dt-ink);
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 8px;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 8px;
    color: var(--dt-muted);
    line-height: 38px;
}

.dt-workspace:not(.dt-workspace--public) .select2-dropdown,
.dt-workspace:not(.dt-workspace--public) .custom-select2-results {
    overflow: hidden;
    border: 1px solid var(--dt-border-strong) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-search--dropdown {
    padding: 8px;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-search--dropdown .select2-search__field {
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--dt-border-strong);
    border-radius: 7px;
    outline: 0;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-results__option {
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.35;
}

.dt-workspace:not(.dt-workspace--public) .is-menu-navigation {
    display: grid;
    gap: 20px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu {
    top: 16px;
    max-height: calc(100vh - 32px);
    border: 1px solid var(--dt-border);
}

.dt-workspace:not(.dt-workspace--public) .is-menu__title {
    min-height: 52px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 14px;
    line-height: 1.35;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__toggle {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid var(--dt-border);
}

.dt-workspace:not(.dt-workspace--public) .is-menu__toggle svg {
    width: 18px;
    height: 18px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item {
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    gap: 8px;
    padding: 10px 14px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item-progress,
.dt-workspace:not(.dt-workspace--public) .is-menu__item-count {
    min-width: 28px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #edf7f2;
    font-size: 11px;
    line-height: 1.35;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item-title {
    min-width: 0;
    color: var(--dt-ink);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item-submenu {
    margin: 4px -14px -8px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item-submenu li {
    padding: 7px 14px 7px 56px;
    color: var(--dt-text);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dt-workspace:not(.dt-workspace--public) .is-menu-navigation:not(:has(.is-menu__item_active, .is-menu__item-submenu li.active)) > .is-menu + .is-menu-content {
    display: block;
}

.dt-workspace:not(.dt-workspace--public) .is-menu-navigation:not(:has(.is-menu__item_active, .is-menu__item-submenu li.active)) .is-menu__item:first-child {
    background: var(--dt-primary-soft);
}
.dt-workspace:not(.dt-workspace--public) .is-menu-navigation:not(:has(.is-menu__item_active, .is-menu__item-submenu li.active)) .is-menu__item:first-child.is-menu__item_has-submenu .is-menu__item-submenu li:first-child {
    position: relative;
    color: var(--dt-primary);
    background: #ffffff;
    font-weight: 700;
}

.dt-workspace:not(.dt-workspace--public) .is-menu-navigation:not(:has(.is-menu__item_active, .is-menu__item-submenu li.active)) .is-menu__item:first-child.is-menu__item_has-submenu .is-menu__item-submenu li:first-child::before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--dt-primary);
}

.dt-workspace:not(.dt-workspace--public) .is-menu-content {
    min-height: 260px;
    padding: 20px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu-content > br,
.dt-workspace:not(.dt-workspace--public) .is-menu-content > br + br,
.dt-workspace:not(.dt-workspace--public) .is-menu-content > br + br + br {
    display: none;
}

.dt-workspace:not(.dt-workspace--public) .is-menu-content .is-menu__item-title {
    display: inline-block;
    margin: 0 16px 8px 0;
    color: var(--dt-muted);
}

.dt-workspace:not(.dt-workspace--public) .is-menu-content .is-menu__item-title span {
    font-weight: 700;
}

.dt-workspace:not(.dt-workspace--public) .is-menu-content .table {
    margin-top: 14px;
}

.dt-workspace:not(.dt-workspace--public) .table .table {
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.dt-workspace:not(.dt-workspace--public) .table .table td {
    background: transparent;
}

.dt-workspace:not(.dt-workspace--public) .table td[colspan] {
    padding: 0 !important;
}

.dt-workspace:not(.dt-workspace--public) .table th,
.dt-workspace:not(.dt-workspace--public) .table td {
    overflow-wrap: anywhere;
}

.dt-workspace:not(.dt-workspace--public) .feather-green,
.dt-workspace:not(.dt-workspace--public) .feather-yellow,
.dt-workspace:not(.dt-workspace--public) .feather-blue,
.dt-workspace:not(.dt-workspace--public) .feather-red,
.dt-workspace:not(.dt-workspace--public) .feather-grey {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.dt-workspace:not(.dt-workspace--public) .feather-green {
    color: #168a4a;
    background: #eaf7ef;
}

.dt-workspace:not(.dt-workspace--public) .feather-yellow {
    color: #9a7a00;
    background: #fff7d6;
}

.dt-workspace:not(.dt-workspace--public) .feather-blue {
    color: #0969c3;
    background: #eaf4ff;
}

.dt-workspace:not(.dt-workspace--public) .feather-red {
    color: #c53030;
    background: #fff0f0;
}

.dt-workspace:not(.dt-workspace--public) .feather-grey {
    color: #64748b;
    background: #f1f5f9;
}

.dt-workspace:not(.dt-workspace--public) .feather-green svg,
.dt-workspace:not(.dt-workspace--public) .feather-yellow svg,
.dt-workspace:not(.dt-workspace--public) .feather-blue svg,
.dt-workspace:not(.dt-workspace--public) .feather-red svg,
.dt-workspace:not(.dt-workspace--public) .feather-grey svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
}

.dt-workspace:not(.dt-workspace--public) .is-info__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 0;
}

.dt-workspace:not(.dt-workspace--public) .is-info__col {
    min-width: 0;
    padding: 18px;
}

.dt-workspace:not(.dt-workspace--public) .chart__block {
    margin: 14px 0 0 !important;
    max-height: 360px !important;
}

.dt-workspace:not(.dt-workspace--public) .pagination {
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .dt-module-nav {
        margin-top: 10px;
    }

    .dt-module-nav__inner {
        border-radius: 8px;
    }

    .dt-workspace:not(.dt-workspace--public) .is-info__body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .dt-module-nav {
        margin-top: 8px;
    }

    .dt-module-nav__inner {
        padding-right: 14px;
        padding-left: 14px;
    }

    .dt-module-nav__brand-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .dt-module-nav__brand-copy strong {
        max-width: 190px;
        font-size: 13px;
    }

    .dt-workspace:not(.dt-workspace--public) .content {
        padding-top: 18px;
    }

    .dt-workspace:not(.dt-workspace--public) .page-title {
        font-size: 24px;
        line-height: 1.22;
    }

    .dt-workspace:not(.dt-workspace--public) .is-content-title {
        font-size: 17px;
    }

    .dt-workspace:not(.dt-workspace--public) .is-content-title .systems__count {
        margin: 8px 0 0 !important;
    }

    .dt-workspace:not(.dt-workspace--public) .is-menu-navigation {
        gap: 14px;
    }

    .dt-workspace:not(.dt-workspace--public) .is-menu,
    .dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed {
        max-height: 280px;
    }

    .dt-workspace:not(.dt-workspace--public) .is-menu-content {
        min-height: 220px;
        padding: 16px;
    }

    .dt-workspace:not(.dt-workspace--public) .table th,
    .dt-workspace:not(.dt-workspace--public) .table td {
        padding: 10px 12px;
    }
}
/* 2026-07-17 subsystem bugfix polish */
.dt-module-nav__brand-copy strong {
    font-size: 15px;
}

.dt-module-nav__link {
    min-height: 40px;
    padding: 9px 12px;
    font-size: 14px;
    line-height: 1.25;
}

.dt-module-nav__action {
    min-height: 40px;
    padding: 9px 14px;
    font-size: 13px;
    line-height: 1.25;
}

.dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) minmax(320px, 2.1fr) minmax(160px, 1fr) minmax(130px, 0.75fr) minmax(140px, 0.8fr);
    gap: 14px;
    align-items: end;
}

.dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex > .form-group {
    width: 100%;
    min-width: 0;
    margin-top: 0 !important;
}

.dt-workspace:not(.dt-workspace--public) .filter.form .form-group .btn,
.dt-workspace:not(.dt-workspace--public) .filter.form .form-group button[type="submit"] {
    width: 100%;
    min-width: 0;
    white-space: nowrap;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single,
.dt-workspace:not(.dt-workspace--public) .custom-select2-selection {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 1px solid var(--dt-border-strong) !important;
    border-radius: 8px !important;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 38px !important;
    padding-left: 12px !important;
    line-height: 40px !important;
}

.dt-workspace:not(.dt-workspace--public) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    right: 8px !important;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item {
    align-items: start;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item-progress,
.dt-workspace:not(.dt-workspace--public) .is-menu__item-count {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: start;
    justify-self: center;
    border-radius: 50%;
    font-size: 11px;
    line-height: 1;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item-submenu li.active::before,
.dt-workspace:not(.dt-workspace--public) .is-menu__item_active::before {
    width: 3px;
}

.dt-workspace:not(.dt-workspace--public) .dt-action-btn,
.dt-workspace:not(.dt-workspace--public) .dt-map-action {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0 !important;
    color: #ffffff !important;
    border-radius: 8px;
}

.dt-workspace:not(.dt-workspace--public) .dt-action-btn svg,
.dt-workspace:not(.dt-workspace--public) .dt-map-action svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
}

.dt-workspace:not(.dt-workspace--public) .table .buttons-wrapper .btn {
    min-width: 118px;
    min-height: 38px;
    padding: 8px 12px;
    white-space: nowrap;
    overflow-wrap: normal;
}

.dt-workspace:not(.dt-workspace--public) .table .buttons-wrapper .btn i,
.dt-workspace:not(.dt-workspace--public) .table .buttons-wrapper .btn svg {
    flex: 0 0 auto;
}

@media (max-width: 1180px) {
    .dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .dt-module-nav__link {
        font-size: 13px;
    }

    .dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex {
        grid-template-columns: 1fr;
    }
}

/* 2026-07-17 table, filter and side menu alignment */
.dt-module-nav__brand-copy strong {
    font-size: 16px;
}

.dt-module-nav__link {
    min-height: 42px;
    padding: 10px 14px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}

.dt-module-nav__link svg {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
}

.dt-module-nav__action {
    min-height: 42px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.dt-workspace:not(.dt-workspace--public) .filter.form {
    overflow: hidden;
}

.dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex {
    grid-template-columns: minmax(170px, 1fr) minmax(240px, 1.2fr) minmax(150px, 0.85fr) minmax(120px, 0.7fr) 140px;
    column-gap: 14px;
    row-gap: 12px;
}

.dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex > .form-group {
    min-width: 0 !important;
    max-width: 100%;
}

.dt-workspace:not(.dt-workspace--public) .filter.form .select2-container,
.dt-workspace:not(.dt-workspace--public) .filter.form .select2,
.dt-workspace:not(.dt-workspace--public) .filter.form .select2-selection {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.dt-workspace:not(.dt-workspace--public) .filter.form .select2-selection__rendered {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dt-workspace:not(.dt-workspace--public) .table {
    table-layout: auto;
}

.dt-workspace:not(.dt-workspace--public) .table th,
.dt-workspace:not(.dt-workspace--public) .table td,
.dt-workspace:not(.dt-workspace--public) .table .table__status {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

.dt-workspace:not(.dt-workspace--public) .table th {
    white-space: nowrap;
}

.dt-workspace:not(.dt-workspace--public) .dt-search-table th:first-child,
.dt-workspace:not(.dt-workspace--public) .dt-search-table td:first-child,
.dt-workspace:not(.dt-workspace--public) .dt-maps-table th:first-child,
.dt-workspace:not(.dt-workspace--public) .dt-maps-table td:first-child {
    width: 68px;
    min-width: 68px;
    max-width: 68px;
    text-align: center;
    white-space: nowrap;
}

.dt-workspace:not(.dt-workspace--public) .dt-search-table th:nth-child(4),
.dt-workspace:not(.dt-workspace--public) .dt-search-table td:nth-child(4),
.dt-workspace:not(.dt-workspace--public) .dt-search-table th:nth-child(5),
.dt-workspace:not(.dt-workspace--public) .dt-search-table td:nth-child(5),
.dt-workspace:not(.dt-workspace--public) .dt-search-table th:last-child,
.dt-workspace:not(.dt-workspace--public) .dt-search-table td:last-child,
.dt-workspace:not(.dt-workspace--public) .dt-maps-table th:nth-child(4),
.dt-workspace:not(.dt-workspace--public) .dt-maps-table td:nth-child(4),
.dt-workspace:not(.dt-workspace--public) .dt-maps-table th:nth-child(5),
.dt-workspace:not(.dt-workspace--public) .dt-maps-table td:nth-child(5),
.dt-workspace:not(.dt-workspace--public) .dt-maps-table th:last-child,
.dt-workspace:not(.dt-workspace--public) .dt-maps-table td:last-child {
    white-space: nowrap;
}

.dt-workspace:not(.dt-workspace--public) .dt-search-table th:nth-child(4),
.dt-workspace:not(.dt-workspace--public) .dt-search-table td:nth-child(4),
.dt-workspace:not(.dt-workspace--public) .dt-maps-table th:nth-child(4),
.dt-workspace:not(.dt-workspace--public) .dt-maps-table td:nth-child(4) {
    min-width: 120px;
}

.dt-workspace:not(.dt-workspace--public) .dt-search-table th:nth-child(5),
.dt-workspace:not(.dt-workspace--public) .dt-search-table td:nth-child(5),
.dt-workspace:not(.dt-workspace--public) .dt-maps-table th:nth-child(5),
.dt-workspace:not(.dt-workspace--public) .dt-maps-table td:nth-child(5) {
    min-width: 150px;
}

.dt-workspace:not(.dt-workspace--public) .dt-search-table th:last-child,
.dt-workspace:not(.dt-workspace--public) .dt-search-table td:last-child,
.dt-workspace:not(.dt-workspace--public) .dt-maps-table th:last-child,
.dt-workspace:not(.dt-workspace--public) .dt-maps-table td:last-child {
    width: 132px;
    min-width: 132px;
    text-align: center;
}

.dt-workspace:not(.dt-workspace--public) .table td span,
.dt-workspace:not(.dt-workspace--public) .table td a,
.dt-workspace:not(.dt-workspace--public) .table td button {
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.dt-workspace:not(.dt-workspace--public) .table .buttons-wrapper,
.dt-workspace:not(.dt-workspace--public) .dt-actions,
.dt-workspace:not(.dt-workspace--public) .dt-map-actions {
    width: max-content;
    max-width: none;
    min-width: max-content;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dt-workspace:not(.dt-workspace--public) .table .buttons-wrapper .btn {
    width: auto;
    min-width: 116px;
    padding-right: 14px;
    padding-left: 14px;
    white-space: nowrap !important;
}

.dt-workspace:not(.dt-workspace--public) .dt-map-delete-form {
    flex: 0 0 auto;
}

.dt-workspace:not(.dt-workspace--public) .dt-action-btn,
.dt-workspace:not(.dt-workspace--public) .dt-map-action {
    flex: 0 0 40px;
}

.dt-workspace:not(.dt-workspace--public) .is-menu {
    overflow-x: hidden;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item,
.dt-workspace:not(.dt-workspace--public) .is-menu__item-submenu li {
    color: var(--dt-text);
    background: transparent;
    word-break: normal;
    overflow-wrap: normal;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item:hover,
.dt-workspace:not(.dt-workspace--public) .is-menu__item_active,
.dt-workspace:not(.dt-workspace--public) .is-menu__item_has-submenu:hover,
.dt-workspace:not(.dt-workspace--public) .is-menu__item-submenu li:hover,
.dt-workspace:not(.dt-workspace--public) .is-menu__item-submenu li.active {
    color: var(--dt-primary);
    background: #eef6ff;
}

.dt-workspace:not(.dt-workspace--public) .is-menu__item_active .is-menu__item-title,
.dt-workspace:not(.dt-workspace--public) .is-menu__item:hover .is-menu__item-title,
.dt-workspace:not(.dt-workspace--public) .is-menu__item_has-submenu:hover .is-menu__item-title {
    color: var(--dt-primary);
}

.dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed {
    width: 64px;
    min-width: 64px;
    overflow: visible;
}

.dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed .is-menu__title {
    min-height: 56px;
    padding: 9px;
    justify-content: center;
    color: transparent;
    font-size: 0;
}

.dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed .is-menu__toggle {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    color: var(--dt-primary);
    background: #ffffff;
    border-color: var(--dt-border-strong);
    transform: rotate(180deg);
    pointer-events: auto;
}

.dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed .is-menu__list {
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
}

.dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed .is-menu__item,
.dt-workspace:not(.dt-workspace--public) .is-menu.is-menu_closed .is-menu__item-submenu {
    display: none;
}

@media (max-width: 1180px) {
    .dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dt-workspace:not(.dt-workspace--public) .dt-search-table,
    .dt-workspace:not(.dt-workspace--public) .dt-maps-table {
        min-width: 760px;
    }
}

@media (max-width: 767px) {
    .dt-module-nav__link {
        min-height: 40px;
        padding: 9px 11px;
        font-size: 13px;
    }

    .dt-module-nav__action {
        width: max-content;
        min-width: 0;
        font-size: 13px;
    }

    .dt-workspace:not(.dt-workspace--public) .filter.form > .d-flex {
        grid-template-columns: 1fr;
    }

    .dt-workspace:not(.dt-workspace--public) .dt-search-table,
    .dt-workspace:not(.dt-workspace--public) .dt-maps-table {
        min-width: 720px;
    }
}

/* 2026-07-17 navigation without horizontal scroll */
.dt-module-nav__scroll {
    overflow-x: visible;
    overflow-y: visible;
    scrollbar-width: none;
}

.dt-module-nav__scroll::-webkit-scrollbar {
    display: none;
}

.dt-module-nav__links {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 6px;
}

.dt-module-nav__link {
    flex: 0 1 auto;
}

@media (max-width: 991px) {
    .dt-module-nav__scroll {
        width: 100%;
        min-width: 0;
    }

    .dt-module-nav__links {
        justify-content: flex-start;
    }
}

/* 2026-07-17 navigation one-line desktop fix */
.dt-module-nav__inner {
    gap: 12px;
}

.dt-module-nav__brand {
    min-width: 182px;
    flex: 0 0 auto;
}

.dt-module-nav__scroll {
    min-width: 0;
    flex: 1 1 auto;
    overflow: visible;
}

.dt-module-nav__links {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    gap: 6px 5px;
}

/* Пункты не сжимаются: строка меню либо помещается целиком, либо переносится. */
.dt-module-nav__link {
    max-width: 100%;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    white-space: nowrap;
}

.dt-module-nav__link span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dt-module-nav__link svg {
    flex: 0 0 17px;
}

.dt-module-nav__action {
    flex: 0 0 auto;
    padding-right: 14px;
    padding-left: 14px;
}

@media (max-width: 1240px) {
    .dt-module-nav__brand {
        min-width: 172px;
    }

    .dt-module-nav__brand-copy strong {
        font-size: 15px;
    }

    .dt-module-nav__link {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 13px;
    }

    .dt-module-nav__action {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .dt-module-nav__links {
        flex-wrap: wrap;
        row-gap: 6px;
    }
}

/* 2026-09-24 navigation: строка пунктов не сжимается и не наезжает сама на себя */
@media (min-width: 1260px) {
    /* Полоса пунктов держит свою ширину: если места не хватает, вниз уходит кнопка, а не подписи. */
    .dt-module-nav__inner {
        flex-wrap: wrap;
    }

    .dt-module-nav__scroll {
        min-width: max-content;
    }

    .dt-module-nav__action {
        margin-left: auto;
    }
}

@media (min-width: 992px) and (max-width: 1259.98px) {
    /* Узкий десктоп: бренд и кнопка в первой строке, пункты — во всю ширину во второй. */
    .dt-module-nav__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
    }

    .dt-module-nav__brand {
        min-width: 0;
    }

    .dt-module-nav__action {
        grid-column: 2;
        grid-row: 1;
    }

    .dt-module-nav__scroll {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
    }
}

/*
 * 2026-10-02 — раздел в общем стиле портала.
 *
 * Навигация модуля — карточка вровень с карточкой содержимого, в две строки:
 * название раздела и главное действие, под ними вкладки-таблетки (как на
 * «Экспертизе НТД»). Раньше ссылки и кнопка делили одну строку, не помещались,
 * и кнопка съезжала вниз вправо, а сама полоса заходила под закладку «Меню».
 * Шрифты, высоты кнопок и заголовок страницы — те же, что на остальных страницах.
 */
body.hx-chrome .dt-module-nav {
    position: relative;
    top: auto;
    margin: 28px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    font-family: var(--hx-font);
}

/* Закладка «Меню» занимает 72–104px слева — карточка начинается ниже и с теми же полями, что main. */
body.hx-chrome.has-menu .dt-module-nav {
    margin-top: 48px;
    padding: 0 36px;
}

body.hx-chrome .dt-module-nav__inner {
    width: 100%;
    max-width: 1300px;
    min-height: 0;
    margin: 0 auto;
    padding: 20px 36px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    background: var(--hx-sheet);
    border: 1px solid var(--hx-line-2);
    border-radius: var(--hx-r-content);
    box-shadow: none;
}

body.hx-chrome .dt-module-nav__brand {
    order: 1;
    min-width: 0;
    margin-right: auto;
    gap: 12px;
}

body.hx-chrome .dt-module-nav__brand-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    background: var(--p-primary, #2563eb);
    border-radius: 12px;
    box-shadow: none;
}

body.hx-chrome .dt-module-nav__brand-icon svg {
    width: 22px;
    height: 22px;
}

body.hx-chrome .dt-module-nav__brand-copy small {
    color: var(--hx-ink-3);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
}

body.hx-chrome .dt-module-nav__brand-copy strong {
    color: var(--hx-ink);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.015em;
}

body.hx-chrome .dt-module-nav__action {
    order: 2;
    height: 44px;
    min-height: 44px;
    padding: 0 18px;
    gap: 8px;
    color: #fff;
    background: var(--p-primary, #2563eb);
    border-radius: var(--p-r, 8px);
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

body.hx-chrome .dt-module-nav__action:hover {
    background: var(--p-primary-hover, #1d4ed8);
    box-shadow: var(--hx-sh-3);
    transform: none;
}

body.hx-chrome .dt-module-nav__action svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

body.hx-chrome .dt-module-nav__scroll {
    order: 3;
    flex: 1 0 100%;
    min-width: 0;
    overflow: visible;
}

/* Разделы модуля — вкладки с подчёркиванием, как статусы в списках портала. */
body.hx-chrome .dt-module-nav__links {
    width: auto;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 26px;
    box-shadow: inset 0 -1px 0 var(--hx-line);
}

body.hx-chrome .dt-module-nav__link {
    height: auto;
    min-height: 0;
    padding: 13px 2px;
    gap: 8px;
    color: var(--hx-ink-2);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 -2px 0 transparent;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

body.hx-chrome .dt-module-nav__link::after {
    display: none;
}

body.hx-chrome .dt-module-nav__link svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

body.hx-chrome .dt-module-nav__link:hover {
    color: var(--hx-ink);
    background: transparent;
    box-shadow: inset 0 -2px 0 var(--hx-line-2);
}

body.hx-chrome .dt-module-nav__link.is-active,
body.hx-chrome .dt-module-nav__link.is-active:hover {
    color: var(--hx-ink);
    background: transparent;
    box-shadow: inset 0 -2px 0 var(--p-primary, #2563eb);
}

/* Карточка содержимого идёт сразу под навигацией, без двойного отступа. */
body.hx-chrome.dt-workspace .body-wrapper > .dt-module-nav ~ main.content {
    padding-top: 0;
}

body.hx-chrome.dt-workspace .body-wrapper > .dt-module-nav ~ main > .container,
body.hx-chrome.dt-workspace .body-wrapper > .dt-module-nav ~ main > .container_medium,
body.hx-chrome.dt-workspace .body-wrapper > .dt-module-nav ~ main > .container_large {
    margin-top: 16px;
}

/* Заголовок и хлебные крошки — как на остальных страницах портала. */
body.hx-chrome.dt-workspace:not(.dt-workspace--public) .page-title {
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.2;
    letter-spacing: -.025em;
}

body.hx-chrome.dt-workspace:not(.dt-workspace--public) .breadcrumbs__home {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    background: none;
    border: 0;
    border-radius: 0;
}

body.hx-chrome.dt-workspace:not(.dt-workspace--public) .breadcrumbs a,
body.hx-chrome.dt-workspace:not(.dt-workspace--public) .breadcrumbs > span:last-child {
    color: inherit;
    font-weight: 400;
}

@media (max-width: 860px) {
    /* Закладка «Меню» на телефоне уходит вниз — отступ сверху обычный; боковые поля как у main. */
    body.hx-chrome.has-menu .dt-module-nav {
        margin-top: 28px;
    }
}

@media (max-width: 767px) {
    body.hx-chrome .dt-module-nav__inner {
        padding: 14px 16px 0;
        gap: 8px 12px;
    }

    body.hx-chrome .dt-module-nav__brand-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    body.hx-chrome .dt-module-nav__brand-copy strong {
        max-width: none;
        font-size: 16px;
    }

    body.hx-chrome .dt-module-nav__action {
        width: 44px;
        padding: 0;
    }

    /* На телефоне вкладки листаются по горизонтали одной строкой. */
    body.hx-chrome .dt-module-nav__scroll {
        overflow-x: auto;
    }

    body.hx-chrome .dt-module-nav__links {
        width: max-content;
        flex-wrap: nowrap;
    }

    body.hx-chrome .dt-module-nav__link {
        font-size: 13px;
    }
}

/* Фирменный синий и размеры кнопок — общие с порталом (portal-tokens.css). */
body.hx-chrome.dt-workspace {
    --dt-primary: var(--p-primary, #2563eb);
    --dt-primary-dark: var(--p-primary-hover, #1d4ed8);
}

body.hx-chrome.dt-workspace:not(.dt-workspace--public) .content .btn:not(.btn-sm) {
    min-height: 40px;
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 600;
}