/* Shared page, form, journal and reading profiles. Site administration does not opt in. */
html body .otc-info-inline { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
html body .otc-info-inline > :is(.rzi, svg, img, button) { flex-shrink: 0; }
html body .otc-ui-report-state .otc-info-inline > .rzi { flex: 0 0 18px; font-size: 18px; }
html body .otc-harmonized.otc-ui-host { max-width: none; margin-inline: 0; }
html body .otc-harmonized.otc-ui-fragment { max-width: 100%; margin: 0; padding: 0; }
html body .otc-harmonized.otc-ui-surface.rz-card { min-width: 0; max-width: none; margin: 0 0 16px; padding: 16px !important; border: 1px solid var(--otc-border); border-radius: 6px; background: var(--otc-surface); box-shadow: var(--otc-shadow-surface); }
html body .otc-harmonized :is(.otc-page-header, .otc-workspace-header) { gap: 12px 20px; margin-bottom: 20px; }
html body .otc-harmonized :is(.otc-page-header, .otc-workspace-header) h1 { margin: 0; font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: normal; overflow-wrap: anywhere; }
/* Public landing and offer pages retain their dedicated presentation typography. */
html body .otc-harmonized :is(h2, .rz-text-subtitle1):not(:where(.otc-landing *, .otc-public-offers *)) { font-size: 15px; line-height: 21px; font-weight: 600; }
html body .otc-harmonized :is(h3, .rz-text-subtitle2):not(:where(.otc-landing *, .otc-public-offers *)) { font-size: 13px; line-height: 19px; font-weight: 600; }
html body .otc-harmonized :is(.otc-subtitle, .otc-eyebrow) { color: var(--otc-muted); font-size: 12px; line-height: 18px; letter-spacing: normal; }
html body .otc-harmonized :is(.otc-entry-facts, .otc-entry-summary) { gap: 12px 16px; }
html body .otc-harmonized :is(.otc-entry-fact-label, .otc-entry-summary-label) { color: var(--otc-muted); font-size: 11px; }
html body .otc-harmonized :is(.otc-entry-fact-value, .otc-entry-summary-value) { color: var(--otc-text); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-input > .rz-form-field-content > :is(.rz-textbox, .rz-textarea, .rz-numeric, .rz-dropdown, .rz-multiselect, .rz-datepicker) { width: 100% !important; max-width: 100%; }
html body .otc-harmonized .otc-ui-form-actions :is(.rz-stack, .otc-entry-actions-primary, .otc-entry-actions-secondary) { gap: 8px !important; }
html body .otc-harmonized .otc-ui-form-actions :is(.rz-card, .otc-ui-surface) { border: 0; background: transparent; box-shadow: none; padding: 0 !important; }
html body .otc-harmonized .otc-ui-form-actions .btn { display: inline-flex; align-items: center; justify-content: center; width: auto !important; min-height: var(--otc-button-height); padding: 3px 8px; border-radius: 3px; font: inherit; font-size: 12px; line-height: 18px; }
html body .otc-harmonized .btn-primary { --bs-btn-bg: var(--otc-primary); --bs-btn-border-color: var(--otc-primary); --bs-btn-hover-bg: var(--otc-primary-hover, var(--otc-primary)); --bs-btn-hover-border-color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-html-field { min-width: 0; margin-top: 4px; }
html body .otc-harmonized .otc-ui-field-control > .otc-ui-html-field { flex: 1 1 auto; }
html body .otc-harmonized .otc-ui-html-field > :is(.form-control:not(textarea), .form-select) { height: var(--otc-control-height); min-height: var(--otc-control-height); padding: 4px 6px; font-size: 12px; line-height: 18px; }
html body .otc-harmonized .otc-ui-html-field > textarea { min-height: 72px; padding: 8px 6px; }
html body .otc-harmonized .otc-ui-html-field > label { height: auto; max-width: calc(100% - 14px); padding: 4px 6px; font-size: 12px; line-height: 18px; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-html-field > :is(.form-control:focus, .form-control:not(:placeholder-shown), .form-select) ~ label { width: auto; height: auto; padding: 0 4px; margin-inline-start: 3px; transform: translateY(-7px); font-size: var(--otc-floating-label-font-size); line-height: var(--otc-floating-label-line-height); background: var(--otc-surface); opacity: 1; }
html body .otc-harmonized .otc-ui-html-field > label::after { display: none; }

/* Operational windows share a compact profile; ordinary pages keep their density. */
html body .otc-entry-window-shell.otc-operation-compact { padding: 8px; }
html body .otc-operation-window { min-width: 0; padding: 10px; border: 1px solid var(--otc-border); border-radius: 6px; background: var(--otc-surface); box-shadow: var(--otc-shadow-surface); }
html body .otc-harmonized .otc-window-header { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-width: 0; margin: 0 0 8px; padding: 0; border: 0; text-align: start; }
html body .otc-window-heading { flex: 1 1 240px; min-width: 0; }
html body .otc-window-title { min-width: 0; }
html body .otc-harmonized .otc-window-title h1 { margin: 0; font-size: 20px; font-weight: 600; line-height: 26px; overflow-wrap: anywhere; }
html body .otc-window-title .otc-workspace-help { display: inline-flex; margin-inline-start: 4px; vertical-align: middle; }
html body .otc-window-context { margin: 2px 0 0; color: var(--otc-muted); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
html body .otc-window-header-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-width: 0; }
html body .otc-operation-compact .rz-card,
html body .otc-operation-compact .rz-panel,
html body .otc-operation-compact.rz-card,
html body .otc-operation-compact :is(.rz-card.otc-ui-surface, .rz-card.otc-entry-window-card, .rz-card.otc-position-entry-card, .otc-ui-section) { margin: 0; padding: 0 !important; border: 0; border-radius: 0; background: transparent; box-shadow: none; min-width: 0; }
html body .otc-harmonized .otc-ui-section.is-embedded { margin: 0; border: 0; border-radius: 0; box-shadow: none; }
html body .otc-operation-compact :is(.otc-ui-section-heading, .otc-ui-section-body) { padding: 0; }
html body .otc-operation-compact .otc-ui-section-heading { margin-bottom: 6px; }
html body .otc-operation-compact .otc-ui-section-heading h2 { font-size: 15px; line-height: 21px; }
html body .otc-operation-compact .otc-ui-form-sections { display: grid; gap: 8px; }
html body .otc-operation-compact.rz-stack,
html body .otc-operation-compact .rz-stack { gap: 8px !important; }
html body .otc-operation-compact .rz-stack > .otc-window-header { margin-bottom: 0; }
html body .otc-operation-compact :is(.otc-form-grid, .otc-contract-metadata, .otc-position-form-grid, .otc-listed-trade-primary-grid, .otc-listed-trade-fields-grid, .otc-listed-trade-event-fields, .otc-contract-portfolio-strategy) { min-width: 0; gap: 8px 12px; }
html body .otc-operation-compact :is(.otc-form-grid, .otc-contract-metadata) { align-items: start; }
html body .otc-operation-compact .otc-ui-readonly-field dt { margin-bottom: 2px; line-height: 14px; }
html body .otc-operation-compact .otc-readonly-value { min-height: 18px; padding-block: 0; line-height: 18px; }
html body .otc-operation-compact :is(.otc-entry-fact, .otc-entry-summary-item) { padding: 4px 6px; }
html body .otc-operation-compact :is(.otc-entry-actions, .otc-ui-form-actions) { margin-top: 4px; padding: 4px 0 !important; gap: 6px 10px; }
html body .otc-operation-compact .otc-entry-actions-primary { margin-inline-start: auto; }
html body .otc-operation-compact :is(.otc-entry-actions, .otc-ui-form-actions) .rz-stack { gap: 6px !important; }
html body .otc-operation-compact :is(.otc-ui-form-actions-left, .otc-ui-form-actions-right) { gap: 6px; }
html body .otc-operation-compact :is(.rz-textarea, .otc-contract-comment-input) { min-height: 40px; }
html body .otc-operation-compact :is(.otc-ui-description, .otc-ui-feedback, .rz-text) { margin-block: 0; }
/* One form owns both modes; consultation changes mutability, not field geometry. */
html body .otc-form-mode { min-width: 0; }
html body .rz-form-field-content > .otc-form-mode { width: 100%; }
html body .otc-operation-compact :is(.otc-form-grid, .otc-contract-metadata, .otc-ui-form-sections, .otc-position-form-grid, .otc-listed-trade-primary-grid, .otc-listed-trade-fields-grid, .otc-listed-trade-event-fields, .otc-contract-portfolio-strategy) { row-gap: 6px; }
html body .otc-operation-compact .otc-ui-input .rz-textarea { min-height: 28px; field-sizing: content; }
html body .otc-form-mode.is-readonly .rz-form-field :is(.rz-state-disabled, input:disabled, textarea:disabled, button:disabled) { opacity: 1; color: var(--otc-text); -webkit-text-fill-color: var(--otc-text); }
html body .otc-form-mode.is-readonly .rz-form-field :is(input, textarea, .rz-dropdown-label, .otc-strategy-value, .otc-calendar-picker-current-value) { user-select: text; }
html body .otc-operation-compact .otc-shared-event-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 6px 12px !important; }
html body .otc-operation-compact .otc-shared-event-fields > :is(.rz-stack, .otc-ui-form-actions, .otc-ui-feedback, .otc-lifecycle-event-details, .rz-form-field:has(textarea)) { grid-column: 1 / -1; }
html body .otc-operation-compact .otc-shared-event-fields :is(.rz-form-field, .rz-datepicker, .rz-numeric) { min-width: 0; width: 100% !important; }
@media (max-width: 600px) {
    html body .otc-operation-compact .otc-shared-event-fields { grid-template-columns: minmax(0, 1fr); }
}
html body .otc-operation-compact .otc-operation-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); align-items: start; gap: 8px 12px !important; min-width: 0; }
html body .otc-operation-compact .otc-operation-fields :is(.otc-ui-field, .rz-form-field, .rz-datepicker, .rz-numeric) { width: 100% !important; min-width: 0; }
@media (min-width: 700px) {
    html body .otc-operation-compact .otc-contract-metadata { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    html body .otc-entry-window-shell.otc-operation-compact { padding: 6px; }
    html body .otc-operation-window { padding: 8px; }
    html body .otc-operation-compact :is(.otc-form-grid, .otc-contract-metadata, .otc-operation-fields) { grid-template-columns: minmax(0, 1fr); }
}
html body .otc-ui-feedback { display: flex; align-items: flex-start; gap: 8px; min-width: 0; margin: 8px 0; color: var(--otc-muted); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
html body .otc-ui-feedback > .rzi { flex: 0 0 auto; font-size: 18px; }
html body .otc-ui-feedback.is-warning { color: var(--otc-warning-text, var(--otc-text)); }
html body .otc-ui-feedback-close { margin-inline-start: auto; padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; }
html body .otc-ui-feedback-close:focus-visible { outline: 1px solid currentColor; }
html body .otc-ui-table-host { min-width: 0; max-width: 100%; overflow: auto; border: 1px solid var(--otc-border-subtle); border-radius: 3px; }
html body .otc-ui-table-host table { width: 100%; margin: 0; border-collapse: collapse; font-size: 12px; line-height: 18px; }
/* Keep the native grid profile when a legacy page used stacked mobile table cards. */
html body .otc-harmonized .otc-ui-table-host table { display: table; }
html body .otc-harmonized .otc-ui-table-host thead { display: table-header-group; }
html body .otc-harmonized .otc-ui-table-host tbody { display: table-row-group; }
html body .otc-harmonized .otc-ui-table-host tr { display: table-row; }
html body .otc-harmonized .otc-ui-table-host tbody tr { height: 34px; }
html body .otc-harmonized .otc-ui-table-host :is(th, td) { display: table-cell; }
html body .otc-harmonized .otc-ui-table-host td[data-label]::before { display: none; }
html body .otc-ui-table-host :is(th, td) { box-sizing: border-box; min-width: 88px; max-width: 0; padding: 3px 8px; border-bottom: 1px solid var(--otc-border-subtle); vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body .otc-ui-table-host th { color: var(--otc-text); background: var(--otc-surface-subtle); font-weight: 600; }
html body .otc-ui-table-host tbody tr:last-child > :is(td, th) { border-bottom: 0; }
html body .otc-ui-table-host td :is(.otc-workspace-table-secondary, .otc-ui-secondary) { display: inline; white-space: nowrap; }
html body .otc-ui-table-host td :is(.otc-workspace-table-secondary, .otc-ui-secondary)::before { content: " · "; }
html body .otc-ui-table-host .otc-ui-resizable-column { position: relative; }
html body .otc-ui-table-host .otc-ui-resizable-column::after { position: absolute; inset-block: 0; inset-inline-end: 0; width: 8px; border-inline-end: 1px solid var(--otc-border); content: ""; cursor: col-resize; }
html body .otc-ui-table-host .otc-ui-resizable-column:focus-visible { outline: 1px solid var(--otc-primary); outline-offset: -1px; }
html body .otc-ui-table-host :is(button, .rz-button, .btn) { white-space: nowrap; }
/* Compact text only. Native controls and their interactive wrappers retain
   their own display, dimensions and internal formatting while editing a cell. */
html body .otc-ui-table-host td > :is(div, p):not([role], [tabindex]):not(:has(input, select, textarea, button, [role], [tabindex])) { display: inline; margin: 0; white-space: nowrap; }
html body .otc-ui-table-host td > :is(div, p):not([role], [tabindex]):not(:has(input, select, textarea, button, [role], [tabindex]))::before { content: " · "; }
html body .otc-ui-table-host td > :is(div, p):not([role], [tabindex]):not(:has(input, select, textarea, button, [role], [tabindex])):first-child::before { content: none; }
html body .otc-ui-table-host :is(.otc-ui-row-actions, [class$="-actions"]) { display: inline-flex; align-items: center; gap: 4px; flex-wrap: nowrap; }
html body .otc-ui-table-host :is(.otc-ui-row-actions, [class$="-actions"])::before { content: none; }
html body .otc-ui-table-host td:not(:has(input, select, textarea, button, [role], [tabindex])) br { display: none; }
html body .otc-ui-table-host .otc-ui-cell-inputs { display: flex; align-items: center; gap: 8px; min-width: 160px; white-space: nowrap; }
html body .otc-ui-table-host .otc-ui-cell-inputs:has(.otc-ui-html-field) { min-width: 300px; }
html body .otc-ui-table-host .otc-ui-cell-inputs > :is(.rz-dropdown, .otc-ui-html-field) { flex: 1 1 0; min-width: 0; }
html body .otc-ui-table-host .otc-ui-cell-inputs > .otc-ui-html-field { margin-top: 0; }
html body .otc-harmonized .source-preview-page-controls .otc-ui-html-field { width: 96px; flex: 0 0 96px; }
html body .otc-ui-reading { max-width: 64rem; }
html body .otc-ui-reading :is(article, section) { min-width: 0; }
html body .otc-ui-reading :is(p, li) { line-height: 1.6; }
/* Reading and marketing retain their content hierarchy; controls still use the common tokens. */
html body .otc-harmonized.otc-ui-public:not(:where(.otc-landing, .otc-public-offers)) { max-width: 76rem; margin-inline: auto; font-size: 14px; line-height: 22px; }
html body .otc-harmonized.otc-ui-public.otc-ui-reading { max-width: 64rem; }
html body .otc-harmonized.otc-ui-public:not(:where(.otc-landing, .otc-public-offers)) h2 { font-size: 24px; line-height: 32px; }
html body .otc-harmonized.otc-ui-public:not(:where(.otc-landing, .otc-public-offers)) h3 { font-size: 17px; line-height: 24px; }
html body .otc-harmonized .legal-document-text { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.6; }
@media (max-width: 600px) {
    html body .otc-harmonized.otc-ui-surface.rz-card { padding: 16px !important; }
    html body .otc-harmonized .otc-ui-form-actions { flex-wrap: wrap; }
}
@media (pointer: coarse) {
    html body .otc-harmonized .otc-ui-form-actions .btn { min-height: 40px; }
    html body .otc-ui-feedback-close { min-width: 40px; min-height: 40px; }
}

/* Shared directory, hierarchy and controlled wizard composition. */
html body .otc-harmonized .otc-ui-stack { display: flex; flex-direction: column; align-items: stretch; gap: 12px; min-width: 0; }
html body .otc-harmonized .otc-ui-inline { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
html body .otc-harmonized .otc-ui-inline-list { display: flex; align-items: center; flex-wrap: nowrap; gap: 12px; min-width: 0; }
html body .otc-harmonized .otc-ui-inline-list > * { flex: 0 0 auto; }
html body .otc-harmonized .otc-ui-context-note { display: flex; align-items: flex-start; gap: 8px; min-width: 0; margin-block: 12px; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-context-note > .rzi { flex: 0 0 auto; }
html body .otc-harmonized .otc-ui-context-note > div { min-width: 0; }
html body .otc-harmonized .otc-ui-context-note > div > :is(strong, span) { display: block; }
html body .otc-harmonized .otc-ui-loading { display: flex; justify-content: center; padding: 24px; }
html body .otc-harmonized .otc-ui-table-region { min-width: 0; margin-top: 16px; }
html body .otc-harmonized .otc-ui-ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html body .otc-harmonized .otc-ui-table-host td:has(.otc-ui-cell-input) { min-width: 160px; }
html body .otc-harmonized .otc-ui-cell-input { width: 100%; min-width: 0; box-sizing: border-box; }
html body .otc-harmonized .otc-ui-grid-actions > .rz-dropdown { min-width: 100px; flex: 1 1 auto; }
html body .otc-harmonized .otc-ui-directory.has-wide-list { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
html body .otc-harmonized .otc-ui-directory.is-single { grid-template-columns: minmax(0, 1fr); }
html body .otc-harmonized .otc-ui-member-link { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: transparent; color: var(--otc-primary); font: inherit; white-space: nowrap; cursor: pointer; }
html body .otc-harmonized .otc-ui-member-link[aria-pressed="true"] { text-decoration: underline; }
html body .otc-harmonized .otc-ui-member-link:focus-visible { outline: 1px solid var(--otc-primary); outline-offset: 2px; }
html body .otc-harmonized .otc-ui-member-link:disabled { cursor: default; opacity: .65; }
html body .otc-harmonized .otc-ui-member-link span { color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-tree-field { min-width: 0; margin-top: 16px; }
html body .otc-harmonized .otc-ui-tree-field > .otc-ui-inline { margin-bottom: 8px; }
html body .otc-harmonized .otc-ui-tree .otc-ui-inline { gap: 8px; }
html body .otc-harmonized .otc-ui-hierarchy { min-width: 0; }
html body .otc-harmonized .otc-ui-hierarchy-item { min-width: 0; padding-block: 4px; padding-inline-start: calc(var(--otc-tree-depth, 0) * 16px); }
html body .otc-harmonized .otc-ui-hierarchy-heading { display: flex; align-items: center; gap: 8px; min-width: 0; }
html body .otc-harmonized .otc-ui-hierarchy-heading > .rzi { flex: 0 0 auto; }
html body .otc-harmonized .otc-ui-hierarchy-name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-hierarchy-details { min-width: 0; margin-top: 8px; }
html body .otc-harmonized .otc-ui-hierarchy-details > .otc-ui-description { display: block; margin: 0; }
html body .otc-harmonized .otc-ui-hierarchy.otc-ui-tree-editor .otc-ui-hierarchy-item { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 1.2fr); align-items: center; gap: 12px; padding-block: 8px; border-bottom: 1px solid var(--otc-border-subtle); }
html body .otc-harmonized .otc-ui-tree-editor .otc-ui-hierarchy-details { margin-top: 0; }
html body .otc-harmonized .otc-ui-tree-editor .otc-form-grid { gap: 8px 12px; }
html body .otc-harmonized .otc-ui-tag { flex: 0 0 auto; padding: 2px 6px; border-radius: 3px; background: var(--otc-surface-subtle); color: var(--otc-muted); white-space: nowrap; }
html body .otc-harmonized .otc-ui-wizard-steps { margin-bottom: 16px; }
html body .otc-harmonized .otc-ui-wizard-steps ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
html body .otc-harmonized .otc-ui-wizard-steps li { flex: 1 1 140px; min-width: 0; }
html body .otc-harmonized .otc-ui-wizard-steps button { display: flex; align-items: center; gap: 8px; width: 100%; height: 100%; padding: 8px 12px; border: 1px solid var(--otc-border); border-radius: 3px; background: var(--otc-surface); color: var(--otc-text); font: inherit; text-align: start; cursor: pointer; }
html body .otc-harmonized .otc-ui-wizard-steps button.is-current { border-color: var(--otc-primary); color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-wizard-steps button:focus-visible { border-color: var(--otc-primary); outline: none; }
html body .otc-harmonized .otc-ui-wizard-steps button:disabled { cursor: default; opacity: .65; }
html body .otc-harmonized .otc-ui-wizard-steps button > span { flex: 0 0 auto; font-weight: 600; }
html body .otc-harmonized .otc-ui-wizard-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 16px; min-width: 0; }
html body .otc-harmonized .otc-ui-wizard-layout.has-preview { grid-template-columns: minmax(0, 1.2fr) minmax(280px, 1fr); }
html body .otc-harmonized .otc-ui-repeat-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; min-width: 0; }
html body .otc-harmonized .otc-ui-repeat-row.has-secondary { grid-template-columns: minmax(0, 1fr) minmax(100px, .5fr) auto; }
@media (max-width: 1000px) {
    html body .otc-harmonized :is(.otc-ui-directory.has-wide-list, .otc-ui-wizard-layout.has-preview) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
    html body .otc-harmonized .otc-ui-hierarchy.otc-ui-tree-editor .otc-ui-hierarchy-item { grid-template-columns: minmax(0, 1fr); }
    html body .otc-harmonized .otc-ui-repeat-row.has-secondary { grid-template-columns: minmax(0, 1fr) auto; }
    html body .otc-harmonized .otc-ui-repeat-row.has-secondary > :nth-child(2) { grid-column: 1; }
    html body .otc-harmonized .otc-ui-repeat-row.has-secondary > .rz-button { grid-column: 2; grid-row: 1 / span 2; }
}

/* Shared public, native account and workflow compositions. */
html body .otc-harmonized { --otc-field-gap: 16px; }
html body .otc-harmonized .otc-ui-section.is-unheaded > .otc-ui-section-body { padding-top: 16px; }
html body .otc-harmonized .otc-ui-section-heading :is(h2, h3) { margin: 0; font-size: 15px; font-weight: 600; line-height: 21px; }
html body .otc-harmonized .otc-ui-heading { margin: 0 0 12px; font-size: 15px; font-weight: 600; line-height: 21px; }
html body .otc-harmonized .otc-form-grid.is-stacked { grid-template-columns: minmax(0, 1fr); }
html body .otc-harmonized .otc-ui-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; min-width: 0; margin-block: 16px; padding: 0; list-style: none; }
html body .otc-harmonized .otc-ui-card-grid > * { min-width: 0; }
html body .otc-harmonized .otc-ui-card-grid > .otc-ui-section, html body .otc-harmonized .otc-ui-card-grid > li > .otc-ui-section { margin: 0; height: 100%; }
html body .otc-harmonized .otc-ui-action-card { display: flex; flex-direction: column; }
html body .otc-harmonized .otc-ui-action-card > .otc-ui-section-body { display: flex; flex: 1; flex-direction: column; }
html body .otc-harmonized .otc-ui-action-card .otc-ui-card-actions { margin-top: auto; padding-top: 16px; }
html body .otc-harmonized .otc-ui-choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 8px 16px; }
html body .otc-harmonized .otc-ui-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-block: 12px; }
html body .otc-harmonized .otc-ui-button { display: inline-flex; justify-content: center; align-items: center; gap: 6px; min-height: var(--otc-button-height, 26px); padding: 3px 8px; border: 1px solid var(--otc-border); border-radius: 3px; background: var(--otc-surface); color: var(--otc-text); font-family: var(--otc-control-font-family, var(--rz-text-font-family)); font-size: var(--otc-control-font-size, 12px); font-weight: 400; line-height: var(--otc-control-line-height, 18px); text-decoration: none; cursor: pointer; }
html body .otc-harmonized .otc-ui-button.is-primary { border-color: var(--otc-primary); background: var(--otc-primary); color: #fff; }
html body .otc-harmonized .otc-ui-button.is-danger { border-color: var(--rz-danger); background: var(--rz-danger); color: #fff; }
html body .otc-harmonized .otc-ui-button:focus-visible { border-color: var(--otc-primary); outline: none; }
html body .otc-harmonized .otc-ui-button:disabled { opacity: .65; cursor: default; }
html body .otc-harmonized .otc-ui-text-link { color: var(--otc-primary); text-decoration: none; }
html body .otc-harmonized .otc-ui-text-link:hover { text-decoration: underline; }
html body .otc-harmonized :is(.otc-ui-text-link, .otc-ui-icon-button):focus-visible { outline: 1px solid var(--otc-primary); outline-offset: 2px; }
html body .otc-harmonized .otc-ui-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 0; color: var(--otc-muted); background: transparent; cursor: pointer; }
html body .otc-harmonized .otc-ui-disclosure { border: 1px solid var(--otc-border-subtle); border-radius: 3px; background: var(--otc-surface); }
html body .otc-harmonized .otc-ui-disclosure > summary { padding: 10px 12px; color: var(--otc-text); font-size: 15px; font-weight: 600; line-height: 21px; cursor: pointer; }
html body .otc-harmonized .otc-ui-disclosure > summary:focus-visible { outline: 1px solid var(--otc-primary); outline-offset: -1px; }
html body .otc-harmonized .otc-ui-disclosure-body { padding: 0 12px 12px; }
html body .otc-harmonized .otc-ui-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-reading-list { padding-inline-start: 20px; line-height: 1.6; }
html body .otc-harmonized .otc-ui-media :is(video, iframe, img), html body .otc-harmonized .otc-ui-media-link img { display: block; width: 100%; max-width: 100%; height: auto; }
html body .otc-harmonized .otc-ui-media video { aspect-ratio: 16 / 9; background: #000; }
html body .otc-harmonized .otc-ui-media-link { display: block; position: relative; }
html body .otc-harmonized .otc-ui-media-play { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 32px; pointer-events: none; }
html body .otc-harmonized .otc-ui-language-link { display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px; border: 1px solid var(--otc-border); border-radius: 3px; color: var(--otc-text); text-decoration: none; }
html body .otc-harmonized .otc-ui-language-link.selected { border-color: var(--otc-primary); color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-language-link:focus-visible { border-color: var(--otc-primary); outline: none; }
html body .otc-harmonized.otc-ui-public .otc-ui-section-heading h2 { font-size: 24px; line-height: 32px; }
html body .otc-harmonized.otc-ui-public .otc-ui-section-heading h3 { font-size: 17px; line-height: 24px; }
html body .otc-harmonized .otc-ui-section.is-selected { border-color: var(--otc-primary); }
html body .otc-harmonized.otc-account-surface { max-width: 38rem; margin-inline: auto; }
html body .otc-harmonized.otc-account-surface-wide { max-width: 64rem; }
html body .otc-harmonized .otc-ui-workbench { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
html body .otc-harmonized .otc-ui-workbench.is-single { grid-template-columns: minmax(0, 1fr); }
html body .otc-harmonized :is(.otc-ui-split-main, .otc-ui-split-detail) { min-width: 0; }
html body .otc-harmonized .otc-ui-progress { display: flex; align-items: center; gap: 12px; margin-block: 12px; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-progress-float { position: fixed; inset-inline-start: 16px; bottom: 16px; max-width: min(24rem, calc(100vw - 32px)); z-index: 1000; padding: 12px; background: var(--otc-surface); box-shadow: var(--otc-shadow-surface); pointer-events: none; }
html body .otc-harmonized .otc-ui-step-caption { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--otc-border); border-radius: 3px; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-step-caption.is-current { border-color: var(--otc-primary); color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-file-picker { min-width: 0; }
html body .otc-harmonized .otc-ui-html-field.is-file { min-height: var(--otc-control-height, 28px); }
html body .otc-harmonized .otc-ui-html-field.is-file > label { top: 0; inset-inline-start: 8px; height: auto; max-width: calc(100% - 16px); padding: 0 4px; background: var(--otc-surface); font-size: var(--otc-floating-label-font-size, 10px); line-height: var(--otc-floating-label-line-height, 12px); transform: translateY(-50%); }
html body .otc-harmonized .otc-ui-file-trigger { position: relative; display: flex; align-items: center; min-height: 28px; padding: 3px 8px; border: 1px solid var(--otc-border); border-radius: 3px; color: var(--otc-text); background: var(--otc-surface); }
html body .otc-harmonized .otc-ui-file-trigger input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
html body .otc-harmonized .otc-ui-file-trigger:focus-within { border-color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-file-caption { pointer-events: none; font-size: var(--otc-control-font-size, 12px); }
html body .otc-harmonized .otc-ui-file-selection { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
html body .otc-ui-brandbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 16px; }
html body .otc-ui-dialog { min-width: 0; max-width: 100%; }
html body .otc-ui-dialog-heading { margin-bottom: 16px; }
html body .otc-ui-dialog-heading h2 { margin: 0; font-size: 15px; font-weight: 600; line-height: 21px; }
html body .otc-ui-dialog-body { min-width: 0; }
@media (max-width: 900px) {
    html body .otc-harmonized .otc-ui-workbench { grid-template-columns: minmax(0, 1fr); }
}
@media (pointer: coarse) {
    html body .otc-harmonized :is(.otc-ui-button, .otc-ui-language-link, .otc-ui-disclosure > summary) { min-height: 44px; }
}

/* Shared navigation, choice and sheet-preview layout. */
html body .otc-ui-account-layout { max-width: 76rem; min-width: 0; margin-inline: auto; }
html body .otc-ui-account-grid { display: grid; grid-template-columns: minmax(160px, 220px) minmax(0, 1fr); gap: 16px; align-items: start; }
html body .otc-ui-account-content { min-width: 0; }
/* Footer geometry follows the same content profiles as the page above it. */
html body [data-otc-page-content][data-otc-site-administration="false"] { --otc-footer-max-width: 76rem; }
html body [data-otc-page-content][data-otc-site-administration="false"]:has(.otc-ui-reading) { --otc-footer-max-width: 64rem; }
html body [data-otc-page-content][data-otc-site-administration="false"]:has(.otc-landing, .otc-public-offers) { --otc-footer-max-width: 1280px; }
html body [data-otc-page-content][data-otc-site-administration="false"] > .otc-site-footer { box-sizing: border-box; width: 100%; max-width: var(--otc-footer-max-width); }
html body .otc-harmonized .otc-ui-filter-stack { display: grid; gap: var(--otc-field-gap, 16px); margin-bottom: 16px; }
html body .otc-harmonized .otc-ui-field-slot { min-width: 0; }
html body .otc-harmonized .otc-ui-value-with-action { display: flex; align-items: flex-end; gap: 8px; min-width: 0; }
html body .otc-harmonized .otc-ui-value-with-action > .otc-ui-html-field { flex: 1; min-width: 0; }
html body .otc-harmonized .otc-ui-value-with-action > .rz-button { flex-shrink: 0; }
html body .otc-harmonized .otc-ui-facts.is-stacked { display: grid; gap: 8px; margin: 0; }
html body .otc-harmonized .otc-ui-facts.is-stacked .otc-ui-fact { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; min-width: 0; }
html body .otc-harmonized .otc-ui-facts.is-stacked dt { flex: 0 0 auto; font-weight: 600; }
html body .otc-harmonized .otc-ui-facts.is-stacked dd { min-width: 0; max-width: 100%; margin: 0; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-facts.is-stacked .otc-ui-fact-value { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html body .otc-harmonized .otc-ui-facts.is-stacked .otc-ui-fact-value > :is(span, code) { min-width: 0; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-facts.is-stacked code { color: inherit; font: inherit; }
html body .otc-harmonized :is(.otc-ui-facts.is-stacked .is-emphasized, .otc-ui-attention) { color: var(--otc-danger-text); }
html body .otc-harmonized .otc-ui-attention { margin: 0; font-weight: 600; }
html body .otc-harmonized .otc-ui-choice { min-width: 0; }
html body .otc-harmonized .otc-ui-choice > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
html body .otc-ui-table-host table { min-width: var(--otc-table-min-width, 100%); }
html body .otc-ui-table-host .otc-ui-cell-copy { display: inline-flex; align-items: center; gap: 8px; }
html body .otc-ui-table-host .otc-ui-cell-copy code { color: inherit; font-size: inherit; white-space: nowrap; }
html body .otc-ui-navigation { margin-bottom: 16px; }
html body .otc-ui-tab-menu { display: flex; flex-wrap: wrap; gap: 4px; padding: 0; background: transparent; }
html body .otc-ui-tab-menu .rz-navigation-item-link { min-height: 28px; padding: 4px 8px; font-size: var(--otc-control-font-size, 12px); }
html body .otc-ui-popup-panel { padding: 12px; color: var(--otc-text); background: var(--otc-surface); border: 1px solid var(--otc-border); border-radius: 6px; box-shadow: var(--otc-shadow-raised); }
html body .otc-ui-popup-panel .otc-ui-column-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; max-height: min(55dvh, 26rem); overflow-y: auto; overscroll-behavior: contain; margin-block: 8px 0; }
html body .otc-ui-popup-panel .otc-ui-column-list .otc-ui-choice { display: flex; align-items: center; gap: 8px; min-height: 28px; padding: 4px; margin: 0; }
html body .otc-ui-popup-panel .otc-ui-column-list input[type="checkbox"] { flex-shrink: 0; accent-color: var(--otc-primary); }
@media (pointer: coarse) { html body .otc-ui-popup-panel .otc-ui-column-list .otc-ui-choice { min-height: 44px; } }
html body .otc-harmonized .otc-ui-filter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px 16px; }
html body .otc-harmonized .otc-ui-toolbar-fields > .otc-ui-field { flex: 1 1 180px; width: auto; }
html body .otc-harmonized .otc-ui-radio-list { max-height: min(360px, 45dvh); overflow: auto; border: 1px solid var(--otc-border-subtle); border-radius: 3px; }
html body .otc-harmonized .otc-ui-radio-row { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 32px; padding: 4px 8px; border: 1px solid transparent; border-bottom-color: var(--otc-border-subtle); cursor: pointer; }
html body .otc-harmonized .otc-ui-radio-row.is-selected, html body .otc-harmonized .otc-ui-radio-row:focus-within { border-color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-choice-copy { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0; }
html body .otc-harmonized .otc-ui-choice-title { font-weight: 500; }
html body .otc-harmonized .otc-ui-sheet-scroll { max-height: min(55dvh, 36rem); overflow: auto; scrollbar-gutter: stable; }
html body .otc-harmonized .otc-ui-sheet-table { width: max-content; min-width: 100%; }
html body .otc-harmonized .otc-ui-sheet-table thead th { position: sticky; top: 0; z-index: 2; }
html body .otc-harmonized .otc-ui-sheet-table .otc-ui-row-index { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--otc-surface-subtle); text-align: end; }
html body .otc-harmonized .otc-ui-sheet-table thead .otc-ui-row-index { z-index: 3; }
html body .otc-harmonized .otc-ui-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; }
html body .otc-harmonized .otc-ui-pager-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
html body .otc-harmonized .otc-ui-page-input { width: 72px; }
html body .otc-harmonized .otc-ui-dialog .rz-alert { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
@media (max-width: 900px) { html body .otc-ui-account-grid { grid-template-columns: minmax(0, 1fr); } }
@media (pointer: coarse) { html body .otc-harmonized .otc-ui-radio-row { min-height: 44px; } }

/* Reusable content flow; stage/branch counts are data, not page styles. */
.otc-ui-flow { margin: 1rem 0 1.35rem; padding: 12px; border: 1px solid var(--otc-border); border-radius: 3px; background: var(--otc-surface); }
.otc-ui-flow > figcaption { margin-bottom: 1.15rem; font-weight: 600; color: var(--otc-text); font-size: var(--otc-control-font-size, 12px); }
.otc-ui-flow-timeline { display: grid; grid-template-columns: repeat(var(--stage-count), minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.otc-ui-flow-timeline li { position: relative; margin: 0; padding: 0 0.55rem; text-align: center; font-size: var(--otc-control-font-size, 12px); line-height: var(--otc-control-line-height, 18px); color: var(--otc-text); overflow-wrap: anywhere; }
.otc-ui-flow-timeline li::before { content: ""; position: absolute; top: 0.42rem; inset-inline: 0; height: 2px; background: var(--otc-border); }
.otc-ui-flow-timeline li:first-child::before { inset-inline-start: 50%; }
.otc-ui-flow-timeline li:last-child::before { inset-inline-end: 50%; }
.otc-ui-flow-marker { position: relative; display: block; width: 0.85rem; height: 0.85rem; margin: 0 auto 0.75rem; border: 2px solid var(--otc-primary); border-radius: 50%; background: var(--otc-surface); }
.otc-ui-flow-paths { margin-top: 1.6rem; }
.otc-ui-flow-decision { margin: 0; padding-bottom: 1.1rem; position: relative; text-align: center; font-size: var(--otc-control-font-size, 12px); font-weight: 600; color: var(--otc-text); line-height: var(--otc-control-line-height, 18px); }
.otc-ui-flow-decision::after { content: ""; position: absolute; bottom: 0; left: 50%; height: 0.85rem; border-left: 1px solid var(--otc-border); }
.otc-ui-flow-branches { display: grid; grid-template-columns: repeat(var(--branch-count), minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.otc-ui-flow-branches > li { position: relative; margin: 0; padding: 1.05rem 0.35rem 0; min-width: 0; }
.otc-ui-flow-branches > li::before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid var(--otc-border); }
.otc-ui-flow-branches > li:first-child::before { left: 50%; }
.otc-ui-flow-branches > li:last-child::before { right: 50%; }
.otc-ui-flow-branches > li::after { content: ""; position: absolute; top: 0; left: 50%; height: 1.05rem; border-left: 1px solid var(--otc-border); }
.otc-ui-flow-card { height: 100%; padding: 0.85rem; border: 1px solid var(--otc-border); border-radius: 3px; overflow-wrap: anywhere; }
.otc-ui-flow-card h4 { margin: 0 0 0.45rem; font-size: var(--otc-control-font-size, 12px); line-height: var(--otc-control-line-height, 18px); font-weight: 650; color: var(--otc-text); }
.otc-ui-flow-card p { margin: 0; font-size: var(--otc-control-font-size, 12px); line-height: var(--otc-control-line-height, 18px); color: var(--otc-muted); }
.otc-ui-flow-output { margin: 1rem 0 0; padding-top: 0.8rem; border-top: 1px dashed var(--otc-border); font-size: var(--otc-control-font-size, 12px); line-height: var(--otc-control-line-height, 18px); color: var(--otc-text); }
@media (max-width: 680px) {
    .otc-ui-flow { padding: 1rem; }
    .otc-ui-flow-timeline { display: block; }
    .otc-ui-flow-timeline li { display: grid; grid-template-columns: 0.85rem minmax(0, 1fr); gap: 0.85rem; padding: 0 0 1rem; text-align: start; }
    .otc-ui-flow-timeline li::before, .otc-ui-flow-timeline li:first-child::before, .otc-ui-flow-timeline li:last-child::before { inset-inline-start: 0.37rem; inset-inline-end: auto; top: 0.45rem; bottom: 0; width: 2px; height: auto; }
    .otc-ui-flow-timeline li:last-child { padding-bottom: 0; }
    .otc-ui-flow-timeline li:last-child::before { display: none; }
    .otc-ui-flow-marker { margin: 0.25rem 0 0; }
    .otc-ui-flow-decision { text-align: start; padding-bottom: 0.75rem; }
    .otc-ui-flow-decision::after { display: none; }
    .otc-ui-flow-branches { display: block; border-inline-start: 1px solid var(--otc-border); margin-inline-start: 0.4rem; }
    .otc-ui-flow-branches > li { padding: 0 0 0.75rem 0.9rem; }
    .otc-ui-flow-branches > li:last-child { padding-bottom: 0; }
    .otc-ui-flow-branches > li::before, .otc-ui-flow-branches > li:first-child::before, .otc-ui-flow-branches > li:last-child::before { left: 0; right: auto; top: 1.1rem; width: 0.9rem; }
    .otc-ui-flow-branches > li::after { display: none; }
}

/* Content roles shared by billing, imports, consultation and public reading. */
html body .otc-harmonized .otc-ui-block { margin-block: 12px; min-width: 0; }
html body .otc-harmonized .otc-ui-strong { font-weight: 600; }
html body .otc-harmonized .otc-ui-caption { display: block; color: var(--otc-muted); font-size: var(--otc-floating-label-font-size, 10px); line-height: 12px; }
html body .otc-harmonized .otc-ui-text-warning { color: var(--otc-warning-text, var(--otc-text)); }
html body .otc-harmonized .otc-ui-text-danger { color: var(--rz-danger); }
html body .otc-harmonized .otc-ui-text-success { color: var(--otc-success-text); }
html body .otc-harmonized .otc-ui-break-word { overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-pre-wrap { white-space: pre-wrap; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-full-width { width: 100%; min-width: 0; }
html body .otc-harmonized .otc-ui-overflow { width: 100%; min-width: 0; overflow: auto; }
html body .otc-harmonized .otc-ui-definition-grid { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 12px 0; min-width: 0; }
html body .otc-harmonized .otc-ui-definition-grid > div { min-width: 0; flex: 1 1 160px; }
html body .otc-harmonized .otc-ui-definition-grid dt { color: var(--otc-muted); font-weight: 400; }
html body .otc-harmonized .otc-ui-definition-grid dd { margin: 2px 0 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
html body .otc-harmonized .otc-ui-definition-list { display: grid; grid-template-columns: minmax(120px, 220px) minmax(0, 1fr); gap: 4px 16px; margin-block: 12px; }
html body .otc-harmonized .otc-ui-definition-list dt { color: var(--otc-muted); font-weight: 500; }
html body .otc-harmonized .otc-ui-definition-list dd { margin: 0; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-definition-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; min-width: 0; }
html body .otc-harmonized .otc-ui-definition-pair :is(dt, dd) { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-detail-block { padding: 8px 0; min-width: 0; border-bottom: 1px solid var(--otc-border-subtle); }
html body .otc-harmonized .otc-ui-detail-section { min-width: 0; }
html body .otc-harmonized .otc-ui-detail-section h4 { margin: 0 0 8px; font-size: inherit; font-weight: 600; }
html body .otc-harmonized .otc-ui-context-block { min-width: 0; padding-block: 8px; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-form-group { min-width: 0; padding: 0; margin: 12px 0; border: 0; }
html body .otc-harmonized .otc-ui-form-group > legend { float: none; width: auto; margin-bottom: 8px; padding: 0; color: var(--otc-text); font-size: inherit; line-height: inherit; font-weight: 600; }
html body .otc-harmonized .otc-ui-scroll-list { max-height: 224px; overflow-y: auto; }
html body .otc-harmonized .otc-ui-scroll-list:focus-visible { outline: 1px solid var(--otc-primary); outline-offset: -1px; }
html body .otc-harmonized .otc-ui-inline-list { display: inline; margin: 0; padding: 0; list-style: none; }
html body .otc-harmonized .otc-ui-inline-list > li { display: inline; }
html body .otc-harmonized .otc-ui-inline-list > li + li::before { content: " · "; }
html body .otc-harmonized .otc-ui-choices { width: 100%; gap: 8px; }
html body .otc-harmonized .otc-ui-choices .rz-radiobutton-label { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px; margin-block: 12px; }
html body .otc-harmonized .otc-ui-choice-card { min-width: 0; padding: 12px; border: 1px solid var(--otc-border); border-radius: 3px; background: var(--otc-surface); }
html body .otc-harmonized .otc-ui-choice-card:is(.is-selected, :focus-within) { border-color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-choice-card h4 { margin: 8px 0; font-size: inherit; font-weight: 600; }
html body .otc-harmonized .otc-ui-check-label { display: flex; align-items: flex-start; gap: 8px; min-width: 0; cursor: pointer; }
html body .otc-harmonized .otc-ui-check-label > input { flex: 0 0 auto; margin: 2px 0 0; accent-color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-check-label > span { min-width: 0; overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-legal { margin-top: 16px; max-width: 85ch; }
html body .otc-harmonized .otc-ui-legal-documents { padding-inline-start: 24px; margin-top: 8px; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-legal-documents a { overflow-wrap: anywhere; }
html body .otc-harmonized .otc-ui-number-field { max-width: 180px; }
html body .otc-harmonized .otc-ui-emphasis { font-size: 15px; line-height: 21px; font-weight: 600; }
html body .otc-harmonized .otc-ui-feature-list { display: grid; gap: 12px; margin: 12px 0; padding: 0; list-style: none; }
html body .otc-harmonized .otc-ui-feature { display: flex; align-items: flex-start; gap: 8px; }
html body .otc-harmonized .otc-ui-feature > .rzi { flex: 0 0 auto; color: var(--otc-success-text); font-size: 16px; }
html body .otc-harmonized .otc-ui-feature-copy { min-width: 0; flex: 1; }
html body .otc-harmonized .otc-ui-feature-copy h4 { margin: 0; font-size: inherit; line-height: inherit; font-weight: 600; }
html body .otc-harmonized .otc-ui-feature-copy p { margin: 4px 0 0; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-feature-icon { width: 24px; height: 24px; margin-block: 8px; }
html body .otc-harmonized .otc-ui-notes { margin-block: 12px; color: var(--otc-muted); }
html body .otc-harmonized .otc-ui-notes p { margin: 4px 0; }
html body .otc-harmonized .otc-ui-number-summary { font-variant-numeric: tabular-nums; }
html body .otc-harmonized .otc-ui-counter { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; background: var(--otc-primary); }
html body .otc-harmonized .otc-ui-split-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; }
html body .otc-harmonized .otc-ui-tree-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; min-width: 0; width: 100%; padding: 4px 8px; border: 1px solid var(--otc-border); border-radius: 3px; }
html body .otc-harmonized .otc-ui-tree-row.is-selected { border-color: var(--otc-primary); }
html body .otc-harmonized .otc-ui-tree-row.is-active-context { border-style: dashed; }
html body .otc-harmonized .otc-ui-cell-actions { min-width: 160px; white-space: nowrap; }
html body .otc-harmonized .otc-ui-cell-actions label { display: inline-flex; align-items: center; gap: 8px; }
html body .otc-harmonized .otc-ui-reading-footer { display: grid; gap: 12px; margin-block: 16px; }
html body .otc-harmonized .otc-ui-reading-fragment { line-height: 1.6; }
@media (max-width: 640px) {
    html body .otc-harmonized .otc-ui-definition-list { grid-template-columns: minmax(0, 1fr); }
    html body .otc-harmonized .otc-ui-tree-row { grid-template-columns: minmax(0, 1fr); }
}

/* Full values remain available to keyboard and touch in single-line cells. */
html body .otc-ui-cell-full-text { position: fixed; z-index: 4000; max-width: min(36rem, calc(100vw - 16px)); max-height: min(24rem, calc(100dvh - 16px)); overflow: auto; padding: 8px 12px; color: var(--otc-text); background: var(--otc-surface); border: 1px solid var(--otc-border); border-radius: 3px; box-shadow: var(--otc-shadow-surface); font-family: var(--otc-control-font-family, var(--rz-text-font-family)); font-size: var(--otc-control-font-size, 12px); line-height: var(--otc-control-line-height, 18px); white-space: pre-wrap; overflow-wrap: anywhere; }
html body :is(.otc-ui-table-host, .otc-ui-grid-single-line) :is(td, th)[tabindex="0"]:focus-visible { outline: 1px solid var(--otc-primary); outline-offset: -1px; }