.riento-record-metrics { display: flex; flex-wrap: wrap; gap: var(--r-space-2) var(--r-space-4); font-variant-numeric: tabular-nums; }
.riento-record-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: var(--r-space-3); min-width: 0; padding-block: var(--r-space-2); }
.riento-record-toolbar > .riento-search-box { flex: 1 1 280px; min-width: 0; }
.riento-record-toolbar > label { display: flex; align-items: center; gap: var(--r-space-2); color: var(--r-text-secondary); }
.riento-record-toolbar select { width: auto; }
.riento-record-list { max-width: 1100px; }
.riento-record-entry { display: flex; align-items: center; flex-wrap: wrap; gap: var(--r-space-2); border-bottom: 1px solid var(--r-border-subtle); }
.riento-record-entry > .riento-entity-row { flex: 1 1 280px; min-width: 0; border-bottom: 0; }
.riento-record-entry__actions { display: flex; flex-wrap: wrap; gap: var(--r-space-2); padding: var(--r-space-2); }
a.riento-entity-row { text-decoration: none; }
.riento-inventory-groups { width: 100%; max-width: 1100px; margin-inline: auto; overflow-y: auto; min-height: 0; }
.riento-inventory-groups summary { padding: var(--r-space-3) var(--r-space-2); border-bottom: 1px solid var(--r-border-subtle); cursor: pointer; font-weight: 600; }

.riento-document-file-scroll {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
}

.riento-app-shell:has(.riento-global-search) { display: grid; height: 100dvh; min-height: 0; overflow: hidden; }
.riento-app-shell:has(.riento-global-search) .riento-shell-main, .riento-shell-content:has(> .riento-global-search) { overflow: hidden; }
.riento-app-shell:has(.riento-semantic-search) { display: grid; height: 100dvh; min-height: 0; overflow: hidden; }
.riento-app-shell:has(.riento-semantic-search) .riento-shell-main, .riento-shell-content:has(> .riento-semantic-search) { overflow: hidden; }
.riento-global-search { height: 100%; min-height: 0; display: flex; flex-direction: column; color: var(--r-text-primary); background: var(--r-bg-app); }
.riento-global-search__body { flex: 1; min-height: 0; display: grid; grid-template-columns: fit-content(min(50%, calc(100% - 520px))) 20px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.riento-search-filter-edge { grid-column: 2; grid-row: 1; border-right: 1px solid var(--r-border-subtle); }
.riento-search-filter-edge button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 32px; padding: 0; border: 0; background: none; color: var(--r-text-muted); cursor: pointer; }
.riento-search-filter-edge button:hover { color: var(--r-text-primary); background: var(--r-bg-hover); }
.riento-search-filter-edge button:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: -2px; }
.riento-search-filter-edge .riento-icon { width: 14px; height: 14px; }
@media (min-width: 981px) {
    .riento-global-search__body > .riento-search-filters { min-width: 240px; box-sizing: border-box; }
    .riento-global-search__body.filters-collapsed { grid-template-columns: 0 20px minmax(0, 1fr); }
    .riento-global-search__body.filters-collapsed .riento-search-filters { display: none; }
}
.riento-global-search-box .riento-search-filters-toggle { display: none; anchor-name: --global-search-filters; }
.riento-search-filters { display: block; position: static; width: auto; height: auto; margin: 0; color: var(--r-text-primary); min-height: 0; overflow-y: auto; padding: var(--r-space-3); border: 0; border-right: 1px solid var(--r-border-subtle); background: var(--r-bg-surface-1); }
.riento-search-filters fieldset { border: 0; margin: 0 0 var(--r-space-3); padding: 0; }
.riento-search-filters legend { font-weight: 600; margin-bottom: var(--r-space-2); }
.riento-search-filters label { display: block; margin-bottom: var(--r-space-2); color: var(--r-text-secondary); font-size: 13px; }
.riento-search-filters fieldset label { display: flex; align-items: flex-start; gap: var(--r-space-2); cursor: pointer; }
.riento-search-filters fieldset label span { min-width: 0; overflow-wrap: anywhere; }
.riento-search-filters input[type="checkbox"] { margin-right: var(--r-space-2); accent-color: var(--r-accent-primary); }
.riento-search-filters fieldset input[type="checkbox"] { flex: 0 0 auto; margin: var(--r-space-1) 0 0; }
.riento-search-filters select, .riento-search-filters input:not([type="checkbox"]) { display: block; margin-top: var(--r-space-1); }
.riento-search-filter-group { margin: 0 0 var(--r-space-3); padding: 0; border: 1px solid var(--r-border-subtle); border-radius: 6px; background: var(--r-bg-surface-1); }
.riento-search-filter-group > h2 { margin: 0; padding: var(--r-space-2); font-size: 12px; font-weight: 600; color: var(--r-text-primary); background: var(--r-bg-surface-2); border-radius: 6px 6px 0 0; }
.riento-search-filter { margin: 0; border: 0; border-top: 1px solid var(--r-border-subtle); padding: 0; }
.riento-search-filter[open] { padding: 0; }
.riento-search-filter > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--r-space-2); cursor: pointer; margin: 0; padding: var(--r-space-2); min-height: 32px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: var(--r-text-secondary); overflow-wrap: anywhere; }
.riento-search-filter > summary > span:first-child { min-width: 0; }
.riento-search-filter > summary > .riento-icon { flex: 0 0 14px; width: 14px; height: 14px; }
.riento-search-filter[open] > summary > .riento-icon { transform: rotate(90deg); }
.riento-search-filters .riento-search-filter > fieldset,
.riento-search-filter > .riento-stack { margin: 0; padding: var(--r-space-2); }
.riento-search-filter > label { margin: var(--r-space-2); }
.riento-search-filter > input.riento-input { width: calc(100% - 2 * var(--r-space-2)); margin: var(--r-space-2); }
.riento-search-filter > small { display: block; margin: var(--r-space-2); }
.riento-search-filter > summary { list-style: none; }
.riento-search-filter > summary::-webkit-details-marker { display: none; }
.riento-search-filter > summary:hover, .riento-search-filter[open] > summary { color: var(--r-text-primary); background: var(--r-bg-hover); }
.riento-search-filter > summary:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: 2px; }
.riento-search-clear { background: none; border: 0; padding: var(--r-space-1) 0; min-height: var(--r-space-8); color: var(--r-text-secondary); font: inherit; font-size: 13px; cursor: pointer; }
.riento-search-clear:hover { color: var(--r-text-primary); text-decoration: underline; }
.riento-search-clear:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: 2px; }
.riento-search-filter select, .riento-search-filter input:not([type="checkbox"]) { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.riento-search-filters .riento-search-category-tree,
.riento-search-filters .riento-search-category-tree__node,
.riento-search-filters .riento-search-category-tree__search { display: block; min-width: 0; width: 100%; }
.riento-search-category-tree__search { margin-bottom: var(--r-space-2); }
.riento-search-category-tree__scope { margin: var(--r-space-3) 0 var(--r-space-1); font-size: 13px; font-weight: 600; }
.riento-search-filters .riento-search-category-tree__row { display: flex; align-items: center; gap: var(--r-space-1); min-height: 32px; width: 100%; }
.riento-search-category-tree__row:hover { background: var(--r-bg-hover); }
.riento-search-filters .riento-search-category-tree__row > label { display: flex; flex: 1; align-items: center; gap: var(--r-space-1); min-width: 0; margin: 0; padding-block: var(--r-space-1); cursor: pointer; }
.riento-search-category-tree__row > label > span { min-width: 0; overflow-wrap: anywhere; }
.riento-search-category-tree__row small { flex: 0 0 auto; color: var(--r-text-muted); font-variant-numeric: tabular-nums; }
.riento-search-filters .riento-search-category-tree__row input[type="checkbox"] { flex: 0 0 auto; margin: 0; }
.riento-search-category-tree__expand,
.riento-search-category-tree__expand-placeholder { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 28px; min-height: 0; padding: 0; }
.riento-search-category-tree__expand { border: 0; background: transparent; color: var(--r-text-secondary); cursor: pointer; }
.riento-search-category-tree__expand:hover { color: var(--r-text-primary); background: var(--r-bg-hover); }
.riento-search-category-tree__expand:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: -2px; }
.riento-search-category-tree__expand .riento-icon,
.riento-search-category-tree__expand svg { width: 16px; height: 16px; }
.riento-search-filters .riento-search-category-tree__children { display: block; margin-left: 12px; padding-left: 12px; border-left: 1px solid var(--r-border-subtle); min-width: 0; }
.riento-global-search__results { grid-column: 3; grid-row: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.riento-search-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); flex: 0 0 auto; gap: var(--r-space-2); padding: var(--r-space-3); }
.riento-search-summary__card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--r-space-1); min-width: 0; padding: var(--r-space-2) var(--r-space-3); border: 1px solid var(--r-border-subtle); border-radius: 4px; background: var(--r-bg-surface-1); color: var(--r-text-secondary); text-align: left; font: inherit; font-size: 12px; cursor: pointer; }
.riento-search-summary__card strong { color: var(--r-text-primary); font-size: 18px; font-variant-numeric: tabular-nums; }
.riento-search-summary__card:hover { background: var(--r-bg-hover); }
.riento-search-summary__card[aria-pressed="true"] { background: var(--r-bg-selected); border-color: var(--r-text-muted); }
.riento-search-summary__card:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: 2px; }
.riento-search-refine { display: flex; flex: 0 0 auto; width: min(100% - 2 * var(--r-space-4), 520px); padding: var(--r-space-3) var(--r-space-4); }
.riento-search-refine input { width: min(100%, 520px); box-sizing: border-box; }
.riento-search-comparison-toolbar { display: flex; flex: 0 0 auto; align-items: center; flex-wrap: wrap; gap: var(--r-space-2) var(--r-space-3); margin: 0 var(--r-space-3) var(--r-space-2); max-height: 25dvh; overflow-y: auto; min-width: 0; }
.riento-search-differences-toggle { display: inline-flex; align-items: center; flex: 0 0 auto; gap: var(--r-space-2); min-height: 32px; margin: 0; font-size: 13px; color: var(--r-text-secondary); cursor: pointer; }
.riento-search-shared-values { display: flex; flex-wrap: wrap; gap: var(--r-space-2); min-width: 0; margin: 0; padding: 0; list-style: none; }
.riento-search-shared-value { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: var(--r-space-1); min-width: 0; max-width: 100%; padding: var(--r-space-1) var(--r-space-2); border: 1px solid var(--r-border-subtle); border-radius: 4px; background: var(--r-bg-surface-2); color: var(--r-text-secondary); font-size: 12px; overflow-wrap: anywhere; }
.riento-search-shared-value strong { min-width: 0; color: var(--r-text-primary); font-weight: 500; }
.riento-search-table-scroll { flex: 1; min-height: 0; overflow: auto; }
.riento-search-results-card { margin: 0 var(--r-space-3) var(--r-space-3); border: 1px solid var(--r-border-subtle); border-radius: 6px; background: var(--r-bg-surface-1); }
.riento-search-table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 13px; }
.riento-search-table th, .riento-search-table td { padding: var(--r-space-2) var(--r-space-3); border-bottom: 1px solid var(--r-border-subtle); text-align: left; white-space: nowrap; min-width: 110px; height: 38px; }
.riento-search-table th { position: sticky; top: 0; z-index: 1; height: 28px; padding-block: var(--r-space-1); font-size: 12px; background: var(--r-bg-surface-2); color: var(--r-text-secondary); font-weight: 600; }
.riento-search-sort { display: flex; align-items: center; gap: var(--r-space-1); width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; white-space: nowrap; }
.riento-search-sort .riento-icon { width: 12px; height: 12px; flex: 0 0 auto; }
.riento-search-sort:hover { color: var(--r-text-primary); }
.riento-search-sort:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: 2px; }
.riento-search-table td.riento-search-table__title { min-width: 240px; }
.riento-search-table td.riento-search-table__number { font-variant-numeric: tabular-nums; }
.riento-search-table a { color: var(--r-text-primary); text-decoration: none; }
.riento-search-table a:hover { text-decoration: underline; }
.riento-search-table a:focus-visible, .riento-search-table-scroll:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: -2px; }
.riento-search-table tbody tr:hover, .riento-search-table tbody tr:focus-within { background: var(--r-bg-hover); }
.riento-search-table tbody tr[aria-selected] { cursor: default; }
.riento-search-table tbody tr.is-selected { background: var(--r-bg-selected); }
.riento-search-table tbody tr.is-selected > td:first-child { box-shadow: inset 3px 0 var(--r-border-selected); }
.riento-search-table tbody tr:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: -2px; }
.riento-context-menu { position: fixed; z-index: 3000; display: flex; flex-direction: column; min-width: 180px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); overflow: auto; padding: var(--r-space-1); border: 1px solid var(--r-border-strong); border-radius: 6px; background: var(--r-bg-surface-1); color: var(--r-text-primary); box-shadow: var(--r-shadow-lg); }
.riento-context-menu > [role="menuitem"] { display: flex; align-items: center; min-height: 32px; padding: var(--r-space-1) var(--r-space-2); color: inherit; font-size: 13px; text-decoration: none; border-radius: var(--r-radius-sm); }
.riento-context-menu > [role="menuitem"]:hover, .riento-context-menu > [role="menuitem"]:focus-visible { background: var(--r-bg-hover); outline: 2px solid var(--r-accent-focus); outline-offset: -2px; }
.riento-search-table__common { border-left: 1px solid var(--r-border-subtle); font-variant-numeric: tabular-nums; }
.riento-search-table__skeleton { height: 18px; background: var(--r-bg-surface-3); border-radius: var(--r-radius-sm); animation: riento-search-pulse 1.4s ease-in-out infinite alternate; }
.riento-search-pagination { display: flex; flex: 0 0 auto; align-items: center; gap: var(--r-space-3); padding: var(--r-space-2) var(--r-space-3); border: 0; background: transparent; }
.riento-search-pagination__count { margin-right: auto; color: var(--r-text-secondary); font-size: 13px; white-space: nowrap; }
.riento-search-pagination label { display: flex; align-items: center; gap: var(--r-space-2); }
.riento-search-pagination select { width: 64px; min-width: 64px; }
.riento-search-pagination__pages { display: flex; align-items: center; gap: var(--r-space-1); white-space: nowrap; font-size: 12px; font-variant-numeric: tabular-nums; }
.riento-search-pagination .riento-icon-button { width: 32px; height: 32px; min-width: 32px; padding: 0; flex: 0 0 auto; }
.riento-search-pagination :is(.riento-search-sort-toggle, .riento-icon-button, .riento-select) { border: 0; background: transparent; box-shadow: none; color: var(--r-text-secondary); }
.riento-search-pagination :is(.riento-search-sort-toggle, .riento-icon-button, .riento-select):disabled { border: 0; background: transparent; box-shadow: none; color: var(--r-text-muted); }
.riento-search-pagination :is(.riento-search-sort-toggle, .riento-icon-button, .riento-select):hover:not(:disabled) { background: var(--r-bg-hover); color: var(--r-text-primary); }
.riento-search-pagination :is(.riento-search-sort-toggle, .riento-icon-button, .riento-select):focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: 2px; }
.riento-search-sort-toggle { anchor-name: --global-search-sort; flex: 0 0 auto; font-size: 12px; padding-inline: var(--r-space-2); }
.riento-search-sort-toggle .riento-icon { width: 12px; height: 12px; }
.riento-search-sort-popup { position: fixed; inset: auto; position-anchor: --global-search-sort; bottom: anchor(top); right: clamp(var(--r-space-2), anchor(right), calc(100vw - 240px - var(--r-space-2))); margin: 0 0 var(--r-space-2); width: 240px; max-width: calc(100vw - 2 * var(--r-space-2)); max-height: min(65dvh, 480px); overflow-y: auto; padding: var(--r-space-3); color: var(--r-text-primary); background: var(--r-bg-surface-1); border: 1px solid var(--r-border-strong); border-radius: var(--r-radius-sm); box-shadow: var(--r-shadow-lg); }
.riento-search-sort-popup fieldset { border: 0; margin: 0; padding: 0; }
.riento-search-sort-popup fieldset + fieldset { border-top: 1px solid var(--r-border-subtle); margin-top: var(--r-space-2); padding-top: var(--r-space-2); }
.riento-search-sort-popup legend { color: var(--r-text-muted); font-size: 12px; padding-block: var(--r-space-1); }
.riento-search-sort-popup label { display: flex; align-items: center; gap: var(--r-space-2); min-height: 32px; font-size: 13px; overflow-wrap: anywhere; cursor: pointer; }
.riento-search-sort-popup input { flex: 0 0 auto; }
.riento-search-state { flex: 1; padding: var(--r-space-8); }
.riento-search-state h2 { font-size: 18px; }
@keyframes riento-search-pulse { from { opacity: 0.4; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .riento-search-table__skeleton { animation: none; } }
@media (max-width: 980px) {
    .riento-search-filters .riento-search-category-tree__children { margin-left: min(12px, 3%); padding-left: min(12px, 3%); }
    .riento-global-search-box .riento-search-filters-toggle { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; bottom: 0; min-height: 0; height: auto; border-width: 1px; border-left: 1px solid var(--r-border-strong); border-radius: 0 var(--r-radius-sm) var(--r-radius-sm) 0; }
    .riento-global-search-box:has(.riento-search-filters-toggle) > input { padding-right: var(--r-space-12); }
    .riento-global-search__body { grid-template-columns: minmax(0, 1fr); }
    .riento-search-filter-edge { display: none; }
    .riento-global-search__results { grid-column: 1; }
    .riento-search-filters:not(:popover-open) { display: none; }
    .riento-search-filters:popover-open { display: block; position: fixed; inset: auto; position-anchor: --global-search-filters; top: anchor(bottom); right: anchor(right); margin: var(--r-space-2) 0 0; width: min(320px, calc(100vw - 2 * var(--r-space-2))); max-height: min(65dvh, 480px); box-sizing: border-box; border: 1px solid var(--r-border-strong); border-radius: var(--r-radius-sm); box-shadow: var(--r-shadow-lg); }
}
@media (max-width: 760px) {
    .riento-search-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
    .riento-search-table { font-size: 11px; }
    .riento-search-table th, .riento-search-table td { min-width: 80px; height: 28px; padding: var(--r-space-1) var(--r-space-2); }
    .riento-search-table th { height: 24px; font-size: 10px; }
    .riento-search-table td.riento-search-table__title { min-width: 160px; }
    .riento-global-search__results { flex: 1; }
    .riento-search-refine { width: 100%; padding: var(--r-space-2); }
    .riento-search-pagination { gap: var(--r-space-1); padding: var(--r-space-2); }
    .riento-search-pagination__count { font-size: 11px; }
    .riento-search-pagination__size > span { display: none; }
    .riento-search-pagination__prefix { display: none; }
}

.riento-document-file-scroll > table {
    min-width: 40rem;
    width: 100%;
}

.riento-button,
.riento-icon-button {
    border: 1px solid var(--r-border-strong);
    border-radius: var(--r-radius-sm);
    background: var(--r-bg-surface-2);
    color: var(--r-text-primary);
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--r-space-2);
    padding: 0 var(--r-space-3);
    cursor: pointer;
}

