/* PDM workspace — layout parity with pdv.css / monitoring.css */

.pdm-host {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.pdm-host .pdm-split,
.pdm-host .pdm-split > .dxbl-splitter-pane,
.pdm-host .pdm-split .dxbl-splitter-pane-content {
    min-height: 0;
    height: 100%;
}

.pdm-notice,
.pdm-error {
    flex: 0 0 auto;
    margin: 0 0 0.35rem;
    padding: 0.35rem 0.5rem;
    border-radius: 3px;
    font-size: 0.9rem;
}

.pdm-notice {
    background: #eef5ff;
    border: 1px solid #b9d3f6;
}

.pdm-error {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    background: #fff0f0;
    border: 1px solid #efb4b4;
}

.pdm-error__text {
    flex: 1 1 auto;
    min-width: 0;
}

.pdm-error__dismiss {
    flex: 0 0 auto;
    border: none;
    background: transparent;
    color: #8a3030;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0 0.15rem;
    cursor: pointer;
}

.pdm-error__dismiss:hover {
    color: #5a1010;
}

.pdm-pane {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: #fff;
    border: 1px solid #d8d8dc;
    border-radius: 3px;
}

/* Desktop PDM structure panel (Label17 + TB_NodeSearch + TV_Structure) */
.pdm-tree-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: #fff;
    border: 1px solid #a0a0a0;
}

.pdm-tree-panel__header {
    flex: 0 0 auto;
    padding: 0.2rem 0.45rem;
    background: #c0c0c0;
    color: #f5f5f5;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-bottom: 1px solid #a0a0a0;
}

.pdm-tree-panel__search {
    flex: 0 0 auto;
    padding: 0.25rem 0.3rem;
    background: #f0f0f0;
    border-bottom: 1px solid #d0d0d0;
}

.pdm-tree-panel__search-input {
    width: 100%;
}

