/* ============================================================================
   Legacy Detail Pages DS Bridge
   ============================================================================

   PURPOSE
   Overrides Bootstrap defaults on public detail pages (journal/article/
   conference/monography views) with DS design tokens.  These pages still
   use pre-DS Twig structures (panels, tabs, buttons, sidebar cards) so
   this file re-skins them to match the design system without rewriting
   the templates.

   STATUS: Actively used, safe to keep.
   No removal needed — this IS the bridge layer.  It converts BS3 visual
   defaults to DS-token values so the detail pages look intentional while
   the underlying markup is gradually migrated.

   SCOPE
   - Layout spacing (.content.container breadcrumbs offset)
   - Cards (.content-block.info-block border/radius/shadow)
   - Tabs (.simple-tabs DS colors)
   - Accordions (.panel-group DS borders, .rubric-* pattern)
   - Sidebar typography + responsible persons cards
   - Buttons (.btn-primary, .btn-default)
   - Anchor scroll offset (--page-scroll-offset)
   - External indexing links card (.ds-index-links-card)
   - Legacy sidebar actions (.legacy-sidebar-actions)
   ============================================================================ */

:root {
    --page-scroll-offset: 64px;
}

html {
    scroll-padding-top: var(--page-scroll-offset);
}

/* Keep primary content from sticking to breadcrumbs on legacy two-column pages */
.content.container > .breadcrumbs + .row {
    margin-top: var(--ds-space-4);
}

@media (max-width: 767px) {
    .content.container > .breadcrumbs + .row {
        margin-top: var(--ds-space-3);
    }
}

/* Legacy cards */
.content.container .content-block.info-block {
    border: var(--ds-space-px) solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-card);
    background: var(--ds-color-white);
    box-shadow: none;
    padding: var(--ds-space-4);
}

/* Image-only cards (covers/previews) */
.content.container .content-block.info-block > img:first-child:last-child {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--ds-radius-md);
    border: var(--ds-space-px) solid var(--ds-color-border);
}

/* Tabs */
.content.container .simple-tabs {
    margin: var(--ds-space-4) 0 var(--ds-space-3-5);
    border-bottom: var(--ds-space-px) solid var(--ds-color-border);
}

.content.container .simple-tabs > li > a {
    padding: var(--ds-space-2-5) var(--ds-space-3-5);
    font-size: var(--ds-font-size-body-sm);
    line-height: 1.35;
    color: var(--ds-color-muted);
    border-bottom-width: var(--ds-space-0-5);
}

.content.container .simple-tabs > li.active > a,
.content.container .simple-tabs > li.active > a:hover,
.content.container .simple-tabs > li.active > a:focus {
    color: var(--ds-color-link);
    border-bottom-color: var(--ds-color-link);
    font-weight: 500;
}

/* Accordions (legacy Bootstrap panels — kept for admin/modal pages) */
.content.container .panel-group .panel {
    border: var(--ds-space-px) solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-card);
    box-shadow: none;
    margin-bottom: var(--ds-space-2-5);
    overflow: hidden;
}

.content.container .panel-group .panel-heading {
    background: var(--ds-color-white);
    border-bottom: var(--ds-space-px) solid var(--ds-color-border-lt);
    padding: var(--ds-space-2-5) var(--ds-space-3-5);
}

.content.container .panel-group .panel-title {
    margin: 0;
    font-size: var(--ds-font-size-base);
    line-height: 1.35;
}

.content.container .panel-group .panel-title > a {
    color: var(--ds-color-heading);
    text-decoration: none;
}

.content.container .panel-group .panel-title > a:hover {
    color: var(--ds-color-link);
}

.content.container .panel-group .panel-title > a > .ds-icon {
    color: var(--ds-color-link);
    transition: transform 0.15s ease;
}

.content.container .panel-group .panel-title > a.collapsed > .ds-icon {
    transform: rotate(180deg);
}

.content.container .panel-group .panel-body {
    padding: var(--ds-space-3-5);
}

/* Accordions (rubric-toggle pattern) */
.rubric-group {
    margin-bottom: 0;
}