.riento-button:hover,
.riento-icon-button:hover {
    background: var(--r-bg-hover);
}

.riento-button:disabled,
.riento-icon-button:disabled {
    background: var(--r-bg-surface-1);
    border-color: var(--r-border-subtle);
    color: var(--r-text-muted);
    cursor: not-allowed;
    opacity: 0.7;
}

.riento-button--primary {
    background: #2A3138;
    border-color: #444D56;
    color: var(--r-text-primary);
}

.riento-button--primary:hover {
    background: #313A43;
    border-color: #566170;
}

.riento-button--ghost {
    background: transparent;
}

.riento-icon-button {
    width: 32px;
    padding: 0;
}

.riento-input,
.riento-select,
.riento-textarea {
    width: 100%;
    min-height: 34px;
    border: 1px solid var(--r-border-strong);
    border-radius: var(--r-radius-sm);
    background: var(--r-bg-surface-2);
    color: var(--r-text-primary);
    padding: 0 var(--r-space-3);
}

.riento-textarea {
    min-height: 140px;
    padding-block: var(--r-space-3);
    resize: vertical;
}

.riento-search-box {
    position: relative;
}

.riento-search-box__input {
    padding-left: 34px;
}

.riento-search-box__input:focus,
.riento-search-box__input:focus-visible {
    outline: none;
    border-color: var(--r-border-selected);
    box-shadow: 0 0 0 2px rgba(216, 222, 230, 0.15);
}

.riento-search-box__icon {
    position: absolute;
    left: var(--r-space-3);
    top: 50%;
    transform: translateY(-50%);
    color: var(--r-text-muted);
    font-size: 18px;
}

.riento-icon {
    width: 1.25em;
    height: 1.25em;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: currentColor;
}

.riento-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.riento-data-toolbar,
.riento-filter-bar {
    display: flex;
    align-items: center;
    gap: var(--r-space-2);
    flex-wrap: wrap;
}

.riento-items-paginator {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--r-space-2);
    padding: var(--r-space-2) var(--r-space-3);
    border-top: 1px solid var(--r-border-subtle);
}

.riento-items-paginator__page-size {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    min-width: 96px;
    max-width: 124px;
}

.riento-items-paginator__page-size .riento-select {
    width: 100%;
    min-height: 36px;
    padding-inline: 10px 28px;
}

.riento-items-paginator__page-size-label-full {
    color: var(--r-text-muted);
    font-size: 11px;
    white-space: nowrap;
}

.riento-items-paginator__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--r-space-2);
    min-width: 0;
}

.riento-items-paginator__button {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--r-border-strong);
    border-radius: var(--r-radius-sm);
    background: var(--r-bg-surface-2);
    color: var(--r-text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.riento-items-paginator__button:hover {
    background: var(--r-bg-hover);
}

.riento-items-paginator__button:disabled {
    background: var(--r-bg-surface-1);
    border-color: var(--r-border-subtle);
    color: var(--r-text-muted);
    cursor: not-allowed;
    opacity: 0.7;
}

.riento-items-paginator__button-text-short {
    display: none;
}

.riento-items-paginator__page-label {
    color: var(--r-text-secondary);
    white-space: nowrap;
}

.riento-data-toolbar {
    padding: var(--r-space-4);
    flex-direction: column;
    align-items: stretch;
}

.riento-data-toolbar__row {
    display: flex;
    align-items: center;
    gap: var(--r-space-2);
}

.riento-filter-chip {
    border: 1px solid var(--r-border-subtle);
    border-radius: 999px;
    background: var(--r-bg-surface-2);
    color: var(--r-text-secondary);
    min-height: 26px;
    padding: 0 var(--r-space-3);
    font-size: 12px;
}

.riento-filter-chip.is-active {
    border-color: var(--r-border-selected);
    color: var(--r-text-primary);
}

.riento-badge-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--r-space-1);
}