.pdm-tree-panel__tree-host {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pdm-tree-panel__placeholder {
    padding: 0.5rem;
    color: #666;
}

.pdm-tree-panel__tree-host .dxbl-treelist,
.pdm-tree-panel__tree-host .pdm-tree {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    --dxbl-grid-expand-btn-padding-y: 0;
    --dxbl-grid-expand-btn-padding-x: 0;
    /* Fluent focus wash uses light glyph color; keep expand arrows readable. */
    --dxbl-grid-focus-bg: #f4f4f4;
    --dxbl-grid-focus-color: #404040;
    --dxbl-grid-selection-focus-dark-bg: #f4f4f4;
    --dxbl-grid-selection-focus-dark-color: #404040;
}

.pdm-tree .dxbl-grid-expand-btn,
.pdm-tree .dxbl-grid-tree-node-expand-button {
    visibility: visible;
    width: auto;
    min-width: 1rem;
    color: #404040;
    opacity: 1;
}

.pdm-tree .dxbl-grid-tree-node-expand-button,
.pdm-tree .dxbl-grid-tree-node-expand-button-placeholder {
    box-sizing: border-box;
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pdm-tree.center-crud-grid .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
.pdm-tree.center-crud-grid .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td,
.pdm-tree.center-crud-grid .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row.dxbl-grid-selected-row > td,
.pdm-tree.center-crud-grid .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td {
    background-color: #f4f4f4 !important;
    color: #404040 !important;
}

.pdm-tree.center-crud-grid .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td *,
.pdm-tree.center-crud-grid .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td *,
.pdm-tree.center-crud-grid .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row.dxbl-grid-selected-row > td * {
    color: #404040 !important;
}

.pdm-tree.center-crud-grid tr.dxbl-grid-focused-row .dxbl-grid-tree-node-expand-button,
.pdm-tree.center-crud-grid tr.dxbl-grid-selected-row .dxbl-grid-tree-node-expand-button,
.pdm-tree.center-crud-grid tr.dxbl-grid-focused-row.dxbl-grid-selected-row .dxbl-grid-tree-node-expand-button,
.pdm-tree.center-crud-grid tr.dxbl-grid-focused-row .dxbl-grid-expand-btn,
.pdm-tree.center-crud-grid tr.dxbl-grid-selected-row .dxbl-grid-expand-btn,
.pdm-tree.center-crud-grid tr.dxbl-grid-focused-row.dxbl-grid-selected-row .dxbl-grid-expand-btn {
    color: #404040 !important;
    opacity: 1 !important;
}

.pdm-tree .dxbl-treelist-node-icon,
.pdm-tree .dxbl-treelist-icon {
    display: none;
}

.pdm-tree .pdm-tree__header-cell {
    display: none;
}

.pdm-tree .dxbl-treelist-header,
.pdm-tree .dx-treelist-headers {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.pdm-tree__row--focused > td {
    outline: 1px dotted #808080;
    outline-offset: -1px;
    background: #f4f4f4;
}

.pdm-tree__label {
    color: #404040;
    font-size: 0.8125rem;
}

.pdm-pane__title {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.35rem 0.55rem;
    border-bottom: 1px solid #e4e4e8;
    font-size: 0.92rem;
    font-weight: 600;
}

.pdm-pane__header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.25rem 0.55rem;
    border-bottom: 1px solid #e4e4e8;
    background: #fff;
}

.pdm-pane__header .pdm-pane__title {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    border-bottom: none;
}

.pdm-pane--program-info .pdm-pane__header .pdm-nc-info__save.dxbl-btn {
    flex: 0 0 auto;
    margin: 0;
}

.pdm-pane__body {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.pdm-pane__body--tree,
.pdm-pane__placeholder-body,
.pdm-pane__body--program-info {
    padding: 0.2rem 0.3rem 0.3rem;
}

.pdm-pane__body--program-info {
    overflow: auto;
}

/* Desktop NCProgramInfoPanel parity */
.pdm-nc-info {
    display: flex;
    flex-direction: column;
    min-height: min(100%, 28rem);
    gap: 0.25rem;
}

.pdm-nc-info__placeholder {
    padding: 0.5rem;
    color: #666;
}

.pdm-nc-info__error {
    margin: 0;
    padding: 0.35rem 0.5rem;
    color: #b00020;
    background: #fff0f0;
    border: 1px solid #efb4b4;
    border-radius: 3px;
    font-size: 0.85rem;
}

.pdm-nc-info__toolbar {
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0.15rem 0;
}

.pdm-nc-info__save.dxbl-btn {
    min-width: 8.5rem;
    background-color: #c00000 !important;
    border-color: #a00000 !important;
    color: #fff !important;
    font-weight: 600;
}

.pdm-nc-info__save.dxbl-btn:hover:not(:disabled) {
    background-color: #a00000 !important;
    border-color: #800000 !important;
}

.pdm-nc-info__body {
    flex: 1 1 auto;
    min-height: 0;
}

.pdm-nc-info__columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.5rem 0.75rem;
    align-items: start;
}

.pdm-nc-info__col {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.pdm-nc-info__section {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.pdm-nc-info__row {
    display: grid;
    grid-template-columns: minmax(7.5rem, 34%) minmax(0, 1fr);
    gap: 0.35rem;
    align-items: center;
}

.pdm-nc-info__row--status {
    align-items: center;
}

.pdm-nc-info__label,
.pdm-nc-info__remark-label {
    font-size: 0.8125rem;
    color: #404040;
    white-space: nowrap;
}

.pdm-nc-info__field {
    min-width: 0;
}

.pdm-nc-info__field--static {
    font-size: 0.8125rem;
    color: #404040;
    padding: 0.15rem 0;
}

.pdm-nc-info__field--status {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.pdm-nc-info__value {
    display: block;
    font-size: 0.8125rem;
    color: #404040;
    min-height: 1.35rem;
    padding: 0.12rem 0.25rem;
    border: 1px solid transparent;
}

.pdm-nc-info__value--filename {
    background-color: #696969;
    color: #f5f5f5;
    border-color: #5a5a5a;
}

.pdm-nc-info__status-name {
    font-size: 0.8125rem;
    color: #404040;
}

.pdm-nc-info__filename-input input,
.pdm-nc-info__filename-input .dxbl-text-edit-input {
    background-color: #696969 !important;
    color: #f5f5f5 !important;
}

.pdm-nc-info__remarks {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.5rem;
    margin-top: 0.15rem;
}

.pdm-nc-info__remark {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.pdm-nc-info__memo {
    width: 100%;
    min-height: 5.5rem;
}

/* Desktop parity: center stack (program info + NC list), viewer + docs on right */
.pdm-split--center-stack > .dxbl-splitter-pane-content,
.pdm-split--right-stack > .dxbl-splitter-pane-content,
.pdm-split--workspace > .dxbl-splitter-pane:last-child > .dxbl-splitter-pane-content {
    min-height: 0;
    height: 100%;
}

.pdm-split--right-stack .pdv-pane--preview,
.pdm-split--right-stack .pdm-pane--preview,
.pdm-split--right-stack .pdm-pane--docs {
    height: 100%;
    min-height: 0;
}

.pdm-pane--main {
    min-width: 0;
}

.pdm-pane--program-info .pdm-pane__body--program-info {
    padding: 0.15rem 0.3rem 0.3rem;
}

.pdm-pane--nc-list .pdm-pane__body,
.pdm-pane--preview .pdm-pane__body,
.pdm-pane--docs .pdm-pane__body {
    padding: 0.15rem 0.25rem 0.25rem;
}

.pdm-pane__placeholder {
    padding: 0.5rem;
    color: #666;
}

.pdm-tree__node {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.pdm-tree__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.pdm-selection-label {
    font-weight: 600;
    margin: 0 0 0.35rem;
}

.pdm-dialog-form {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.pdm-dialog-form__row {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.pdm-dialog-form__row label {
    font-size: 0.85rem;
    font-weight: 600;
}

.pdm-dialog-form__error,
.pdm-search-dialog__error {
    margin: 0.35rem 0 0;
    color: #b00020;
}

.pdm-element-dialog {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.pdm-element-dialog__section {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.pdm-element-dialog__section--article {
    gap: 0;
}

.pdm-element-dialog__row {
    display: grid;
    grid-template-columns: 6.75rem minmax(0, 1fr);
    gap: 0.35rem 0.65rem;
    align-items: center;
}

.pdm-element-dialog__label {
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

.pdm-element-dialog__label::after {
    content: ':';
}

.pdm-element-dialog__field-with-btn {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    min-width: 0;
}

.pdm-element-dialog__field-with-btn > :first-child {
    flex: 1 1 auto;
    min-width: 0;
}

.pdm-element-dialog__field-with-btn--file {
    width: 100%;
}

.pdm-element-dialog__suffix-btn {
    flex: 0 0 auto;
    min-width: 2rem;
    padding: 0 0.35rem;
}

.pdm-element-dialog__picker-btn {
    flex: 0 0 auto;
}

.pdm-element-dialog__checks {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-top: 0.1rem;
    padding-left: 6.75rem;
}

.pdm-element-dialog__divider {
    margin: 0.15rem 0 0.35rem;
    border: 0;
    border-top: 1px solid #b8b8b8;
}

.pdm-element-dialog__bind-bar {
    background: #c0c0c0;
    padding: 0.3rem 0.5rem;
    margin-bottom: 0.45rem;
}

.pdm-element-dialog__bind-bar .dxbl-checkbox,
.pdm-element-dialog__bind-bar .dxbl-checkbox label {
    color: #f8f8f8;
}

.pdm-element-dialog__article-fields {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.pdm-element-dialog__error {
    margin: 0.25rem 0 0;
    color: #b00020;
}

.pdm-element-dialog__footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

.pdm-element-dialog__ok {
    min-width: 5.5rem;
    order: 2;
}

.pdm-element-dialog__footer > :first-child {
    order: 1;
}

.pdm-element-dialog__file-group {
    margin: 0.15rem 0 0;
    padding: 0.55rem 0.65rem 0.65rem;
    border: 1px solid #b8b8b8;
    border-radius: 0;
    min-height: 7.5rem;
}

.pdm-element-dialog__file-legend {
    padding: 0 0.35rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.pdm-element-dialog__file-body {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: 0.5rem 0.75rem;
    align-items: stretch;
    min-height: 5.5rem;
}

.pdm-element-dialog__file-radios-col {
    padding-top: 0.15rem;
}

.pdm-element-dialog__file-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5rem;
    border: 1px solid #d4d4d4;
    background: #fafafa;
    padding: 0.35rem 0.5rem;
}

.pdm-element-dialog__file-panel .pdm-element-dialog__field-with-btn {
    width: 100%;
}

.pdm-element-dialog__file-empty {
    margin: 0;
    color: #888;
    font-size: 0.85rem;
    text-align: center;
}

.pdm-node-types-dialog {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pdm-node-types-dialog__grid {
    min-height: 220px;
}

.pdm-node-types-dialog__editor {
    display: grid;
    grid-template-columns: 7rem 1fr;
    gap: 0.35rem 0.75rem;
    align-items: center;
}

.pdm-node-types-dialog__label::after {
    content: ":";
}

.pdm-node-types-dialog__actions {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.pdm-node-types-dialog__error {
    margin: 0;
    color: #b00020;
}

.pdm-search-dialog {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    height: 100%;
    min-height: 0;
    background: #f0f0f0;
    padding: 0.35rem;
}

.pdm-search-dialog__banner {
    background: #696969;
    color: #f5f5f5;
    font-size: 1.35rem;
    font-style: italic;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
    line-height: 1.2;
}

.pdm-search-dialog__top {
    display: grid;
    grid-template-columns: 12.5rem minmax(0, 1fr) 7.25rem;
    gap: 0.65rem;
    align-items: start;
}

.pdm-search-dialog__scope-col,
.pdm-search-dialog__criteria-col,
.pdm-search-dialog__actions-col {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.pdm-search-dialog__field-label {
    font-size: 0.85rem;
    font-weight: 600;
}

.pdm-search-dialog__scope-list {
    width: 100%;
    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;
    border: 1px solid #a0a0a0;
    background: #fff;
}

.pdm-search-dialog__term-input {
    width: 100%;
}

.pdm-search-dialog__term-row {
    min-width: 0;
}

.pdm-search-dialog__mode-options {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-top: 0.2rem;
}

.pdm-search-dialog__radio-line {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    line-height: 1.25;
    cursor: pointer;
    user-select: none;
}

.pdm-search-dialog__radio-line input[type="radio"] {
    flex: 0 0 auto;
    margin: 0;
}

.pdm-search-dialog__advanced {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.25rem;
}

.pdm-search-dialog__advanced-row {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 0.35rem 0.5rem;
    align-items: center;
}

.pdm-search-dialog__properties-list {
    width: 100%;
    height: 9.5rem;
    min-height: 9.5rem;
    max-height: 9.5rem;
    border: 1px solid #a0a0a0;
    background: #fff;
}

.pdm-search-dialog-popup ::deep .pdm-search-dialog__scope-list .dxbl-fl-item,
.pdm-search-dialog-popup ::deep .pdm-search-dialog__properties-list .dxbl-fl-item {
    min-height: 0;
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
}

.pdm-search-dialog__prop-actions {
    display: flex;
    gap: 0.35rem;
}

.pdm-search-dialog__actions-col {
    align-items: stretch;
    padding-top: 1.35rem;
}

.pdm-search-dialog__btn-search,
.pdm-search-dialog__btn-switch {
    background-color: #98fb98 !important;
    border-color: #7adc7a !important;
    color: #1a1a1a !important;
}

.pdm-search-dialog__btn-search:hover,
.pdm-search-dialog__btn-switch:hover {
    background-color: #8ef08e !important;
}

.pdm-search-dialog__whole-word {
    flex: 0 0 auto;
    margin-top: 0.1rem;
    max-width: 11rem;
}

.pdm-search-dialog-popup .pdm-search-dialog-body {
    overflow: auto;
}

.pdm-search-dialog__results-banner {
    background: #a9a9a9;
    color: #f8f8f8;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    font-size: 0.85rem;
}

.pdm-search-dialog__footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

.pdm-search-dialog__error {
    margin: 0;
    color: #b00020;
}

.pdm-search-grid {
    flex: 1 1 0;
    min-height: 0;
}

.pdm-nc-grid-wrap,
.pdm-docs-grid-wrap {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.pdm-pane__body--database {
    overflow: auto;
}

.pdm-split--side > .dxbl-splitter-pane-content,
.pdm-split--side .pdv-pane--preview {
    min-height: 0;
    height: 100%;
}

.pdm-order-dialog {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.pdm-order-dialog__label {
    font-size: 0.85rem;
    font-weight: 600;
}

.pdm-order-dialog__error {
    margin: 0.35rem 0 0;
    color: #b00020;
}

.pdm-machine-picker-popup .pdm-machine-picker-popup-body {
    padding: 0.75rem 1rem;
}

.pdm-machine-picker-dialog {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.pdm-machine-picker-dialog__label {
    font-size: 0.85rem;
    font-weight: 600;
}

.pdm-machine-picker-dialog__combo {
    width: 100%;
}

.pdm-machine-picker-popup ::deep .pdm-machine-picker-dialog__dropdown {
    max-height: 16rem;
}

.pdm-machine-picker-dialog__footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.pdm-articles-dialog-popup .pdm-articles-dialog-body {
    overflow: hidden;
    padding: 0;
    background: var(--gnt-surface-muted, #f4f5f7);
}

.pdm-articles-dialog-host {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 0.65rem;
    gap: 0.65rem;
    box-sizing: border-box;
}

.pdm-articles-dialog-host .pdm-articles-dialog-split,
.pdm-articles-dialog-host .pdm-articles-dialog__docs-split,
.pdm-articles-dialog-host .pdm-articles-dialog-split > .dxbl-splitter-pane,
.pdm-articles-dialog-host .pdm-articles-dialog__docs-split > .dxbl-splitter-pane,
.pdm-articles-dialog-host .pdm-articles-dialog-split .dxbl-splitter-pane-content,
.pdm-articles-dialog-host .pdm-articles-dialog__docs-split .dxbl-splitter-pane-content,
.pdm-articles-dialog-host .master-detail-splitter,
.pdm-articles-dialog-host .master-detail-splitter__inner {
    min-height: 0;
    height: 100%;
}

.pdm-articles-dialog-host .dxbl-splitter-separator {
    background: transparent;
}

.pdm-articles-dialog-host .dxbl-splitter-separator::before {
    background: var(--gnt-border-subtle, #d8dde5);
    border-radius: 3px;
}

/* —— Left rail: article picker + documentation toggle —— */
.pdm-articles-dialog__left-rail {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
    min-height: 0;
    min-width: 0;
    background: #fff;
    border: 1px solid var(--gnt-border-subtle, #e2e6ec);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.pdm-articles-dialog__picker {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    flex: 1 1 0;
    overflow: hidden;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.pdm-articles-dialog__docs-toggle {
    flex: 0 0 auto;
    padding: 0.55rem 0.75rem;
    border-top: 1px solid var(--gnt-border-subtle, #e8ebf0);
    background: var(--gnt-surface-elevated, #f8f9fb);
}

.pdm-articles-dialog__docs-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: #fff;
    border: 1px solid var(--gnt-border-subtle, #e2e6ec);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.pdm-articles-dialog__docs-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex: 0 0 auto;
    padding: 0.55rem 0.75rem;
    background: var(--gnt-surface-elevated, #f8f9fb);
    border-bottom: 1px solid var(--gnt-border-subtle, #e8ebf0);
}

.pdm-articles-dialog__docs-title {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--gnt-text-secondary, #5c6573);
}

.pdm-articles-dialog__docs-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0.5rem 0.65rem 0.65rem;
    overflow: hidden;
}

.pdm-articles-dialog__editor {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--gnt-border-subtle, #e2e6ec);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.pdm-articles-dialog__section-head {
    flex: 0 0 auto;
    padding: 0.55rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--gnt-text-secondary, #5c6573);
    background: var(--gnt-surface-elevated, #f8f9fb);
    border-bottom: 1px solid var(--gnt-border-subtle, #e8ebf0);
}

.pdm-articles-dialog__search {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid var(--gnt-border-subtle, #e8ebf0);
}

.pdm-articles-dialog__search-scope {
    width: 100%;
    min-width: 0;
}

.pdm-articles-dialog__search-row {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    min-width: 0;
}

.pdm-articles-dialog__search-row .pdm-articles-dialog__search-input,
.pdm-articles-dialog__search-input {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.pdm-articles-dialog__search-tools {
    display: flex;
    gap: 0.2rem;
    flex: 0 0 auto;
}

.pdm-articles-dialog__icon-btn .dxbl-btn {
    min-width: 2rem;
    padding: 0.25rem;
}

.pdm-articles-dialog__search-input--active .dxbl-text-edit-input,
.pdm-articles-dialog__search-input--active input {
    background: #fff8f0;
    border-color: #f0a868;
}

.pdm-articles-dialog__list-host {
    flex: 1 1 0;
    min-height: 6rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pdm-articles-dialog__article-list {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    border: none;
    overflow: auto;
}

.pdm-articles-dialog__article-list .dxbl-list-box,
.pdm-articles-dialog__article-list .dxbl-scroll-view {
    height: 100%;
}

.pdm-articles-dialog__article-list .dxbl-list-box-item {
    font-size: 0.8125rem;
    padding: 0.2rem 0.55rem;
}

/* —— Editor chrome —— */
.pdm-articles-dialog__editor--solo {
    height: 100%;
}

.pdm-articles-dialog__chrome {
    flex: 0 0 auto;
    background: #fff;
    border-bottom: 1px solid var(--gnt-border-subtle, #e8ebf0);
}

.pdm-articles-dialog__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem;
    padding: 0.35rem 0.75rem 0;
    background: var(--gnt-surface-elevated, #f8f9fb);
    border-bottom: 1px solid var(--gnt-border-subtle, #e8ebf0);
}

.pdm-articles-dialog__tab {
    appearance: none;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0.45rem 0.7rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--gnt-text-secondary, #5c6573);
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    line-height: 1.25;
    transition: color 0.15s ease, background 0.15s ease;
}

.pdm-articles-dialog__tab:hover {
    color: var(--gnt-text-primary, #1f2937);
    background: rgba(255, 255, 255, 0.7);
}

.pdm-articles-dialog__tab.is-active {
    color: var(--gnt-color-primary, #2563eb);
    background: #fff;
    box-shadow: inset 0 -2px 0 var(--gnt-color-primary, #2563eb);
}

.pdm-articles-dialog__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    padding: 0.45rem 0.75rem;
    background: #fff;
    border-bottom: 1px solid var(--gnt-border-subtle, #e2e6ec);
}

.pdm-articles-dialog__action-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.pdm-articles-dialog__action-sep {
    width: 1px;
    align-self: stretch;
    min-height: 1.75rem;
    margin: 0 0.15rem;
    background: var(--gnt-border-subtle, #e2e6ec);
}

.pdm-articles-dialog__action.dxbl-btn,
.pdm-articles-dialog__action .dxbl-btn {
    min-height: 2rem;
    padding: 0.2rem 0.55rem;
    font-size: 0.8125rem;
    border: none !important;
    box-shadow: none !important;
}

.pdm-articles-dialog__action.dxbl-btn:hover:not(:disabled),
.pdm-articles-dialog__action .dxbl-btn:hover:not(:disabled),
.pdm-articles-dialog__action.dxbl-btn:focus-visible:not(:disabled),
.pdm-articles-dialog__action .dxbl-btn:focus-visible:not(:disabled),
.pdm-articles-dialog__action.dxbl-btn:active:not(:disabled),
.pdm-articles-dialog__action .dxbl-btn:active:not(:disabled) {
    border: none !important;
    box-shadow: none !important;
    background: #f3f4f6;
}

.pdm-articles-dialog__action.dxbl-btn:disabled,
.pdm-articles-dialog__action .dxbl-btn:disabled {
    border: none !important;
    box-shadow: none !important;
}

.pdm-articles-dialog__action .dxbl-btn-content {
    flex-direction: row;
    gap: 0.35rem;
}

.pdm-articles-dialog__action--danger .dxbl-btn {
    color: var(--gnt-color-danger, #c62828);
}

.pdm-articles-dialog__editor-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem;
    background: var(--gnt-surface-muted, #f4f5f7);
}

.pdm-articles-dialog__alert {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.pdm-articles-dialog__alert--error {
    color: var(--gnt-color-danger, #b42318);
    background: #fef3f2;
    border-bottom: 1px solid #fecaca;
}

.pdm-articles-dialog__state {
    padding: 1.25rem 0.75rem;
    font-size: 0.8125rem;
    color: var(--gnt-text-secondary, #6b7280);
    text-align: center;
    line-height: 1.45;
}

.pdm-articles-dialog__state--hint {
    color: var(--gnt-text-secondary, #9aa3af);
}

.pdm-articles-dialog__error {
    margin: 0;
    padding: 0.75rem 1rem;
    color: var(--gnt-color-danger, #b42318);
    background: #fef3f2;
    border-radius: 8px;
    border: 1px solid #fecaca;
}

/* —— Article editor form bands —— */
.pdm-article-editor {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-height: 0;
}

.pdm-article-editor__bands {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.pdm-article-editor__band {
    border: 1px solid var(--gnt-border-subtle, #e2e6ec);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.pdm-article-editor__band--solo {
    flex: 1 1 auto;
    min-height: 0;
}

.pdm-article-editor__band-title {
    padding: 0.5rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--gnt-text-secondary, #5c6573);
    background: var(--gnt-surface-elevated, #f8f9fb);
    border-bottom: 1px solid var(--gnt-border-subtle, #e8ebf0);
    border-radius: 8px 8px 0 0;
}

.pdm-article-editor__band-body {
    padding: 0.75rem;
}

.pdm-article-editor__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 0.75rem;
}

.pdm-article-editor__field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8125rem;
    color: var(--gnt-text-secondary, #4b5563);
}

.pdm-article-editor__field > span:first-child {
    font-weight: 500;
    color: var(--gnt-text-primary, #374151);
}

.pdm-article-editor__field--wide {
    grid-column: 1 / -1;
}

.pdm-article-editor__field--compact {
    max-width: 14rem;
}

.pdm-article-editor__checks {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pdm-article-editor__remark-counter {
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: var(--gnt-text-secondary, #9aa3af);
}

.pdm-article-editor__hint {
    padding: 0.75rem;
    font-size: 0.875rem;
    color: var(--gnt-text-secondary, #6b7280);
    line-height: 1.45;
}

.pdm-article-editor__error {
    padding: 0.5rem 0.75rem;
    color: var(--gnt-color-danger, #b42318);
    background: #fef3f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    font-size: 0.8125rem;
}

.pdm-article-editor__embedded-tab {
    flex: 1 1 auto;
    min-height: 12rem;
}

.gnt-instructions-panel {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
}

.gnt-instructions-panel--toggle {
    gap: 0;
}

.gnt-instructions-panel--docs-bar {
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.gnt-instructions-panel--docs-preview {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

.gnt-instructions-panel__check {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--gnt-text-primary, #374151);
    cursor: pointer;
}

.gnt-instructions-panel__check input {
    margin-top: 0.15rem;
    accent-color: var(--gnt-color-primary, #2563eb);
}

.gnt-instructions-panel__open-link {
    font-size: 0.8125rem;
    color: var(--gnt-color-primary, #2563eb);
    text-decoration: none;
    white-space: nowrap;
}

.gnt-instructions-panel__open-link:hover {
    text-decoration: underline;
}

.gnt-instructions-panel__preview {
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid var(--gnt-border-subtle, #e2e6ec);
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

.gnt-instructions-panel__frame {
    width: 100%;
    height: 100%;
    min-height: 16rem;
    border: 0;
}
}