.rubric-heading {
    padding: var(--ds-space-2-5) var(--ds-space-3-5);
    background: var(--ds-color-border-lt);
    border-top: var(--ds-space-px) solid var(--ds-color-border-strong);
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    width: 100%;
    font-size: var(--ds-font-size-body-sm);
    font-weight: 600;
    color: var(--ds-color-heading);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease;
}

.rubric-heading:hover {
    color: var(--ds-color-link);
    background: var(--ds-color-border);
}

.rubric-body.is-collapsed {
    display: none;
}

.rubric-title {
    flex: 1;
    text-transform: none;
    letter-spacing: normal;
}

.rubric-meta {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-3);
    margin-left: var(--ds-space-3);
    flex-shrink: 0;
}

.rubric-chevron {
    width: var(--ds-space-4);
    height: var(--ds-space-4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ds-color-body);
    line-height: 1;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition: transform 0.18s ease;
}

.rubric-chevron::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    background: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27currentColor%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.rubric-toggle.is-collapsed .rubric-chevron {
    transform: rotate(0deg);
}

.rubric-content {
    padding: var(--ds-space-3-5);
}

.rubric-content a:not(.label):not(.btn):not(.workspace-badge):not([role="tab"]):not(.ds-link):not(.article-file-btn):not(.action-btn):not(.orcid-icon):not(.orcid):not(.art-tab) {
    color: var(--ds-color-link) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    word-break: break-word;
}

.rubric-content a:not(.label):not(.btn):not(.workspace-badge):not([role="tab"]):not(.ds-link):not(.article-file-btn):not(.action-btn):not(.orcid-icon):not(.orcid):not(.art-tab):hover {
    color: var(--ds-color-link-hover) !important;
}

.rubric-content a:not(.label):not(.btn):not(.workspace-badge):not([role="tab"]):not(.ds-link):not(.article-file-btn):not(.action-btn):not(.orcid-icon):not(.orcid):not(.art-tab) * {
    color: inherit !important;
    text-decoration: inherit !important;
}

/* Sidebar typography + responsible persons cards */
.content.container .row > [class*="col-sm-3"] .content-block.info-block {
    padding: var(--ds-space-4);
}

.content.container .row > [class*="col-sm-3"] .content-block.info-block h5 {
    margin: 0 0 var(--ds-space-2-5);
    text-align: left;
    font-size: var(--ds-font-size-body-sm);
    line-height: 1.35;
    color: var(--ds-color-heading);
}

.editorum-async-autocomplete {
    position: relative;
}

.editorum-async-autocomplete__menu {
    position: absolute;
    z-index: 30;
    top: calc(100% + var(--ds-space-1));
    left: 0;
    right: 0;
    background: var(--ds-color-white);
    border: var(--ds-space-px) solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--ds-shadow-dropdown);
    max-height: 320px;
    overflow-y: auto;
}

.editorum-async-autocomplete__status {
    padding: var(--ds-space-3);
    font-size: var(--ds-font-size-body-sm);
    color: var(--ds-color-muted);
}

.editorum-async-autocomplete__option {
    width: 100%;
    display: block;
    border: 0;
    background: transparent;
    text-align: left;
    padding: var(--ds-space-3);
    color: var(--ds-color-body);
    border-bottom: var(--ds-space-px) solid var(--ds-color-border-lt);
}

.editorum-async-autocomplete__option:last-child {
    border-bottom: 0;
}

.editorum-async-autocomplete__option:hover,
.editorum-async-autocomplete__option.is-active {
    background: var(--ds-color-surface-subtle);
    color: var(--ds-color-heading);
}

.editorum-async-autocomplete__option p {
    margin: 0;
}

.editorum-async-autocomplete__option small {
    color: var(--ds-color-muted);
}

.content.container .row > [class*="col-sm-3"] .author-list-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
}

.content.container .row > [class*="col-sm-3"] .author-list-item + .author-list-item {
    margin-top: var(--ds-space-2-5);
    padding-top: var(--ds-space-2-5);
    border-top: var(--ds-space-px) solid var(--ds-color-border-lt);
}