.riento-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 2px 7px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.riento-status-badge--success {
    color: var(--r-status-success-text, var(--r-badge-success-fg));
    background: var(--r-status-success-bg, var(--r-badge-success-bg));
    border-color: var(--r-status-success-border, var(--r-badge-success-border));
}

.riento-status-badge--danger {
    color: var(--r-status-danger-text, var(--r-badge-danger-fg));
    background: var(--r-status-danger-bg, var(--r-badge-danger-bg));
    border-color: var(--r-status-danger-border, var(--r-badge-danger-border));
}

.riento-status-badge--warning {
    color: var(--r-status-warning-text, var(--r-badge-warning-fg));
    background: var(--r-status-warning-bg, var(--r-badge-warning-bg));
    border-color: var(--r-status-warning-border, var(--r-badge-warning-border));
}

.riento-status-badge--info {
    color: var(--r-status-info-text, var(--r-badge-info-fg));
    background: var(--r-status-info-bg, var(--r-badge-info-bg));
    border-color: var(--r-status-info-border, var(--r-badge-info-border));
}

.riento-status-badge--neutral {
    color: var(--r-status-neutral-text, var(--r-badge-neutral-fg));
    background: var(--r-status-neutral-bg, var(--r-badge-neutral-bg));
    border-color: var(--r-status-neutral-border, var(--r-badge-neutral-border));
}

.riento-status-badge--purple {
    color: var(--r-status-purple-text, var(--r-badge-purple-fg));
    background: var(--r-status-purple-bg, var(--r-badge-purple-bg));
    border-color: var(--r-status-purple-border, var(--r-badge-purple-border));
}

.riento-status-badge--cyan {
    color: var(--r-status-cyan-text, var(--r-badge-cyan-fg));
    background: var(--r-status-cyan-bg, var(--r-badge-cyan-bg));
    border-color: var(--r-status-cyan-border, var(--r-badge-cyan-border));
}

.riento-entity-row,
.riento-entity-card {
    border: 0;
    border-left: 2px solid transparent;
    border-bottom: 1px solid var(--r-border-subtle);
    background: var(--r-bg-surface-1);
    color: inherit;
    text-align: left;
}

.riento-entity-row {
    width: 100%;
    display: grid;
    grid-template-columns: 54px minmax(220px, 1fr) minmax(120px, max-content) 28px;
    gap: var(--r-space-3);
    align-items: center;
    min-height: 72px;
    padding: var(--r-space-3) var(--r-space-4);
}

.riento-entity-row--no-thumbnail {
    grid-template-columns: minmax(260px, 1fr) minmax(120px, max-content) 28px;
}

.riento-entity-row:hover,
.riento-entity-card:hover {
    background: var(--r-bg-hover);
}

.riento-entity-row.is-selected,
.riento-entity-card.is-selected {
    background: var(--r-bg-selected);
    border-left-color: var(--r-border-selected);
}

.riento-entity-row__title,
.riento-entity-card__title {
    color: var(--r-text-primary);
    font-weight: 650;
}

.riento-entity-row__subtitle,
.riento-entity-card__subtitle,
.riento-entity-row__meta,
.riento-entity-card__meta {
    color: var(--r-text-secondary);
    font-size: 12px;
    line-height: 1.3;
}

.riento-entity-row__thumbnail,
.riento-entity-row__badges,
.riento-entity-row__menu {
    min-width: 0;
}

.riento-entity-row__main {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.riento-entity-row__title,
.riento-entity-row__subtitle,
.riento-entity-row__meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riento-entity-row__secondary-metric,
.riento-entity-row__available-inline {
    margin-top: 2px;
    color: var(--r-text-muted);
    font-size: 11px;
    line-height: 1.25;
}

.riento-entity-row__available-inline strong {
    color: var(--r-text-primary);
    font-weight: 650;
}

.riento-entity-row__metric {
    text-align: right;
}

.riento-entity-row__badges {
    min-width: 0;
    justify-self: end;
}

.riento-entity-row__badges .riento-badge-cluster {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 4px;
}

.riento-entity-row__menu {
    justify-self: end;
    min-width: 0;
}

.riento-entity-card {
    display: none;
    width: 100%;
    padding: var(--r-space-4);
}

.riento-thumbnail {
    width: 44px;
    height: 44px;
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-md);
    background: var(--r-bg-surface-2);
    color: var(--r-text-muted);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.riento-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.riento-item-image img {
    object-fit: contain;
}

.riento-metric-value__value {
    color: var(--r-text-primary);
    font-size: 18px;
    font-weight: 650;
    line-height: 1.1;
}

.riento-metric-value__label {
    color: var(--r-text-muted);
    font-size: 11px;
    line-height: 1.2;
}

.riento-detail-header {
    --r-record-title-size: 30px;
    --r-record-subtitle-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--r-space-5);
    margin-bottom: var(--r-space-4);
}

.riento-detail-header__main {
    display: flex;
    gap: var(--r-space-4);
    min-width: 0;
}

.riento-detail-header__main > div {
    min-width: 0;
}

.riento-detail-header__context {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--r-space-2) var(--r-space-3);
    margin-top: var(--r-space-2);
    color: var(--r-text-secondary);
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.riento-detail-header__title {
    margin: 0;
    color: var(--r-text-primary);
    font-size: var(--r-record-title-size);
    font-weight: 600;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.riento-detail-header__subtitle {
    color: var(--r-text-secondary);
    font-size: var(--r-record-subtitle-size);
    margin-top: var(--r-space-1);
}

.riento-detail-header__actions {
    display: flex;
    gap: var(--r-space-2);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.riento-detail-tabs {
    display: flex;
    gap: var(--r-space-5);
    border-bottom: 1px solid var(--r-border-subtle);
    margin-bottom: var(--r-space-4);
    overflow-x: auto;
}

.riento-detail-tab {
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--r-text-secondary);
    min-height: 36px;
    padding: 0 0 var(--r-space-2);
    white-space: nowrap;
}

.riento-tab-content,
.riento-items-tab-content {
    container-type: inline-size;
    min-width: 0;
}

.riento-detail-tab.is-active {
    border-bottom-color: var(--r-accent-primary);
    color: var(--r-text-primary);
}

.riento-detail-card {
    background: var(--r-bg-surface-1);
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-lg);
    box-shadow: var(--r-shadow-panel);
    padding: var(--r-space-4);
    min-width: 0;
}

.riento-detail-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--r-space-3);
    margin-bottom: var(--r-space-3);
}

.riento-detail-card__title {
    margin: 0;
    color: var(--r-text-primary);
    font-size: 15px;
    font-weight: 600;
}

.riento-module-actions-menu {
    position: relative;
    display: inline-flex;
}

.riento-module-actions-menu__trigger {
    width: 36px;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid var(--r-border-subtle);
    border-radius: 999px;
    background: var(--r-bg-surface-1);
    color: var(--r-text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--r-shadow-panel);
}

.riento-module-actions-menu__trigger:hover,
.riento-module-actions-menu__trigger[aria-expanded="true"] {
    border-color: var(--r-accent-primary);
    background: var(--r-bg-hover);
    color: var(--r-text-primary);
}

.riento-module-actions-menu__trigger:focus-visible,
.riento-module-actions-menu__item:focus-visible {
    outline: 2px solid var(--r-accent-focus);
    outline-offset: 2px;
}

.riento-module-actions-menu__panel {
    position: absolute;
    z-index: 1100;
    top: calc(100% + var(--r-space-2));
    right: 0;
    width: min(280px, calc(100vw - var(--r-space-4)));
    padding: var(--r-space-2);
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-lg);
    background: var(--r-bg-surface-1);
    color: var(--r-text-primary);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.riento-module-actions-menu__item {
    width: 100%;
    min-height: 42px;
    border: 0;
    border-radius: var(--r-radius-md);
    background: transparent;
    color: var(--r-text-primary);
    display: flex;
    align-items: center;
    gap: var(--r-space-3);
    padding: var(--r-space-2) var(--r-space-3);
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.riento-module-actions-menu__item:hover:not(:disabled) {
    background: var(--r-bg-hover);
}

.riento-module-actions-menu__item:disabled {
    color: var(--r-text-muted);
    cursor: not-allowed;
    opacity: 0.55;
}

.riento-module-actions-menu__item--danger {
    color: var(--r-status-error);
}

.riento-detail-grid,
.riento-items-overview-grid,
.riento-items-commercial-grid,
.riento-items-quality-grid,
.riento-items-history-grid,
.riento-items-relations-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--r-space-4);
    min-width: 0;
}

.riento-key-value-grid,
.riento-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--r-space-3);
}

.riento-key-value-grid__label {
    color: var(--r-text-muted);
    font-size: 12px;
}

.riento-key-value-grid__value {
    color: var(--r-text-primary);
    font-size: 13px;
}

.riento-list-panel,
.riento-activity-timeline,
.riento-markdown-viewer {
    color: var(--r-text-secondary);
    font-size: 13px;
}

.riento-list-panel__item,
.riento-activity-timeline__item {
    border-top: 1px solid var(--r-border-subtle);
    padding: var(--r-space-2) 0;
}

.riento-empty-state,
.riento-inline-message,
.riento-loading-skeleton,
.riento-toast {
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-md);
    background: var(--r-bg-surface-2);
    color: var(--r-text-secondary);
    padding: var(--r-space-4);
}

.riento-drawer {
    background: var(--r-bg-surface-1);
    border: 1px solid var(--r-border-subtle);
    box-shadow: var(--r-shadow-soft);
}

.riento-modal {
    min-width: 0;
}

:is(.riento-modal, [role="dialog"]) :is(.riento-card, .riento-detail-card, .riento-inline-message, fieldset) {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

:is(.riento-modal, [role="dialog"]) fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
}

:is(.riento-modal, [role="dialog"]) :is(.riento-button, .riento-icon-button) {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--r-text-secondary);
}

:is(.riento-modal, [role="dialog"]) :is(.riento-button, .riento-icon-button):hover:not(:disabled) {
    background: transparent;
    border-color: transparent;
    color: var(--r-text-primary);
}

.riento-button--icon-only {
    position: relative;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    justify-content: center;
}

.riento-button--icon-only .riento-button__text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

:is(.riento-modal, [role="dialog"]) :is(.riento-input, .riento-select, .riento-textarea) {
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

:is(.riento-modal, [role="dialog"]) :is(.riento-input, .riento-select, .riento-textarea):hover:not(:disabled) {
    border-bottom-color: var(--r-border-strong);
}

:is(.riento-modal, [role="dialog"]) :is(button, input, select, textarea):focus-visible {
    outline: 2px solid var(--r-accent-focus);
    outline-offset: 2px;
}

.riento-entity-search-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    width: min(640px, calc(100vw - var(--r-space-6)));
    max-height: min(80vh, 720px);
    margin: auto;
    background: var(--r-bg-surface-1);
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-lg);
    box-shadow: var(--r-shadow-soft);
    overflow: hidden;
}

.riento-entity-search-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--r-space-3);
    padding: var(--r-space-4);
    border-bottom: 1px solid var(--r-border-subtle);
}

.riento-entity-search-modal__header > h2 {
    min-width: 0;
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.riento-entity-search-modal__title {
    margin: 0;
    font-size: 1.125rem;
}

.riento-entity-search-modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: var(--r-radius-md);
    cursor: pointer;
    color: var(--r-text-secondary);
}

.riento-entity-search-modal__close:hover {
    background: transparent;
    color: var(--r-text-primary);
}

.riento-entity-search-modal__search {
    padding: var(--r-space-4);
    border-bottom: 1px solid var(--r-border-subtle);
}