/* ============================================================================
   Authenticated Legacy Widgets Bridge
   ============================================================================

   PURPOSE
   Re-skins the surviving Bootstrap-era widget markup used across admin,
   cabinet, and auth surfaces so the DS remains the visible source of truth
   while JS/plugin replacement continues behind the scenes.

   SCOPE
   - Bootstrap semantic buttons/badges/panels that still leak through old Twig
   - bootstrap-select / inline-edit / bootstrap-fileinput / datepicker chrome
   - Shared dropdown surfaces used inside workspace tables and inline editors
   ============================================================================ */

.main-wrapper .btn-default,
.wrapAdminContent .btn-default,
.workspace-content .btn-default,
.cabinet-content .btn-default,
.auth-page .btn-default,
.main-wrapper .btn-primary,
.wrapAdminContent .btn-primary,
.workspace-content .btn-primary,
.cabinet-content .btn-primary,
.auth-page .btn-primary,
.main-wrapper .btn-success,
.wrapAdminContent .btn-success,
.workspace-content .btn-success,
.cabinet-content .btn-success,
.auth-page .btn-success,
.main-wrapper .btn-danger,
.wrapAdminContent .btn-danger,
.workspace-content .btn-danger,
.cabinet-content .btn-danger,
.auth-page .btn-danger,
.main-wrapper .btn-warning,
.wrapAdminContent .btn-warning,
.workspace-content .btn-warning,
.cabinet-content .btn-warning,
.auth-page .btn-warning {
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.main-wrapper .label,
.wrapAdminContent .label,
.workspace-content .label,
.cabinet-content .label,
.auth-page .label,
.main-wrapper .badge,
.wrapAdminContent .badge,
.workspace-content .badge,
.cabinet-content .badge,
.auth-page .badge {
    border-radius: 999px;
    box-shadow: none;
    font-family: var(--ds-font-family);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
    padding: 0.35em 0.7em;
    text-shadow: none;
}

.main-wrapper .panel,
.wrapAdminContent .panel,
.workspace-content .panel,
.cabinet-content .panel,
.auth-page .panel {
    background: var(--ds-color-white);
    border: 1px solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-card);
    box-shadow: none;
}

.main-wrapper .panel-heading,
.wrapAdminContent .panel-heading,
.workspace-content .panel-heading,
.cabinet-content .panel-heading,
.auth-page .panel-heading {
    background: var(--ds-color-bg-muted);
    background-image: none;
    border-bottom: 1px solid var(--ds-color-border);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    box-shadow: none;
    color: var(--ds-color-heading);
}

.main-wrapper .panel-body,
.wrapAdminContent .panel-body,
.workspace-content .panel-body,
.cabinet-content .panel-body,
.auth-page .panel-body {
    background: var(--ds-color-white);
}

.main-wrapper .editable-container,
.wrapAdminContent .editable-container,
.workspace-content .editable-container,
.cabinet-content .editable-container,
.auth-page .editable-container {
    display: block;
    max-width: 100%;
}

.main-wrapper .editableform,
.wrapAdminContent .editableform,
.workspace-content .editableform,
.cabinet-content .editableform,
.auth-page .editableform {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 6px 0;
}

.main-wrapper .editable-input,
.wrapAdminContent .editable-input,
.workspace-content .editable-input,
.cabinet-content .editable-input,
.auth-page .editable-input {
    flex: 1 1 240px;
    min-width: 0;
}

.main-wrapper .editable-input .form-control,
.wrapAdminContent .editable-input .form-control,
.workspace-content .editable-input .form-control,
.cabinet-content .editable-input .form-control,
.auth-page .editable-input .form-control,
.main-wrapper .editable-input select,
.wrapAdminContent .editable-input select,
.workspace-content .editable-input select,
.cabinet-content .editable-input select,
.auth-page .editable-input select,
.main-wrapper .editable-input textarea,
.wrapAdminContent .editable-input textarea,
.workspace-content .editable-input textarea,
.cabinet-content .editable-input textarea,
.auth-page .editable-input textarea {
    background: var(--ds-color-white);
    border: 1px solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-md);
    box-shadow: none;
    color: var(--ds-color-heading);
    font-family: var(--ds-font-family);
    font-size: 13px;
    line-height: 1.4;
    min-height: 34px;
    padding: 6px 10px;
    width: 100%;
}