.riento-entity-search-modal__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: var(--r-space-4);
}

.riento-entity-search-modal__list {
    display: grid;
    gap: var(--r-space-2);
}

.riento-entity-search-modal__row {
    padding: var(--r-space-3);
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-md);
    cursor: pointer;
    background: var(--r-bg-surface-1);
}

.riento-entity-search-modal__row:hover,
.riento-entity-search-modal__row:focus-visible {
    border-color: var(--r-accent-primary);
    background: var(--r-bg-surface-2);
    outline: none;
}

.riento-entity-search-modal__row-primary {
    font-weight: 600;
    color: var(--r-text-primary);
}

.riento-entity-search-modal__row-secondary {
    font-size: 0.8125rem;
    color: var(--r-text-secondary);
    margin-top: 2px;
}

.riento-entity-search-modal__hint {
    margin: 0 0 var(--r-space-3) 0;
    color: var(--r-text-secondary);
}

.riento-entity-search-modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: var(--r-space-3);
    padding: var(--r-space-4);
    border-top: 1px solid var(--r-border-subtle);
}

.riento-entity-search-modal__footer--export {
    flex-wrap: wrap;
    align-items: center;
}

.riento-entity-search-modal__footer--export > .riento-button {
    flex: 0 0 auto;
    max-width: 100%;
}

.riento-entity-search-modal__footer--export > :not(.riento-button) {
    flex-basis: 100%;
    order: -1;
}

@media (max-width: 959px) {
    .riento-entity-row {
        display: none;
    }

    .riento-entity-row--no-thumbnail {
        display: grid;
    }

    .riento-entity-card {
        display: none;
    }

    .riento-detail-header {
        display: block;
    }
}

@media (max-width: 760px) {
    .riento-items-detail-workspace.is-mobile > .riento-button {
        min-height: 44px;
        margin-bottom: var(--r-space-2);
    }

    .riento-detail-header {
        --r-record-title-size: 26px;
        --r-record-subtitle-size: 15px;
        margin-bottom: var(--r-space-3);
        gap: 14px;
    }

    .riento-detail-header__main {
        display: flex;
        gap: 14px;
        align-items: start;
    }

.riento-reference-files-layout {
    display: block;
}

.riento-reference-related-layout,
.riento-reference-files-layout,
.riento-reference-documents-layout {
    margin-top: var(--r-space-4);
}

.riento-reference-related-list {
    display: grid;
    gap: var(--r-space-2);
}

.riento-reference-related-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--r-space-3);
    align-items: center;
}

.riento-reference-related-row__main {
    min-width: 0;
}

.riento-reference-related-row__value {
    color: var(--r-text-primary);
    font-weight: 650;
    justify-self: end;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .riento-detail-header__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        justify-content: stretch;
    }

    .riento-detail-header__actions .riento-button {
        min-height: 44px;
        justify-content: center;
    }

    .riento-detail-header .riento-thumbnail--header {
        width: 88px;
        height: 88px;
    }

    .riento-detail-header__title {
        line-height: 1.2;
    }

    .riento-detail-header__subtitle {
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .riento-mobile-detail-close,
    .riento-button--print-label,
    .riento-items-unavailable-actions {
        display: none;
    }

    .riento-detail-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 24px;
        padding-inline: 0;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .riento-detail-tabs::-webkit-scrollbar {
        display: none;
    }

    .riento-detail-tab {
        flex: 0 0 auto;
        white-space: nowrap;
        scroll-snap-align: start;
        padding-inline: 0;
        min-height: 44px;
    }

    .riento-detail-card {
        border-radius: 18px;
        padding: 20px;
    }

    .riento-detail-grid,
    .riento-items-commercial-grid,
    .riento-items-quality-grid,
    .riento-items-history-grid,
    .riento-items-relations-grid,
    .riento-items-bom-layout,
    .riento-reference-documents-layout,
    .riento-items-documents-layout {
        gap: 16px;
    }

    .riento-tab-content .riento-empty-state,
    .riento-items-tab-content .riento-empty-state,
    .riento-inline-message,
    .riento-items-bom-empty {
        padding: 12px 14px;
        min-height: auto;
        font-size: 15px;
        line-height: 1.35;
    }

    .riento-key-value-grid {
        gap: 16px 20px;
    }

    .riento-key-value-grid__label {
        font-size: 13px;
        line-height: 1.25;
    }

    .riento-key-value-grid__value {
        font-size: 15px;
        line-height: 1.3;
    }

    .riento-metric-grid {
        gap: 14px;
    }

    .riento-metric-value__value {
        font-size: 24px;
        line-height: 1.1;
    }

    .riento-metric-value__label {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .riento-button,
    .riento-icon-button,
    .riento-filter-chip,
    .riento-detail-tab {
        min-height: 44px;
    }
}

.riento-items-active-filters {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    padding: 0 0 12px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.riento-items-active-filters::-webkit-scrollbar {
    display: none;
}

.riento-items-active-filters > * {
    flex: 0 0 auto;
}

.riento-items-pane-header {
    padding: 0;
    background: var(--r-bg-surface-1);
}

.riento-items-pane-header__search-row {
    display: flex;
    align-items: center;
    gap: var(--r-space-2);
}

.riento-record-list-pane__toolbar,
.riento-items-list-pane__toolbar {
    min-height: calc(var(--r-workspace-toolbar-height) + (var(--r-space-3) * 2));
    display: flex;
    align-items: center;
    gap: var(--r-space-2);
    padding: var(--r-space-3) var(--r-space-4);
    border-bottom: 1px solid var(--r-border-subtle);
    box-sizing: border-box;
}

.riento-record-list-pane__search,
.riento-items-list-pane__search {
    flex: 1 1 auto;
    min-width: 0;
}

.riento-record-list-pane__search .riento-module-search-command,
.riento-record-list-pane__search .riento-search-box,
.riento-record-list-pane__search .riento-search-box__input {
    width: 100%;
    min-width: 0;
}

.riento-items-list-pane__search .riento-module-search-command {
    padding: 0;
}

.riento-items-list-pane .riento-items-active-filters {
    padding: var(--r-space-2) var(--r-space-4) 0;
}

.riento-items-list-pane .riento-list-actions-menu {
    margin: var(--r-space-2) var(--r-space-4) var(--r-space-4);
}

.riento-tab-panel {
    min-width: 0;
    display: grid;
    gap: var(--r-space-4);
    padding: var(--r-space-4);
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-lg);
    background: var(--r-bg-surface-1);
}

.riento-tab-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--r-space-4);
    min-width: 0;
}

.riento-tab-panel__heading {
    min-width: 0;
}

.riento-tab-panel__title-row {
    display: flex;
    align-items: center;
    gap: var(--r-space-2);
    min-width: 0;
}

.riento-tab-panel__title {
    margin: 0;
    color: var(--r-text-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

.riento-tab-panel__description {
    margin-top: 3px;
    color: var(--r-text-muted);
    font-size: 12px;
    line-height: 1.35;
}

.riento-tab-panel__actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--r-space-2);
    flex-wrap: wrap;
}

.riento-tab-panel__body {
    min-width: 0;
    display: grid;
    gap: var(--r-space-4);
}

.riento-module-page-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0 14px;
}

.riento-module-page-header__back {
    width: 44px;
    height: 44px;
    border-radius: var(--r-radius-md);
    border: 1px solid var(--r-border-subtle);
    background: var(--r-bg-surface-2);
    color: var(--r-text-primary);
    display: grid;
    place-items: center;
}

.riento-module-page-header__title {
    margin: 0;
    color: var(--r-text-primary);
    font-size: clamp(24px, 3vw, 28px);
    line-height: 1.12;
    font-weight: 700;
}

.riento-module-search-command {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 0;
    padding: 0 0 var(--r-space-4);
}

.riento-items-pane-header__search-row .riento-module-search-command {
    padding-bottom: 0;
}

.riento-module-search-command .riento-search-box,
.riento-module-search-command .riento-search-box__input {
    width: 100%;
}

.riento-module-search-command .riento-search-box__input {
    min-height: 46px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 2px;
    border-color: var(--r-border-strong);
    background: var(--r-bg-surface-2);
}

.riento-module-search-command__menu {
    min-height: 46px;
    width: 44px;
    border: 2px solid var(--r-border-strong);
    border-left: 0;
    border-radius: 0 var(--r-radius-md) var(--r-radius-md) 0;
    background: var(--r-bg-surface-2);
    color: var(--r-text-primary);
    display: grid;
    place-items: center;
}

.riento-list-actions-menu {
    margin: 0 0 var(--r-space-4);
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-lg);
    background: var(--r-bg-surface-2);
    box-shadow: var(--r-shadow-panel);
    padding: var(--r-space-4);
    display: grid;
    gap: var(--r-space-4);
}

.riento-list-actions-menu section {
    display: grid;
    gap: var(--r-space-2);
}

.riento-list-actions-menu h2 {
    margin: 0;
    color: var(--r-text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.riento-list-actions-menu button,
.riento-list-actions-menu label {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: var(--r-space-2);
    border-radius: var(--r-radius-md);
    color: var(--r-text-primary);
}

.riento-list-actions-menu button {
    border: 1px solid var(--r-border-subtle);
    background: var(--r-bg-surface-3);
    padding: 0 var(--r-space-3);
}

.riento-list-actions-menu button.is-selected {
    border-color: var(--r-border-selected);
    background: var(--r-bg-selected);
}

.riento-list-actions-menu label input {
    margin: 0;
}


.riento-items-row-mobile {
    display: none;
}

.riento-items-columns--identity-status,
.riento-items-columns {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(120px, max-content) 28px;
    gap: var(--r-space-3);
    padding: var(--r-space-2) var(--r-space-4);
    border-bottom: 1px solid var(--r-border-subtle);
    color: var(--r-text-muted);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.riento-items-columns__item {
    min-width: 0;
}

.riento-items-columns__status {
    text-align: right;
}

.riento-items-columns__menu {
    text-align: right;
}

.riento-thumbnail--header {
    border-color: var(--r-border-strong);
    background: var(--r-bg-surface-2);
}

.riento-inline-note {
    margin-top: var(--r-space-3);
    color: var(--r-text-secondary);
    font-size: 13px;
}

.riento-items-actions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--r-space-2);
}

.riento-items-filters-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--r-space-3);
}

@media (max-width: 1800px) {
    .riento-items-list-description {
        display: none;
    }

    .riento-items-pane-header {
        padding: 0;
    }

    .riento-items-pane-header__row {
        margin-bottom: var(--r-space-2);
        gap: var(--r-space-2);
    }

    .riento-items-pane-header__search-row {
        gap: var(--r-space-2);
    }

    .riento-data-toolbar {
        padding: var(--r-space-3);
        gap: var(--r-space-2);
    }

    .riento-items-filter-bar,
    .riento-filter-bar {
        gap: var(--r-space-2);
    }

    .riento-filter-chip {
        min-height: 30px;
        padding-inline: 10px;
    }
}

@media (max-width: 959px) {
    .riento-items-row-desktop {
        display: none;
    }

    .riento-items-row-mobile {
        display: block;
    }

    .riento-items-columns {
        display: none;
    }

    .riento-list-actions-menu {
        margin-inline: 0;
    }
}

@media (max-width: 959px) {
    .riento-pane-toggle-button {
        display: none;
    }
}