.main-wrapper .editable-buttons,
.wrapAdminContent .editable-buttons,
.workspace-content .editable-buttons,
.cabinet-content .editable-buttons,
.auth-page .editable-buttons {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.main-wrapper .editable-submit,
.main-wrapper .editable-cancel,
.wrapAdminContent .editable-submit,
.wrapAdminContent .editable-cancel,
.workspace-content .editable-submit,
.workspace-content .editable-cancel,
.cabinet-content .editable-submit,
.cabinet-content .editable-cancel,
.auth-page .editable-submit,
.auth-page .editable-cancel {
    border: 1px solid transparent;
    border-radius: var(--ds-radius-btn);
    font-family: var(--ds-font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    min-height: 32px;
    padding: 0 12px;
}

.main-wrapper .editable-submit,
.wrapAdminContent .editable-submit,
.workspace-content .editable-submit,
.cabinet-content .editable-submit,
.auth-page .editable-submit {
    background: var(--ds-color-link);
    color: var(--ds-color-white);
}

.main-wrapper .editable-cancel,
.wrapAdminContent .editable-cancel,
.workspace-content .editable-cancel,
.cabinet-content .editable-cancel,
.auth-page .editable-cancel {
    background: var(--ds-color-white);
    border-color: var(--ds-color-border-strong);
    color: var(--ds-color-body);
}

.main-wrapper .editable-error-block,
.wrapAdminContent .editable-error-block,
.workspace-content .editable-error-block,
.cabinet-content .editable-error-block,
.auth-page .editable-error-block {
    color: var(--ds-color-danger);
    flex: 1 0 100%;
    font-size: 12px;
}

.main-wrapper .dropdown-menu,
.wrapAdminContent .dropdown-menu,
.workspace-content .dropdown-menu,
.cabinet-content .dropdown-menu,
.auth-page .dropdown-menu,
.datepicker.dropdown-menu {
    background: var(--ds-color-white);
    border: 1px solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-lg);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
    padding: 6px;
}

.main-wrapper .dropdown-menu > li > a,
.wrapAdminContent .dropdown-menu > li > a,
.workspace-content .dropdown-menu > li > a,
.cabinet-content .dropdown-menu > li > a,
.auth-page .dropdown-menu > li > a {
    border-radius: var(--ds-radius-md);
    color: var(--ds-color-body);
    font-family: var(--ds-font-family);
    font-size: var(--ds-font-size-body-sm);
    line-height: 1.4;
    padding: 8px 12px;
}

.main-wrapper .dropdown-menu > li > a:hover,
.wrapAdminContent .dropdown-menu > li > a:hover,
.workspace-content .dropdown-menu > li > a:hover,
.cabinet-content .dropdown-menu > li > a:hover,
.auth-page .dropdown-menu > li > a:hover,
.main-wrapper .dropdown-menu > .active > a,
.wrapAdminContent .dropdown-menu > .active > a,
.workspace-content .dropdown-menu > .active > a,
.cabinet-content .dropdown-menu > .active > a,
.auth-page .dropdown-menu > .active > a {
    background: var(--ds-tone-info-soft-bg);
    color: var(--ds-color-link-hover);
}

.main-wrapper .bootstrap-select > .dropdown-toggle,
.wrapAdminContent .bootstrap-select > .dropdown-toggle,
.workspace-content .bootstrap-select > .dropdown-toggle,
.cabinet-content .bootstrap-select > .dropdown-toggle,
.auth-page .bootstrap-select > .dropdown-toggle {
    align-items: center;
    background: var(--ds-color-white);
    background-image: none !important;
    border: 1px solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-control);
    box-shadow: none !important;
    color: var(--ds-color-body);
    display: inline-flex;
    font-family: var(--ds-font-family);
    font-size: 14px;
    min-height: 40px;
    padding: 9px 38px 9px 12px;
}

.main-wrapper .bootstrap-select > .dropdown-toggle:hover,
.wrapAdminContent .bootstrap-select > .dropdown-toggle:hover,
.workspace-content .bootstrap-select > .dropdown-toggle:hover,
.cabinet-content .bootstrap-select > .dropdown-toggle:hover,
.auth-page .bootstrap-select > .dropdown-toggle:hover,
.main-wrapper .bootstrap-select.open > .dropdown-toggle,
.wrapAdminContent .bootstrap-select.open > .dropdown-toggle,
.workspace-content .bootstrap-select.open > .dropdown-toggle,
.cabinet-content .bootstrap-select.open > .dropdown-toggle,
.auth-page .bootstrap-select.open > .dropdown-toggle {
    background: var(--ds-color-white);
    border-color: var(--ds-color-link);
    color: var(--ds-color-heading);
}

.main-wrapper .bootstrap-select .caret,
.wrapAdminContent .bootstrap-select .caret,
.workspace-content .bootstrap-select .caret,
.cabinet-content .bootstrap-select .caret,
.auth-page .bootstrap-select .caret {
    border: 0;
    height: 16px;
    margin-top: -8px;
    right: 12px;
    width: 16px;
}

.main-wrapper .bootstrap-select .caret::before,
.wrapAdminContent .bootstrap-select .caret::before,
.workspace-content .bootstrap-select .caret::before,
.cabinet-content .bootstrap-select .caret::before,
.auth-page .bootstrap-select .caret::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.main-wrapper .editableform .form-control,
.wrapAdminContent .editableform .form-control,
.workspace-content .editableform .form-control,
.cabinet-content .editableform .form-control,
.auth-page .editableform .form-control,
.main-wrapper .editable-input input,
.wrapAdminContent .editable-input input,
.workspace-content .editable-input input,
.cabinet-content .editable-input input,
.auth-page .editable-input input,
.main-wrapper .editable-input textarea,
.wrapAdminContent .editable-input textarea,
.workspace-content .editable-input textarea,
.cabinet-content .editable-input textarea,
.auth-page .editable-input textarea {
    background: var(--ds-color-white);
    border: 1px solid var(--ds-color-border-strong);
    border-radius: var(--ds-radius-control);
    box-shadow: none;
    color: var(--ds-color-body);
    font-family: var(--ds-font-family);
    font-size: 14px;
}

.main-wrapper .editableform .control-group,
.wrapAdminContent .editableform .control-group,
.workspace-content .editableform .control-group,
.cabinet-content .editableform .control-group,
.auth-page .editableform .control-group {
    margin-bottom: 0;
}

.main-wrapper .editable-buttons .btn,
.wrapAdminContent .editable-buttons .btn,
.workspace-content .editable-buttons .btn,
.cabinet-content .editable-buttons .btn,
.auth-page .editable-buttons .btn {
    box-shadow: none !important;
    text-shadow: none !important;
}

.main-wrapper .file-preview,
.wrapAdminContent .file-preview,
.workspace-content .file-preview,
.cabinet-content .file-preview,
.auth-page .file-preview,
.main-wrapper .file-drop-zone,
.wrapAdminContent .file-drop-zone,
.workspace-content .file-drop-zone,
.cabinet-content .file-drop-zone,
.auth-page .file-drop-zone,
.main-wrapper .file-caption-main .form-control,
.wrapAdminContent .file-caption-main .form-control,
.workspace-content .file-caption-main .form-control,
.cabinet-content .file-caption-main .form-control,
.auth-page .file-caption-main .form-control {
    background: var(--ds-color-white);
    border: 1px solid var(--ds-color-border);
    border-radius: var(--ds-radius-card);
    box-shadow: none;
}

.main-wrapper .datepicker,
.wrapAdminContent .datepicker,
.workspace-content .datepicker,
.cabinet-content .datepicker,
.auth-page .datepicker {
    padding: 10px;
}

.main-wrapper .datepicker table tr td,
.wrapAdminContent .datepicker table tr td,
.workspace-content .datepicker table tr td,
.cabinet-content .datepicker table tr td,
.auth-page .datepicker table tr td,
.main-wrapper .datepicker table tr th,
.wrapAdminContent .datepicker table tr th,
.workspace-content .datepicker table tr th,
.cabinet-content .datepicker table tr th,
.auth-page .datepicker table tr th {
    border-radius: var(--ds-radius-sm);
    font-family: var(--ds-font-family);
    width: 32px;
    height: 32px;
}

.main-wrapper .datepicker table tr td.day:hover,
.wrapAdminContent .datepicker table tr td.day:hover,
.workspace-content .datepicker table tr td.day:hover,
.cabinet-content .datepicker table tr td.day:hover,
.auth-page .datepicker table tr td.day:hover {
    background: var(--ds-tone-info-soft-bg);
}