@media (max-width: 959px) {
    .riento-record-list-pane__toolbar,
    .riento-items-list-pane__toolbar {
        min-width: 0;
        max-width: 100%;
        padding: var(--r-space-3);
        gap: 8px;
    }

    .riento-record-list-pane__search,
    .riento-items-list-pane__search,
    .riento-module-search-command,
    .riento-module-search-command .riento-search-box,
    .riento-module-search-command .riento-search-box__input {
        min-width: 0;
        max-width: 100%;
    }

    .riento-items-detail-workspace,
    .riento-items-tab-content,
    .riento-detail-grid,
    .riento-items-overview-grid,
    .riento-items-commercial-grid,
    .riento-items-quality-grid,
    .riento-items-history-grid,
    .riento-items-relations-grid,
    .riento-detail-card {
        min-width: 0;
        max-width: 100%;
    }

    .riento-detail-grid,
    .riento-items-overview-grid,
    .riento-items-commercial-grid,
    .riento-items-quality-grid,
    .riento-items-history-grid,
    .riento-items-relations-grid {
        grid-template-columns: 1fr;
    }

    .riento-detail-tabs {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 760px) {
    .riento-items-pane-header {
        padding: 0;
    }

    .riento-record-list-pane__toolbar,
    .riento-items-list-pane__toolbar {
        min-height: calc(48px + (var(--r-space-3) * 2));
    }

    .riento-module-search-command .riento-search-box__input,
    .riento-module-search-command__menu {
        min-height: 48px;
    }

    .riento-items-paginator {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .riento-items-paginator__page-size {
        min-width: 72px;
        max-width: 84px;
    }

    .riento-items-paginator__page-size-label-full,
    .riento-items-paginator__page-label-prefix,
    .riento-items-paginator__button-text-full {
        display: none;
    }

    .riento-items-paginator__button-text-short {
        display: inline;
    }

    .riento-entity-row--no-thumbnail {
        grid-template-columns: minmax(0, 1fr) minmax(72px, max-content) 28px;
        min-height: 76px;
        padding: 14px 16px;
    }

    .riento-entity-row--no-thumbnail .riento-entity-row__title {
        font-size: 16px;
        line-height: 1.2;
    }

    .riento-entity-row--no-thumbnail .riento-entity-row__subtitle,
    .riento-entity-row--no-thumbnail .riento-entity-row__meta,
    .riento-entity-row--no-thumbnail .riento-entity-row__secondary-metric {
        font-size: 13px;
        line-height: 1.3;
    }
}

@container (max-width: 520px) {
    .riento-items-paginator {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .riento-items-paginator__page-size {
        min-width: 72px;
        max-width: 84px;
    }

    .riento-items-paginator__page-size-label-full,
    .riento-items-paginator__page-label-prefix,
    .riento-items-paginator__button-text-full {
        display: none;
    }

    .riento-items-paginator__button-text-short {
        display: inline;
    }
}

/* ========================================================
   Items — Wide card support
======================================================== */

.riento-detail-card--wide {
    grid-column: 1 / -1;
}

/* ========================================================
   Items — Documents tab
======================================================== */

.riento-reference-documents-layout,
.riento-items-documents-layout {
    display: grid;
    grid-template-columns: minmax(360px, 0.95fr) minmax(360px, 1.05fr);
    gap: var(--r-space-4);
    align-items: start;
}

.riento-reference-document-side,
.riento-items-document-side {
    display: grid;
    gap: var(--r-space-4);
    min-width: 0;
}

.riento-reference-documents-workspace {
    display: grid;
    gap: var(--r-space-4);
    min-width: 0;
}

.riento-reference-documents-list-card,
.riento-reference-document-preview-card,
.riento-reference-document-details-card {
    min-width: 0;
}

.riento-reference-documents-list-card > .riento-detail-card__header,
.riento-reference-files-layout > .riento-detail-card > .riento-detail-card__header,
.riento-task-workspace > .riento-detail-card__header,
.riento-reference-documents-list-card .riento-reference-unavailable-actions {
    flex-wrap: wrap;
}

.riento-reference-documents-list-card > .riento-detail-card__header .riento-button,
.riento-task-workspace > .riento-detail-card__header > *,
.riento-reference-files-layout > .riento-detail-card > .riento-detail-card__header .riento-button {
    flex-shrink: 0;
    white-space: nowrap;
}

.riento-reference-document-preview-card {
    width: 100%;
}

.riento-reference-documents-summary-row,
.riento-reference-document-preview-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: var(--r-space-4);
    align-items: start;
    min-width: 0;
}

.riento-reference-document-list,
.riento-items-document-list {
    display: grid;
    gap: var(--r-space-2);
    min-width: 0;
}

.riento-reference-document-card,
.riento-items-document-card {
    width: 100%;
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-md);
    background: var(--r-bg-surface-2);
    color: var(--r-text-secondary);
    text-align: left;
    padding: var(--r-space-3);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--r-space-3);
    align-items: start;
    cursor: pointer;
    transition:
        background 140ms ease,
        border-color 140ms ease;
}

.riento-reference-document-card:hover,
.riento-items-document-card:hover {
    background: var(--r-bg-hover);
    border-color: var(--r-border-strong);
}

.riento-reference-document-card:focus-visible {
    outline: 2px solid var(--r-border-selected);
    outline-offset: 2px;
}

.riento-reference-document-card.is-selected,
.riento-items-document-card.is-selected {
    background: var(--r-bg-selected);
    border-color: var(--r-border-selected);
}

.riento-reference-document-card__main,
.riento-items-document-card__main {
    min-width: 0;
}

.riento-reference-document-card__title,
.riento-items-document-card__title {
    color: var(--r-text-primary);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riento-reference-document-card__meta,
.riento-reference-document-card__submeta,
.riento-items-document-card__meta,
.riento-items-document-card__submeta {
    color: var(--r-text-muted);
    font-size: 12px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riento-reference-document-card__meta,
.riento-items-document-card__meta {
    margin-top: 4px;
}

.riento-reference-document-card__submeta,
.riento-items-document-card__submeta {
    margin-top: 2px;
}

.riento-reference-document-card__status,
.riento-items-document-card__status {
    align-self: start;
    justify-self: end;
}

.riento-reference-document-card__actions {
    display: inline-flex;
    align-items: center;
    gap: var(--r-space-2);
}

.riento-reference-row-icon-button {
    inline-size: 36px;
    block-size: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-md);
    color: var(--r-text-muted);
    background: var(--r-bg-surface-2);
    cursor: pointer;
}

.riento-reference-row-icon-button:hover,
.riento-reference-row-icon-button:focus-visible {
    color: var(--r-text-primary);
    border-color: var(--r-border-selected);
    background: var(--r-bg-hover);
}

.riento-dot-separator {
    display: inline;
    padding: 0 4px;
    color: var(--r-text-muted);
}

.riento-reference-document-preview,
.riento-items-document-preview {
    min-height: 220px;
    border: 1px dashed var(--r-border-subtle);
    border-radius: var(--r-radius-lg);
    background: var(--r-bg-surface-2);
    display: grid;
    place-items: center;
    padding: var(--r-space-5);
    color: var(--r-text-muted);
    text-align: center;
    gap: var(--r-space-2);
}

.riento-reference-document-preview__icon,
.riento-items-document-preview__icon {
    font-size: 42px;
    color: var(--r-text-secondary);
}

.riento-reference-document-preview__title,
.riento-items-document-preview__title {
    color: var(--r-text-primary);
    font-size: 16px;
    font-weight: 650;
    margin-top: var(--r-space-1);
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riento-reference-document-preview__badges,
.riento-items-document-preview__badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--r-space-1);
    margin-top: var(--r-space-1);
}

.riento-reference-document-preview__meta,
.riento-items-document-preview__meta {
    color: var(--r-text-muted);
    font-size: 12px;
    margin-top: var(--r-space-1);
}

.riento-reference-document-file-preview,
.riento-reference-document-preview-content {
    display: grid;
    gap: var(--r-space-3);
    min-width: 0;
}

.riento-reference-document-preview-frame {
    width: 100%;
    min-height: 72vh;
    height: 72vh;
    border: 0;
    border-radius: var(--r-radius-md);
    background: var(--r-bg-surface-2);
}

.riento-reference-document-image-preview-shell {
    width: 100%;
    min-height: 72vh;
    height: 72vh;
    overflow: auto;
    display: grid;
    place-items: center;
    border-radius: var(--r-radius-md);
    background: var(--r-bg-surface-2);
}

.riento-reference-document-image-preview {
    max-width: 100%;
    max-height: none;
    object-fit: contain;
}

.riento-document-preview-panel {
    display: grid;
    gap: var(--r-space-4);
    min-width: 0;
}

.riento-document-preview-panel__actions {
    flex-wrap: wrap;
}

.riento-document-preview-panel__empty {
    min-height: 420px;
    display: grid;
    place-items: center;
    gap: var(--r-space-3);
    padding: var(--r-space-5);
    text-align: center;
    color: var(--r-text-muted);
}

.riento-document-preview-panel.is-compact .riento-document-preview-panel__empty {
    min-height: 260px;
}

.riento-document-preview-panel__icon {
    font-size: 42px;
    color: var(--r-text-secondary);
}

.riento-document-preview-panel__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    gap: var(--r-space-4);
    align-items: start;
    min-width: 0;
}

.riento-document-preview-root-card,
.riento-document-preview-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-lg);
    background: var(--r-bg-surface-1);
    box-shadow: var(--r-shadow-panel);
}

.riento-document-preview-root-card__header,
.riento-document-preview-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--r-space-3);
    padding: var(--r-space-3);
    border-bottom: 1px solid var(--r-border-subtle);
}

.riento-document-preview-root-card__title,
.riento-document-preview-card__title {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--r-text-primary);
    font-size: 15px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riento-document-preview-root-card__body,
.riento-document-preview-card__body {
    min-width: 0;
}

.riento-document-other-files {
    min-width: 0;
}

.riento-document-preview-card__download {
    flex: 0 0 auto;
}

.riento-document-preview-card__pdf {
    width: 100%;
    min-height: 72vh;
    border: 0;
    background: var(--r-bg-surface-2);
}

.riento-document-preview-card__image-frame {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--r-bg-surface-2);
}

.riento-document-preview-card__image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.riento-document-preview-card__image-button {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: zoom-in;
    text-align: inherit;
}

.riento-document-preview-card--image {
    max-width: 720px;
}

.riento-document-preview-card__loading {
    min-height: 220px;
    display: grid;
    place-items: center;
    padding: var(--r-space-4);
}

.riento-document-preview-card__fallback {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: var(--r-space-2);
    padding: var(--r-space-5);
    color: var(--r-text-muted);
    text-align: center;
}

.riento-document-focused-preview {
    display: flex;
    flex-direction: column;
    gap: var(--r-space-4);
    min-width: 0;
}

.riento-document-focused-preview__header {
    display: flex;
    align-items: center;
    gap: var(--r-space-3);
    min-width: 0;
}

.riento-document-focused-preview__title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: var(--r-text-primary);
    font-weight: var(--r-font-weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riento-document-focused-preview__body {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
}

.riento-document-focused-preview__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100vh - 220px);
    object-fit: contain;
}

.riento-reference-document-mobile-preview-page {
    min-height: 100dvh;
    background: var(--r-bg-page);
    color: var(--r-text-primary);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.riento-reference-document-mobile-preview-body {
    min-height: 0;
    overflow: auto;
    padding: var(--r-space-3);
}

.riento-reference-document-mobile-preview-body .riento-reference-document-preview-frame,
.riento-reference-document-mobile-preview-body .riento-reference-document-image-preview-shell {
    height: calc(100dvh - var(--r-mobile-header-height, 72px) - var(--r-space-6));
    min-height: calc(100dvh - var(--r-mobile-header-height, 72px) - var(--r-space-6));
}

.riento-section-note {
    margin-top: var(--r-space-3);
    color: var(--r-text-muted);
    font-size: 12px;
    line-height: 1.4;
    border-top: 1px solid var(--r-border-subtle);
    padding-top: var(--r-space-3);
}

.riento-section-note--compact {
    margin-top: var(--r-space-2);
    padding-top: var(--r-space-2);
}

.riento-section-note--no-border {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: var(--r-space-3);
}

@media (max-width: 760px) {
    .riento-reference-document-card,
    .riento-items-document-card {
        grid-template-columns: 1fr;
    }

    .riento-reference-document-card__status,
    .riento-items-document-card__status {
        justify-self: start;
    }

    .riento-reference-related-row {
        grid-template-columns: 1fr;
    }

    .riento-reference-related-row__value {
        justify-self: start;
    }
}

/* ========================================================
   Items — BOM tab
======================================================== */

.riento-items-bom-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1.15fr);
    gap: var(--r-space-4);
    align-items: start;
}

.riento-items-bom-table {
    display: grid;
    gap: 0;
    min-width: 0;
}

.riento-items-bom-table__header,
.riento-items-bom-row {
    display: grid;
    grid-template-columns:
        minmax(220px, 2fr)
        90px
        minmax(120px, 0.8fr)
        minmax(150px, 1fr)
        minmax(160px, 1fr);
    gap: var(--r-space-3);
    align-items: center;
}

.riento-items-bom-table--parents .riento-items-bom-table__header,
.riento-items-bom-table--parents .riento-items-bom-row {
    grid-template-columns:
        minmax(220px, 2fr)
        90px
        minmax(120px, 0.8fr)
        minmax(200px, 1fr);
}

.riento-items-bom-table__header {
    color: var(--r-text-muted);
    font-size: 11px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0 0 var(--r-space-2) 0;
    border-bottom: 1px solid var(--r-border-subtle);
}

.riento-items-bom-row {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--r-border-subtle);
    background: transparent;
    color: var(--r-text-secondary);
    text-align: left;
    padding: var(--r-space-3) 0;
}

.riento-items-bom-row__identity {
    min-width: 0;
}

.riento-items-bom-row__title {
    color: var(--r-text-primary);
    font-size: 14px;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riento-items-bom-row__subtitle {
    color: var(--r-text-muted);
    font-size: 12px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
}

.riento-items-bom-row__metric,
.riento-items-bom-row__meta {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.riento-items-bom-row__badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--r-space-1);
    align-items: center;
    min-width: 0;
}

.riento-items-bom-row__label {
    display: none;
    color: var(--r-text-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.riento-items-bom-empty {
    border: 1px dashed var(--r-border-subtle);
    border-radius: var(--r-radius-md);
    padding: var(--r-space-4);
    color: var(--r-text-muted);
    background: var(--r-bg-surface-2);
}

@media (max-width: 760px) {
    .riento-items-bom-row {
        grid-template-columns: 1fr;
    }

    .riento-items-bom-row__metric {
        justify-items: start;
    }
}

/* ========================================================
   Items — Inventory storage rows
======================================================== */

.riento-items-storage-list {
    display: grid;
    gap: var(--r-space-2);
}

.riento-items-storage-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--r-space-4);
    align-items: center;
    padding: var(--r-space-3);
    border: 1px solid var(--r-border-subtle);
    border-radius: var(--r-radius-md);
    background: var(--r-bg-surface-2);
}

.riento-items-storage-row__identity {
    min-width: 0;
}

.riento-items-storage-row__title {
    color: var(--r-text-primary);
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.riento-items-storage-row__subtitle {
    color: var(--r-text-muted);
    font-size: 12px;
    margin-top: 2px;
}

.riento-items-storage-row__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(80px, auto));
    gap: var(--r-space-4);
    justify-items: end;
}