.main-wrapper .datepicker table tr td.active,
.wrapAdminContent .datepicker table tr td.active,
.workspace-content .datepicker table tr td.active,
.cabinet-content .datepicker table tr td.active,
.auth-page .datepicker table tr td.active,
.main-wrapper .datepicker table tr td.active:hover,
.wrapAdminContent .datepicker table tr td.active:hover,
.workspace-content .datepicker table tr td.active:hover,
.cabinet-content .datepicker table tr td.active:hover,
.auth-page .datepicker table tr td.active:hover {
    background: var(--ds-color-link);
    background-image: none;
    color: var(--ds-color-white);
    text-shadow: none;
}

.content.container .row > [class*="col-sm-3"] .author-list-item .avatar {
    width: 36px;
    height: 36px;
    margin-right: var(--ds-space-2-5);
    border-radius: var(--ds-radius-full);
    object-fit: cover;
    flex-shrink: 0;
    background: var(--ds-color-border-lt);
    border: var(--ds-space-px) solid var(--ds-color-border);
}

.content.container .row > [class*="col-sm-3"] .author-list-item .info {
    font-size: var(--ds-font-size-body-sm);
    line-height: 1.4;
    color: var(--ds-color-body);
}

.content.container .row > [class*="col-sm-3"] .author-list-item .info b {
    font-size: var(--ds-font-size-2xs);
    font-weight: 500;
    color: var(--ds-color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.content.container .row > [class*="col-sm-3"] .author-list-item .mail,
.content.container .row > [class*="col-sm-3"] .author-list-item .phone {
    font-size: var(--ds-font-size-sm);
    color: var(--ds-color-muted);
    word-break: break-word;
}

/* Legacy sidebar actions */
.legacy-sidebar-actions {
    margin-bottom: var(--ds-space-4);
    text-align: left;
}

.legacy-sidebar-submit-btn {
    display: block;
    width: 100%;
    margin-bottom: var(--ds-space-2);
}

.legacy-sidebar-submit-btn--secondary {
    margin-top: 0;
}

.legacy-sidebar-actions > div > a,
.legacy-sidebar-actions > a:not(.btn) {
    font-size: var(--ds-font-size-sm);
    color: var(--ds-color-link);
}

/* Buttons (legacy pages) */
.legacy-detail-page .btn.btn-primary,
.legacy-detail-page .btn.btn-default,
.legacy-detail-page .sidebar-submit-btn,
.legacy-detail-page .sidebar-submit .btn-submit {
    border-radius: var(--ds-radius-md);
    font-size: var(--ds-font-size-body-sm);
    line-height: 1.45;
    padding: var(--ds-space-2) var(--ds-space-3-5);
    min-height: 36px;
}

.legacy-detail-page .btn.btn-primary,
.legacy-detail-page .sidebar-submit-btn,
.legacy-detail-page .sidebar-submit .btn-submit {
    font-weight: 500;
}

.legacy-detail-page .sidebar-submit-btn {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

/* Anchor scrolling offset for sticky headers */
.tab-section[id],
.tab-content > .tab-pane[id],
.anchor-id[id] {
    scroll-margin-top: var(--page-scroll-offset);
}

/* External indexing links card (legacy include partial) */
.ds-index-links-card--compact {
    padding-top: var(--ds-space-1);
}

.ds-index-links-card--compact .ds-index-links-title {
    margin: 0 0 var(--ds-space-2-5);
    font-size: var(--ds-font-size-body-sm);
    line-height: 1.35;
    font-weight: 600;
    color: var(--ds-color-heading);
}

.ds-index-links-card--compact .logo-block-item {
    display: block;
    text-align: left;
    border-bottom: none;
    margin-bottom: var(--ds-space-1-75);
    padding: 0;
    font-size: var(--ds-font-size-sm);
    line-height: 1.35;
    color: var(--ds-color-link);
}

.ds-index-links-card--compact .logo-block-item:last-child {
    margin-bottom: 0;
}

.ds-index-links-card--compact .logo-block-item img {
    max-height: var(--ds-space-7-5);
    width: auto;
}