@media (max-width: 900px) {
    .riento-items-storage-row {
        grid-template-columns: 1fr;
    }

    .riento-items-storage-row__metrics {
        justify-items: start;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .riento-items-storage-row__metrics {
        grid-template-columns: 1fr;
    }
}

.riento-split-workspace,
.riento-list-pane,
.riento-detail-pane,
.riento-tab-content,
.riento-items-tab-content,
.riento-detail-card {
    min-width: 0;
}

.riento-detail-pane,
.riento-detail-pane__content,
.riento-items-detail-workspace,
.riento-tab-content,
.riento-items-tab-content {
    width: 100%;
    min-width: 0;
}

.riento-split-workspace--list-collapsed .riento-tab-content,
.riento-split-workspace--list-collapsed .riento-items-tab-content {
    width: 100%;
}

.riento-module-page-header__actions {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.riento-pane-toggle-button {
    appearance: none;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
    color: var(--r-text-muted);
    opacity: 0.7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    cursor: pointer;
}

.riento-pane-toggle-button:hover {
    opacity: 1;
    color: var(--r-text-primary);
    background: rgba(255, 255, 255, 0.04);
}

.riento-pane-toggle-button:focus-visible {
    outline: 2px solid var(--r-accent-focus);
    outline-offset: 2px;
}

.riento-pane-toggle-button .riento-icon,
.riento-pane-toggle-button svg {
    width: 16px;
    height: 16px;
    display: block;
}

.riento-pane-toggle-button--show-list {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    margin: 0 0 var(--r-space-3);
    color: var(--r-accent-primary);
    opacity: 0.9;
}

.riento-pane-toggle-button--show-list .riento-icon,
.riento-pane-toggle-button--show-list svg {
    width: 18px;
    height: 18px;
}

@container (min-width: 680px) {
    .riento-entity-row__badges .riento-status-badge {
        width: auto;
        height: auto;
        min-width: 0;
        min-height: 0;
        padding: 2px 7px;
        border-radius: 999px;
        font-size: 11px;
        line-height: 1.2;
        box-shadow: none;
    }
}

@container (max-width: 679px) and (min-width: 621px) {
    .riento-entity-row__badges .riento-status-badge {
        font-size: 10px;
        padding: 2px 5px;
    }
}

@container (max-width: 620px) {
    .riento-items-columns--identity-status,
    .riento-items-columns {
        grid-template-columns: minmax(220px, 1fr) minmax(32px, auto) 24px;
        padding-inline: var(--r-space-3);
    }

    .riento-items-columns__status {
        font-size: 0;
    }

    .riento-items-columns__status::after {
        content: "•";
        font-size: 11px;
        color: var(--r-text-muted);
    }

    .riento-entity-row,
    .riento-entity-row--no-thumbnail {
        grid-template-columns: minmax(220px, 1fr) minmax(32px, auto) 24px;
        gap: var(--r-space-2);
        padding-inline: var(--r-space-3);
    }

    .riento-entity-row__title {
        font-size: 13px;
        line-height: 1.2;
    }

    .riento-entity-row__subtitle,
    .riento-entity-row__meta,
    .riento-entity-row__secondary-metric {
        font-size: 11px;
        line-height: 1.25;
    }

    .riento-entity-row__badges .riento-badge-cluster {
        display: flex;
        flex-wrap: nowrap;
        gap: 5px;
        justify-content: flex-end;
    }

    .riento-entity-row__badges .riento-status-badge {
        width: 11px;
        height: 11px;
        min-width: 11px;
        min-height: 11px;
        padding: 0;
        border-radius: 999px;
        font-size: 0;
        line-height: 0;
        color: transparent;
        border-width: 1px;
        border-style: solid;
        overflow: hidden;
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.16),
            0 0 0 4px rgba(255, 255, 255, 0.03);
    }

    .riento-entity-row__badges .riento-status-badge--success {
        background: var(--r-status-success-dot, #76E08C);
        border-color: var(--r-status-success-border, rgba(118, 224, 140, 0.58));
    }

    .riento-entity-row__badges .riento-status-badge--danger {
        background: var(--r-status-danger-dot, #FF8A8A);
        border-color: var(--r-status-danger-border, rgba(255, 138, 138, 0.62));
    }

    .riento-entity-row__badges .riento-status-badge--warning {
        background: var(--r-status-warning-dot, #F5C96B);
        border-color: var(--r-status-warning-border, rgba(245, 201, 107, 0.62));
    }

    .riento-entity-row__badges .riento-status-badge--info {
        background: var(--r-status-info-dot, #79B7FF);
        border-color: var(--r-status-info-border, rgba(121, 183, 255, 0.60));
    }

    .riento-entity-row__badges .riento-status-badge--neutral {
        background: var(--r-status-neutral-dot, #C4CCD4);
        border-color: var(--r-status-neutral-border, rgba(196, 204, 212, 0.45));
    }

    .riento-entity-row__badges .riento-status-badge--purple {
        background: var(--r-status-purple-dot, #C7A7FF);
        border-color: var(--r-status-purple-border, rgba(199, 167, 255, 0.58));
    }

    .riento-entity-row__badges .riento-status-badge--cyan {
        background: var(--r-status-cyan-dot, #84E1D5);
        border-color: var(--r-status-cyan-border, rgba(132, 225, 213, 0.58));
    }
}

@container (max-width: 520px) {
    .riento-items-columns--identity-status,
    .riento-items-columns {
        grid-template-columns: minmax(180px, 1fr) minmax(24px, auto) 20px;
    }

    .riento-entity-row,
    .riento-entity-row--no-thumbnail {
        grid-template-columns: minmax(180px, 1fr) minmax(24px, auto) 20px;
    }

    .riento-entity-row__secondary-metric {
        font-size: 10px;
    }

    .riento-entity-row__badges .riento-status-badge {
        width: 9px;
        height: 9px;
        min-width: 9px;
        min-height: 9px;
    }
}

.riento-detail-card,
.riento-entity-row,
.riento-reference-document-card,
.riento-items-document-card,
.riento-items-bom-row {
    overflow-wrap: anywhere;
}

@container (max-width: 719px) {
    .riento-tab-content .riento-detail-grid,
    .riento-tab-content .riento-items-commercial-grid,
    .riento-tab-content .riento-items-quality-grid,
    .riento-tab-content .riento-items-history-grid,
    .riento-tab-content .riento-items-relations-grid,
    .riento-tab-content .riento-reference-documents-layout,
    .riento-tab-content .riento-items-bom-layout,
    .riento-tab-content .riento-key-value-grid,
    .riento-tab-content .riento-metric-grid,
    .riento-items-tab-content .riento-detail-grid,
    .riento-items-tab-content .riento-items-commercial-grid,
    .riento-items-tab-content .riento-items-quality-grid,
    .riento-items-tab-content .riento-items-history-grid,
    .riento-items-tab-content .riento-items-relations-grid,
    .riento-items-tab-content .riento-items-documents-layout,
    .riento-items-tab-content .riento-items-bom-layout,
    .riento-items-tab-content .riento-key-value-grid,
    .riento-items-tab-content .riento-metric-grid {
        grid-template-columns: 1fr;
    }
}

@container (min-width: 720px) {
    .riento-tab-content .riento-detail-grid,
    .riento-tab-content .riento-items-overview-grid,
    .riento-tab-content .riento-items-commercial-grid,
    .riento-tab-content .riento-items-quality-grid,
    .riento-tab-content .riento-items-history-grid,
    .riento-tab-content .riento-items-relations-grid,
    .riento-items-tab-content .riento-detail-grid,
    .riento-items-tab-content .riento-items-overview-grid,
    .riento-items-tab-content .riento-items-commercial-grid,
    .riento-items-tab-content .riento-items-quality-grid,
    .riento-items-tab-content .riento-items-history-grid,
    .riento-items-tab-content .riento-items-relations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .riento-tab-content .riento-key-value-grid,
    .riento-tab-content .riento-metric-grid,
    .riento-items-tab-content .riento-key-value-grid,
    .riento-items-tab-content .riento-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .riento-tab-content .riento-reference-documents-layout,
    .riento-items-tab-content .riento-items-documents-layout {
        grid-template-columns: minmax(340px, 0.9fr) minmax(360px, 1.1fr);
    }

    .riento-items-tab-content .riento-items-bom-layout {
        grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1.15fr);
    }
}

@container (min-width: 1180px) {
    .riento-tab-content .riento-detail-grid.riento-detail-grid--can-three,
    .riento-tab-content .riento-items-overview-grid,
    .riento-items-tab-content .riento-detail-grid.riento-detail-grid--can-three,
    .riento-items-tab-content .riento-items-overview-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container (max-width: 1180px) {
    .riento-tab-content .riento-reference-documents-summary-row,
    .riento-items-tab-content .riento-reference-documents-summary-row {
        display: contents;
    }

    .riento-tab-content .riento-reference-documents-list-card,
    .riento-items-tab-content .riento-reference-documents-list-card {
        order: 1;
    }

    .riento-tab-content .riento-reference-document-preview-card,
    .riento-items-tab-content .riento-reference-document-preview-card {
        order: 2;
    }

    .riento-tab-content .riento-reference-document-details-card,
    .riento-items-tab-content .riento-reference-document-details-card {
        order: 3;
    }

    .riento-tab-content .riento-reference-document-preview-frame,
    .riento-tab-content .riento-reference-document-image-preview-shell,
    .riento-items-tab-content .riento-reference-document-preview-frame,
    .riento-items-tab-content .riento-reference-document-image-preview-shell {
        min-height: 62vh;
        height: 62vh;
    }
}

@container (max-width: 720px) {
    .riento-tab-content .riento-reference-documents-summary-row,
    .riento-items-tab-content .riento-reference-documents-summary-row {
        grid-template-columns: 1fr;
    }

    .riento-tab-content .riento-reference-document-preview-card,
    .riento-items-tab-content .riento-reference-document-preview-card,
    .riento-reference-documents-workspace.is-mobile .riento-reference-document-preview-card {
        display: none;
    }

    .riento-tab-content .riento-reference-document-preview-frame,
    .riento-tab-content .riento-reference-document-image-preview-shell,
    .riento-items-tab-content .riento-reference-document-preview-frame,
    .riento-items-tab-content .riento-reference-document-image-preview-shell {
        min-height: 55vh;
        height: 55vh;
    }
}

.riento-reference-documents-workspace.is-mobile .riento-reference-documents-summary-row {
    grid-template-columns: 1fr;
}

/* Placeholder for upcoming responsive tab container-query rules. */
@container (max-width: 980px) {
    .riento-tab-content .riento-reference-documents-layout,
    .riento-items-tab-content .riento-items-documents-layout,
    .riento-items-tab-content .riento-items-bom-layout {
        grid-template-columns: 1fr;
    }

    .riento-tab-content .riento-reference-document-preview,
    .riento-items-tab-content .riento-items-document-preview {
        min-height: 160px;
    }

    .riento-items-tab-content .riento-items-bom-table__header {
        display: none;
    }

    .riento-items-tab-content .riento-items-bom-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: var(--r-space-2);
        border: 1px solid var(--r-border-subtle);
        border-radius: var(--r-radius-md);
        background: var(--r-bg-surface-2);
        padding: var(--r-space-3);
        margin-bottom: var(--r-space-2);
    }

    .riento-items-tab-content .riento-items-bom-row__metric {
        justify-items: end;
    }

    .riento-items-tab-content .riento-items-bom-row__label {
        display: block;
    }

    .riento-items-tab-content .riento-items-bom-row > :nth-child(n+3) {
        grid-column: 1 / -1;
    }

    .riento-items-tab-content .riento-items-relations-summary .riento-key-value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--r-space-3);
    }
}

@media (max-width: 959px) {
    .riento-mobile-detail-page__content {
        padding: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .riento-mobile-item-detail {
        min-height: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        background: var(--r-bg-app);
        color: var(--r-text-primary);
    }

    .riento-mobile-item-detail__topbar {
        position: sticky;
        top: 0;
        z-index: 8;
        min-height: 48px;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        background: var(--r-bg-sidebar);
        border-bottom: 1px solid var(--r-border-subtle);
    }

    .riento-mobile-item-detail__topbar .riento-icon-button {
        width: 34px;
        min-height: 34px;
    }

    .riento-mobile-item-detail__topbar-title {
        color: var(--r-text-primary);
        font-size: 15px;
        line-height: 1.2;
        font-weight: 680;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .riento-mobile-item-detail__body {
        flex: 1;
        min-height: 0;
        overflow: visible;
        padding: 12px;
        padding-bottom: calc(84px + env(safe-area-inset-bottom));
    }

    .riento-mobile-entity-hero,
    .riento-mobile-item-hero {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        margin-bottom: 12px;
    }

    .riento-mobile-entity-hero__thumb,
    .riento-mobile-item-hero__thumb {
        width: 72px;
        height: 72px;
        border-radius: 14px;
        overflow: hidden;
    }

    .riento-mobile-entity-hero__thumb .riento-thumbnail,
    .riento-mobile-item-hero__thumb .riento-thumbnail {
        width: 72px;
        height: 72px;
        border-radius: 14px;
    }

    .riento-mobile-entity-hero__primary,
    .riento-mobile-item-hero__partno {
        color: var(--r-text-secondary);
        font-size: 13px;
        line-height: 1.2;
        font-weight: 620;
        margin-bottom: 2px;
    }

    .riento-mobile-entity-hero__content {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .riento-mobile-entity-hero__title,
    .riento-mobile-item-hero__title {
        margin: 0;
        overflow-wrap: anywhere;
        color: var(--r-text-primary);
        font-size: 24px;
        line-height: 1.06;
        font-weight: 700;
    }

    .riento-mobile-entity-hero__badges,
    .riento-mobile-item-hero__badges {
        margin-top: 6px;
    }

    .riento-mobile-entity-hero__meta,
    .riento-mobile-item-hero__meta {
        margin-top: 6px;
        color: var(--r-text-muted);
        font-size: 12px;
        line-height: 1.3;
    }

    .riento-mobile-item-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: 8px;
    }

    .riento-mobile-item-actions .riento-button {
        min-height: 34px;
        font-size: 13px;
        padding-inline: 8px;
    }

    .riento-mobile-item-actions-note {
        margin-bottom: 12px;
        color: var(--r-text-muted);
        font-size: 11px;
        line-height: 1.25;
    }

    .riento-mobile-section-selector,
    .riento-mobile-item-section-selector {
        position: sticky;
        top: 64px;
        z-index: 6;
        margin-bottom: 12px;
        padding: 8px;
        border-radius: 12px;
        border: 1px solid var(--r-border-subtle);
        background: color-mix(in srgb, var(--r-bg-surface-1) 94%, transparent);
    }

    .riento-mobile-section-selector__label,
    .riento-mobile-item-section-selector__label {
        display: block;
        margin-bottom: 6px;
        color: var(--r-text-muted);
        font-size: 11px;
        line-height: 1.2;
        font-weight: 620;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .riento-mobile-section-selector__select,
    .riento-mobile-item-section-selector .riento-select {
        width: 100%;
        min-height: 36px;
    }

    .riento-mobile-item-section-content {
        display: grid;
        gap: 12px;
    }

    .riento-mobile-detail-card {
        margin: 0;
        padding: 12px;
        border-radius: 16px;
        background: var(--r-bg-surface-1);
        border: 1px solid var(--r-border-subtle);
    }

    .riento-mobile-detail-card__title {
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 1.2;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--r-text-secondary);
    }

    .riento-mobile-field-list {
        display: grid;
        gap: 8px;
    }

    .riento-mobile-field-row {
        display: grid;
        gap: 2px;
    }

    .riento-mobile-field-row__label {
        color: var(--r-text-muted);
        font-size: 12px;
        line-height: 1.2;
    }

    .riento-mobile-field-row__value {
        color: var(--r-text-primary);
        font-size: 15px;
        line-height: 1.25;
        font-weight: 500;
    }

    .riento-mobile-list {
        display: grid;
        gap: 8px;
    }

    .riento-mobile-list__row {
        border: 1px solid var(--r-border-subtle);
        border-radius: 12px;
        background: var(--r-bg-surface-2);
        padding: 10px;
        min-width: 0;
    }

    .riento-mobile-list__row--button {
        width: 100%;
        text-align: left;
        color: inherit;
        cursor: pointer;
    }

    .riento-mobile-list__title {
        color: var(--r-text-primary);
        font-size: 13px;
        line-height: 1.25;
        font-weight: 600;
        overflow-wrap: anywhere;
    }

    .riento-mobile-list__meta {
        margin-top: 3px;
        color: var(--r-text-secondary);
        font-size: 12px;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .riento-mobile-overview-image-card__image.riento-thumbnail {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
        border-radius: 12px;
        background: var(--r-bg-surface-2);
    }

    .riento-mobile-overview-image-card__badges {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 420px) {
    .riento-mobile-item-detail__body {
        padding: 10px;
    }

    .riento-mobile-item-hero {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 10px;
    }

    .riento-mobile-item-hero__thumb,
    .riento-mobile-item-hero__thumb .riento-thumbnail {
        width: 64px;
        height: 64px;
        border-radius: 12px;
    }

    .riento-mobile-item-hero__title {
        font-size: 21px;
    }

    .riento-mobile-item-actions .riento-button {
        min-height: 32px;
        font-size: 12.5px;
    }

    .riento-mobile-detail-card {
        padding: 11px;
    }
}

.riento-inline-edit-field {
    min-width: 0;
}

.riento-inline-edit-field__header {
    display: block;
    margin-bottom: 2px;
}

.riento-inline-edit-field__value-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.riento-inline-edit-field__hint {
    margin-top: 3px;
    color: var(--r-text-muted);
    font-size: 11px;
    line-height: 1.2;
}

.riento-inline-edit-field__editor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 6px;
    align-items: center;
}

.riento-inline-edit-field__editor .riento-textarea {
    min-height: 76px;
}

.riento-inline-edit-field__error {
    margin-top: 4px;
    color: #fda4af;
    font-size: 11px;
    line-height: 1.2;
}

.riento-inline-edit-button {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 7px;
    border: 1px solid var(--r-border-subtle);
    background: var(--r-bg-surface-2);
    color: var(--r-text-muted);
    display: inline-grid;
    place-items: center;
    padding: 0;
}

.riento-inline-edit-button .riento-icon {
    width: 15px;
    height: 15px;
}

.riento-inline-edit-button .riento-icon svg {
    stroke-width: 1.8;
}

.riento-inline-edit-button:hover,
.riento-inline-edit-button:focus-visible {
    color: var(--r-text-primary);
    border-color: var(--r-border-strong);
    background: var(--r-bg-hover);
}

.riento-inline-edit-button--changed {
    border-color: rgba(94, 224, 131, 0.35);
    color: rgba(94, 224, 131, 0.85);
}

.riento-inline-edit-button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.riento-inline-edit-input {
    min-height: 30px;
    padding: 4px 8px;
    border-radius: 7px;
    border: 1px solid rgba(94, 224, 131, 0.65);
    background: var(--r-bg-surface-0);
    color: var(--r-text-primary);
}

.riento-inline-edit-select,
.riento-inline-edit-input select,
.riento-inline-edit-field select,
select.riento-inline-edit-input {
    min-height: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid var(--r-border-subtle);
    background-color: var(--r-bg-surface-1);
    color: var(--r-text-primary);
    padding: 4px 30px 4px 8px;
    font: inherit;
    font-size: 13px;
    line-height: 1.2;
    color-scheme: dark;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--r-text-muted) 50%), linear-gradient(135deg, var(--r-text-muted) 50%, transparent 50%);
    background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.riento-inline-edit-select:focus,
.riento-inline-edit-input select:focus,
.riento-inline-edit-field select:focus,
select.riento-inline-edit-input:focus {
    outline: none;
    border-color: rgba(94, 224, 131, 0.65);
    box-shadow: 0 0 0 2px rgba(94, 224, 131, 0.16);
}

.riento-inline-edit-select option,
.riento-inline-edit-input select option,
.riento-inline-edit-field select option,
select.riento-inline-edit-input option {
    background-color: var(--r-bg-surface-1);
    color: var(--r-text-primary);
}

.riento-inline-edit-select:disabled,
.riento-inline-edit-input select:disabled,
.riento-inline-edit-field select:disabled,
select.riento-inline-edit-input:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.riento-inline-edit-select.is-changed,
select.riento-inline-edit-input.is-changed {
    border-color: rgba(94, 224, 131, 0.45);
}

.riento-inline-edit-select.is-invalid,
select.riento-inline-edit-input.is-invalid {
    border-color: rgba(248, 113, 113, 0.70);
}

.riento-inline-edit-action {
    width: 28px;
    height: 28px;
    min-height: 28px;
    border-radius: 7px;
    border: 1px solid var(--r-border-subtle);
    background: var(--r-bg-surface-2);
    color: var(--r-text-secondary);
    display: inline-grid;
    place-items: center;
    padding: 0;
}

.riento-inline-edit-action .riento-icon {
    width: 15px;
    height: 15px;
}

.riento-inline-edit-action .riento-icon svg {
    stroke-width: 1.85;
}

.riento-inline-edit-action--confirm {
    border-color: rgba(94, 224, 131, 0.6);
    color: #b5f7c9;
}

.riento-inline-edit-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--r-text-secondary);
}

/* Boolean choices render as switches; list selections keep native checkboxes. */
input.riento-switch[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: 0 0 auto;
    width: 34px;
    height: 20px;
    margin: 0;
    border: 1px solid var(--r-border-strong);
    border-radius: 999px;
    background: var(--r-bg-surface-3);
    cursor: pointer;
    vertical-align: middle;
    transition: background-color .15s ease, border-color .15s ease;
}

input.riento-switch[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--r-text-secondary);
    transition: transform .15s ease, background-color .15s ease;
}

input.riento-switch[type="checkbox"]:checked {
    background: var(--r-accent-primary);
    border-color: var(--r-accent-primary);
}

input.riento-switch[type="checkbox"]:checked::before {
    transform: translateX(14px);
    background: var(--r-bg-surface-1);
}

input.riento-switch[type="checkbox"]:hover:not(:disabled) { border-color: var(--r-accent-primary); }
input.riento-switch[type="checkbox"]:focus-visible { outline: 2px solid var(--r-accent-focus); outline-offset: 2px; }
input.riento-switch[type="checkbox"]:disabled { opacity: .5; cursor: not-allowed; }

@media (prefers-reduced-motion: reduce) {
    input.riento-switch[type="checkbox"], input.riento-switch[type="checkbox"]::before { transition: none; }
}

/* Dialogs and cards that match the Item General/Attributes golden record. */
.riento-modal:has(> .riento-record-dialog) {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: var(--r-space-4) !important;
    border: 0;
    background: rgb(0 0 0 / 0.35);
    box-shadow: none;
}

.riento-record-dialog {
    width: min(44rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--r-border-subtle);
    border-radius: 8px;
    background: var(--r-bg-app);
    color: var(--r-text-primary);
    box-shadow: var(--r-shadow-soft);
}

.riento-record-dialog__header,
.riento-record-dialog__footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--r-space-2);
    padding: var(--r-space-3) var(--r-space-4);
    background: var(--r-bg-surface-1);
}

.riento-record-dialog__header { justify-content: space-between; border-bottom: 1px solid var(--r-border-subtle); }
.riento-record-dialog__header h2 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.riento-record-dialog__footer { justify-content: flex-end; border-top: 1px solid var(--r-border-subtle); }

.riento-record-dialog__body {
    flex: 1;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: var(--r-space-3);
    padding: var(--r-space-3);
}

.riento-record-card {
    min-width: 0;
    margin: 0;
    padding: var(--r-space-3);
    border: 1px solid var(--r-border-subtle);
    border-radius: 6px;
    background: var(--r-bg-surface-1);
    container-type: inline-size;
}

.riento-record-page { width: 100%; min-width: 0; padding: var(--r-space-4); }
@media (min-width: 960px) {
    .riento-record-page { height: 100%; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-gutter: stable; }
}
@media (max-width: 600px) { .riento-record-page { padding: var(--r-space-2); } }

.riento-record-card .riento-section-header { padding: 0; margin: 0 0 var(--r-space-3); min-height: 32px; }
.riento-record-card .riento-section-header__title h3 { font-size: 16px; font-weight: 600; }
.riento-record-fields .riento-key-value-grid { grid-template-columns: minmax(0, 1fr); }
.riento-record-markdown .riento-inline-edit-field--record { display: block; }
.riento-record-markdown .riento-inline-edit-field__header { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.riento-record-primary-pair { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--r-space-3); margin-block: var(--r-space-3); min-width: 0; }
.riento-record-card-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: var(--r-space-3); margin-block: var(--r-space-3); min-width: 0; }
.riento-record-card-layout > .riento-record-card, .riento-record-card-layout > div > .riento-record-card { height: 100%; box-sizing: border-box; }
.riento-golden-record .riento-record-section-stack { margin-top: var(--r-space-3); }
.riento-golden-record .riento-accordion[data-section="Relations"] { margin-top: var(--r-space-1); }
.riento-golden-record .riento-record-section-stack .riento-accordion[data-section="Relations"] { margin-top: 0; }
.riento-golden-header + .riento-accordion, .riento-golden-header + div:not(.riento-record-card-layout):not(.riento-record-primary-pair):not(.riento-order-primary) > .riento-record-card:first-child { margin-top: var(--r-space-3); }
.riento-golden-record .riento-record-card[aria-label="Completion readiness"], .riento-notepad-detail .riento-record-card[aria-label="Notes"] { margin-top: var(--r-space-3); }
.riento-revision-list { list-style: none; padding: 0; margin: 0; }
.riento-revision-list > li { display: flex; align-items: center; flex-wrap: wrap; gap: var(--r-space-2); padding-block: var(--r-space-2); border-bottom: 1px solid var(--r-border-subtle); }
.riento-revision-list__select { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--r-space-1); padding: 0; border: 0; background: transparent; color: var(--r-text-primary); font: inherit; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.riento-revision-list__select span { color: var(--r-text-secondary); font-size: 12px; }
.riento-revision-list__select:hover strong { text-decoration: underline; }
.riento-revision-list__select:focus-visible { outline: 2px solid var(--r-border-selected); outline-offset: 2px; }
.riento-graph-link { border: 0; background: transparent; text-decoration: none; }
@container golden-record (min-width: 960px) {
    .riento-record-card-layout--two, .riento-record-primary-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .riento-record-card-layout--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.riento-record-card .riento-key-value-grid { grid-template-columns: minmax(0, 1fr); margin: 0; gap: var(--r-space-1) var(--r-space-8); }
.riento-golden-record .riento-record-card + .riento-record-card { margin-top: var(--r-space-3); }
.riento-record-card-layout > .riento-record-card + .riento-record-card, .riento-order-primary > .riento-record-card + .riento-record-card, .riento-record-primary-pair > .riento-record-card + .riento-record-card { margin-top: 0; }
.riento-golden-record .riento-record-card { min-width: 0; }
.riento-record-card > h3 { margin: 0 0 var(--r-space-3); font-size: 16px; font-weight: 600; line-height: 1.4; }
.riento-record-card > p, .riento-record-card > small { margin: 0 0 var(--r-space-2); color: var(--r-text-secondary); font-size: 12px; display: block; }

.riento-record-row {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    column-gap: var(--r-space-3);
    align-items: center;
    min-height: 36px;
    padding-block: var(--r-space-1);
    border-bottom: 1px solid var(--r-border-subtle);
    font-size: 14px;
    line-height: 20px;
}

.riento-record-row:last-child { border-bottom: 0; }
.riento-record-row__label { color: var(--r-text-secondary); font-size: 13px; font-weight: 500; }
.riento-record-row__value { min-width: 0; display: flex; align-items: center; gap: var(--r-space-2); overflow-wrap: anywhere; }
.riento-record-row__value small { color: var(--r-text-secondary); font-size: 12px; margin-left: auto; }

.riento-record-row :is(.riento-input, .riento-select) {
    min-width: 0;
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
    padding: 7px var(--r-space-2);
    border: 1px solid transparent;
    border-radius: var(--r-radius-0);
    background: transparent;
    box-shadow: none;
    color: var(--r-text-primary);
    font: inherit;
}

.riento-record-row :is(.riento-input, .riento-select):hover:not(:disabled) { background: var(--r-bg-hover); border-bottom-color: var(--r-border-strong); }
.riento-record-row :is(.riento-input, .riento-select):focus { background: var(--r-bg-surface-1); border-color: var(--r-border-strong); outline: 2px solid var(--r-accent-focus); outline-offset: 1px; }

@container (max-width: 460px) {
    .riento-record-row { grid-template-columns: 112px minmax(0, 1fr); }
}


.riento-field-value--changed {
    color: #b5f7c9;
}

.riento-edit-permission-indicator {
    margin-bottom: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid var(--r-border-subtle);
    font-size: 12px;
    line-height: 1.25;
}

.riento-edit-permission-indicator.is-allowed {
    border-color: rgba(94, 224, 131, 0.45);
    background: rgba(26, 54, 39, 0.42);
    color: #b5f7c9;
}

.riento-edit-permission-indicator.is-denied {
    border-color: rgba(248, 113, 113, 0.45);
    background: rgba(67, 30, 36, 0.42);
    color: #fecaca;
}

.riento-edit-permission-indicator.is-pending {
    background: var(--r-bg-surface-2);
    color: var(--r-text-secondary);
}

.riento-unsaved-changes-bar {
    position: sticky;
    bottom: 0;
    z-index: 6;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid var(--r-border-subtle);
    background: rgba(16, 22, 28, 0.96);
    backdrop-filter: blur(8px);
}

.riento-unsaved-changes-bar__title {
    color: var(--r-text-primary);
    font-size: 12px;
    line-height: 1.25;
    font-weight: 620;
}

.riento-unsaved-changes-bar__subtitle {
    margin-top: 2px;
    color: var(--r-text-muted);
    font-size: 11px;
    line-height: 1.2;
}

.riento-unsaved-changes-bar__actions {
    display: inline-flex;
    gap: 8px;
}

.riento-unsaved-changes-bar__actions .riento-button {
    min-height: 32px;
    font-size: 12px;
    padding-inline: 10px;
}

.riento-unsaved-changes-bar.is-mobile {
    margin-bottom: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.riento-unsaved-changes-bar.is-mobile .riento-unsaved-changes-bar__actions .riento-button--ghost {
    display: none;
}

@media (max-width: 760px) {
    .riento-inline-edit-field__editor {
        grid-template-columns: minmax(0, 1fr) 28px 28px;
    }

    .riento-unsaved-changes-bar {
        border-radius: 10px;
        padding: 9px 10px;
    }
}