/* Consolidated legacy layer: this block used to be public/assets/app.css. Keep before the modern layer to preserve the previous cascade. */
:root {
    /* Legacy aliases kept for the consolidated legacy layer; canonical theme tokens live below. */
    --bg: var(--ui-bg, #f4f6f8);
    --surface: var(--ui-surface, var(--ui-surface));
    --surface-soft: var(--ui-surface-soft, #f8fafc);
    --text: var(--ui-text, #17202b);
    --muted: var(--ui-muted, #667085);
    --line: var(--ui-line, #d9e1ea);
    --document-summary-bg: var(--ui-document-summary-bg, #fff8e6);
    --primary: var(--ui-primary, #2563a8);
    --primary-dark: var(--ui-primary-dark, #164a7d);
    --secondary: var(--ui-secondary, #16856f);
    --accent: var(--ui-accent, #b66b1f);
    --danger: var(--ui-danger, #b42318);
    --warning: var(--ui-warning, #8f5f00);
    --sidebar: var(--ui-sidebar, #2563a8);
    --sidebar-dark: var(--ui-sidebar-dark, #1c5c8e);
    --topbar: #ffffff;
    --shadow: var(--ui-shadow, 0 10px 28px rgba(16, 24, 40, 0.08));
    --radius: var(--ui-radius, 8px);
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: var(--ui-font, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: 15px;
    line-height: 1.45;
}

/* Modern ERP UI layer: original public/assets/erp-ui.css content starts here. */
:root {
    --ui-brand-dark: #0a3246;
    --ui-brand-deep: #0a3046;
    --ui-brand-cyan: #05aab9;
    --ui-brand-cyan-dark: #008c98;
    --ui-brand-green: #99b445;
    --ui-brand-green-dark: #6f8f32;
    --ui-brand-orange: #f48014;
    --ui-brand-orange-dark: #d86b0c;
    --ui-brand-orange-hot: #ff9900;
    --ui-brand-blue: #173394;
    --ui-brand-steel: #7193a6;
    --ui-bg: #f5f7f8;
    --ui-bg-strong: #e9eef2;
    --ui-surface: #ffffff;
    --ui-surface-soft: #f8fafb;
    --ui-surface-muted: #f1f5f7;
    --ui-text: #0a3246;
    --ui-text-soft: #102f40;
    --ui-muted: #5f7180;
    --ui-muted-strong: #405260;
    --ui-line: #d8e1e5;
    --ui-line-strong: #aebdc4;
    --ui-document-summary-bg: #fff8e6;
    --ui-document-summary-line: #eadfbd;
    --ui-primary: #006f78;
    --ui-primary-hover: var(--ui-brand-cyan-dark);
    --ui-primary-dark: #006f78;
    --ui-secondary: var(--ui-brand-cyan);
    --ui-secondary-dark: var(--ui-brand-cyan-dark);
    --ui-button-secondary-bg: #ffffff;
    --ui-button-secondary-border: var(--ui-line-strong);
    --ui-button-secondary-text: var(--ui-brand-dark);
    --ui-accent: var(--ui-brand-cyan);
    --ui-danger: #b42318;
    --ui-danger-bg: #fff2f0;
    --ui-warning: #9a6500;
    --ui-warning-bg: #fff4dd;
    --ui-success: #18865f;
    --ui-success-bg: #e9f7f1;
    --ui-info: #0a6680;
    --ui-info-bg: #e8f7fa;
    --ui-environment-alert-bg: #fff4dd;
    --ui-environment-alert-text: #7a4f00;
    --ui-environment-alert-line: #e7c98a;
    --ui-environment-alert-dot: #c98500;
    --ui-sidebar: var(--ui-brand-deep);
    --ui-auth-brand: var(--ui-brand-dark);
    --ui-sidebar-dark: var(--ui-brand-deep);
    --ui-sidebar-ink: #eff7ff;
    --ui-sidebar-contrast: #ffffff;
    --ui-sidebar-line: rgba(255, 255, 255, 0.08);
    --ui-sidebar-accent: var(--ui-brand-cyan);
    --ui-primary-contrast: #ffffff;
    --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ui-selection-soft: #edf4ff;
    --ui-row-hover: #f8fbff;
    --ui-hover-tint: #eef8fd;
    --ui-row-selected-hover: #e6f0ff;
    --ui-row-picked: #dcecff;
    --ui-row-zebra: #fbfcfd;
    --ui-chip-bg: #eef4f8;
    --ui-chip-border: #cbdfe8;
    --ui-success-strong: #145c38;
    --ui-success-soft: #edf9f2;
    --ui-success-line: #b8e2c8;
    --ui-success-deep: #0f5f4d;
    --ui-warning-soft: #fff8e8;
    --ui-warning-line: #f4d58d;
    --ui-danger-strong: #b13b3b;
    --ui-danger-soft: #fff1ee;
    --ui-error-ink: #7c2d12;
    --ui-info-strong: #2f6df6;
    --ui-info-soft: #eef6ff;
    --ui-line-soft: #e3e9f0;
    --ui-input-border: #c8d0d8;
    --ui-input-ink: #263440;
    --ui-lookup-border: #cdd8d1;
    --ui-surface-hover: #f8fafc;
    --ui-table-head-ink: #475467;
    --ui-table-head-ink-strong: #3c4856;
    --ui-badge-muted-ink: #475569;
    --ui-focus: rgba(0, 140, 152, 0.20);
    --ui-radius: 12px;
    --ui-radius-sm: 8px;
    --ui-shadow: 0 16px 40px rgba(10, 50, 70, 0.10);
    --ui-shadow-soft: 0 1px 3px rgba(10, 50, 70, 0.08);
    --shell-topbar-height: 0px;
}

/* Regras estruturais herdadas da camada legada (consolidacao UI-TEMA-001). */
.erp-shell-body {
    min-height: 100vh;
}

a {
    color: inherit;
    text-decoration: none;
}

.muted {
    display: block;
    font-size: 12px;
}

.shell-logout {
    min-width: 0;
}

.content {
    flex: 1 1 auto;
}

.shell-collapsed .app-shell {
    --shell-sidebar-width: 72px;
    grid-template-columns: 72px minmax(0, 1fr);
}

.shell-collapsed .brand-copy,
.shell-collapsed .nav-text {
    display: none;
}

.shell-collapsed .sidebar {
    align-items: center;
}

.shell-collapsed .sidebar-head {
    flex-direction: column;
    justify-content: center;
}

.shell-collapsed .brand {
    padding: 0;
}

.shell-collapsed .sidebar-collapse {
    display: inline-flex;
}

.shell-collapsed .sidebar-collapse-icon {
    transform: rotate(180deg);
}

.shell-collapsed .nav-group-title {
    justify-content: center;
    padding: 0;
}

.shell-collapsed .nav-group-items {
    justify-items: center;
}

.shell-collapsed .nav-item {
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
}

.shell-collapsed .nav-item.active {
    box-shadow: inset 0 -3px 0 #ffffff;
}

.page-head {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.page-head h1 {
    line-height: 1.15;
    margin: 0;
}

.page-actions form {
    margin: 0;
}

.page-actions form {
    margin: 0;
}

.eyebrow {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.crud-tenant-notice > span {
    display: grid;
    gap: 3px;
}

.crud-tenant-notice small {
    color: inherit;
    font-size: 13px;
    line-height: 1.35;
    opacity: 0.86;
}

.ops-dashboard {
    display: grid;
}

.ops-period-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.ops-period-tab {
    align-items: center;
    border: 1px solid var(--line);
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
}

.ops-period-tab:hover,
.ops-period-tab.active {
    background: #eaf5ef;
    border-color: rgba(31, 138, 101, 0.45);
    color: #195f48;
    text-decoration: none;
}

.ops-fiscal-list dd small {
    color: var(--muted);
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 6px;
}

.ops-insight-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.ops-insight-card,
.ops-finance-item {
    background: var(--ui-surface-hover);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    color: inherit;
    min-width: 0;
    text-decoration: none;
}

.ops-insight-card {
    display: block;
}

.ops-insight-card:hover,
.ops-finance-item:hover {
    border-color: rgba(31, 138, 101, 0.45);
    text-decoration: none;
}

.ops-insight-card span,
.ops-finance-item span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.ops-insight-card strong {
    display: block;
    line-height: 1.1;
    margin-top: 8px;
}

.ops-insight-card small,
.ops-finance-item small {
    color: var(--muted);
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.ops-insight-card small {
    margin-top: 6px;
}

.ops-insight-card em {
    display: inline-flex;
    font-size: 11px;
    font-style: normal;
    margin-top: 10px;
    padding: 4px 8px;
}

.ops-finance-list {
    display: grid;
    gap: 10px;
}

.ops-finance-item {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.ops-finance-item span {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    min-width: 0;
}

.ops-finance-item span i {
    border-radius: 999px;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.ops-finance-item strong {
    font-size: 16px;
}

.ops-finance-item small {
    grid-column: 1 / -1;
}

.ops-grid-two {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.empty-state,
.empty-row {
    color: var(--muted);
    padding: 26px;
    text-align: center;
}

.toolbar {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    display: grid;
    gap: 14px;
    margin-bottom: 18px;
}

.list-toolbar-main {
    display: grid;
    gap: 12px;
}

.list-filter-grid input,
.list-filter-grid select {
    min-height: 36px;
    padding-bottom: 7px;
    padding-top: 7px;
}

.list-filter-grid .list-filter-lookup,
.list-filter-grid .list-filter-lookup .lookup-input-row {
    min-width: 0;
    width: 100%;
}

.list-filter-grid .list-filter-lookup input {
    min-width: 0;
}

.required-marker,
.nfe-required-marker {
    color: var(--danger);
    font-weight: 800;
    margin-left: 2px;
}

.form-required-legend {
    align-items: center;
    border-top: 1px solid var(--line);
    color: var(--muted);
    display: flex;
    font-size: 12px;
    gap: 4px;
    margin-top: 14px;
    padding-top: 12px;
}

.list-cell-number {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.list-cell-date {
    white-space: nowrap;
}

.list-lookup-link {
    color: inherit;
    text-decoration: none;
}

.list-lookup-link:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

.actions-column {
    text-align: right;
    width: 132px;
}

.actions-column form {
    display: inline-flex;
    margin-left: 6px;
}

.row-action-bar {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    justify-content: flex-end;
    position: relative;
}

.row-icon-danger {
    color: var(--danger);
}

.row-icon-danger:hover {
    background: #fff3f0;
    border-color: #ffd1ca;
    color: var(--danger);
}

.row-action-svg {
    fill: none;
    height: 17px;
    pointer-events: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 17px;
}

.actions-column .row-actions-popover form {
    display: block;
    margin: 0;
}

.row-menu-action {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #33443a;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    gap: 9px;
    min-height: 36px;
    padding: 8px 10px;
    text-align: left;
    width: 100%;
}

.row-menu-action:hover {
    background: #f4f7f5;
}

.row-menu-separator {
    border-top: 1px solid var(--line);
    margin: 6px 0;
}

.row-menu-action-primary {
    color: var(--primary);
}

.row-menu-action-danger {
    color: var(--danger);
}

.row-menu-action-secondary,
.row-menu-action-ghost {
    color: #405148;
}

.crud-tabs {
    display: grid;
    gap: 0;
    margin-bottom: 20px;
}

.form-tabs {
    margin-bottom: 0;
}

.form-segmented-tabs {
    gap: 12px;
}

.form-segmented-tabs > .crud-tab-list {
    align-self: flex-start;
    border-radius: 8px;
    padding: 4px;
}

.form-segmented-tabs .crud-tab-button {
    border-radius: 6px;
}

.summary-item small,
.summary-item .summary-item-label {
    color: var(--muted);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.summary-item strong,
.summary-item .summary-item-value {
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.fluig-crud .record-page-details {
    margin-bottom: 6px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.finance-quick-row {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
}

.finance-quick-buttons {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
}

.finance-quick-button {
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    line-height: 1.15;
    min-height: 64px;
    text-align: center;
    white-space: normal;
    width: 100%;
}

.finance-quick-button small {
    font-size: 11px;
    opacity: 0.72;
}

.line-total-preview {
    align-items: center;
    border: 1px solid var(--ui-success-line);
    border-radius: var(--radius);
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 14px;
    padding: 10px 12px;
}

.line-total-preview.compact {
    margin-top: 0;
}

.line-total-preview small {
    color: var(--ui-success-strong);
    font-size: 12px;
    font-weight: 800;
}

.line-total-preview strong {
    color: var(--ui-success-strong);
    font-size: 18px;
}

.muted-panel {
    color: var(--muted);
}

.muted-panel p {
    margin-bottom: 0;
}

.form-sections {
    display: grid;
}

.form-section {
    border-top: 1px solid var(--line);
    overflow: visible;
    padding-top: 18px;
}

.form-section-summary {
    align-items: center;
    color: var(--text);
    cursor: pointer;
    display: flex;
    font-weight: 800;
    gap: 10px;
    justify-content: space-between;
}

.form-section-summary.static {
    cursor: default;
}

.form-section-summary::-webkit-details-marker {
    display: none;
}

.form-section-summary::after {
    border: solid var(--muted);
    border-width: 0 2px 2px 0;
    color: var(--muted);
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 8px;
    margin-right: 4px;
    transform: rotate(45deg);
    transition: transform 0.16s ease;
    width: 8px;
}

.form-section[open] > .form-section-summary::after {
    transform: rotate(-135deg);
}

.form-section-summary.static::after {
    display: none;
}

.form-section-description {
    color: var(--muted);
    margin: -6px 0 14px;
}

.form-grid {
    align-items: start;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid.cols-1 {
    grid-template-columns: minmax(0, 1fr);
}

.form-grid.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-grid.cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.form-error-summary {
    border-left: 4px solid var(--danger);
    display: grid;
    gap: 10px;
}

.form-error-summary-head strong {
    color: var(--danger);
}

.form-error-summary button {
    background: transparent;
    border: 0;
    color: var(--danger);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    justify-self: start;
    padding: 0;
    text-align: left;
}

.form-error-summary button:hover {
    color: #7f1d1d;
}

.form-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 20px;
}

.form-stack {
    display: grid;
    gap: 16px;
}

.check-row {
    align-items: center;
    display: flex;
    gap: 9px;
}

.check-row input {
    height: 18px;
    min-height: 18px;
    width: 18px;
}

.ui-v2 .operational-page.sales-modern-page,
.ui-v2 .operational-page.nfe-report-page {
    max-width: none;
    width: 100%;
}

.ui-v2 .sales-modern-page > .operational-standard-head,
.ui-v2 .sales-modern-page > .operational-panel,
.ui-v2 .sales-modern-page > .alert,
.ui-v2 .nfe-report-page > .operational-standard-head,
.ui-v2 .nfe-report-page > .operational-panel,
.ui-v2 .nfe-report-page > .metric-grid,
.ui-v2 .nfe-report-page > .form-grid,
.ui-v2 .nfe-report-page > .alert {
    max-width: none;
    width: 100%;
}

.sales-report-result {
    overflow: hidden;
    padding: 0;
}

.sales-report-result-head {
    align-items: center;
    border-bottom: 1px solid var(--line);
    gap: 14px;
    margin: 0;
}

.sales-report-result-head h2 {
    line-height: 1.2;
    margin: 0;
}

.sales-report-result-head p {
    font-size: 12px;
    margin: 4px 0 0;
}

.sales-report-result-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.lookup-control {
    display: grid;
    gap: 8px;
    position: relative;
}

.lookup-control.lookup-open {
    z-index: 80;
}

.lookup-input-row {
    display: block;
    position: relative;
}

.lookup-input-row .lookup-query {
    padding-right: 84px;
}

.lookup-input-row.has-lookup-detail .lookup-query {
    padding-right: 126px;
}

.lookup-input-row.has-lookup-create .lookup-query {
    padding-right: 126px;
}

.lookup-input-row.has-lookup-detail.has-lookup-create .lookup-query {
    padding-right: 158px;
}

.lookup-input-row.has-field-actions .lookup-query {
    padding-right: 126px;
}

.lookup-input-row.has-field-actions.has-lookup-detail .lookup-query {
    padding-right: 168px;
}

.lookup-input-row.has-field-actions.has-lookup-create .lookup-query {
    padding-right: 168px;
}

.lookup-input-row.has-field-actions.has-lookup-detail.has-lookup-create .lookup-query {
    padding-right: 200px;
}

.lookup-input-row .lookup-query::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.lookup-input-row.has-field-actions .lookup-query::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.lookup-button {
    background: var(--ui-surface);
    border: 1px solid var(--ui-lookup-border);
    color: var(--text);
    cursor: pointer;
    font-weight: 700;
    padding: 0 12px;
}

.lookup-button.icon-button {
    font-size: 15px;
    min-width: 42px;
    padding: 0;
}

.lookup-input-row .lookup-button {
    align-items: center;
    background: var(--ui-surface-hover);
    border: 0;
    border-left: 1px solid var(--ui-lookup-border);
    color: var(--muted);
    display: inline-flex;
    height: calc(100% - 2px);
    justify-content: center;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 42px;
}

.lookup-input-row.has-field-actions [data-lookup-open] {
    border-radius: 0;
    border-right: 1px solid var(--ui-lookup-border);
    right: 43px;
}

.lookup-clear-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: var(--muted);
    cursor: pointer;
    display: inline-flex;
    height: calc(100% - 2px);
    justify-content: center;
    min-height: 0;
    padding: 0;
    position: absolute;
    right: 43px;
    top: 1px;
    width: 32px;
}

.lookup-input-row.has-field-actions .lookup-clear-button {
    right: 85px;
}

.lookup-input-row.has-lookup-detail .lookup-clear-button {
    right: 75px;
}

.lookup-input-row.has-lookup-create .lookup-clear-button {
    right: 75px;
}

.lookup-input-row.has-lookup-detail.has-lookup-create .lookup-clear-button {
    right: 107px;
}

.lookup-input-row.has-field-actions.has-lookup-detail .lookup-clear-button {
    right: 117px;
}

.lookup-input-row.has-field-actions.has-lookup-create .lookup-clear-button {
    right: 117px;
}

.lookup-input-row.has-field-actions.has-lookup-detail.has-lookup-create .lookup-clear-button {
    right: 149px;
}

.lookup-clear-button[hidden] {
    display: none;
}

.lookup-clear-button:hover {
    color: var(--text);
}

.lookup-clear-icon {
    fill: none;
    height: 16px;
    pointer-events: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
    width: 16px;
}

.lookup-detail-button,
.lookup-create-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: var(--muted);
    cursor: pointer;
    display: inline-flex;
    height: calc(100% - 2px);
    justify-content: center;
    min-height: 0;
    padding: 0;
    position: absolute;
    right: 43px;
    top: 1px;
    width: 32px;
}

.lookup-input-row.has-field-actions .lookup-detail-button {
    right: 85px;
}

.lookup-create-button {
    right: 43px;
}

.lookup-input-row.has-lookup-create .lookup-detail-button {
    right: 75px;
}

.lookup-input-row.has-field-actions .lookup-create-button {
    right: 85px;
}

.lookup-input-row.has-field-actions.has-lookup-create .lookup-detail-button {
    right: 117px;
}

.lookup-detail-button[hidden],
.lookup-create-button[hidden] {
    display: none;
}

.lookup-detail-button:hover,
.lookup-create-button:hover {
    color: var(--text);
}

.lookup-detail-icon,
.lookup-create-icon {
    fill: none;
    height: 16px;
    pointer-events: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
    width: 16px;
}

.lookup-input-row .lookup-field-action-button {
    border-radius: 0 var(--radius) var(--radius) 0;
    color: var(--primary);
    right: 1px;
}

.lookup-input-row .lookup-field-action-button:hover {
    background: var(--ui-info-soft);
    color: var(--primary);
}

.lookup-button:hover {
    border-color: var(--primary);
}

.lookup-input-row .lookup-button:hover {
    background: #f3f7f5;
    border-color: var(--ui-lookup-border);
    color: var(--primary);
}

.lookup-search-icon {
    fill: none;
    height: 18px;
    pointer-events: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 18px;
}

.lookup-dropdown {
    background: var(--ui-surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    left: 0;
    max-height: 280px;
    max-width: calc(100vw - 48px);
    min-width: min(680px, calc(100vw - 48px));
    overflow: auto;
    position: absolute;
    right: auto;
    top: calc(100% + 6px);
    z-index: 50;
}

.lookup-results-table {
    border-collapse: collapse;
    min-width: 100%;
    width: 100%;
}

.lookup-results-table th,
.lookup-results-table td {
    padding: 10px 12px;
    white-space: nowrap;
}

.lookup-results-table th:first-child,
.lookup-results-table td:first-child {
    width: 110px;
}

.lookup-results-table.has-lookup-favorites th:first-child,
.lookup-results-table.has-lookup-favorites td:first-child {
    padding-left: 8px;
    padding-right: 4px;
    text-align: center;
    width: 38px;
}

.lookup-results-table.has-lookup-favorites th:nth-child(2),
.lookup-results-table.has-lookup-favorites td:nth-child(2) {
    width: 110px;
}

.lookup-results-table tbody tr {
    cursor: pointer;
}

.lookup-results-table tbody tr:hover,
.lookup-results-table tbody tr.active {
    background: var(--ui-success-soft);
}

.lookup-favorite-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: var(--muted);
    cursor: pointer;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.lookup-favorite-button:hover,
.lookup-favorite-button.active {
    color: var(--primary);
}

.lookup-favorite-icon {
    fill: none;
    height: 15px;
    pointer-events: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

.lookup-favorite-button.active .lookup-favorite-icon {
    fill: currentColor;
}

.lookup-status {
    color: var(--muted);
    padding: 12px;
    text-align: center;
}

.lookup-status-empty {
    display: grid;
    gap: 10px;
    justify-items: center;
}

.lookup-empty-create {
    width: fit-content;
}

.lookup-meta {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 2px;
    padding: 10px;
    width: 100%;
}

.lookup-meta-row {
    margin-bottom: 2px;
    margin-top: -2px;
}

.lookup-meta[hidden] {
    display: none;
}

.lookup-open .lookup-meta {
    display: none;
}

.lookup-meta-chip,
.lookup-meta-warning {
    display: inline-flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.lookup-meta-chip {
    background: transparent;
}

.lookup-meta-chip small {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.lookup-meta-chip strong {
    font-size: 13px;
}

.lookup-meta-warning {
    background: var(--ui-warning-soft);
    border: 1px solid var(--ui-warning-line);
    border-radius: var(--radius);
    border-color: var(--ui-warning-line);
    color: var(--warning);
    font-size: 13px;
    font-weight: 800;
    grid-column: 1 / -1;
    justify-content: center;
    padding: 8px 10px;
}

.lookup-invalid .lookup-query {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.12);
}

.secure-file-panel {
    display: grid;
    gap: 18px;
}

.secure-file-facts {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin: 0;
}

.secure-file-facts div {
    background: var(--ui-surface-hover);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 10px 12px;
}

.secure-file-facts dt {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.secure-file-facts dd {
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    overflow-wrap: anywhere;
}

.secure-file-form {
    align-items: end;
    border-top: 1px solid var(--border);
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 1.5fr) minmax(180px, 1fr) auto;
    padding-top: 16px;
}

.secure-file-form label {
    display: grid;
    gap: 7px;
}

.secure-file-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.secure-file-remove {
    border-top: 1px dashed var(--border);
    display: flex;
    justify-content: flex-end;
    padding-top: 14px;
}

.lookup-modal-backdrop {
    align-items: center;
    background: rgba(23, 33, 28, 0.45);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 24px;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.18s ease;
    z-index: 100;
}

.lookup-modal-backdrop[hidden] {
    display: none;
}

.lookup-modal-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
}

.lookup-modal {
    background: var(--ui-surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    display: grid;
    gap: 14px;
    max-height: min(720px, 92vh);
    opacity: 0;
    padding: 20px;
    transform: translateY(8px) scale(0.985);
    transition: opacity 0.18s ease, transform 0.18s ease;
    width: min(860px, 100%);
}

.lookup-modal-backdrop.is-open .lookup-modal {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.lookup-modal-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.lookup-modal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.lookup-modal-head h2 {
    font-size: 22px;
    margin: 0;
}

.lookup-modal-results {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    max-height: 460px;
    overflow: auto;
}

body.crud-modal-open {
    overflow: hidden;
}

.erp-dialog-content {
    align-items: flex-start;
    display: grid;
    gap: 14px;
    grid-template-columns: auto 1fr;
    padding: 16px;
}

.erp-dialog-copy {
    display: grid;
    gap: 12px;
}

.erp-dialog-copy p {
    line-height: 1.5;
    margin: 0;
}

.erp-dialog-icon {
    align-items: center;
    border: 1px solid var(--ui-brand-blue);
    border-radius: 999px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    height: 34px;
    justify-content: center;
    min-width: 34px;
    padding: 0 8px;
}

.erp-dialog-success .erp-dialog-icon {
    background: var(--ui-success-soft);
    border-color: var(--ui-success-line);
    color: var(--ui-success-strong);
}

.erp-dialog-prompt {
    margin: 0;
}

.erp-dialog-prompt-fields {
    display: grid;
    gap: 12px;
}

.erp-dialog-prompt-field {
    margin: 0;
}

.erp-dialog-error {
    margin-top: 0;
}

@media (max-width: 720px) {
    .erp-dialog-content {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lookup-modal-backdrop,
    .lookup-modal,
    .crud-modal,
    .crud-modal-backdrop,
    .crud-modal-dialog {
        transition: none;
    }
}

.code-preview,
.error-detail {
    background: #101814;
    color: #e7f2eb;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    width: 100%;
}

.breakable-code {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.auth-body {
    align-items: center;
    background: #eef3ef;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
}

.login-brand {
    display: flex;
    margin-bottom: 24px;
}

.error-detail {
    border-radius: var(--radius);
    overflow-x: auto;
    padding: 12px;
}

@media (max-width: 980px) {
    .shell-collapsed .sidebar {
        align-items: stretch;
    }
}

@media (max-width: 980px) {
    .shell-collapsed .brand-copy,
    .shell-collapsed .nav-text {
        display: block;
    }
}

@media (max-width: 980px) {
    .shell-collapsed .sidebar-head {
        justify-content: space-between;
    }
}

@media (max-width: 980px) {
    .shell-collapsed .nav-group-title {
        justify-content: flex-start;
        padding: 0 10px;
    }
}

@media (max-width: 980px) {
    .shell-collapsed .nav-group-items {
        justify-items: stretch;
    }
}

@media (max-width: 980px) {
    .shell-collapsed .nav-item {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .page-head,
    .panel-head,
    .pagination {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .crud-tabs,
    .record-tabs,
    .crud-tab-panel,
    .record-tabs > .crud-tab-panel,
    .detail-panel,
    .object-detail-panel,
    .detail-inline-form,
    .detail-summary,
    .table-wrap {
        max-width: 100%;
        min-width: 0;
    }
}

@media (max-width: 760px) {
    .toolbar,
    .form-grid,
    .form-grid.cols-1,
    .form-grid.cols-2,
    .form-grid.cols-3,
    .form-grid.cols-4,
    .detail-inline-grid,
    .secure-file-form {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .form-grid > .field,
    .form-grid .lookup-control,
    .form-grid .lookup-input-row,
    .form-grid .field-action-row {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .form-grid input:not([type="checkbox"]):not([type="radio"]),
    .form-grid select,
    .form-grid textarea {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .lookup-input-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .lookup-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .form-actions,
    .detail-inline-actions,
    .secure-file-actions,
    .secure-file-remove {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .finance-quick-row,
    .finance-quick-buttons {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .actions-column {
        min-width: 170px;
    }
}

/* Regras estruturais herdadas da camada legada (consolidacao UI-TEMA-001). */
.metric-grid,
.module-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 20px;
}

.module-grid.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.metric-card,
.module-card,
.panel,
.login-panel {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.metric-card span,
.module-card span,
.module-card small {
    color: var(--muted);
    display: block;
}

.metric-card strong {
    display: block;
    margin-top: 8px;
}

.dashboard-page-head {
    align-items: stretch;
    background: var(--ui-surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    padding: 20px;
}

.dashboard-page-head h1 {
    font-size: 30px;
    line-height: 1.15;
    margin: 0;
}

.dashboard-page-head p {
    color: var(--muted);
    margin: 8px 0 0;
}

.dashboard-head-facts,
.ops-fiscal-list {
    display: grid;
    gap: 10px;
    margin: 0;
}

.dashboard-head-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-head-facts div,
.ops-fiscal-list div {
    background: var(--ui-surface-hover);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    min-width: 0;
    padding: 10px 12px;
}

.dashboard-head-facts dt,
.ops-fiscal-list dt {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    margin: 0 0 4px;
}

.dashboard-head-facts dd,
.ops-fiscal-list dd {
    color: var(--text);
    font-weight: 800;
    margin: 0;
}

.dashboard-metric-grid,
.dashboard-work-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-metric-card,
.dashboard-work-card {
    background: var(--ui-surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: 0 10px 28px rgba(21, 32, 48, 0.05);
    color: inherit;
    display: block;
    min-width: 0;
    padding: 16px;
    text-decoration: none;
}

.dashboard-metric-card {
    overflow: hidden;
}

.dashboard-metric-card .dashboard-card-head {
    align-items: center;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    gap: 8px;
    justify-content: space-between;
    text-transform: none;
}

.dashboard-metric-card .dashboard-card-head i {
    align-items: center;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.dashboard-metric-card .dashboard-card-head .nav-svg {
    height: 17px;
    width: 17px;
}

.dashboard-metric-card .dashboard-card-head em {
    display: inline-flex;
    font-style: normal;
    line-height: 1;
    padding: 6px 8px;
    white-space: nowrap;
}

.dashboard-metric-card .dashboard-card-head em.danger {
    background: var(--ui-danger-soft);
    color: #9d2f28;
}

.dashboard-metric-card .dashboard-card-head em.muted {
    background: #edf2f7;
    color: var(--muted);
}

.dashboard-mini-track {
    border-radius: 999px;
    display: block;
    margin-top: 14px;
    overflow: hidden;
}

.dashboard-mini-track b {
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 8px;
}

.dashboard-shortcut-grid {
    display: grid;
}

.dashboard-shortcut-card {
    align-content: center;
    border: 1px solid var(--line);
    color: inherit;
    display: grid;
    isolation: isolate;
    min-width: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    z-index: 0;
}

.dashboard-shortcut-card::before {
    background: var(--dashboard-accent);
    content: '';
    inset: 0 0 auto;
    opacity: 0.9;
    position: absolute;
    z-index: 0;
}

.dashboard-shortcut-card::after {
    color: var(--dashboard-accent);
    content: '\203A';
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    opacity: 0.35;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.16s ease, transform 0.16s ease;
    z-index: 1;
}

.dashboard-shortcut-card:hover {
    text-decoration: none;
    transform: translateY(-1px);
}

.dashboard-shortcut-card:hover::after {
    opacity: 0.75;
    transform: translateX(2px);
}

.dashboard-shortcut-card span {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.8);
    display: inline-flex;
    height: 48px;
    justify-content: center;
    position: relative;
    transition: transform 0.16s ease;
    width: 48px;
    z-index: 1;
}

.dashboard-shortcut-card:hover span {
    transform: translateY(-1px);
}

.dashboard-shortcut-card .nav-svg {
    height: 24px;
    width: 24px;
}

.dashboard-shortcut-card strong {
    display: block;
    overflow-wrap: anywhere;
    position: relative;
    z-index: 1;
}

.dashboard-metric-card:hover,
.dashboard-work-card:hover,
.dashboard-list-item:hover {
    border-color: rgba(31, 138, 101, 0.45);
    text-decoration: none;
}

.dashboard-metric-card span,
.dashboard-work-card span {
    color: var(--muted);
    display: block;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.dashboard-metric-card strong,
.dashboard-work-card strong {
    display: block;
    font-size: 28px;
    line-height: 1.05;
    margin-top: 8px;
}

.dashboard-metric-card small,
.dashboard-work-card small {
    color: var(--muted);
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
}

.dashboard-list {
    display: grid;
    gap: 10px;
}

.dashboard-list-item {
    align-items: center;
    background: var(--ui-surface-hover);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    color: inherit;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
    text-decoration: none;
}

.dashboard-list-item span {
    min-width: 0;
}

.dashboard-list-item strong,
.dashboard-list-item small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-list-item small,
.dashboard-list-item em,
.dashboard-empty {
    color: var(--muted);
    font-size: 13px;
}

.dashboard-list-item em {
    flex: 0 0 auto;
    font-style: normal;
    font-weight: 700;
}

.dashboard-empty {
    border: 1px dashed var(--line);
    padding: 18px;
}

.dashboard-recent-orders-panel {
    grid-column: 1 / -1;
}

.dashboard-panel-link {
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
}

.dashboard-panel-link:hover {
    text-decoration: underline;
}

.dashboard-table-wrap {
    border: 1px solid var(--line);
    overflow-x: auto;
}

.dashboard-recent-orders {
    border-collapse: collapse;
    min-width: 720px;
    table-layout: fixed;
    width: 100%;
}

.dashboard-recent-orders th,
.dashboard-recent-orders td {
    border-bottom: 1px solid var(--line);
    padding: 12px;
    text-align: left;
    vertical-align: middle;
}

.dashboard-recent-orders th {
    letter-spacing: 0;
    text-transform: uppercase;
}

.dashboard-recent-orders tr:last-child td {
    border-bottom: 0;
}

.dashboard-order-link {
    text-decoration: none;
}

.dashboard-order-link:hover {
    text-decoration: underline;
}

.dashboard-order-person {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-order-total {
    color: var(--text);
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.dashboard-order-total.canceled {
    color: #9ca8b4;
    text-decoration: line-through;
}

.module-card {
    display: block;
}

.module-card strong {
    display: block;
    font-size: 20px;
    margin: 8px 0;
}

.sales-modern-page {
    display: grid;
    gap: 16px;
}

.sales-modern-head {
    align-items: end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 0;
}

.sales-modern-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.sales-modern-more {
    position: relative;
}

.sales-modern-more summary {
    list-style: none;
}

.sales-modern-more summary::-webkit-details-marker {
    display: none;
}

.sales-modern-more > div {
    background: var(--surface);
    border: 1px solid var(--line);
    display: grid;
    gap: 4px;
    min-width: 190px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 20;
}

.sales-modern-more a {
    align-items: center;
    display: flex;
    gap: 8px;
}

.sales-modern-more a:hover {
    background: var(--surface-soft);
}

.sales-modern-empty h2 {
    margin: 0 0 5px;
}

.sales-modern-empty p {
    color: var(--muted);
    margin: 0;
}

@media (max-width: 980px) {
    .metric-grid,
    .module-grid,
    .module-grid.compact,
    .dashboard-page-head,
    .ops-grid-two {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .dashboard-metric-grid,
    .dashboard-work-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .sales-modern-head {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .sales-modern-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .sales-modern-more > div {
        left: 0;
        right: auto;
    }
}

@media (max-width: 760px) {
    .dashboard-head-facts,
    .dashboard-shortcut-grid,
    .dashboard-metric-grid,
    .dashboard-work-grid,
    .ops-insight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .dashboard-head-facts,
    .dashboard-metric-grid,
    .dashboard-work-grid,
    .ops-insight-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .dashboard-list-item {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Regras estruturais herdadas da camada legada (consolidacao UI-TEMA-001). */
.record-object-header {
    background: var(--ui-surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    display: grid;
}

.record-page-bar {
    background: var(--panel);
    margin-bottom: 14px;
    position: sticky;
    top: 0;
    z-index: 42;
}

.record-page-breadcrumb {
    margin-bottom: 6px;
}

.record-object-top {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.record-object-main {
    min-width: 0;
}

.record-object-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
    text-align: right;
}

.record-action-icon {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    height: 17px;
    justify-content: center;
    width: 17px;
}

.record-action-icon svg {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 17px;
}

.record-actions-menu-dots {
    display: inline-block;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    margin-top: -5px;
}

.record-delete-footer {
    border-top: 1px solid var(--line);
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 16px;
}

.record-object-title-line {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.record-object-title-line h1 {
    line-height: 1.15;
    margin: 0;
}

.record-object-title-line .status-badge {
    margin-top: 0;
}

.crud-tab-list {
    align-items: center;
    border: 0;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 18px;
    overflow-x: auto;
    padding: 0;
}

.crud-tab-button {
    background: transparent;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--muted);
    cursor: pointer;
    font-weight: 600;
    padding: 10px 2px 11px;
    white-space: nowrap;
}

.crud-tab-button.active {
    background: transparent;
    color: var(--text);
}

.crud-tab-button:hover {
    color: var(--primary-dark);
}

.crud-tab-panel {
    background: var(--ui-surface);
    border-top: 0;
    padding-top: 18px;
}

.crud-tab-panel[hidden] {
    display: none;
}

.record-tabs {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.record-tabs > .crud-tab-list {
    background: transparent;
    box-shadow: none;
    padding-right: 24px;
}

.record-tabs > .crud-tab-panel {
    padding-left: 24px;
    padding-right: 24px;
}

.record-tabs > .crud-tab-panel > .detail-panel,
.record-tabs > .crud-tab-panel > .audit-panel {
    margin-top: 0;
}

.detail-panel h2 {
    font-size: 20px;
    margin: 0;
}

.detail-summary {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.detail-summary-head .summary-item,
.detail-summary-modal .summary-item {
    border-right: 1px solid var(--line);
    margin-right: 14px;
    padding-right: 14px;
}

.detail-summary-head .summary-item:last-child,
.detail-summary-modal .summary-item:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.detail-open-fullscreen {
    border-color: var(--line);
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    min-height: 32px;
    padding: 5px 10px;
}

.detail-open-fullscreen:hover {
    border-color: #c6d1dc;
    color: var(--primary-dark);
}

.detail-inline-form {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    display: grid;
    gap: 14px;
    margin-bottom: 16px;
}

.detail-inline-grid {
    align-items: start;
    display: grid;
    gap: 12px;
}

.detail-inline-grid.cols-1 {
    grid-template-columns: minmax(0, 1fr);
}

.detail-inline-grid.cols-2 {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
}

.detail-inline-grid.cols-3 {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.detail-inline-grid.cols-4 {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.detail-inline-grid.cols-5 {
    grid-template-columns: repeat(5, minmax(140px, 1fr));
}

.detail-inline-grid.cols-6 {
    grid-template-columns: repeat(6, minmax(130px, 1fr));
}

.detail-inline-actions {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.detail-form-error {
    font-size: 13px;
    font-weight: 500;
    margin-right: auto;
}

.detail-table {
    min-width: 680px;
}

.audit-panel {
    box-shadow: none;
    margin-top: 20px;
}

.audit-panel .panel-head h2 {
    font-size: 17px;
}

.audit-table {
    min-width: 760px;
}

.workflow-history-panel {
    border-bottom: 1px solid var(--line);
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.workflow-history-panel h3 {
    font-size: 14px;
    margin: 0 0 12px;
}

.workflow-history-list {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.workflow-history-item {
    align-items: center;
    border-left: 3px solid var(--line);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-width: 0;
    padding-left: 12px;
}

.workflow-history-flow {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.workflow-history-arrow {
    color: var(--muted);
    font-weight: 800;
}

.workflow-history-meta {
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    min-width: 180px;
    text-align: right;
}

.workflow-history-meta strong,
.workflow-history-meta span,
.workflow-history-meta small {
    font-size: 12px;
}

.audit-details summary {
    color: var(--secondary);
    cursor: pointer;
    font-weight: 800;
}

.audit-payload {
    background: #101814;
    border-radius: var(--radius);
    color: #e7f2eb;
    font-size: 12px;
    line-height: 1.5;
    margin: 10px 0 0;
    max-height: 260px;
    max-width: 520px;
    overflow: auto;
    padding: 12px;
    white-space: pre-wrap;
}

.record-modal-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: -4px 0 12px;
}

.detail-modal-trigger {
    min-height: 36px;
}

.detail-modal-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

@media (max-width: 760px) {
    .record-object-header {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .record-object-top {
    align-items: stretch;
    flex-direction: column;
}
}

@media (max-width: 760px) {
    .workflow-history-item,
    .workflow-history-meta {
        align-items: flex-start;
        flex-direction: column;
        min-width: 0;
        text-align: left;
    }
}

@media (max-width: 760px) {
    .record-object-header {
        gap: 12px;
        padding: 14px;
    }
}

@media (max-width: 760px) {
    .record-object-title-line h1 {
        font-size: 22px;
    }
}

@media (max-width: 760px) {
    .crud-tab-list {
        gap: 2px;
        padding: 3px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
}

@media (max-width: 760px) {
    .crud-tab-list::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 760px) {
    .crud-tab-button {
        flex: 0 0 auto;
        font-size: 13px;
        min-height: 34px;
        padding: 7px 10px;
        scroll-snap-align: start;
    }
}

@media (max-width: 760px) {
    .record-tabs {
        margin-left: -16px;
        margin-right: -16px;
        max-width: none;
        width: calc(100% + 32px);
    }
}

@media (max-width: 760px) {
    .record-tabs > .crud-tab-list,
    .record-tabs > .crud-tab-panel {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 760px) {
    .record-tabs > .crud-tab-panel {
        overflow: hidden;
    }
}

@media (max-width: 760px) {
    .detail-inline-grid.cols-1,
    .detail-inline-grid.cols-2,
    .detail-inline-grid.cols-3,
    .detail-inline-grid.cols-4,
    .detail-inline-grid.cols-5,
    .detail-inline-grid.cols-6 {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .detail-inline-grid > .field,
    .detail-inline-grid .lookup-control,
    .detail-inline-grid .lookup-input-row {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .detail-inline-grid input:not([type="checkbox"]):not([type="radio"]),
    .detail-inline-grid select,
    .detail-inline-grid textarea {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .detail-form-error {
        margin-right: 0;
    }
}

/* Regras estruturais herdadas da camada legada (consolidacao UI-TEMA-001). */
.table-wrap {
    overflow-x: auto;
}

table {
    min-width: 760px;
    width: 100%;
}

th,
td {
    border-bottom: 1px solid var(--line);
    padding: 13px 12px;
    text-align: left;
    vertical-align: middle;
}

th {
    text-transform: uppercase;
}

th a {
    color: inherit;
}

.pagination {
    align-items: center;
    color: var(--muted);
    display: flex;
    justify-content: space-between;
}

.pagination > div {
    align-items: center;
    display: flex;
    gap: 10px;
}

.pagination-page-size {
    margin: 0;
}

.pagination-page-size label {
    align-items: center;
    display: flex;
    gap: 8px;
}

.pagination-page-size label > span {
    color: inherit;
    white-space: nowrap;
}

.pagination-page-size select {
    min-height: 34px;
    padding: 6px 28px 6px 10px;
    width: auto;
}

.report-tree-table {
    border-left: 0;
    border-right: 0;
    margin: 0;
    min-width: 1080px;
}

.report-tree-table th,
.report-tree-table td {
    vertical-align: middle;
}

.report-tree-table th:nth-child(n+4),
.report-tree-table td:nth-child(n+4) {
    text-align: right;
    white-space: nowrap;
}

.report-tree-table th:first-child,
.report-tree-table td:first-child,
.report-tree-table th:nth-child(2),
.report-tree-table td:nth-child(2),
.report-tree-table th:nth-child(3),
.report-tree-table td:nth-child(3) {
    text-align: left;
}

.report-tree-table th:last-child,
.report-tree-table td:last-child {
    text-align: center;
}

.report-tree-table th.num,
.report-tree-table td.num {
    text-align: right;
    white-space: nowrap;
}

.report-tree-group-row td {
    border-top: 1px solid var(--ui-line-strong, var(--line));
}

.report-tree-group-level-2 td,
.report-tree-group-level-3 td {
    border-top-color: var(--line);
}

.report-tree-grand-total-row td {
    border-top: 2px solid var(--primary);
}

.report-tree-toggle {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    padding: 0;
    text-align: left;
}

.report-tree-toggle > span:last-child,
.report-tree-main-cell > span:last-child {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.report-tree-toggle small,
.report-tree-main-cell small,
.report-tree-table td small,
.report-tree-muted {
    color: var(--muted);
    display: block;
    font-size: 11px;
    font-weight: 500;
}

.report-tree-caret {
    border-bottom: 4px solid transparent;
    border-left: 6px solid currentColor;
    border-top: 4px solid transparent;
    display: inline-block;
    height: 0;
    transition: transform 0.16s ease;
    width: 0;
}

.report-tree-toggle[aria-expanded="true"] .report-tree-caret {
    transform: rotate(90deg);
}

.report-tree-main-cell {
    align-items: center;
    gap: 8px;
    min-width: 260px;
}

.report-tree-indent {
    display: inline-block;
    flex: 0 0 auto;
}

.report-tree-indent-1 {
    margin-left: 8px;
    width: 14px;
}

.report-tree-indent-2 {
    margin-left: 28px;
    width: 14px;
}

.report-tree-indent-3 {
    margin-left: 48px;
    width: 14px;
}

.report-tree-indent-4 {
    margin-left: 68px;
    width: 14px;
}

.report-tree-child-line {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    min-width: 0;
}

.report-tree-child-line > strong {
    min-width: min(280px, 100%);
}

.report-tree-child-line > span:not(.report-tree-indent):not(.report-tree-child-kind) {
    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
}

.report-tree-child-kind {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    gap: 5px;
    text-transform: uppercase;
}

.report-tree-child-kind .button-icon,
.report-tree-child-kind .button-icon-svg {
    height: 14px;
    width: 14px;
}

@media (max-width: 760px) {
    .table-wrap {
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 760px) {
    th,
    td {
        padding: 9px 10px;
    }
}

@media (max-width: 760px) {
    .pagination > div {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
}

@media (max-width: 760px) {
    .pagination-page-size {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .pagination-page-size label {
        justify-content: space-between;
    }
}

@media (max-width: 760px) {
    .pagination-page-size select {
        width: auto;
    }
}

/* Regras estruturais herdadas da camada legada (consolidacao UI-TEMA-001). */
button,
input,
select,
textarea {
    font: inherit;
}

.flash-stack {
    isolation: isolate;
    margin-bottom: 16px;
    max-height: none;
    position: relative;
    transition: margin 0.2s ease, max-height 0.2s ease;
}

.flash-stack.is-empty {
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
}

.flash-stack .alert:last-child {
    margin-bottom: 0;
}

.alert {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 12px 14px;
    position: relative;
}

.alert > span:first-child {
    flex: 1 1 280px;
    min-width: 0;
}

.alert.success {
    background: var(--ui-success-soft);
    border-color: var(--ui-success-line);
    color: var(--ui-success-strong);
}

.alert.danger {
    background: #fff3f0;
    border-color: #ffd1ca;
    color: var(--danger);
}

.alert.warning {
    background: var(--ui-warning-soft);
    border-color: var(--ui-warning-line);
    color: var(--warning);
}

.alert.info {
    background: var(--ui-info-soft);
    border-color: #bfd8ff;
    color: var(--primary-dark);
}

.alert-actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

.alert-action {
    background: var(--ui-surface);
    border: 1px solid currentColor;
    border-radius: 6px;
    color: inherit;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding: 7px 10px;
    text-decoration: none;
}

.alert-action:hover {
    background: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.alert-close {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 24px;
    justify-content: center;
    line-height: 1;
    opacity: 0.68;
    padding: 0;
    transition: color 0.16s ease, opacity 0.16s ease;
    width: 24px;
}

.alert-close:hover,
.alert-close:focus-visible {
    opacity: 1;
    outline: none;
}

.alert-close svg {
    display: block;
    fill: none;
    height: 14px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2.2;
    width: 14px;
}

.panel-head {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.panel-head h2,
.empty-state h2 {
    font-size: 20px;
    margin: 0;
}

.panel-head p,
.empty-state p {
    color: var(--muted);
    margin: 4px 0 0;
}

label,
.field {
    display: grid;
    gap: 7px;
}

label > span,
.field > span:first-child {
    color: #33443a;
    font-size: 13px;
    font-weight: 700;
}

input,
select,
textarea {
    background: var(--ui-surface);
    border: 1px solid var(--ui-lookup-border);
    border-radius: var(--radius);
    color: var(--text);
    min-height: 42px;
    outline: none;
    padding: 9px 11px;
    width: 100%;
}

textarea {
    resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(31, 138, 101, 0.14);
}

.row-icon-action {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    color: #52645a;
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
    width: 32px;
}

.row-icon-action:hover,
.row-actions-menu[open] > .row-icon-action {
    background: #f4f7f5;
    border-color: #c6d5cc;
    color: var(--primary);
    text-decoration: none;
}

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

.row-actions-menu > summary {
    list-style: none;
}

.row-actions-menu > summary::-webkit-details-marker {
    display: none;
}

.row-actions-menu:not([open]) > .row-actions-popover {
    display: none;
}

.row-actions-popover {
    background: var(--ui-surface);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 18px 40px rgba(16, 33, 24, 0.16);
    display: grid;
    gap: 2px;
    min-width: 218px;
    padding: 6px;
    position: fixed;
    z-index: 120;
}

.row-actions-popover::before {
    background: var(--ui-surface);
    border-left: 1px solid var(--line);
    border-top: 1px solid var(--line);
    content: "";
    height: 10px;
    position: absolute;
    right: 12px;
    top: -6px;
    transform: rotate(45deg);
    width: 10px;
}

.field.compact {
    gap: 5px;
}

.field.compact > span:first-child {
    font-size: 12px;
}

.field.compact input,
.field.compact select,
.field.compact textarea,
.field.compact .lookup-button {
    min-height: 38px;
}

.field.wide {
    grid-column: 1 / -1;
}

.field-error {
    color: var(--danger);
    font-size: 12px;
    font-weight: 500;
}

.field-error-focus {
    outline: 0;
}

.field-invalid > input:not([type="hidden"]),
.field-invalid > select,
.field-invalid > textarea,
.field-error-focus > input:not([type="hidden"]),
.field-error-focus > select,
.field-error-focus > textarea,
.field-error-focus .lookup-query,
.field-invalid .lookup-query {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(194, 65, 65, 0.12);
}

.field-help {
    color: var(--muted);
    font-size: 12px;
}

.field-action-row {
    display: block;
    line-height: 0;
    position: relative;
}

.field-action-row input {
    line-height: 1.35;
    padding-right: 52px;
}

.field-action-row .lookup-button {
    align-items: center;
    background: var(--ui-surface-hover);
    border: 0;
    border-left: 1px solid var(--ui-lookup-border);
    border-radius: 0 var(--radius) var(--radius) 0;
    color: var(--primary);
    display: inline-flex;
    bottom: 0;
    height: auto;
    justify-content: center;
    min-height: 0;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 0;
    width: 42px;
}

.field-action-row .lookup-field-action-button:hover {
    background: var(--ui-info-soft);
    color: var(--primary);
}

.field-action-row .lookup-button:hover {
    background: #f3f7f5;
    border-color: var(--ui-lookup-border);
    color: var(--primary);
}

.crud-modal[hidden] {
    display: none;
}

.crud-modal [hidden] {
    display: none !important;
}

.crud-modal {
    bottom: 0;
    display: grid;
    left: 0;
    opacity: 0;
    padding: 24px;
    place-items: center;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.18s ease;
    z-index: 1200;
}

.crud-modal.is-open {
    opacity: 1;
    pointer-events: auto;
}

.crud-modal-backdrop {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.18s ease;
}

.crud-modal.is-open .crud-modal-backdrop {
    opacity: 1;
}

.crud-modal-dialog {
    background: var(--ui-surface);
    border: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    opacity: 0;
    overflow: hidden;
    position: relative;
    transform: translateY(8px) scale(0.985);
    transition: opacity 0.18s ease, transform 0.18s ease;
    width: min(860px, calc(100vw - 48px));
    z-index: 1;
}

.crud-modal.is-open .crud-modal-dialog {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.crud-modal-dialog-small {
    width: min(460px, calc(100vw - 48px));
}

.crud-modal-dialog-medium {
    width: min(760px, calc(100vw - 48px));
}

.crud-modal-dialog-wide {
    width: min(1180px, calc(100vw - 48px));
}

.crud-modal-dialog-full {
    width: min(1480px, calc(100vw - 48px));
}

.crud-modal-header {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 14px 16px;
}

.crud-modal-header small {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.crud-modal-header h2 {
    margin: 0;
}

.crud-modal-close {
    flex: 0 0 auto;
}

.crud-modal-body {
    overflow: auto;
    padding: 16px;
}

.crud-modal-body > .detail-panel-modal-content {
    margin: 0;
    padding: 0;
}

.crud-modal-footer {
    align-items: center;
    border-top: 1px solid var(--line);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 12px 16px;
}

@media (max-width: 720px) {
    .crud-modal {
        padding: 12px;
    }
}

@media (max-width: 720px) {
    .crud-modal-dialog,
    .crud-modal-dialog-small,
    .crud-modal-dialog-medium,
    .crud-modal-dialog-wide,
    .crud-modal-dialog-full {
        max-height: calc(100vh - 24px);
        width: calc(100vw - 24px);
    }
}

@media (max-width: 720px) {
    .crud-modal-header,
    .crud-modal-body,
    .crud-modal-footer {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 720px) {
    .crud-modal-footer {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}

@media (max-width: 720px) {
    .crud-modal-footer .button {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .button {
        width: 100%;
    }
}

/* Regras estruturais herdadas da camada legada (consolidacao UI-TEMA-001). */
.app-shell {
    align-items: stretch;
    display: grid;
    min-height: 100vh;
    transition: grid-template-columns 0.18s ease;
}

.sidebar {
    color: var(--ui-sidebar-ink);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: visible;
    z-index: 30;
}

.sidebar-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.brand {
    align-items: center;
    display: flex;
    gap: 12px;
}

.brand strong,
.brand small {
    display: block;
    min-width: 0;
}

.brand small {
    color: color-mix(in srgb, var(--ui-sidebar-ink) 78%, transparent);
    font-size: 12px;
    margin-top: 2px;
}

.brand-mark {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
}

.brand-copy {
    min-width: 0;
}

.nav {
    display: flex;
    flex-direction: column;
}

.nav-group-title {
    align-items: center;
    display: flex;
    gap: 10px;
}

.nav-item {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.nav-item:hover,
.nav-item.active {
    background: color-mix(in srgb, var(--ui-sidebar-contrast) 16%, transparent);
    color: var(--ui-sidebar-contrast);
}

.nav-icon {
    font-size: 11px;
    font-weight: 800;
}

.nav-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main {
    background: var(--bg);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

.topbar {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    position: static;
    top: auto;
    z-index: auto;
}

.topbar-left {
    align-items: center;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}

.topbar-title {
    display: grid;
}

.topbar-title strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-company {
    display: block;
}

.topbar-actions {
    align-items: center;
    display: flex;
    min-width: 0;
}

.quick-action {
    align-items: center;
    border: 1px solid var(--line);
    display: inline-flex;
    gap: 8px;
}

.quick-action .quick-action-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.quick-action:nth-child(2) .quick-action-icon {
    background: var(--secondary);
}

.quick-action:nth-child(3) .quick-action-icon {
    background: var(--accent);
}

.global-search kbd {
    border: 1px solid var(--line);
    border-radius: 5px;
    padding: 2px 5px;
}

.user-menu {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.user-chip {
    line-height: 1.15;
    min-width: 0;
}

.user-avatar {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
}

.user-menu-chevron {
    line-height: 1;
}

.user-menu-dropdown {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    display: grid;
    gap: 8px;
    min-width: 210px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
}

.user-menu-dropdown[hidden] {
    display: none;
}

.user-menu-company,
.user-menu-role {
    color: var(--muted);
    font-size: 12px;
}

.shell-user-chip strong,
.shell-user-chip small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon-button {
    align-items: center;
    background: color-mix(in srgb, var(--ui-sidebar-contrast) 16%, transparent);
    border: 1px solid color-mix(in srgb, var(--ui-sidebar-contrast) 24%, transparent);
    border-radius: var(--radius);
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    height: 36px;
    justify-content: center;
    min-width: 36px;
    padding: 0;
}

.icon-button span {
    background: currentColor;
    border-radius: 999px;
    display: block;
    height: 2px;
    width: 16px;
}

.sidebar-collapse-icon {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
    transition: transform 0.16s ease;
}

.mobile-menu-button {
    background: #f6f9fc;
    border-color: var(--line);
    color: var(--text);
    display: none;
}

.sidebar-backdrop {
    background: rgba(21, 32, 48, 0.48);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 25;
}

.sidebar-backdrop[hidden] {
    display: none;
}

@media (max-width: 980px) {
    .app-shell,
    .shell-collapsed .app-shell {
        --shell-sidebar-width: 0px;
        background: var(--bg);
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .sidebar {
    bottom: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    transition: transform 0.18s ease;
    width: min(300px, 86vw);
}
}

@media (max-width: 980px) {
    .sidebar-open .sidebar {
        transform: translateX(0);
    }
}

@media (max-width: 980px) {
    .sidebar-collapse,
    .shell-collapsed .sidebar-collapse {
        display: none;
    }
}

@media (max-width: 980px) {
    .mobile-menu-button {
        display: inline-flex;
    }
}

@media (max-width: 980px) {
    .topbar {
    padding-left: 16px;
    padding-right: 16px;
}
}

@media (max-width: 760px) {
    .topbar {
    flex-wrap: wrap;
}
}

@media (max-width: 760px) {
    .user-menu {
    justify-content: flex-end;
}
}

@media (max-width: 760px) {
    .environment-pill,
    .shell-user-chip {
        display: none;
    }
}

@media (max-width: 760px) {
    .quick-action strong {
        display: none;
    }
}

@media (max-width: 760px) {
    .topbar .button {
        width: auto;
    }
}

.ui-v2 {
    background: var(--ui-bg);
    color: var(--ui-text);
    font-size: 14px;
}

.ui-v2 .app-shell {
    --shell-sidebar-width: 258px;
    background: var(--ui-bg);
    grid-template-columns: 258px minmax(0, 1fr);
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .app-shell {
    --shell-sidebar-width: 72px;
    grid-template-columns: 72px minmax(0, 1fr);
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar {
    align-items: center;
    overflow: visible;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-copy,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-text {
    display: none;
}

.ui-v2.shell-auto-collapsed .sidebar-collapse {
    display: none;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-head {
    justify-content: center;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-item {
    justify-content: center;
}

.ui-v2 .sidebar-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    min-height: 58px;
    padding: 2px 2px 12px;
}

.ui-v2 .brand {
    border-radius: var(--ui-radius);
    min-width: 0;
    padding: 6px;
}

.ui-v2 .brand:hover {
    background: rgba(255, 255, 255, 0.07);
}

.ui-v2 .brand-mark {
    background: var(--ui-surface);
    border: 0;
    border-radius: 7px;
    color: #233142;
    height: 38px;
    min-width: 38px;
}

.ui-v2 .brand-mark.large {
    background: linear-gradient(135deg, var(--ui-primary), var(--ui-secondary));
    color: var(--ui-sidebar-contrast);
    height: 54px;
    min-width: 54px;
}

.ui-v2 .brand-copy strong {
    color: var(--ui-sidebar-contrast);
}

.ui-v2 .brand-copy small {
    color: color-mix(in srgb, var(--ui-sidebar-ink) 70%, transparent);
}

.ui-v2 .nav {
    gap: 4px;
    width: 100%;
}

.ui-v2 .nav-group {
    display: grid;
    gap: 2px;
    position: relative;
    width: 100%;
}

.ui-v2 .nav-group-title {
    appearance: none;
    background: transparent;
    border: 0;
    color: color-mix(in srgb, var(--ui-sidebar-ink) 70%, transparent);
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    min-height: 26px;
    padding: 0 4px 0 2px;
    text-align: left;
    text-transform: none;
    width: 100%;
}

.ui-v2 .nav-group-title,
.ui-v2 .nav-item {
    gap: 9px;
}

.ui-v2 .nav-icon {
    align-items: center;
    color: color-mix(in srgb, var(--ui-sidebar-ink) 92%, transparent);
    display: inline-flex;
    flex: 0 0 auto;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.ui-v2 .nav-group-title .nav-icon {
    color: color-mix(in srgb, var(--ui-sidebar-ink) 76%, transparent);
}

.ui-v2 .nav-svg {
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 18px;
}

.ui-v2 .nav-group-title:hover {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    color: color-mix(in srgb, var(--ui-sidebar-ink) 92%, transparent);
}

.ui-v2 .nav-group-toggle-icon {
    align-items: center;
    color: color-mix(in srgb, var(--ui-sidebar-ink) 78%, transparent);
    display: inline-flex;
    height: 18px;
    justify-content: center;
    margin-left: auto;
    min-width: 18px;
    width: 18px;
}

.ui-v2 .nav-group-toggle-icon svg {
    fill: none;
    height: 13px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    transform: rotate(0deg);
    transition: transform 140ms ease;
    width: 13px;
}

.ui-v2 .nav-group-title[aria-expanded="true"] .nav-group-toggle-icon svg {
    transform: rotate(90deg);
}

.ui-v2 .nav-group-items[hidden] {
    display: none;
}

.ui-v2 .nav-item {
    border: 1px solid transparent;
    border-radius: var(--ui-radius);
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    min-height: 36px;
    padding: 7px 9px 7px 11px;
}

.ui-v2 .nav-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-title {
    justify-content: center;
    min-height: 40px;
    padding: 0;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-title .nav-icon,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-item .nav-icon {
    height: 30px;
    margin: 0;
    width: 30px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-toggle-icon {
    display: none;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group::after {
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 12px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-left: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: 0 18px 46px rgba(16, 24, 40, 0.22);
    display: none;
    gap: 2px;
    justify-items: stretch;
    left: calc(100% + 10px);
    margin-left: 0;
    min-width: 230px;
    padding: 8px;
    position: absolute;
    top: 0;
    z-index: 220;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group:hover .nav-group-items,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group:focus-within .nav-group-items {
    display: grid;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items::before {
    color: var(--ui-muted);
    content: attr(data-nav-label);
    font-size: 11px;
    font-weight: 800;
    padding: 6px 8px 7px;
    text-transform: uppercase;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items .nav-item {
    background: transparent;
    border-color: transparent;
    color: var(--ui-text-soft);
    justify-content: flex-start;
    min-height: 36px;
    padding: 7px 9px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items .nav-item:hover,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items .nav-item.active {
    background: var(--ui-surface-soft);
    border-color: var(--ui-line);
    color: var(--ui-primary-dark);
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items .nav-icon {
    color: var(--ui-primary);
    height: 20px;
    width: 20px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items .nav-text {
    display: inline;
}

.ui-v2 .main {
    min-width: 0;
}

.ui-v2 .topbar {
    background: rgba(255, 255, 255, 0.985);
    border-bottom: 1px solid var(--ui-line);
    box-shadow: none;
    gap: 14px;
    min-height: var(--shell-topbar-height, 64px);
    padding-left: 22px;
    padding-right: 22px;
}

.ui-v2 .topbar-left {
    min-height: 36px;
}

.ui-v2 .topbar-title {
    gap: 0;
}

.ui-v2 .topbar-title strong {
    color: var(--ui-text);
    font-size: 16px;
}

.ui-v2 .topbar-company {
    color: var(--ui-text);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    max-width: min(46vw, 560px);
}

.ui-v2 .environment-pill {
    color: var(--ui-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
}

.ui-v2 .environment-pill.env-badge {
    background: #f7f9fb;
    border: 1px solid var(--ui-line);
    color: var(--ui-text-soft);
}

.ui-v2 .env-badge-local .env-badge-dot {
    background: var(--ui-muted);
}

.ui-v2 .env-badge-homologation {
    background: #fff8e6;
    border-color: #efd58f;
    color: var(--ui-warning);
}

.ui-v2 .env-badge-homologation .env-badge-dot {
    background: var(--ui-warning);
}

.ui-v2 .env-badge-production {
    background: #edf9f3;
    border-color: var(--ui-brand-cyan);
    color: var(--ui-success-deep);
}

.ui-v2 .env-badge-production .env-badge-dot {
    background: #0f8f63;
}

.ui-v2 .muted {
    color: var(--ui-muted);
}

.ui-v2 .topbar-actions {
    flex: 0 1 auto;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
}

.ui-v2 .global-search {
    min-width: 176px;
}

.ui-v2 .quick-action {
    background: var(--ui-surface);
    border-color: var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-soft);
    color: var(--ui-text-soft);
    font-weight: 500;
    min-height: 36px;
    padding: 6px 11px;
}

.ui-v2 .quick-action .quick-action-icon {
    background: #eef4fb;
    border-radius: 7px;
    color: var(--ui-primary);
    height: 24px;
    min-width: 26px;
}

.ui-v2 .quick-action .quick-action-icon .nav-svg {
    height: 15px;
    stroke-width: 2;
    width: 15px;
}

.ui-v2 .quick-action:hover {
    background: var(--ui-surface-soft);
    border-color: var(--ui-line-strong);
    color: var(--ui-primary-dark);
}

.ui-v2 .quick-action strong {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}

.ui-v2 .global-search kbd {
    background: var(--ui-surface-soft);
    border-color: var(--ui-line);
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 500;
}

.ui-v2 .command-action {
    background: var(--ui-surface);
    border-color: var(--ui-line);
    color: var(--ui-primary-dark);
}

.ui-v2 .command-action .quick-action-icon {
    background: var(--ui-selection-soft);
    color: var(--ui-primary);
}

.ui-v2 .command-action:hover {
    background: var(--ui-selection-soft);
    border-color: var(--ui-brand-blue);
    color: var(--ui-primary-dark);
}

.ui-v2 .user-menu {
    flex: 0 0 auto;
    gap: 8px;
    position: relative;
}

.ui-v2 .user-chip {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    box-shadow: none;
    color: var(--ui-text-soft);
    cursor: pointer;
    display: flex;
    gap: 6px;
    min-height: 36px;
    padding: 0;
}

.ui-v2 .user-chip:hover,
.ui-v2 .user-menu.is-open .user-chip {
    background: transparent;
    border-color: transparent;
}

.ui-v2 .user-avatar {
    background: var(--ui-selection-soft);
    color: var(--ui-primary-dark);
    flex: 0 0 auto;
    font-weight: 500;
    height: 34px;
    min-width: 34px;
}

.ui-v2 .shell-user-chip strong {
    color: var(--ui-text-soft);
    font-size: 12px;
    font-weight: 500;
}

.ui-v2 .shell-user-chip small {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 500;
}

.ui-v2 .user-menu-chevron {
    color: var(--ui-muted);
    flex: 0 0 auto;
    font-size: 0;
}

.ui-v2 .user-menu-chevron::before {
    content: "\25BE";
    font-size: 12px;
}

.ui-v2 .user-menu-dropdown {
    background: var(--ui-surface);
    border-color: var(--ui-line);
    box-shadow: var(--ui-shadow);
    z-index: 90;
}

.ui-v2 .user-menu-company,
.ui-v2 .user-menu-role {
    color: var(--ui-muted);
    font-weight: 500;
}

.ui-v2 .shell-logout {
    align-items: center;
    background: var(--ui-surface-soft);
    border-color: var(--ui-line);
    box-shadow: none;
    color: var(--ui-text-soft);
    display: inline-flex;
    justify-content: center;
    min-height: 36px;
    padding: 6px 11px;
    width: 100%;
}

.ui-v2 .shell-logout:hover {
    background: var(--ui-surface-soft);
    border-color: var(--ui-line-strong);
    color: var(--ui-primary-dark);
}

.ui-v2 .user-menu-themes {
    border-bottom: 1px solid var(--ui-line);
    border-top: 1px solid var(--ui-line);
    margin: 4px 0;
    padding: 4px 0;
}

.ui-v2 .user-menu-theme-summary {
    align-items: center;
    border-radius: var(--ui-radius-sm);
    cursor: pointer;
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 6px 10px;
}

.ui-v2 .user-menu-theme-summary::-webkit-details-marker {
    display: none;
}

.ui-v2 .user-menu-theme-summary:hover {
    background: var(--ui-surface-muted);
}

.ui-v2 .user-menu-theme-title {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ui-v2 .user-menu-theme-current {
    color: var(--ui-text-soft);
    flex: 1;
    font-size: 12.5px;
    font-weight: 600;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .user-menu-theme-caret {
    color: var(--ui-muted);
    font-size: 10px;
    transition: transform 0.15s ease;
}

.ui-v2 .user-menu-themes[open] .user-menu-theme-caret {
    transform: rotate(180deg);
}

.ui-v2 .user-menu-themes form {
    display: grid;
    gap: 2px;
    margin-top: 4px;
    max-height: 38vh;
    overflow-y: auto;
    padding: 2px;
}

.ui-v2 .user-menu-theme-option {
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-sm);
    color: var(--ui-text-soft);
    cursor: pointer;
    font-size: 13px;
    padding: 5px 10px;
    text-align: left;
}

.ui-v2 .user-menu-theme-option:hover {
    background: var(--ui-surface-muted);
    color: var(--ui-text);
}

.ui-v2 .user-menu-theme-option.is-active {
    background: var(--ui-surface-muted);
    border-color: var(--ui-line);
    color: var(--ui-primary);
    font-weight: 600;
}

.ui-v2 .content {
    padding: 22px 24px 30px;
}

.ui-v2 .eyebrow {
    color: var(--ui-primary);
}

.ui-v2 .page-head {
    margin-bottom: 16px;
}

.ui-v2 .page-title-block {
    min-width: 0;
}

.ui-v2 .page-title-row {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.ui-v2 .page-title-row h1 {
    min-width: 0;
}

.ui-v2 .page-title-icon {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-primary);
    display: inline-flex;
    flex: 0 0 30px;
    height: 30px;
    justify-content: center;
}

.ui-v2 .page-title-svg {
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 18px;
}

.ui-v2 .page-head h1 {
    color: var(--ui-text);
    font-size: 26px;
}

.ui-v2 .page-subtitle {
    color: var(--ui-muted);
    margin: 5px 0 0;
}

.ui-v2 .page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.ui-v2 .panel,
.ui-v2 .metric-card,
.ui-v2 .module-card,
.ui-v2 .login-panel {
    border-color: var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-soft);
}

.ui-v2 .panel {
    margin-bottom: 18px;
    padding: 18px;
}

.ui-v2 .panel-head {
    margin-bottom: 14px;
}

.ui-v2 .panel-head h2,
.ui-v2 .empty-state h2 {
    font-size: 18px;
}

.ui-v2 .metric-grid,
.ui-v2 .module-grid {
    gap: 14px;
}

.ui-v2 .metric-card {
    padding: 18px;
}

.ui-v2 .metric-card strong {
    font-size: 26px;
}

.ui-v2 .module-card {
    border-color: var(--ui-line);
    min-height: 104px;
    padding: 16px;
}

.ui-v2 .module-card:hover {
    border-color: rgba(37, 99, 168, 0.45);
    box-shadow: var(--ui-shadow);
}

.ui-v2 .operational-panel .table-scroll {
    overflow-x: auto;
}

.ui-v2 .operational-panel > .detail-table {
    min-width: 0;
    table-layout: fixed;
    width: 100%;
}

.ui-v2 .operational-panel > .detail-table th {
    width: 36%;
}

.ui-v2 .operational-panel > .detail-table th,
.ui-v2 .operational-panel > .detail-table td {
    overflow-wrap: anywhere;
}

.ui-v2 .operational-alert-list {
    display: grid;
    gap: 10px;
}

.ui-v2 .operational-alert-list .alert {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0;
}

.ui-v2 .legacy-import-page .panel-head-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.ui-v2 .legacy-import-page .checkbox-line {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: 8px;
    min-height: 34px;
}

.ui-v2 .legacy-import-page .checkbox-line input {
    margin: 0;
}

.ui-v2 .legacy-import-upload-panel {
    margin-top: 14px;
}

.ui-v2 .legacy-import-upload-error {
    margin-top: 12px;
}

.ui-v2 .legacy-import-current-job .detail-table {
    margin-top: 12px;
}

.ui-v2 .legacy-import-step-strip {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 10px 0 14px;
}

.ui-v2 .legacy-import-step-strip span {
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 700;
    padding: 8px 10px;
}

.ui-v2 .legacy-import-step-strip span.is-active {
    background: var(--ui-info-soft);
    border-color: #8ec5ff;
    color: #14538f;
}

.ui-v2 .legacy-import-step-strip span.is-done {
    background: #edf8f0;
    border-color: #9bd3a8;
    color: #236233;
}

.ui-v2 .legacy-import-progress {
    background: #e6edf3;
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    height: 12px;
    overflow: hidden;
    width: 100%;
}

.ui-v2 .legacy-import-progress-bar {
    background: var(--ui-primary);
    height: 100%;
    min-width: 0;
    transition: width 180ms ease;
}

.ui-v2 .legacy-import-progress-meta {
    align-items: center;
    color: var(--ui-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 10px;
    justify-content: space-between;
    margin: 8px 0 16px;
}

.ui-v2 .legacy-import-progress-meta strong {
    color: var(--ui-text);
    font-size: 18px;
}

.ui-v2 .legacy-import-job-panel .detail-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.ui-v2 .legacy-import-job-panel .detail-table tr.is-selected td {
    background: var(--ui-surface-soft);
}

.ui-v2 .legacy-import-job-panel h3 {
    font-size: 14px;
    margin: 0 0 8px;
}

.ui-v2 .legacy-import-config-form {
    margin-top: 16px;
}

.ui-v2 .legacy-import-access-note {
    margin-top: 12px;
}

.ui-v2 .legacy-import-command,
.ui-v2 .legacy-import-imported-data,
.ui-v2 .legacy-import-log {
    margin-top: 16px;
}

@media (max-width: 860px) {
    .ui-v2 .legacy-import-job-panel .detail-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .legacy-import-step-strip {
        grid-template-columns: minmax(0, 1fr);
    }
}

.ui-v2 .module-card.disabled {
    opacity: 0.65;
    pointer-events: none;
}

.ui-v2 .button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    min-height: 34px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
    white-space: nowrap;
}

.ui-v2 .button:hover {
    box-shadow: none;
}

.ui-v2 .button.primary,
.ui-v2 button.button.primary,
.ui-v2 a.button.primary {
    background: var(--ui-primary);
    background-image: none;
    border-color: var(--ui-primary);
    box-shadow: none;
    color: var(--ui-primary-contrast);
}

.ui-v2 .button.primary:hover,
.ui-v2 button.button.primary:hover,
.ui-v2 a.button.primary:hover {
    background: var(--ui-primary-hover);
    background-image: none;
    border-color: var(--ui-primary-hover);
}

.ui-v2 .button.secondary,
.ui-v2 button.button.secondary,
.ui-v2 a.button.secondary {
    background: var(--ui-button-secondary-bg);
    background-image: none;
    border-color: var(--ui-button-secondary-border);
    color: var(--ui-button-secondary-text);
}

.ui-v2 .button.secondary:hover,
.ui-v2 button.button.secondary:hover,
.ui-v2 a.button.secondary:hover {
    background: var(--ui-surface-soft);
    border-color: var(--ui-line-strong);
    color: var(--ui-brand-dark);
}

.ui-v2 .button.ghost {
    background: var(--ui-button-secondary-bg);
    border-color: var(--ui-line-strong);
    color: var(--ui-muted-strong);
}

.ui-v2 .button.ghost:hover {
    background: var(--ui-surface-soft);
    border-color: var(--ui-line-strong);
    color: var(--ui-primary-dark);
}

.ui-v2 .button.danger {
    background: var(--ui-button-secondary-bg);
    border-color: #dca7a7;
    color: var(--ui-danger-strong);
}

.ui-v2 .button.danger:hover {
    background: #f9eeee;
    border-color: #c98383;
    color: var(--ui-danger-strong);
}

.ui-v2 .button.small {
    min-height: 30px;
    padding: 5px 10px;
}

.ui-v2 .button.full {
    width: 100%;
}

.ui-v2 .button.disabled {
    opacity: 0.45;
    pointer-events: none;
}

.ui-v2 .button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.ui-v2 .button .button-icon {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.ui-v2 .button .button-icon-svg {
    fill: none;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

.ui-v2 label > span,
.ui-v2 .field > span:first-child {
    color: #2d3a4a;
    font-size: 12px;
}

.ui-v2 input,
.ui-v2 select,
.ui-v2 textarea {
    border-color: var(--ui-line);
    border-radius: 7px;
    min-height: 39px;
    padding: 8px 10px;
}

.ui-v2 textarea {
    min-height: 110px;
}

.ui-v2 input:focus,
.ui-v2 select:focus,
.ui-v2 textarea:focus,
.ui-v2 .fluig-crud input:focus,
.ui-v2 .fluig-crud select:focus,
.ui-v2 .fluig-crud textarea:focus {
    border-color: var(--ui-primary);
    box-shadow: inset 0 1px 1px rgba(10, 50, 70, 0.04), 0 0 0 3px var(--ui-focus);
}

.ui-v2 .toolbar {
    align-items: start;
    box-shadow: var(--ui-shadow-soft);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px;
}

.ui-v2 .list-toolbar-main,
.ui-v2 .list-toolbar-actions {
    align-items: end;
    display: flex;
    gap: 12px;
}

.ui-v2 .list-toolbar-main {
    min-width: 0;
}

.ui-v2 .list-toolbar-main .search-box {
    flex: 1 1 320px;
}

.ui-v2 .list-toolbar-main label:not(.search-box) {
    flex: 0 0 150px;
}

.ui-v2 .list-toolbar-actions {
    align-self: end;
    justify-content: flex-end;
}

.ui-v2 .list-filter-grid {
    display: grid;
    gap: 10px;
    grid-column: 1 / -1;
    grid-template-columns: repeat(auto-fit, minmax(150px, 180px));
    justify-content: start;
}

.ui-v2 .list-filter-grid label {
    gap: 5px;
}

.ui-v2 .list-filter-grid label > span {
    font-size: 12px;
}

.ui-v2 .list-filter-grid input,
.ui-v2 .list-filter-grid select {
    min-height: 36px;
    padding-bottom: 7px;
    padding-top: 7px;
}

.ui-v2 .active-filter-bar {
    align-items: center;
    background: var(--ui-selection-soft);
    border: 1px solid var(--ui-brand-blue);
    border-radius: var(--ui-radius);
    color: var(--ui-primary-dark);
    display: inline-flex;
    gap: 8px;
    margin: -4px 0 14px;
    max-width: 100%;
    padding: 7px 10px;
}

.ui-v2 .active-filter-bar span {
    font-size: 12px;
    font-weight: 800;
}

.ui-v2 .active-filter-bar strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .list-action-manager {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-soft);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 12px 14px;
}

.ui-v2 .list-action-manager-status {
    display: grid;
    gap: 3px;
    min-width: 190px;
}

.ui-v2 .list-action-manager-title {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ui-v2 .list-action-manager-status strong {
    color: var(--ui-text);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .list-action-manager-buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ui-v2 .list-manager-action-button {
    gap: 7px;
}

.ui-v2 .list-manager-action-button .row-action-svg {
    height: 16px;
    width: 16px;
}

.ui-v2 .list-manager-action-button.is-disabled,
.ui-v2 .list-manager-action-button:disabled,
.ui-v2 .list-manager-more-summary.is-disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.ui-v2 .list-manager-more-menu {
    display: inline-flex;
}

.ui-v2 .list-manager-more-menu > summary.button {
    list-style: none;
}

.ui-v2 .list-manager-more-menu > summary.button::-webkit-details-marker {
    display: none;
}

.ui-v2 .list-manager-popover {
    min-width: 238px;
}

.ui-v2 .list-manager-popover .row-menu-action:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.ui-v2 .list-report {
    display: grid;
    gap: 0;
    min-width: 0;
}

.ui-v2 .list-panel {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 0;
}

.ui-v2 .table-wrap {
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    overflow: auto;
}

.ui-v2 .list-panel .table-wrap {
    border: 0;
    border-radius: 0;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.ui-v2 table {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
}

.ui-v2 th,
.ui-v2 td {
    padding: 10px 12px;
}

.ui-v2 th {
    background: var(--ui-surface-soft);
    color: var(--ui-table-head-ink);
    font-size: 11px;
}

.ui-v2 thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.ui-v2 tbody tr {
    background: var(--ui-surface);
}

.ui-v2 tbody tr:hover {
    background: var(--ui-row-hover);
}

.ui-v2 tbody tr.is-selected {
    background: var(--ui-selection-soft);
    box-shadow: inset 3px 0 0 var(--ui-primary);
}

.ui-v2 tbody tr.is-selected:hover {
    background: var(--ui-row-selected-hover);
}

.ui-v2 tbody tr:last-child td {
    border-bottom: 0;
}

.ui-v2 .actions-column {
    min-width: 170px;
    white-space: nowrap;
}

.ui-v2 .actions-column .button {
    box-shadow: none;
}

.ui-v2 .row-action-primary {
    font-weight: 800;
}

.ui-v2 .pagination {
    background: transparent;
    margin-top: 2px;
}

.ui-v2 .object-page {
    display: grid;
    gap: 14px;
}

.ui-v2 .record-actions-menu {
    display: inline-flex;
}

.ui-v2 .record-actions-menu.record-actions-menu-mobile-only {
    display: none;
}

.ui-v2 .record-actions-menu > summary.button {
    list-style: none;
}

.ui-v2 .record-actions-menu > summary.button::-webkit-details-marker {
    display: none;
}

.ui-v2 .record-actions-menu .record-actions-popover {
    min-width: 230px;
}

.ui-v2 .record-actions-menu .record-actions-popover form {
    display: block;
    margin: 0;
}

.ui-v2 .record-actions-menu .record-actions-popover .record-mobile-menu-action {
    display: none;
}

.ui-v2 .record-actions-menu .row-menu-separator {
    border-color: var(--ui-line);
}

.ui-v2 .record-object-header {
    box-shadow: var(--ui-shadow-soft);
    gap: 12px;
    margin-bottom: 0;
    padding: 16px 18px;
}

.ui-v2 .object-header {
    border-color: var(--ui-line);
}

.ui-v2 .record-object-title-line h1 {
    font-size: 24px;
}

.ui-v2 .record-object-title-line .page-title-row {
    max-width: 100%;
}

.ui-v2 .status-badge {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 7px;
    justify-content: flex-start;
    line-height: 1.25;
    margin-top: 0;
    min-height: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-v2 .status-badge::before {
    background: currentColor;
    border-radius: 999px;
    content: "";
    flex: 0 0 7px;
    height: 7px;
    width: 7px;
}

.ui-v2 .status-badge.muted {
    color: #566579;
}

.ui-v2 .status-badge.success {
    color: var(--ui-success);
}

.ui-v2 .status-badge.warning {
    color: var(--ui-warning);
}

.ui-v2 .status-badge.danger {
    color: var(--ui-danger);
}

.ui-v2 .status-badge.info {
    color: var(--ui-brand-cyan-dark);
}

.ui-v2 .crud-tab-list {
    background: #eef2f6;
    border-color: var(--ui-line);
    border-radius: var(--ui-radius);
    -ms-overflow-style: none;
    overflow-y: hidden;
    scrollbar-width: none;
}

.ui-v2 .crud-tab-list::-webkit-scrollbar {
    display: none;
}

.ui-v2 .crud-tab-button {
    border: 1px solid transparent;
    min-height: 34px;
}

.ui-v2 .crud-tab-button:hover {
    background: rgba(255, 255, 255, 0.58);
}

.ui-v2 .crud-tab-button.active {
    border-color: var(--ui-line);
    box-shadow: var(--ui-shadow-soft);
}

.ui-v2 .form-panel {
    padding: 20px;
}

.ui-v2 .record-sheet {
    margin-bottom: 0;
}

.ui-v2 .form-sections {
    gap: 16px;
}

.ui-v2 .form-section {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line-soft);
    border-radius: var(--ui-radius);
    padding: 14px;
}

.ui-v2 .form-section:first-child {
    border-top: 1px solid var(--ui-line-soft);
    padding-top: 14px;
}

.ui-v2 .form-section-summary {
    margin-bottom: 12px;
}

.ui-v2 .form-section-title {
    color: var(--ui-text);
    font-size: 14px;
}

.ui-v2 .form-grid {
    gap: 14px;
}

.ui-v2 .form-actions {
    border-top: 1px solid var(--ui-line);
    padding-top: 14px;
}

.ui-v2 .form-error-summary {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: var(--ui-radius);
    color: var(--ui-error-ink);
    margin-bottom: 14px;
    padding: 12px 14px;
}

.ui-v2 .form-error-summary-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 8px;
}

.ui-v2 .form-error-summary-head strong {
    font-size: 14px;
}

.ui-v2 .form-error-summary-head span {
    color: #9a3412;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.ui-v2 .form-error-summary ul {
    display: grid;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-v2 .form-error-summary li {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    line-height: 1.35;
    min-width: 0;
}

.ui-v2 .form-error-summary button,
.ui-v2 .form-error-summary li > span {
    background: transparent;
    border: 0;
    color: #1d4ed8;
    flex: 0 0 auto;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    padding: 0;
    text-align: left;
}

.ui-v2 .form-error-summary button {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ui-v2 .form-error-summary small {
    color: var(--ui-error-ink);
    flex: 1 1 220px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
}

.ui-v2 .detail-form-error {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: var(--ui-radius);
    color: var(--ui-error-ink);
    display: grid;
    gap: 6px;
    padding: 10px 12px;
}

.ui-v2 .detail-form-error[hidden] {
    display: none;
}

.ui-v2 .detail-form-error strong {
    font-size: 13px;
    font-weight: 600;
}

.ui-v2 .detail-form-error ul {
    display: grid;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-v2 .detail-form-error li {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    line-height: 1.35;
}

.ui-v2 .detail-form-error button,
.ui-v2 .detail-form-error li > span {
    background: transparent;
    border: 0;
    color: #1d4ed8;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    padding: 0;
    text-align: left;
}

.ui-v2 .detail-form-error button {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ui-v2 .detail-form-error small {
    color: var(--ui-error-ink);
    flex: 1 1 180px;
    font-size: 12px;
    font-weight: 400;
}

.ui-v2 .field.field-error-focus {
    outline: 0;
}

.ui-v2 .field.field-error-focus > input:not([type="hidden"]),
.ui-v2 .field.field-error-focus > select,
.ui-v2 .field.field-error-focus > textarea,
.ui-v2 .field.field-error-focus .lookup-query {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.ui-v2 .lookup-button {
    border-color: var(--ui-line);
    border-radius: 7px;
    min-height: 39px;
}

.ui-v2 .lookup-input-row .lookup-button {
    border-color: var(--ui-line);
    border-radius: 0 7px 7px 0;
    min-height: 0;
}

.ui-v2 .lookup-dropdown,
.ui-v2 .lookup-modal {
    border-color: var(--ui-line);
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.16);
}

.ui-v2 .lookup-results-table tbody tr:hover,
.ui-v2 .lookup-results-table tbody tr.active,
.ui-v2 .lookup-results-table tbody tr[aria-selected="true"] {
    background: var(--ui-row-picked);
    color: #1c4f92;
}

.ui-v2 .lookup-meta {
    background: var(--ui-surface-soft);
    border-color: var(--ui-line-soft);
}

.ui-v2 .detail-panel {
    margin-top: 0;
}

.ui-v2 .record-tabs > .crud-tab-list {
    margin-bottom: 0;
    padding-left: 0;
}

.ui-v2 .record-tabs > .crud-tab-panel {
    padding-top: 0;
}

.ui-v2 .detail-summary {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    gap: 8px 18px;
    padding: 0;
}

.ui-v2 .summary-item {
    align-items: baseline;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    min-width: 0;
    padding: 0;
}

.ui-v2 .summary-item small,
.ui-v2 .summary-item .summary-item-label {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.ui-v2 .summary-item strong,
.ui-v2 .summary-item .summary-item-value {
    color: var(--ui-text);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.ui-v2 .summary-item-count .summary-item-value {
    font-size: 14px;
}

.ui-v2 .detail-summary .status-badge {
    align-self: center;
}

.ui-v2 .detail-panel-head {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ui-v2 .detail-panel-head-row {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    width: 100%;
}

.ui-v2 .detail-panel-head-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ui-v2 .detail-panel-head-main {
    display: grid;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
}

.ui-v2 .detail-summary-head {
    align-items: center;
    background: var(--ui-document-summary-bg);
    border: 1px solid var(--ui-document-summary-line);
    border-radius: 8px;
    gap: 0;
    grid-column: 1 / -1;
    justify-self: start;
    margin-bottom: 0;
    max-width: 100%;
    padding: 8px 12px;
    width: fit-content;
}

.ui-v2 .detail-summary-modal {
    align-items: center;
    background: var(--ui-document-summary-bg);
    border: 1px solid var(--ui-document-summary-line);
    border-radius: 8px;
    gap: 0;
    margin-bottom: 12px;
    padding: 8px 12px;
}

.ui-v2 .detail-summary-head .summary-item,
.ui-v2 .detail-summary-modal .summary-item {
    border-right: 1px solid var(--ui-document-summary-line);
    margin-right: 14px;
    padding-right: 14px;
}

.ui-v2 .detail-summary-head .summary-item:last-child,
.ui-v2 .detail-summary-modal .summary-item:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.ui-v2 .detail-inline-form {
    background: var(--ui-surface);
    border-color: var(--ui-line-soft);
    padding: 14px;
}

.ui-v2 .form-section > .detail-inline-form {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0;
}

.ui-v2 .detail-inline-grid {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.ui-v2 .record-page-details > .record-header-overview,
.ui-v2 .record-page-details > .document-footer-summary,
.ui-v2 .record-page-details > .record-statusbar {
    grid-column: 1 / -1;
}

.ui-v2 .record-header-overview {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid var(--ui-line);
    border-radius: 8px;
    box-shadow: var(--ui-shadow-soft);
    overflow: hidden;
}

.ui-v2 .detail-finance-summary {
    border-bottom: 1px solid var(--ui-line);
    gap: 10px 22px;
    margin-bottom: 0;
    padding-bottom: 12px;
}

.ui-v2 .detail-finance-summary .summary-item-value {
    font-size: 15px;
}

.ui-v2 .finance-quick-button {
    background: var(--ui-surface);
    border-color: var(--ui-line-strong);
    color: var(--ui-text);
    box-shadow: none;
}

.ui-v2 .finance-quick-button:hover {
    background: var(--ui-surface-soft);
    border-color: var(--ui-primary);
    color: var(--ui-primary-dark);
}

.ui-v2 .finance-quick-button strong {
    font-size: 13px;
    font-weight: 600;
}

.ui-v2 .finance-quick-button small {
    color: var(--ui-muted);
    font-weight: 500;
}

.ui-v2 .line-total-preview {
    background: #eefaf6;
    border-color: var(--ui-brand-cyan);
}

.ui-v2 .finance-closeout {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ui-v2 .finance-closeout-status .status-badge {
    align-self: flex-start;
    margin-top: 2px;
}

.ui-v2 .finance-mode-switch {
    background: var(--ui-surface-soft);
    border: 1px solid var(--fluig-border);
    border-radius: var(--ui-radius);
    display: inline-flex;
    gap: 4px;
    padding: 4px;
}

.ui-v2 .finance-mode-button {
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-sm);
    color: var(--ui-text);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    min-height: 32px;
    padding: 6px 14px;
}

.ui-v2 .finance-mode-button:hover {
    color: var(--ui-primary-dark);
}

.ui-v2 .finance-mode-button.active {
    background: var(--ui-primary);
    border-color: var(--ui-primary);
    color: var(--ui-primary-contrast);
}

.ui-v2 .finance-mode-panel {
    margin-top: 12px;
}

.ui-v2 .finance-mode-panel.is-hidden {
    display: none;
}

.ui-v2 .finance-preview {
    background: var(--ui-surface-soft);
    border: 1px solid var(--fluig-border);
    border-radius: var(--ui-radius);
    margin-top: 12px;
    padding: 10px 12px;
}

.ui-v2 .finance-preview-title {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.ui-v2 .finance-preview-table {
    border-collapse: collapse;
    width: 100%;
}

.ui-v2 .finance-preview-table th,
.ui-v2 .finance-preview-table td {
    border-bottom: 1px solid var(--fluig-border);
    font-size: 12px;
    padding: 5px 8px;
    text-align: left;
}

.ui-v2 .finance-preview-table th {
    color: var(--ui-muted);
    font-weight: 600;
}

.ui-v2 .finance-preview-table th:last-child,
.ui-v2 .finance-preview-value {
    text-align: right;
}

.ui-v2 .finance-preview-table tr:last-child td {
    border-bottom: 0;
}

.ui-v2 .finance-preview-value {
    font-weight: 600;
    white-space: nowrap;
}

.ui-v2 .record-header-overview {
    min-width: 0;
}

.ui-v2 .fluig-object-page.has-document-footer-summary,
.ui-v2 .fluig-crud.has-document-footer-summary,
.ui-v2 .object-page.has-document-footer-summary {
    --document-footer-summary-height: 68px;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--shell-topbar-height, 64px) - 22px);
    padding-bottom: calc(var(--document-footer-summary-height) + 18px);
}

.ui-v2 .document-footer-summary {
    bottom: 0;
    z-index: 42;
}

.ui-v2 .fluig-object-page.has-document-footer-summary > .document-footer-summary,
.ui-v2 .fluig-crud.has-document-footer-summary > .document-footer-summary,
.ui-v2 .object-page.has-document-footer-summary > .document-footer-summary {
    box-sizing: border-box;
    left: var(--shell-sidebar-width, 0px);
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    position: fixed;
    right: 0;
    width: auto;
}

.ui-v2 .document-footer-summary-items {
    align-items: center;
    background: var(--ui-document-summary-bg);
    border: 1px solid var(--ui-document-summary-line);
    border-left: 0;
    border-right: 0;
    border-top: 1px solid var(--ui-primary);
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.08);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 12px 16px;
}

.ui-v2 .document-footer-summary-values {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 0;
    min-width: 0;
}

.ui-v2 .document-summary-item {
    border-left: 1px solid var(--ui-line);
    display: grid;
    gap: 3px;
    min-width: 92px;
    padding: 0 16px;
}

.ui-v2 .document-summary-item:first-child {
    border-left: 0;
    padding-left: 0;
}

.ui-v2 .document-summary-label {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.ui-v2 .document-summary-value {
    color: var(--ui-text);
    font-size: 14px;
    font-weight: 600;
}

.ui-v2 .document-summary-item-primary .document-summary-value {
    color: var(--ui-primary-dark);
    font-size: 16px;
    font-weight: 700;
}

.ui-v2 .document-summary-item-secondary .document-summary-value {
    font-weight: 700;
}

.ui-v2 .document-summary-item-status {
    min-width: 120px;
}

.ui-v2 .document-footer-summary-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: flex-end;
}

.ui-v2 .document-footer-summary-action-form {
    margin: 0;
}

.ui-v2 .document-footer-summary-action {
    min-height: 40px;
    min-width: 124px;
}

/* Acabamento operacional compacto compartilhado por telas fora do CRUD. */
.ui-v2 .operational-compact-page {
    color: var(--ui-text-soft);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
}

.ui-v2 .operational-compact-page > *,
.ui-v2 .operational-compact-page .page-title-block,
.ui-v2 .operational-compact-page .page-actions,
.ui-v2 .operational-compact-page .panel,
.ui-v2 .operational-compact-page .metric-grid,
.ui-v2 .operational-compact-page .form-grid,
.ui-v2 .operational-compact-page .table-scroll {
    max-width: 100%;
    min-width: 0;
}

.ui-v2 .operational-compact-page > .page-head,
.ui-v2 .operational-compact-page .panel,
.ui-v2 .operational-compact-page .metric-card {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    box-shadow: none;
}

.ui-v2 .operational-compact-page > .page-head,
.ui-v2 .operational-compact-page .panel,
.ui-v2 .operational-compact-page .metric-grid {
    margin-bottom: 0;
}

.ui-v2 .operational-compact-page > .page-head {
    border-top: 3px solid var(--ui-primary);
    gap: 16px;
    padding: 16px 18px;
}

.ui-v2 .operational-standard-head {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-top: 3px solid var(--ui-primary);
    border-radius: 4px;
    box-shadow: none;
    gap: 16px;
    margin-bottom: 12px;
    padding: 16px 18px;
}

.ui-v2 .operational-compact-page > .operational-standard-head {
    margin-bottom: 0;
}

.ui-v2 .operational-standard-head {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.ui-v2 .operational-standard-head .page-title-block {
    display: grid;
    gap: 6px;
}

.ui-v2 .operational-breadcrumb {
    align-items: center;
    color: var(--ui-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 1.3;
    margin: 0 0 1px;
}

.ui-v2 .operational-breadcrumb > * {
    align-items: center;
    display: inline-flex;
    min-width: 0;
}

.ui-v2 .operational-breadcrumb > * + *::before {
    color: #a4acb5;
    content: "/";
    font-weight: 400;
    margin: 0 7px;
}

.ui-v2 .operational-breadcrumb a {
    color: var(--ui-primary);
    font-weight: 600;
    text-decoration: none;
}

.ui-v2 .operational-breadcrumb a:hover {
    color: var(--ui-primary-dark);
    text-decoration: underline;
}

.ui-v2 .operational-breadcrumb strong {
    color: var(--ui-text-soft);
    font-weight: 600;
}

.ui-v2 .operational-standard-head .page-title-block > p,
.ui-v2 .operational-standard-head .page-subtitle {
    color: var(--ui-muted);
    font-size: 13px;
    margin: 0;
}

.ui-v2 .operational-standard-head .page-actions {
    align-self: start;
}

.ui-v2 .operational-head-facts {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    grid-column: 1 / -1;
    margin: 2px 0 0;
}

.ui-v2 .operational-head-facts div,
.ui-v2 .operational-head-facts span {
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-text-soft);
    padding: 8px 10px;
}

.ui-v2 .operational-head-facts dt {
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.ui-v2 .operational-head-facts dd {
    color: var(--ui-text-soft);
    font-weight: 600;
}

.ui-v2 .operational-filter-panel {
    overflow: visible;
}

.ui-v2 .operational-filter-summary {
    cursor: pointer;
    display: grid;
    gap: 10px;
    list-style: none;
}

.ui-v2 .operational-filter-summary::-webkit-details-marker {
    display: none;
}

.ui-v2 .operational-filter-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.ui-v2 .operational-filter-head h2 {
    align-items: center;
    border-left: 3px solid var(--ui-primary);
    color: var(--ui-text);
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 6px;
    letter-spacing: 0;
    padding-left: 8px;
}

.ui-v2 .operational-filter-head h2 .button-icon {
    align-items: center;
    color: var(--ui-primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 15px;
    justify-content: center;
    width: 15px;
}

.ui-v2 .operational-filter-head h2 .button-icon-svg {
    height: 15px;
    width: 15px;
}

.ui-v2 .operational-filter-toggle {
    align-items: center;
    color: var(--ui-primary-dark);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    white-space: nowrap;
}

.ui-v2 .operational-filter-toggle .button-icon-svg {
    height: 14px;
    width: 14px;
}

.ui-v2 .operational-filter-list {
    align-items: center;
    border-top: 1px solid var(--ui-line);
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin: 0;
    padding-top: 10px;
}

.ui-v2 .operational-filter-list div {
    align-items: baseline;
    display: inline-flex;
    gap: 4px;
    min-width: 0;
}

.ui-v2 .operational-filter-list dt,
.ui-v2 .operational-filter-list dd,
.ui-v2 .operational-filter-group label {
    font-size: 12px;
}

.ui-v2 .operational-filter-list dt,
.ui-v2 .operational-filter-group legend {
    color: var(--ui-muted);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.ui-v2 .operational-filter-list dt,
.ui-v2 .operational-filter-list dd {
    line-height: 1.25;
    margin: 0;
}

.ui-v2 .operational-filter-list dt::after {
    content: ":";
}

.ui-v2 .operational-filter-list dd {
    color: var(--ui-text-soft);
    font-weight: 600;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .operational-filter-form {
    border-top: 1px solid var(--ui-line);
    display: grid;
    gap: 12px;
    margin-top: 12px;
    padding-top: 12px;
}

.ui-v2 .operational-filter-grid {
    gap: 12px;
}

.ui-v2 .operational-filter-group {
    align-self: start;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 5px;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.ui-v2 .operational-filter-group legend {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 3px;
    padding: 0;
}

.ui-v2 .operational-filter-group label {
    align-items: center;
    color: var(--ui-text-soft);
    display: flex;
    gap: 6px;
    line-height: 1.25;
    min-height: 22px;
}

.ui-v2 .operational-filter-group input[type="checkbox"],
.ui-v2 .operational-filter-group input[type="radio"] {
    accent-color: var(--ui-primary);
    flex: 0 0 auto;
    height: 14px;
    margin: 0;
    min-height: 14px;
    width: 14px;
}

.ui-v2 .operational-filter-actions {
    border-top: 1px solid var(--ui-line);
    margin-top: 12px;
    padding-top: 12px;
}

.ui-v2 .operational-compact-page .eyebrow {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
}

.ui-v2 .operational-compact-page .page-head h1 {
    color: var(--ui-text);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
}

.ui-v2 .operational-compact-page .page-subtitle,
.ui-v2 .operational-compact-page .panel-head p {
    color: var(--ui-muted);
    font-size: 13px;
}

.ui-v2 .operational-compact-page .panel {
    padding: 14px 16px;
}

.ui-v2 .operational-compact-page .panel-head {
    border-bottom: 1px solid var(--ui-line);
    margin-bottom: 12px;
    padding-bottom: 10px;
}

.ui-v2 .operational-compact-page .panel-head h2 {
    color: var(--ui-text);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
}

.ui-v2 .operational-compact-page .metric-grid {
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.ui-v2 .operational-compact-page .metric-card {
    padding: 14px;
}

.ui-v2 .operational-compact-page .metric-card > span,
.ui-v2 .operational-compact-page .metric-card > div > span {
    color: var(--ui-muted);
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.ui-v2 .operational-compact-page .metric-card strong {
    color: var(--ui-text);
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.15;
    margin-top: 2px;
}

.ui-v2 .operational-compact-page .metric-card small,
.ui-v2 .operational-compact-page .metric-card > div > small {
    color: var(--ui-muted);
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 4px;
}

.ui-v2 .operational-compact-page .form-grid {
    gap: 12px;
}

.ui-v2 .operational-compact-page .field {
    gap: 5px;
}

.ui-v2 .operational-compact-page .field > span {
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 600;
}

.ui-v2 .operational-compact-page input:not([type="hidden"]),
.ui-v2 .operational-compact-page select,
.ui-v2 .operational-compact-page textarea {
    min-height: 34px;
}

.ui-v2 .operational-compact-page .operational-filter-group input[type="checkbox"],
.ui-v2 .operational-compact-page .operational-filter-group input[type="radio"] {
    height: 14px;
    min-height: 14px;
    width: 14px;
}

.ui-v2 .operational-compact-page .form-actions {
    gap: 8px;
    padding-top: 12px;
}

.ui-v2 .operational-compact-page .page-actions {
    gap: 8px;
}

.ui-v2 .operational-compact-page .table-scroll {
    border-color: var(--ui-line);
    border-radius: 4px;
}

.ui-v2 .operational-compact-page .detail-table th,
.ui-v2 .operational-compact-page .detail-table td {
    padding: 8px 10px;
}

.ui-v2 .operational-compact-page .detail-table th {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.ui-v2 .operational-compact-page .detail-table td {
    color: var(--ui-text-soft);
    font-size: 13px;
}

.ui-v2 .changelog-release + .changelog-release {
    margin-top: 0;
}

.ui-v2 .changelog-section {
    color: var(--ui-text);
    font-size: 13px;
    font-weight: 600;
    margin: 12px 0 6px;
}

.ui-v2 .changelog-section:first-of-type {
    margin-top: 4px;
}

.ui-v2 .changelog-list {
    color: var(--ui-text);
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style: disc;
    margin: 0;
    padding-left: 18px;
}

.ui-v2 .changelog-list li {
    font-size: 13px;
    line-height: 1.42;
}

.ui-v2 .changelog-list code {
    background: var(--ui-surface-soft);
    border-radius: 4px;
    font-size: 12px;
    padding: 1px 5px;
}

.ui-v2 .record-document-page {
    gap: 8px;
}

.ui-v2 .record-document-page .record-tabs > .crud-tab-list {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--ui-line);
    border-radius: 0;
    gap: 16px;
    padding: 0 16px;
    position: static;
}

.ui-v2 .record-document-page .crud-tab-button {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--ui-muted);
    font-weight: 600;
    min-height: 36px;
    padding: 8px 0 9px;
}

.ui-v2 .record-document-page .crud-tab-button:hover {
    background: transparent;
    color: var(--ui-text);
}

.ui-v2 .record-document-page .crud-tab-button.active {
    border-color: var(--ui-primary);
    box-shadow: none;
    color: var(--ui-text);
}

.ui-v2 .record-document-page .record-tabs > .crud-tab-panel {
    padding-top: 10px;
}

.ui-v2 .record-document-page .detail-panel,
.ui-v2 .record-document-page .object-detail-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.ui-v2 .record-document-page .detail-panel .panel-head {
    align-items: stretch;
    padding: 0 0 14px;
}

.ui-v2 .record-document-page .detail-summary {
    align-self: flex-start;
    background: var(--ui-document-summary-bg);
    border: 1px solid var(--ui-document-summary-line);
    border-radius: 6px;
    display: inline-flex;
    gap: 0;
    max-width: 100%;
    padding: 10px 12px;
    width: auto;
}

.ui-v2 .record-document-page .summary-item {
    align-items: baseline;
    background: transparent;
    border: 0;
    display: inline-flex;
    gap: 6px;
    min-width: 0;
    padding: 0;
}

.ui-v2 .record-document-page .summary-item + .summary-item::before {
    color: var(--ui-muted);
    content: "|";
    font-weight: 400;
    margin-right: 8px;
}

.ui-v2 .record-document-page .summary-item small {
    font-size: 12px;
    text-transform: none;
}

.ui-v2 .record-document-page .summary-item strong {
    font-size: 13px;
    font-weight: 600;
}

.ui-v2 .record-document-page .summary-item-count strong {
    font-size: 14px;
}

.ui-v2 .record-document-page .detail-panel-head {
    gap: 8px;
}

.ui-v2 .record-document-page .record-tabs > .crud-tab-panel > .detail-panel .panel-head {
    margin-bottom: 12px;
    padding-bottom: 8px;
}

.ui-v2 .record-document-page .detail-panel-head-main {
    gap: 4px;
}

.ui-v2 .record-document-page .detail-summary-head {
    border-radius: 6px;
}

.ui-v2 .record-document-page .detail-inline-form {
    background: transparent;
    border: 0;
    border-left: 0;
    margin-bottom: 18px;
    padding: 0;
}

.ui-v2 .record-document-page .detail-inline-grid.cols-4 {
    grid-template-columns: minmax(300px, 2.2fr) repeat(3, minmax(120px, 1fr));
}

.ui-v2 .record-document-page [data-detail-field="produto_id"] {
    grid-column: 1;
}

.ui-v2 .record-document-page .line-total-preview {
    align-items: baseline;
    background: transparent;
    border: 0;
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    margin: -2px 0 0 auto;
    min-width: 0;
    padding: 0;
    text-align: right;
    width: fit-content;
}

.ui-v2 .record-document-page .line-total-preview small {
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
}

.ui-v2 .record-document-page .line-total-preview strong {
    color: var(--ui-text);
    font-size: 14px;
    font-weight: 700;
}

.ui-v2 .record-document-page .detail-inline-actions {
    justify-content: flex-end;
}

.ui-v2 .record-document-page .detail-inline-actions .button.primary {
    min-width: 136px;
}

.ui-v2 .detail-modal-trigger,
.ui-v2 .detail-open-fullscreen {
    border-color: var(--ui-line);
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 600;
    min-height: 32px;
    padding: 5px 10px;
}

.ui-v2 .detail-modal-trigger:hover,
.ui-v2 .detail-open-fullscreen:hover {
    border-color: var(--ui-line-strong);
    color: var(--ui-primary-dark);
}

.ui-v2 .record-document-page .detail-table th,
.ui-v2 .record-document-page .detail-table td {
    padding-bottom: 10px;
    padding-top: 10px;
}

.ui-v2 .audit-panel {
    background: var(--ui-surface);
}

.ui-v2 .operational-page {
    max-width: 1380px;
}

.ui-v2 .flash-stack {
    z-index: 45;
}

.ui-v2 .alert {
    box-shadow: var(--ui-shadow-soft);
    max-height: none;
    overflow: visible;
    transition: opacity 0.2s ease, transform 0.2s ease, margin 0.2s ease, padding 0.2s ease, max-height 0.2s ease;
}

.ui-v2 .alert.is-dismissing {
    margin-bottom: 0;
    max-height: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0;
    pointer-events: none;
    transform: translateY(-4px);
}

.ui-v2 .alert-close {
    box-shadow: none;
}

/* Dashboard operacional no mesmo acabamento visual do tema atual do ERP. */
.ui-v2 .ops-dashboard {
    --fluig-blue: var(--ui-primary);
    --fluig-blue-dark: var(--ui-primary-dark);
    --fluig-border: var(--ui-line);
    --fluig-border-strong: var(--ui-line-strong);
    --fluig-head: var(--ui-surface-soft);
    --fluig-muted: var(--ui-muted);
    --fluig-text: var(--ui-text-soft);
    --ops-success: var(--ui-secondary);
    --ops-warning: var(--ui-warning);
    --ops-danger: var(--ui-danger);
    --ops-info: var(--ui-primary);
    --ops-muted: var(--ui-muted);
    background: var(--ui-bg);
    background-image: none;
    gap: 14px;
    margin: -12px;
    padding: 12px;
}

.ui-v2 .dashboard-metric-card,
.ui-v2 .dashboard-accent-teal {
    --dashboard-accent: var(--ui-brand-cyan);
    --dashboard-accent-solid: var(--ui-brand-cyan-dark);
    --dashboard-accent-soft: color-mix(in srgb, var(--dashboard-accent) 16%, var(--ui-surface));
}

.ui-v2 .dashboard-accent-green {
    --dashboard-accent: var(--ui-brand-green);
    --dashboard-accent-solid: var(--ui-brand-green-dark);
    --dashboard-accent-soft: color-mix(in srgb, var(--dashboard-accent) 18%, var(--ui-surface));
}

.ui-v2 .dashboard-accent-blue,
.ui-v2 .dashboard-accent-violet {
    --dashboard-accent: var(--ui-brand-blue);
    --dashboard-accent-solid: var(--ui-brand-blue);
    --dashboard-accent-soft: color-mix(in srgb, var(--dashboard-accent) 14%, var(--ui-surface));
}

.ui-v2 .dashboard-accent-orange,
.ui-v2 .dashboard-accent-amber {
    --dashboard-accent: var(--ui-brand-orange);
    --dashboard-accent-solid: var(--ui-brand-orange-dark);
    --dashboard-accent-soft: color-mix(in srgb, var(--dashboard-accent) 16%, var(--ui-surface));
}

.ui-v2 .dashboard-accent-steel {
    --dashboard-accent: var(--ui-brand-steel);
    --dashboard-accent-solid: color-mix(in srgb, var(--ui-brand-steel) 76%, var(--ui-brand-dark));
    --dashboard-accent-soft: color-mix(in srgb, var(--dashboard-accent) 20%, var(--ui-surface));
}

.ui-v2 .dashboard-accent-deep {
    --dashboard-accent: var(--ui-brand-dark);
    --dashboard-accent-solid: var(--ui-brand-dark);
    --dashboard-accent-soft: color-mix(in srgb, var(--ui-brand-cyan) 12%, var(--ui-surface));
}

.ui-v2 .dashboard-page-head {
    border-color: #d9e5f2;
    box-shadow: 0 10px 24px rgba(29, 70, 116, 0.07);
}

.ui-v2 .ops-period-tabs {
    gap: 6px;
    margin-top: 14px;
}

.ui-v2 .ops-period-tab {
    background: var(--ui-surface);
    border-color: var(--fluig-border-strong);
    border-radius: 4px;
    color: var(--ui-muted-strong);
    font-size: 12px;
    font-weight: 600;
    min-height: 32px;
    padding: 0 11px;
}

.ui-v2 .ops-period-tab:hover {
    background: var(--fluig-head);
    border-color: #aeb8c2;
    color: var(--fluig-blue-dark);
}

.ui-v2 .ops-period-tab.active {
    background: var(--fluig-blue);
    border-color: var(--fluig-blue-dark);
    color: var(--ui-primary-contrast);
}

.ui-v2 .ops-fiscal-list {
    gap: 8px;
}

.ui-v2 .ops-fiscal-list div {
    background: var(--fluig-head);
    border-color: var(--fluig-border);
    border-radius: 4px;
    padding: 9px 11px;
}

.ui-v2 .ops-fiscal-list dt,
.ui-v2 .dashboard-metric-card span,
.ui-v2 .dashboard-work-card span,
.ui-v2 .ops-insight-card span,
.ui-v2 .ops-finance-item span,
.ui-v2 .dashboard-list-item small,
.ui-v2 .dashboard-list-item em,
.ui-v2 .dashboard-empty {
    color: var(--fluig-muted);
}

.ui-v2 .ops-fiscal-list dt,
.ui-v2 .dashboard-metric-card span,
.ui-v2 .dashboard-work-card span,
.ui-v2 .ops-insight-card span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.ui-v2 .ops-fiscal-list dd {
    color: var(--fluig-text);
    font-weight: 600;
}

.ui-v2 .dashboard-metric-grid,
.ui-v2 .dashboard-work-grid,
.ui-v2 .ops-grid-two {
    gap: 12px;
}

.ui-v2 .dashboard-metric-card {
    border-color: var(--fluig-border);
    border-radius: 6px;
    border-top: 3px solid var(--dashboard-accent);
    padding: 14px;
}

.ui-v2 .dashboard-metric-card .dashboard-card-head {
    display: flex;
    margin-bottom: 12px;
}

.ui-v2 .dashboard-metric-card .dashboard-card-head i {
    background: var(--dashboard-accent-soft);
    background-image: none;
    border-radius: 6px;
    color: var(--dashboard-accent);
}

.ui-v2 .dashboard-metric-card .dashboard-card-head .nav-svg,
.ui-v2 .dashboard-shortcut-card .nav-svg {
    stroke: var(--dashboard-accent);
}

.ui-v2 .dashboard-metric-card .dashboard-card-head em {
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
}

.ui-v2 .dashboard-metric-card .dashboard-card-head em.success {
    background: var(--ui-success-bg);
    color: var(--ui-success);
}

.ui-v2 .dashboard-metric-card .dashboard-card-head em.info {
    background: var(--ui-info-bg);
    color: var(--ui-brand-cyan-dark);
}

.ui-v2 .dashboard-metric-card .dashboard-card-head em.warning {
    background: var(--ui-warning-bg);
    color: var(--ui-warning);
}

.ui-v2 .dashboard-metric-card .dashboard-card-label {
    color: var(--fluig-muted);
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.ui-v2 .dashboard-metric-card strong {
    color: var(--ui-text);
    font-size: 24px;
    font-weight: 700;
}

.ui-v2 .dashboard-mini-track {
    background: var(--dashboard-accent-soft);
    height: 4px;
}

.ui-v2 .dashboard-mini-track b {
    background: var(--dashboard-accent);
}

.ui-v2 .dashboard-shortcut-grid {
    gap: 10px;
}

.ui-v2 .dashboard-shortcut-card {
    background: var(--ui-surface);
    border-color: var(--fluig-border);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(10, 50, 70, 0.055);
    min-height: 104px;
}

.ui-v2 .dashboard-shortcut-card:hover {
    background: #fafdff;
    border-color: var(--dashboard-accent);
    box-shadow: 0 8px 22px rgba(10, 50, 70, 0.075);
}

.ui-v2 .dashboard-shortcut-card::before {
    height: 2px;
}

.ui-v2 .dashboard-shortcut-card span {
    background: var(--dashboard-accent-soft);
    background-image: none;
    border-color: rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65), 0 6px 14px rgba(29, 70, 116, 0.08);
    color: var(--dashboard-accent);
}

.ui-v2 .dashboard-shortcut-card strong {
    color: var(--ui-text);
    font-size: 13px;
    font-weight: 700;
}

.ui-v2 .ops-insight-card,
.ui-v2 .ops-finance-item,
.ui-v2 .dashboard-list-item {
    background: var(--ui-surface);
    border: 1px solid var(--fluig-border);
    border-radius: 4px;
    box-shadow: none;
}

.ui-v2 .dashboard-metric-card:hover,
.ui-v2 .dashboard-work-card:hover,
.ui-v2 .ops-insight-card:hover,
.ui-v2 .ops-finance-item:hover,
.ui-v2 .dashboard-list-item:hover {
    background: #fafdff;
    border-color: var(--fluig-blue);
}

.ui-v2 .dashboard-metric-card:hover,
.ui-v2 .dashboard-work-card:hover {
    box-shadow: 0 8px 22px rgba(10, 50, 70, 0.075);
}

.ui-v2 .ops-insight-card small,
.ui-v2 .ops-finance-item small,
.ui-v2 .ops-fiscal-list dd small {
    color: var(--fluig-muted);
    font-weight: 500;
}

.ui-v2 .dashboard-work-card {
    border-left: 4px solid var(--fluig-border-strong);
}

.ui-v2 .dashboard-work-card.success {
    border-left-color: var(--ops-success);
}

.ui-v2 .dashboard-work-card.warning {
    border-left-color: var(--ops-warning);
}

.ui-v2 .dashboard-work-card.danger {
    border-left-color: var(--ops-danger);
}

.ui-v2 .ops-insight-card {
    padding: 12px;
}

.ui-v2 .ops-insight-card strong {
    color: var(--ui-text);
    font-size: 18px;
    font-weight: 600;
}

.ui-v2 .ops-insight-card em {
    border-radius: 4px;
    font-weight: 600;
}

.ui-v2 .ops-insight-card em.success {
    background: #eefaf6;
    color: var(--ui-success-deep);
}

.ui-v2 .ops-insight-card em.warning {
    background: #fff7e5;
    color: #8f5f00;
}

.ui-v2 .ops-insight-card em.danger {
    background: var(--ui-danger-soft);
    color: var(--ops-danger);
}

.ui-v2 .ops-insight-card em.muted {
    background: var(--fluig-head);
    color: var(--fluig-muted);
}

.ui-v2 .ops-finance-item {
    padding: 10px 12px;
}

.ui-v2 .ops-finance-item strong,
.ui-v2 .dashboard-list-item strong {
    color: var(--ui-text);
    font-weight: 600;
}

.ui-v2 .ops-finance-item span i.success {
    background: var(--ops-success);
}

.ui-v2 .ops-finance-item span i.warning {
    background: var(--ops-warning);
}

.ui-v2 .ops-finance-item span i.danger {
    background: var(--ops-danger);
}

.ui-v2 .ops-finance-item span i.info {
    background: var(--ops-info);
}

.ui-v2 .ops-finance-item span i.muted {
    background: var(--ops-muted);
}

.ui-v2 .dashboard-list-item {
    padding: 10px 12px;
}

.ui-v2 .dashboard-list-item strong,
.ui-v2 .dashboard-list-item small {
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.ui-v2 .dashboard-empty {
    background: var(--fluig-head);
    border-color: var(--fluig-border);
    border-radius: 4px;
}

.ui-v2 .dashboard-panel-link {
    color: var(--fluig-blue);
    font-weight: 600;
}

.ui-v2 .dashboard-table-wrap {
    background: var(--ui-surface);
    border-color: var(--fluig-border);
    border-radius: 4px;
}

.ui-v2 .dashboard-recent-orders th,
.ui-v2 .dashboard-recent-orders td {
    border-bottom-color: var(--fluig-border);
    padding: 11px 12px;
}

.ui-v2 .dashboard-recent-orders th {
    background: var(--fluig-head);
    color: var(--fluig-muted);
    font-size: 11px;
    font-weight: 600;
}

.ui-v2 .dashboard-recent-orders tr:nth-child(even) td {
    background: var(--ui-row-hover);
}

.ui-v2 .dashboard-order-link {
    color: var(--fluig-blue);
    font-weight: 700;
}

.ui-v2 .dashboard-shortcut-grid {
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.ui-v2 .dashboard-shortcut-card {
    align-items: center;
    background: color-mix(in srgb, var(--dashboard-accent) 7%, var(--ui-surface));
    border-color: color-mix(in srgb, var(--dashboard-accent) 38%, var(--ui-surface));
    box-shadow: inset 4px 0 0 var(--dashboard-accent-solid), 0 1px 3px rgba(10, 50, 70, 0.055);
    gap: 16px;
    grid-template-columns: 64px minmax(0, 1fr);
    justify-items: stretch;
    min-height: 118px;
    padding: 18px;
    text-align: left;
}

.ui-v2 .dashboard-shortcut-card::before,
.ui-v2 .dashboard-shortcut-card::after {
    display: none;
}

.ui-v2 .dashboard-shortcut-card .dashboard-shortcut-icon {
    align-items: center;
    background: var(--dashboard-accent-solid);
    border: 1px solid color-mix(in srgb, var(--dashboard-accent-solid) 76%, var(--ui-surface));
    border-radius: 14px;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--dashboard-accent-solid) 24%, transparent);
    color: var(--ui-primary-contrast);
    display: inline-flex;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.ui-v2 .dashboard-shortcut-card .dashboard-shortcut-icon .nav-svg {
    height: 32px;
    stroke: var(--ui-primary-contrast);
    stroke-width: 2.15;
    width: 32px;
}

.ui-v2 .dashboard-shortcut-card .dashboard-shortcut-copy {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    display: grid;
    gap: 3px;
    height: auto;
    justify-content: stretch;
    min-width: 0;
    width: auto;
}

.ui-v2 .dashboard-shortcut-card strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.ui-v2 .dashboard-shortcut-card small,
.ui-v2 .dashboard-shortcut-card em {
    color: var(--ui-muted);
    font-size: 12px;
    font-style: normal;
    line-height: 1.25;
}

.ui-v2 .dashboard-shortcut-card em {
    align-self: end;
    background: color-mix(in srgb, var(--dashboard-accent) 10%, var(--ui-surface));
    border: 1px solid color-mix(in srgb, var(--dashboard-accent) 22%, var(--ui-surface));
    border-radius: 999px;
    color: color-mix(in srgb, var(--dashboard-accent) 76%, var(--ui-text));
    font-weight: 600;
    grid-column: 2;
    justify-self: start;
    padding: 4px 8px;
    white-space: nowrap;
}

.ui-v2 .dashboard-intelligence-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.28fr) minmax(240px, 0.86fr) minmax(240px, 0.86fr);
}

.ui-v2 .dashboard-intel-card {
    background: var(--ui-surface);
    border-color: var(--fluig-border);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(10, 50, 70, 0.055);
    min-width: 0;
}

.ui-v2 .dashboard-intel-head {
    align-items: flex-start;
    gap: 12px;
}

.ui-v2 .dashboard-intel-head h2 {
    color: var(--ui-text);
    font-size: 16px;
    font-weight: 700;
}

.ui-v2 .dashboard-intel-head p {
    color: var(--ui-muted);
    font-size: 12px;
}

.ui-v2 .dashboard-intel-head > strong {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 999px;
    color: var(--ui-text);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    min-height: 28px;
    padding: 0 10px;
}

.ui-v2 .dashboard-intel-head > strong.success {
    background: var(--ui-success-bg);
    border-color: color-mix(in srgb, var(--ui-success) 22%, var(--ui-surface));
    color: var(--ui-success);
}

.ui-v2 .dashboard-intel-head > strong.warning {
    background: var(--ui-warning-bg);
    border-color: color-mix(in srgb, var(--ui-warning) 22%, var(--ui-surface));
    color: var(--ui-warning);
}

.ui-v2 .dashboard-trend-visual {
    display: grid;
    gap: 8px;
}

.ui-v2 .dashboard-trend-svg {
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 8px;
    display: block;
    height: 190px;
    overflow: visible;
    width: 100%;
}

.ui-v2 .dashboard-trend-area {
    fill: rgba(5, 170, 185, 0.10);
}

.ui-v2 .dashboard-trend-line {
    fill: none;
    stroke: var(--ui-primary);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.ui-v2 .dashboard-trend-dot {
    fill: var(--ui-surface);
    stroke: var(--ui-primary);
    stroke-width: 3;
}

.ui-v2 .dashboard-trend-scale {
    align-items: center;
    color: var(--ui-muted);
    display: flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: space-between;
}

.ui-v2 .dashboard-trend-scale strong {
    color: var(--ui-text);
    font-weight: 700;
}

.ui-v2 .dashboard-donut-wrap {
    display: grid;
    justify-items: center;
    margin: 4px 0 12px;
    position: relative;
}

.ui-v2 .dashboard-donut {
    height: 132px;
    transform: rotate(-90deg);
    width: 132px;
}

.ui-v2 .dashboard-donut-track,
.ui-v2 .dashboard-donut-segment {
    fill: none;
    stroke-width: 10;
}

.ui-v2 .dashboard-donut-track {
    stroke: var(--ui-surface-muted);
}

.ui-v2 .dashboard-donut-segment {
    stroke-linecap: round;
}

.ui-v2 .dashboard-donut-segment.success,
.ui-v2 .dashboard-fiscal-row i.success,
.ui-v2 .dashboard-fiscal-row em.success,
.ui-v2 .dashboard-donut-list i.success {
    background: var(--ui-success);
    stroke: var(--ui-success);
}

.ui-v2 .dashboard-donut-segment.warning,
.ui-v2 .dashboard-fiscal-row i.warning,
.ui-v2 .dashboard-fiscal-row em.warning,
.ui-v2 .dashboard-donut-list i.warning {
    background: var(--ui-warning);
    stroke: var(--ui-warning);
}

.ui-v2 .dashboard-donut-segment.danger,
.ui-v2 .dashboard-fiscal-row i.danger,
.ui-v2 .dashboard-fiscal-row em.danger,
.ui-v2 .dashboard-donut-list i.danger {
    background: var(--ui-danger);
    stroke: var(--ui-danger);
}

.ui-v2 .dashboard-donut-segment.info,
.ui-v2 .dashboard-fiscal-row i.info,
.ui-v2 .dashboard-fiscal-row em.info,
.ui-v2 .dashboard-donut-list i.info {
    background: var(--ui-info);
    stroke: var(--ui-info);
}

.ui-v2 .dashboard-donut-segment.muted,
.ui-v2 .dashboard-fiscal-row i.muted,
.ui-v2 .dashboard-fiscal-row em.muted,
.ui-v2 .dashboard-donut-list i.muted {
    background: var(--ui-muted);
    stroke: var(--ui-muted);
}

.ui-v2 .dashboard-donut-center {
    align-content: center;
    background: var(--ui-surface);
    border-radius: 999px;
    display: grid;
    height: 78px;
    justify-items: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 78px;
}

.ui-v2 .dashboard-donut-center strong {
    color: var(--ui-text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.ui-v2 .dashboard-donut-center span {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 600;
}

.ui-v2 .dashboard-donut-list,
.ui-v2 .dashboard-fiscal-flow {
    display: grid;
    gap: 8px;
}

.ui-v2 .dashboard-donut-list a,
.ui-v2 .dashboard-fiscal-row {
    align-items: center;
    color: inherit;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    text-decoration: none;
}

.ui-v2 .dashboard-donut-list span,
.ui-v2 .dashboard-fiscal-row span {
    align-items: center;
    color: var(--ui-text-soft);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 7px;
    min-width: 0;
}

.ui-v2 .dashboard-donut-list i,
.ui-v2 .dashboard-fiscal-row i {
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 auto;
    height: 8px;
    width: 8px;
}

.ui-v2 .dashboard-donut-list strong,
.ui-v2 .dashboard-fiscal-row strong {
    color: var(--ui-text);
    font-size: 13px;
    font-weight: 700;
}

.ui-v2 .dashboard-fiscal-row {
    grid-template-columns: minmax(0, 1fr) auto;
}

.ui-v2 .dashboard-fiscal-row b {
    background: var(--ui-surface-muted);
    border-radius: 999px;
    display: block;
    grid-column: 1 / -1;
    height: 6px;
    overflow: hidden;
}

.ui-v2 .dashboard-fiscal-row em {
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 4px;
}

@media (max-width: 1180px) {
    .ui-v2 .dashboard-intelligence-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-v2 .dashboard-trend-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .ui-v2 .dashboard-intelligence-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .dashboard-shortcut-card {
        grid-template-columns: 48px minmax(0, 1fr);
        min-height: 96px;
        padding: 14px;
    }

    .ui-v2 .dashboard-shortcut-card .dashboard-shortcut-icon {
        border-radius: 12px;
        height: 48px;
        width: 48px;
    }

    .ui-v2 .dashboard-shortcut-card .dashboard-shortcut-icon .nav-svg {
        height: 24px;
        width: 24px;
    }

    .ui-v2 .dashboard-shortcut-card em {
        grid-column: 2;
        justify-self: start;
    }
}

/* CRUD inspirado no Fluig Style Guide: paineis planos, tabs classicas e tabelas densas. */
.ui-v2 .fluig-crud {
    --fluig-blue: var(--ui-brand-cyan);
    --fluig-blue-dark: var(--ui-brand-cyan-dark);
    --fluig-border: var(--ui-line);
    --fluig-border-strong: var(--ui-line-strong);
    --fluig-head: var(--ui-surface-soft);
    --fluig-muted: var(--ui-muted);
    --fluig-text: var(--ui-text-soft);
    color: var(--fluig-text);
}

.ui-v2 .fluig-breadcrumb {
    align-items: center;
    color: var(--fluig-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 7px;
    margin-bottom: 9px;
}

.ui-v2 .fluig-breadcrumb a {
    color: var(--fluig-blue);
    font-weight: 600;
    text-decoration: none;
}

.ui-v2 .fluig-breadcrumb a:hover {
    color: var(--fluig-blue-dark);
    text-decoration: underline;
}

.ui-v2 .fluig-breadcrumb a::after {
    color: #a4acb5;
    content: "/";
    font-weight: 400;
    margin-left: 7px;
    text-decoration: none;
}

.ui-v2 .fluig-crud .page-head,
.ui-v2 .fluig-crud .record-object-header,
.ui-v2 .fluig-crud .toolbar,
.ui-v2 .fluig-crud .panel {
    background: var(--ui-surface);
    border: 1px solid var(--fluig-border);
    border-radius: 8px;
    box-shadow: none;
}

.ui-v2 .fluig-crud .page-head {
    align-items: center;
    border-top: 3px solid var(--fluig-blue);
    margin-bottom: 12px;
    padding: 16px 18px;
}

.ui-v2 .fluig-crud .eyebrow {
    color: var(--fluig-muted);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ui-v2 .fluig-crud .page-head h1,
.ui-v2 .fluig-crud .record-object-title-line h1 {
    color: var(--ui-text);
    font-size: 22px;
    font-weight: 600;
}

.ui-v2 .fluig-crud .page-subtitle {
    color: var(--fluig-muted);
    font-size: 13px;
}

.ui-v2 .fluig-crud .finance-quick-button {
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    line-height: 1.15;
    min-height: 66px;
    padding: 10px 12px;
    text-align: center;
    white-space: normal;
}

.ui-v2 .fluig-crud .finance-quick-button strong {
    font-size: 13px;
    font-weight: 600;
}

.ui-v2 .fluig-crud .finance-quick-button small {
    font-size: 11px;
    font-weight: 500;
}

.ui-v2 .fluig-crud .toolbar {
    margin-bottom: 12px;
    padding: 13px 14px;
}

.ui-v2 .fluig-crud .list-toolbar {
    margin-top: 8px;
}

.ui-v2 .fluig-crud label > span,
.ui-v2 .fluig-crud .field > span:first-child {
    color: #34404c;
    font-size: 12px;
    font-weight: 600;
}

.ui-v2 .fluig-crud input,
.ui-v2 .fluig-crud select,
.ui-v2 .fluig-crud textarea {
    background: var(--ui-surface);
    border-color: var(--ui-input-border);
    border-radius: 8px;
    box-shadow: inset 0 1px 1px rgba(16, 24, 40, 0.04);
    color: var(--ui-input-ink);
    min-height: 34px;
    padding: 6px 9px;
}

.ui-v2 .fluig-crud textarea {
    min-height: 96px;
}

.ui-v2 .fluig-crud .active-filter-bar {
    background: #edf8fd;
    border-color: #b8ddec;
    border-radius: 8px;
    color: #1f6f91;
}

.ui-v2 .fluig-crud .list-panel {
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
}

.ui-v2 .fluig-crud .table-wrap {
    border-color: var(--fluig-border);
    border-radius: 8px;
}

.ui-v2 .fluig-crud .list-panel .table-wrap {
    border: 0;
    border-radius: 0;
}

.ui-v2 .fluig-crud table {
    border-collapse: collapse;
    color: var(--ui-input-ink);
    font-size: 13px;
}

.ui-v2 .fluig-crud th,
.ui-v2 .fluig-crud td {
    border-bottom: 1px solid #e2e7ec;
    padding: 9px 11px;
}

.ui-v2 .fluig-crud th {
    background: var(--fluig-head);
    border-bottom: 2px solid var(--fluig-border);
    color: var(--ui-table-head-ink-strong);
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
}

.ui-v2 .fluig-crud th a {
    color: var(--ui-table-head-ink-strong);
    text-decoration: none;
}

.ui-v2 .fluig-crud th a:hover {
    color: var(--fluig-blue-dark);
    text-decoration: underline;
}

.ui-v2 .fluig-crud .list-cell-number {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.ui-v2 .fluig-crud .list-cell-date {
    white-space: nowrap;
}

.ui-v2 .fluig-crud .list-lookup-link {
    color: inherit;
    text-decoration: none;
}

.ui-v2 .fluig-crud .list-lookup-link:hover {
    color: var(--fluig-blue-dark);
    text-decoration: underline;
}

.ui-v2 .fluig-crud tbody tr:nth-child(even) {
    background: var(--ui-row-zebra);
}

.ui-v2 .fluig-crud tbody tr:hover {
    background: var(--ui-hover-tint);
}

.ui-v2 .fluig-crud .lookup-results-table tbody tr:hover,
.ui-v2 .fluig-crud .lookup-results-table tbody tr.active,
.ui-v2 .fluig-crud .lookup-results-table tbody tr[aria-selected="true"] {
    background: var(--ui-row-picked);
    color: #1c4f92;
}

.ui-v2 .fluig-crud .actions-column {
    background: inherit;
    min-width: 150px;
}

.ui-v2 .fluig-crud .pagination {
    color: var(--fluig-muted);
    font-size: 13px;
    margin-top: 10px;
}

.ui-v2 .fluig-crud.fluig-list-page {
    gap: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-toolbar {
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
    margin: 8px 0 0;
    padding: 12px 14px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-toolbar-main {
    gap: 10px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-toolbar-main .search-box {
    flex-basis: 420px;
    max-width: 560px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-toolbar-actions {
    gap: 8px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-grid {
    gap: 9px 10px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 220px));
}

.ui-v2 .fluig-crud.fluig-list-page .active-filter-bar {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--fluig-blue-dark);
    margin: 8px 0 10px;
    padding: 0;
    width: 100%;
}

.ui-v2 .fluig-crud.fluig-list-page .list-action-manager {
    border-color: var(--fluig-border);
    border-radius: 8px;
    border-bottom: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-panel {
    border-color: var(--fluig-border);
    border-radius: var(--ui-radius);
    box-shadow: none;
    margin-bottom: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-panel .table-wrap {
    background: var(--ui-surface);
    border-radius: inherit;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 860px;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table th,
.ui-v2 .fluig-crud.fluig-list-page .crud-list-table td {
    padding: 10px 12px;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table th {
    background: var(--ui-surface-soft);
    background-image: none;
    border-bottom: 1px solid var(--ui-line);
    color: var(--ui-muted-strong);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25;
    padding-bottom: 12px;
    padding-top: 12px;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody tr {
    background: var(--ui-surface);
    transition: background-color 0.16s ease, color 0.16s ease;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody tr:hover {
    background: color-mix(in srgb, var(--ui-brand-cyan) 7%, var(--ui-surface));
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody td {
    border-bottom-color: var(--ui-line);
    background: inherit;
    color: var(--ui-text-soft);
    font-size: 12px;
    line-height: 1.4;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody td:first-child {
    border-left: 3px solid transparent;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody tr:hover td:first-child,
.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody tr.is-selected td:first-child,
.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody tr.is-preview-selected td:first-child {
    border-left-color: var(--fluig-blue);
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody tr[data-crud-preview-row] {
    cursor: pointer;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table tbody tr.is-preview-selected {
    background: color-mix(in srgb, var(--ui-brand-cyan) 11%, var(--ui-surface));
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table .list-primary-cell .list-lookup-link {
    color: var(--ui-brand-cyan-dark);
    font-weight: 700;
}

.ui-v2 .fluig-crud.fluig-list-page .actions-column {
    min-width: 126px;
    width: 1%;
}

.ui-v2 .fluig-crud.fluig-list-page .row-action-bar {
    gap: 5px;
}

.ui-v2 .fluig-crud.fluig-list-page .row-icon-action {
    background: transparent;
    border-color: var(--ui-line);
    border-radius: 6px;
    color: var(--fluig-text);
    height: 30px;
    width: 30px;
}

.ui-v2 .fluig-crud.fluig-list-page .row-icon-action:hover,
.ui-v2 .fluig-crud.fluig-list-page .row-actions-menu[open] > .row-icon-action {
    background: var(--fluig-head);
    border-color: var(--fluig-border-strong);
    color: var(--fluig-blue-dark);
}

.ui-v2 .crud-record-preview-backdrop {
    background: rgba(10, 48, 70, 0.34);
    inset: 0;
    opacity: 0;
    position: fixed;
    transition: opacity 0.18s ease;
    z-index: 78;
}

.ui-v2 .crud-record-preview-backdrop[hidden],
.ui-v2 .crud-record-preview-loading[hidden] {
    display: none;
}

.ui-v2 .is-record-preview-open .crud-record-preview-backdrop {
    opacity: 1;
}

.ui-v2 .crud-record-preview-panel {
    background: var(--ui-surface);
    border-left: 1px solid var(--ui-line);
    bottom: 0;
    box-shadow: -18px 0 48px rgba(10, 48, 70, 0.18);
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform 0.2s ease;
    width: min(520px, calc(100vw - 24px));
    z-index: 79;
}

.ui-v2 .crud-record-preview-panel.is-open {
    transform: translateX(0);
}

.ui-v2 .crud-record-preview-panel[aria-hidden="true"] {
    pointer-events: none;
}

.ui-v2 .crud-record-preview-slot {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.ui-v2 .crud-record-preview-loading,
.ui-v2 .crud-record-preview-error {
    align-items: center;
    color: var(--ui-muted);
    display: flex;
    gap: 10px;
    justify-content: center;
    min-height: 180px;
    padding: 28px;
    text-align: center;
}

.ui-v2 .crud-record-preview-error {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.ui-v2 .crud-record-preview-spinner {
    animation: crud-preview-spin 0.9s linear infinite;
    border: 2px solid var(--ui-line);
    border-top-color: var(--ui-brand-cyan-dark);
    border-radius: 999px;
    height: 18px;
    width: 18px;
}

@keyframes crud-preview-spin {
    to {
        transform: rotate(360deg);
    }
}

.ui-v2 .crud-record-preview {
    color: var(--ui-text-soft);
    display: grid;
    gap: 18px;
    padding: 22px 24px 28px;
}

.ui-v2 .crud-record-preview-head {
    border-bottom: 1px solid var(--ui-line);
    display: grid;
    gap: 12px;
    padding-bottom: 16px;
}

.ui-v2 .crud-record-preview-title-row {
    align-items: flex-start;
    display: grid;
    gap: 12px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
}

.ui-v2 .crud-record-preview-icon {
    align-items: center;
    background: color-mix(in srgb, var(--ui-brand-cyan) 14%, var(--ui-surface));
    border-radius: 10px;
    color: var(--ui-brand-cyan-dark);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.ui-v2 .crud-record-preview-icon .nav-svg {
    height: 20px;
    width: 20px;
}

.ui-v2 .crud-record-preview-title {
    min-width: 0;
}

.ui-v2 .crud-record-preview-title small {
    color: var(--ui-muted);
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.ui-v2 .crud-record-preview-title h2 {
    color: var(--ui-text);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: anywhere;
}

.ui-v2 .crud-record-preview-close {
    border-color: transparent;
    color: var(--ui-muted);
    height: 34px;
    width: 34px;
}

.ui-v2 .crud-record-preview-close:hover {
    background: var(--ui-surface-soft);
    color: var(--ui-text);
}

.ui-v2 .crud-record-preview-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ui-v2 .crud-record-preview-actions form,
.ui-v2 .crud-record-preview-more-actions form {
    margin: 0;
}

.ui-v2 .crud-record-preview-actions .button {
    min-height: 36px;
}

.ui-v2 .crud-record-preview-icon-action {
    min-width: 38px;
    padding-left: 10px;
    padding-right: 10px;
}

.ui-v2 .crud-record-preview-alert {
    background: var(--ui-warning-bg);
    border: 1px solid #e7c98a;
    border-radius: 8px;
    color: #7a4f00;
    font-size: 12px;
    line-height: 1.45;
    padding: 10px 12px;
}

.ui-v2 .crud-record-preview-section {
    border-top: 1px solid var(--ui-line);
    display: grid;
    gap: 12px;
    padding-top: 16px;
}

.ui-v2 .crud-record-preview-section:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.ui-v2 .crud-record-preview-section h3 {
    color: var(--ui-text);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
}

.ui-v2 .crud-record-preview-flow {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-v2 .crud-record-preview-flow li {
    align-items: center;
    color: var(--ui-muted);
    display: grid;
    gap: 10px;
    grid-template-columns: 14px minmax(0, 1fr);
    min-width: 0;
}

.ui-v2 .crud-record-preview-flow li span {
    background: var(--ui-line-strong);
    border-radius: 999px;
    height: 10px;
    width: 10px;
}

.ui-v2 .crud-record-preview-flow li strong {
    font-size: 12px;
    font-weight: 600;
}

.ui-v2 .crud-record-preview-flow li.is-complete {
    color: var(--ui-success);
}

.ui-v2 .crud-record-preview-flow li.is-active {
    color: var(--ui-brand-orange);
}

.ui-v2 .crud-record-preview-flow li.is-active span,
.ui-v2 .crud-record-preview-flow li.is-complete span {
    background: currentColor;
}

.ui-v2 .crud-record-preview-fields {
    display: grid;
    gap: 10px 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.ui-v2 .crud-record-preview-fields div {
    min-width: 0;
}

.ui-v2 .crud-record-preview-fields dt {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 3px;
}

.ui-v2 .crud-record-preview-fields dd {
    color: var(--ui-text-soft);
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
}

.ui-v2 .crud-record-preview-details {
    display: grid;
    gap: 12px;
}

.ui-v2 .crud-record-preview-detail {
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.ui-v2 .crud-record-preview-detail header {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.ui-v2 .crud-record-preview-detail header strong {
    color: var(--ui-text);
    font-size: 13px;
}

.ui-v2 .crud-record-preview-detail header span,
.ui-v2 .crud-record-preview-detail p,
.ui-v2 .crud-record-preview-detail a {
    color: var(--ui-muted);
    font-size: 12px;
    margin: 0;
}

.ui-v2 .crud-record-preview-detail a {
    color: var(--ui-brand-cyan-dark);
    font-weight: 700;
    text-decoration: none;
}

.ui-v2 .crud-record-preview-detail-table-wrap {
    overflow-x: auto;
}

.ui-v2 .crud-record-preview-detail-table {
    border-collapse: collapse;
    min-width: 100%;
}

.ui-v2 .crud-record-preview-detail-table th,
.ui-v2 .crud-record-preview-detail-table td {
    border-bottom: 1px solid var(--ui-line);
    color: var(--ui-text-soft);
    font-size: 12px;
    padding: 7px 8px;
    text-align: left;
    vertical-align: top;
}

.ui-v2 .crud-record-preview-detail-table th {
    color: var(--ui-muted-strong);
    font-size: 11px;
    font-weight: 700;
}

.ui-v2 .crud-record-preview-history {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-v2 .crud-record-preview-history li {
    display: grid;
    gap: 2px;
}

.ui-v2 .crud-record-preview-history strong {
    color: var(--ui-text-soft);
    font-size: 12px;
}

.ui-v2 .crud-record-preview-history span {
    color: var(--ui-muted);
    font-size: 11px;
}

.ui-v2 .crud-record-preview-more details {
    display: grid;
    gap: 10px;
}

.ui-v2 .crud-record-preview-more summary {
    color: var(--ui-brand-cyan-dark);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

.ui-v2 .crud-record-preview-more-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 10px;
}

@media (max-width: 760px) {
    body.crud-record-preview-open,
    .ui-v2.crud-record-preview-open {
        overflow: hidden;
    }

    .ui-v2 .crud-record-preview-panel {
        border-left: 0;
        width: 100vw;
    }

    .ui-v2 .crud-record-preview {
        padding: 18px 18px 24px;
    }

    .ui-v2 .crud-record-preview-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .crud-record-preview-actions .button {
        flex: 1 1 0;
        justify-content: center;
        min-width: 0;
        width: auto;
    }

    .ui-v2 .crud-record-preview-actions .crud-record-preview-icon-action {
        flex: 0 0 38px;
    }
}

.ui-v2 .fluig-crud.fluig-list-page .pagination {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--fluig-muted);
    margin-top: 10px;
    padding: 0;
}

.ui-v2 .fluig-crud .pagination-page-size label {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ui-v2 .fluig-crud .pagination-page-size select {
    min-height: 32px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar {
    align-items: flex-end;
    background: transparent;
    border-bottom: 0;
    border-color: transparent;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 6;
}

.ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-toolbar-main {
    align-items: flex-end;
    display: flex;
    flex: 1 1 auto;
    gap: 10px;
    min-width: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-search-box {
    flex: 1 1 420px;
    max-width: 640px;
    min-width: 240px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-search-control {
    align-items: flex-end;
    display: flex;
    flex: 1 1 480px;
    gap: 6px;
    max-width: 690px;
    min-width: 280px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-search-control .list-search-box {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-search-box input {
    height: 34px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-search-icon-button {
    align-self: flex-end;
    flex: 0 0 auto;
    justify-content: center;
    min-height: 34px;
    min-width: 38px;
    padding: 7px 10px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-search-icon-button .button-icon-svg {
    margin: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-toolbar-actions {
    align-items: flex-end;
    align-self: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
    min-width: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-tool-button {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    min-height: 32px;
    padding: 6px 9px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-tool-button strong {
    align-items: center;
    background: var(--fluig-blue);
    border-radius: 999px;
    color: var(--ui-primary-contrast);
    display: inline-flex;
    font-size: 10px;
    font-weight: 700;
    height: 17px;
    justify-content: center;
    min-width: 17px;
    padding: 0 5px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-tool-menu {
    flex: 0 0 auto;
    position: relative;
}

.ui-v2 .fluig-crud.fluig-list-page .list-tool-menu > summary {
    list-style: none;
}

.ui-v2 .fluig-crud.fluig-list-page .list-tool-menu > summary::-webkit-details-marker {
    display: none;
}

.ui-v2 .fluig-crud.fluig-list-page .list-tool-menu[open] > summary {
    background: var(--ui-hover-tint);
    border-color: #8fc6df;
    color: var(--fluig-blue-dark);
}

.ui-v2 .fluig-crud.fluig-list-page .list-tool-popover {
    background: var(--ui-surface);
    border: 1px solid var(--fluig-border-strong);
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(20, 34, 48, 0.14);
    color: var(--ui-text);
    min-width: 240px;
    padding: 12px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 40;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-popover {
    width: min(720px, calc(100vw - 56px));
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-popover .list-filter-grid {
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-popover-actions {
    align-items: center;
    border-top: 1px solid var(--fluig-border);
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    padding-top: 10px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-column-popover {
    display: grid;
    gap: 8px;
    min-width: 260px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-column-popover > strong {
    color: var(--ui-text);
    font-size: 12px;
    font-weight: 700;
}

.ui-v2 .fluig-crud.fluig-list-page .list-column-popover label {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 16px minmax(0, 1fr);
    min-height: 26px;
    width: 100%;
}

.ui-v2 .fluig-crud.fluig-list-page .list-column-popover input[type="checkbox"] {
    height: 16px;
    margin: 0;
    min-height: 16px;
    padding: 0;
    width: 16px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-column-popover span {
    color: var(--fluig-text);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    min-width: 0;
    overflow: visible;
    white-space: normal;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-chips > span:first-child {
    color: var(--fluig-muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-chip {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid var(--ui-chip-border);
    border-radius: 999px;
    color: var(--fluig-blue-dark);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    min-height: 26px;
    padding: 4px 5px 4px 9px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-chip strong {
    color: inherit;
    font: inherit;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-chip-remove {
    align-items: center;
    background: var(--ui-chip-bg);
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--fluig-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    height: 18px;
    justify-content: center;
    line-height: 1;
    margin-left: 2px;
    min-width: 18px;
    padding: 0;
    text-decoration: none;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-chip-remove:hover,
.ui-v2 .fluig-crud.fluig-list-page .list-filter-chip-remove:focus-visible {
    background: #dcebf3;
    color: var(--fluig-blue-dark);
    text-decoration: none;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-chips > a {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--fluig-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    min-height: 26px;
    padding: 6px 9px;
    text-decoration: none;
}

.ui-v2 .fluig-crud.fluig-list-page .list-filter-chips > a:hover {
    color: var(--fluig-blue-dark);
    text-decoration: underline;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table [hidden] {
    display: none;
}

.ui-v2 .fluig-crud.fluig-list-page .list-sort-link {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    max-width: 100%;
}

.ui-v2 .fluig-crud.fluig-list-page .list-sort-link span {
    color: var(--fluig-blue-dark);
    font-size: 11px;
    font-weight: 700;
}

.ui-v2 .fluig-crud.fluig-list-page .list-sort-link.is-sorted {
    color: var(--fluig-blue-dark);
}

.ui-v2 .fluig-crud.fluig-list-page.is-list-density-compact .crud-list-table th,
.ui-v2 .fluig-crud.fluig-list-page.is-list-density-compact .crud-list-table td {
    font-size: 12px;
    padding: 8px 10px;
}

.ui-v2 .fluig-crud.fluig-list-page.is-list-density-compact .crud-list-table th {
    padding-bottom: 11px;
    padding-top: 11px;
}

.ui-v2 .fluig-crud.fluig-list-page.is-list-density-compact .row-icon-action {
    height: 28px;
    width: 28px;
}

.ui-v2 .fluig-crud.fluig-list-page [data-list-density-toggle][hidden] {
    display: none !important;
}

.ui-v2 .fluig-crud.fluig-list-page .list-pagination {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.ui-v2 .fluig-crud.fluig-list-page .list-pagination-range,
.ui-v2 .fluig-crud.fluig-list-page .list-pagination-page {
    color: var(--fluig-muted);
    font-size: 12px;
    font-weight: 600;
}

.ui-v2 .fluig-crud.fluig-list-page .list-pagination-range {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-pagination-range strong {
    color: var(--ui-text-soft);
    font: inherit;
    font-weight: 700;
}

.ui-v2 .fluig-crud.fluig-list-page .list-pagination-range span {
    color: var(--ui-muted);
}

.ui-v2 .fluig-crud.fluig-list-page .list-pagination-controls {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ui-v2 .fluig-object-page {
    gap: 6px;
}

.ui-v2 .fluig-object-page.record-document-page {
    gap: 4px;
}

.ui-v2 .fluig-crud .record-object-header {
    border-top: 0;
    gap: 14px;
    padding: 14px 16px;
}

.ui-v2 .fluig-crud .record-page-bar,
.ui-v2 .fluig-crud .list-page-bar,
.ui-v2 .fluig-crud .record-page-details {
    background: var(--ui-surface);
    background-image: none;
    border-radius: 0;
    padding: 12px 18px;
}

.ui-v2 .fluig-crud .record-page-bar,
.ui-v2 .fluig-crud .list-page-bar {
    border-top: 0;
    margin: -22px -24px 0;
    position: sticky;
    top: 0;
    z-index: 42;
}

.ui-v2 .fluig-crud .list-page-bar {
    box-shadow: inset 0 -1px 0 var(--ui-line);
    padding: 14px 24px 12px;
}

.ui-v2 .fluig-crud .record-page-details {
    border-top: 0;
    margin: -11px -24px 6px;
    padding: 8px 16px;
}

.ui-v2 .fluig-crud .record-tabs {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.ui-v2 .fluig-crud .record-tabs,
.ui-v2 .fluig-crud .form-error-summary,
.ui-v2 .fluig-crud .field {
    scroll-margin-top: 88px;
}

.ui-v2 .fluig-crud .record-object-top {
    align-items: center;
}

.ui-v2 .fluig-crud .list-page-bar .record-object-top {
    gap: 20px;
    min-height: 42px;
}

.ui-v2 .fluig-crud .list-page-bar .record-object-main {
    flex: 1 1 auto;
    min-width: 0;
}

.ui-v2 .fluig-crud .record-page-breadcrumb,
.ui-v2 .fluig-crud .list-page-breadcrumb {
    font-size: 11px;
    margin-bottom: 2px;
}

.ui-v2 .fluig-crud .list-page-breadcrumb {
    color: var(--ui-muted);
    margin-bottom: 4px;
}

.ui-v2 .fluig-crud .page-actions {
    align-items: center;
    flex-wrap: wrap;
}

.ui-v2 .fluig-crud .page-actions form {
    margin: 0;
}

.ui-v2 .fluig-crud .record-object-actions {
    gap: 8px;
}

.ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions {
    flex: 0 0 auto;
    gap: 7px;
}

.ui-v2 .fluig-crud .list-page-bar .list-page-primary-action {
    min-height: 38px;
    padding-left: 15px;
    padding-right: 15px;
}

.ui-v2 .fluig-crud .list-page-bar .list-page-primary-action + .list-page-icon-action {
    margin-left: 4px;
}

.ui-v2 .fluig-crud .list-page-bar .list-page-icon-action {
    border-color: var(--ui-line);
    color: var(--ui-muted-strong);
    flex: 0 0 38px;
    height: 38px;
    min-height: 38px;
    min-width: 38px;
    padding: 0;
    width: 38px;
}

.ui-v2 .fluig-crud .list-page-bar .list-page-icon-action > span:not(.button-icon) {
    display: none;
}

.ui-v2 .fluig-crud .list-page-bar .list-page-icon-action .button-icon-svg {
    height: 16px;
    width: 16px;
}

.ui-v2 .fluig-crud .list-page-bar .list-page-icon-action:hover {
    background: var(--ui-surface-soft);
    border-color: var(--ui-line-strong);
    color: var(--ui-primary-dark);
}

.ui-v2 .fluig-crud .list-page-actions-menu {
    display: none;
}

.ui-v2 .fluig-crud .record-object-actions .record-action-button,
.ui-v2 .fluig-crud .record-object-actions .record-form-save,
.ui-v2 .fluig-crud .record-object-actions .record-form-back,
.ui-v2 .fluig-crud .record-object-actions .record-actions-menu-button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 38px;
}

.ui-v2 .fluig-crud .record-object-actions .record-action-button {
    gap: 7px;
}

.ui-v2 .fluig-crud .record-object-actions .record-form-save,
.ui-v2 .fluig-crud .record-object-actions .record-form-back {
    gap: 7px;
}

.ui-v2 .fluig-crud .record-object-actions .record-action-zone-primary {
    order: 10;
}

.ui-v2 .fluig-crud .record-object-actions .record-action-zone-domain {
    order: 20;
}

.ui-v2 .fluig-crud .record-object-actions .record-form-save {
    order: 30;
}

.ui-v2 .fluig-crud .record-object-actions .record-form-back .record-action-icon {
    color: currentColor;
}

.ui-v2 .fluig-crud .record-object-actions:has(.record-action-button) .record-form-save {
    margin-left: 16px;
    position: relative;
}

.ui-v2 .fluig-crud .record-object-actions:has(.record-action-button) .record-form-save::before {
    background: var(--fluig-border-strong);
    content: "";
    height: 24px;
    left: -13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.ui-v2 .fluig-crud .record-object-actions .record-form-back {
    order: 40;
}

.ui-v2 .fluig-crud .record-object-actions .record-actions-menu {
    order: 50;
}

.ui-v2 .fluig-crud .record-object-actions .record-actions-menu-button {
    min-width: 38px;
    padding-left: 9px;
    padding-right: 9px;
}

.ui-v2 .fluig-crud .record-actions-menu .record-menu-action {
    gap: 8px;
}

.ui-v2 .fluig-crud .record-delete-footer {
    align-items: center;
    border-top: 1px solid var(--fluig-border);
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
    padding-top: 14px;
}

.ui-v2 .fluig-crud .record-delete-footer form {
    margin: 0;
}

.ui-v2 .fluig-crud .table-status-badge {
    font-weight: 600;
    margin-top: 0;
    min-width: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
}

.ui-v2 .fluig-crud.fluig-list-page .table-status-badge.muted {
    color: var(--ui-badge-muted-ink);
}

.ui-v2 .fluig-crud.fluig-list-page .table-status-badge.success {
    color: var(--ui-success);
}

.ui-v2 .fluig-crud.fluig-list-page .table-status-badge.warning {
    color: var(--ui-warning);
}

.ui-v2 .fluig-crud.fluig-list-page .table-status-badge.danger {
    color: var(--ui-danger);
}

.ui-v2 .fluig-crud.fluig-list-page .table-status-badge.info {
    color: var(--ui-info);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 10px 0 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-page-subtitle {
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    margin: 2px 0 0 40px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card {
    --list-summary-tone: var(--ui-info);
    align-content: start;
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius-sm);
    color: var(--ui-text-soft);
    display: grid;
    gap: 5px;
    min-height: 94px;
    padding: 14px 16px;
    text-decoration: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card:hover,
.ui-v2 .fluig-crud.fluig-list-page .list-summary-card.is-active {
    border-color: var(--list-summary-tone);
    box-shadow: inset 0 0 0 1px var(--list-summary-tone), var(--ui-shadow-soft);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card:hover {
    transform: translateY(-1px);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card.tone-primary {
    --list-summary-tone: var(--ui-primary);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card.tone-info {
    --list-summary-tone: var(--ui-info);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card.tone-success {
    --list-summary-tone: var(--ui-success);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card.tone-warning {
    --list-summary-tone: var(--ui-warning);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card.tone-danger {
    --list-summary-tone: var(--ui-danger);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card.tone-muted {
    --list-summary-tone: var(--ui-muted);
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-label {
    align-items: center;
    color: var(--ui-muted-strong);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 7px;
    line-height: 1.25;
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-label i {
    background: var(--list-summary-tone);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 7px;
    height: 7px;
    width: 7px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card strong {
    color: var(--list-summary-tone);
    font-size: 22px;
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1.15;
}

.ui-v2 .fluig-crud.fluig-list-page .list-summary-card small {
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table .list-cell-identity {
    min-width: 280px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity {
    align-items: center;
    display: flex;
    gap: 10px;
    min-height: 42px;
    min-width: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-avatar {
    align-items: center;
    background: var(--ui-brand-cyan-dark);
    border-radius: var(--ui-radius-sm);
    color: var(--ui-surface);
    display: inline-flex;
    flex: 0 0 36px;
    font-size: 12px;
    font-weight: 750;
    height: 36px;
    justify-content: center;
    letter-spacing: 0;
    width: 36px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-avatar.tone-1 {
    background: var(--ui-brand-cyan-dark);
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-avatar.tone-2 {
    background: var(--ui-brand-orange-dark);
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-avatar.tone-3 {
    background: var(--ui-info);
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-avatar.tone-4 {
    background: var(--ui-brand-green-dark);
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-avatar.tone-5 {
    background: var(--ui-brand-dark);
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-primary {
    color: var(--ui-text);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ui-v2 .fluig-crud.fluig-list-page .list-identity-copy small {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
}

.ui-v2 .fluig-crud.fluig-list-page .list-cell-money {
    color: var(--ui-text);
    font-weight: 700;
    white-space: nowrap;
}

.ui-v2 .fluig-crud.fluig-list-page .list-cell-money.is-danger {
    color: var(--ui-danger);
}

.ui-v2 .fluig-crud.fluig-list-page .list-cell-money.is-muted {
    color: var(--ui-muted);
}

.ui-v2 .fluig-crud.fluig-list-page .list-cell-hint {
    border-radius: 999px;
    display: table;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 4px;
    padding: 2px 6px;
    white-space: nowrap;
}

.ui-v2 .fluig-crud.fluig-list-page .list-cell-hint.is-danger {
    background: var(--ui-danger-bg);
    color: var(--ui-danger);
}

.ui-v2 .fluig-crud.fluig-list-page .list-cell-hint.is-warning {
    background: var(--ui-warning-bg);
    color: var(--ui-warning);
}

.ui-v2 .fluig-crud.fluig-list-page .list-cell-hint.is-info {
    background: var(--ui-info-bg);
    color: var(--ui-info);
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table .table-status-badge {
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    gap: 6px;
    padding: 4px 9px;
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table .table-status-badge.muted {
    background: var(--ui-surface-muted);
    color: var(--ui-muted-strong);
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table .table-status-badge.success {
    background: var(--ui-success-bg);
    color: var(--ui-success);
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table .table-status-badge.warning {
    background: var(--ui-warning-bg);
    color: var(--ui-warning);
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table .table-status-badge.danger {
    background: var(--ui-danger-bg);
    color: var(--ui-danger);
}

.ui-v2 .fluig-crud.fluig-list-page .crud-list-table .table-status-badge.info {
    background: var(--ui-info-bg);
    color: var(--ui-info);
}

.ui-v2 .fluig-crud.fluig-list-page .list-panel .list-pagination {
    background: var(--ui-surface-soft);
    border-top: 1px solid var(--ui-line);
    margin-top: 0;
    padding: 10px 14px;
}

.ui-v2 .fluig-crud.fluig-list-page .list-footer-total {
    color: var(--ui-muted-strong);
    font-size: 12px;
    font-weight: 600;
}

.ui-v2 .fluig-crud.fluig-list-page .list-footer-total strong {
    color: var(--ui-text);
    font-weight: 750;
}

.ui-v2 .fluig-crud.fluig-list-page .list-footer-total:not(.is-primary):last-child strong {
    color: var(--ui-danger);
}

.ui-v2 .fluig-crud.fluig-list-page .list-pagination-nav {
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    line-height: 1;
    min-width: 30px;
    padding: 0;
    width: 30px;
}

.ui-v2 .fluig-crud .crud-tab-list {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--fluig-border);
    border-radius: 0;
    gap: 18px;
    padding: 0 24px;
}

.ui-v2 .fluig-crud .crud-tab-button {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--ui-muted);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: -1px;
    min-height: 40px;
    padding: 10px 2px 11px;
}

.ui-v2 .fluig-crud .crud-tab-button:hover {
    color: var(--fluig-blue-dark);
}

.ui-v2 .fluig-crud .crud-tab-button.active {
    background: transparent;
    border-color: var(--ui-primary);
    box-shadow: none;
    color: var(--ui-text);
}

.ui-v2 .fluig-crud .tabs-primary {
    margin-bottom: 0;
}

.ui-v2 .fluig-crud .form-segmented-tabs {
    gap: 12px;
}

.ui-v2 .fluig-crud .form-segmented-tabs > .crud-tab-list {
    background: var(--ui-surface-soft);
    border: 1px solid var(--fluig-border);
    border-radius: var(--ui-radius);
    display: inline-flex;
    padding: 4px;
    width: auto;
}

.ui-v2 .fluig-crud .form-segmented-tabs .crud-tab-button {
    border-radius: var(--ui-radius-sm);
    font-weight: 500;
    min-height: 32px;
    padding: 6px 11px;
}

.ui-v2 .fluig-crud .form-segmented-tabs .crud-tab-button.active {
    background: var(--ui-primary);
    border-color: var(--ui-primary);
    color: var(--ui-primary-contrast);
}

.ui-v2 .fluig-crud .record-tabs > .crud-tab-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 14px 24px;
}

.ui-v2 .fluig-crud .record-tabs > .crud-tab-panel > .panel {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.ui-v2 .fluig-crud .form-tabs,
.ui-v2 .fluig-crud .form-tabs > .crud-tab-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ui-v2 .fluig-crud .form-tabs > .crud-tab-panel {
    padding-top: 0;
}

.ui-v2 .fluig-crud .form-panel,
.ui-v2 .fluig-crud .record-sheet,
.ui-v2 .fluig-crud .panel.form-panel,
.ui-v2 .fluig-crud .panel.record-sheet {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 16px;
}

.ui-v2 .fluig-crud .form-sections {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.ui-v2 .fluig-crud .form-section {
    border-color: var(--fluig-border);
    border-radius: 8px;
    overflow: visible;
    padding: 0;
}

.ui-v2 .fluig-crud .form-section:first-child {
    border-top: 1px solid var(--fluig-border);
    padding-top: 0;
}

.ui-v2 .fluig-crud .form-section-summary {
    background: var(--fluig-head);
    border-bottom: 1px solid var(--fluig-border);
    border-radius: 6px 6px 0 0;
    margin-bottom: 0;
    padding: 10px 12px;
}

.ui-v2 .fluig-crud .form-section-summary::after {
    right: 12px;
}

.ui-v2 .fluig-crud .form-section-title {
    color: #273542;
    font-size: 13px;
    font-weight: 700;
}

.ui-v2 .fluig-crud .form-section-description {
    color: var(--fluig-muted);
    margin: 12px 14px 0;
}

.ui-v2 .fluig-crud .form-section > .form-grid,
.ui-v2 .fluig-crud .form-section > .detail-inline-form,
.ui-v2 .fluig-crud .form-section > .form-section-description + .form-grid {
    padding: 14px;
}

.ui-v2 .fluig-crud .form-section > .detail-inline-form {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.ui-v2 .fluig-crud .form-grid {
    gap: 12px 14px;
}

.ui-v2 .fluig-crud .field-help {
    color: var(--fluig-muted);
}

.ui-v2 .fluig-crud input[readonly],
.ui-v2 .fluig-crud textarea[readonly],
.ui-v2 .fluig-crud input:disabled,
.ui-v2 .fluig-crud select:disabled,
.ui-v2 .fluig-crud textarea:disabled,
.ui-v2 .fluig-crud .lookup-query:disabled {
    background: var(--fluig-head);
    color: var(--fluig-muted);
    cursor: not-allowed;
}

.ui-v2 .fluig-crud .field-error {
    color: var(--ui-danger-strong);
    font-size: 12px;
    font-weight: 500;
}

.ui-v2 .fluig-crud .form-error-summary {
    border-radius: 8px;
    margin-bottom: 16px;
}

.ui-v2 .fluig-crud .field.field-error-focus {
    outline: 0;
}

.ui-v2 .fluig-crud .field.field-invalid > input:not([type="hidden"]),
.ui-v2 .fluig-crud .field.field-invalid > select,
.ui-v2 .fluig-crud .field.field-invalid > textarea,
.ui-v2 .fluig-crud .field.field-invalid .lookup-query,
.ui-v2 .fluig-crud .field.field-error-focus > input:not([type="hidden"]),
.ui-v2 .fluig-crud .field.field-error-focus > select,
.ui-v2 .fluig-crud .field.field-error-focus > textarea,
.ui-v2 .fluig-crud .field.field-error-focus .lookup-query {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.ui-v2 .fluig-crud .lookup-button {
    border-color: var(--ui-input-border);
    border-radius: 8px;
    min-height: 34px;
}

.ui-v2 .fluig-crud .lookup-input-row .lookup-button {
    border-color: var(--ui-input-border);
    border-radius: 0 8px 8px 0;
    min-height: 0;
}

.ui-v2 .fluig-crud .lookup-control.lookup-open {
    z-index: 120;
}

.ui-v2 .fluig-crud .lookup-dropdown,
.ui-v2 .fluig-crud .lookup-modal {
    border-color: var(--fluig-border);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.16);
}

.ui-v2 .record-modal-actions {
    margin-top: -2px;
}

.ui-v2 .crud-modal-backdrop {
    background: rgba(16, 24, 40, 0.52);
}

.ui-v2 .crud-modal-dialog {
    border-color: var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: 0 28px 90px rgba(16, 24, 40, 0.28);
}

.ui-v2 .crud-modal-header,
.ui-v2 .crud-modal-footer {
    border-color: var(--ui-line);
}

.ui-v2 .crud-modal-header h2 {
    color: var(--ui-text);
    font-size: 17px;
    font-weight: 700;
}

.ui-v2 .crud-modal-header small {
    color: var(--ui-muted);
}

.ui-v2 .crud-modal-body > .detail-panel-modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ui-v2 .erp-dialog-copy p {
    color: var(--ui-text-soft);
}

.ui-v2 .erp-dialog-icon {
    background: var(--ui-selection-soft);
    border-color: var(--ui-brand-blue);
    color: var(--ui-primary-dark);
}

.ui-v2 .erp-dialog-danger .erp-dialog-icon {
    background: var(--ui-danger-soft);
    border-color: #f1bbb2;
    color: var(--ui-danger);
}

.ui-v2 .erp-dialog-warning .erp-dialog-icon {
    background: var(--ui-warning-soft);
    border-color: var(--ui-warning-line);
    color: var(--ui-warning);
}

.ui-v2 .fluig-crud .lookup-meta {
    background: var(--fluig-head);
    border-color: var(--fluig-border);
    border-radius: 8px;
}

.ui-v2 .fluig-crud .detail-inline-form {
    background: var(--ui-surface);
    border-color: var(--fluig-border);
    border-radius: 8px;
}

.ui-v2 .fluig-crud .detail-panel {
    padding: 16px;
}

.ui-v2 .fluig-crud .crud-modal-dialog {
    border-color: var(--fluig-border);
    border-radius: 8px;
}

.ui-v2 .fluig-crud .crud-modal-body {
    padding: 16px;
}

.ui-v2 .fluig-crud .crud-modal-body > .detail-panel-modal-content {
    padding: 0;
}

.ui-v2 .fluig-crud .detail-panel .panel-head {
    border-bottom: 1px solid var(--fluig-border);
    margin: -16px -16px 14px;
    padding: 12px 16px;
}

.ui-v2 .record-document-page.fluig-crud .detail-panel,
.ui-v2 .record-document-page.fluig-crud .object-detail-panel {
    padding: 0;
}

.ui-v2 .record-document-page.fluig-crud .detail-panel .panel-head {
    border-bottom: 0;
    margin: 0;
    padding: 0 0 14px;
}

.ui-v2 .record-document-page.fluig-crud .detail-inline-form {
    background: transparent;
    border: 0;
    padding: 0;
}

.ui-v2 .fluig-crud .record-tabs > .crud-tab-panel > .detail-panel .panel-head {
    margin: 0 0 14px;
    padding: 0 0 12px;
}

.ui-v2 .fluig-crud .detail-panel .panel-head h2,
.ui-v2 .fluig-crud .audit-panel .panel-head h2 {
    font-size: 16px;
    font-weight: 600;
}

.ui-v2 .fluig-crud .detail-summary-head,
.ui-v2 .fluig-crud .detail-summary-modal {
    background: var(--ui-document-summary-bg);
    border: 1px solid var(--ui-document-summary-line);
    border-radius: 8px;
    box-shadow: none;
    gap: 0;
    padding: 8px 12px;
}

.ui-v2 .fluig-crud .detail-summary-head {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 100%;
    width: fit-content;
}

.ui-v2 .fluig-crud .detail-summary-head .summary-item,
.ui-v2 .fluig-crud .detail-summary-modal .summary-item {
    border-right-color: var(--ui-document-summary-line);
}

.ui-v2 .record-document-page.fluig-crud .line-total-preview {
    align-items: baseline;
    background: transparent;
    border: 0;
    color: var(--ui-text);
    gap: 6px;
    justify-content: flex-end;
    margin-left: auto;
    padding: 0;
    text-align: right;
    width: fit-content;
}

.command-open {
    overflow: hidden;
}

.command-palette-backdrop {
    align-items: flex-start;
    background: rgba(10, 28, 40, 0.46);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 92px 20px 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 120;
}

.command-palette-backdrop[hidden] {
    display: none;
}

.command-palette {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: 12px;
    box-shadow: 0 26px 80px rgba(10, 50, 70, 0.26);
    display: grid;
    gap: 0;
    max-height: min(720px, calc(100vh - 124px));
    overflow: hidden;
    width: min(760px, 100%);
}

.command-search-shell {
    align-items: center;
    border-bottom: 1px solid var(--ui-line);
    display: grid;
    gap: 10px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    padding: 14px 16px;
}

.command-search-icon {
    align-items: center;
    color: var(--ui-muted);
    display: inline-flex;
    justify-content: center;
}

.command-search-icon .nav-svg {
    height: 18px;
    stroke: currentColor;
    width: 18px;
}

.command-search-shell input {
    background: transparent;
    border: 0;
    color: var(--ui-text);
    font-size: 17px;
    min-height: 34px;
    outline: 0;
    padding: 0;
}

.command-search-shell input::placeholder {
    color: var(--ui-muted);
}

.command-escape-key,
.command-help kbd,
.command-result-context {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 6px;
    color: var(--ui-muted-strong);
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    justify-content: center;
    min-height: 24px;
    padding: 2px 7px;
}

.command-escape-key {
    cursor: pointer;
}

.command-palette-head {
    align-items: center;
    background: var(--ui-surface-soft);
    border-bottom: 1px solid var(--ui-line);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 42px;
    padding: 8px 16px;
}

.command-palette-head > span {
    color: var(--ui-muted-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.command-results {
    display: grid;
    gap: 8px;
    max-height: 520px;
    overflow: auto;
    padding: 10px;
}

.command-section {
    display: grid;
    gap: 4px;
}

.command-section h3 {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    margin: 7px 8px 3px;
    text-transform: uppercase;
}

.command-result {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--ui-text);
    display: grid;
    gap: 12px;
    grid-template-columns: 34px minmax(0, 1fr) auto auto;
    min-height: 52px;
    padding: 8px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.command-result:hover,
.command-result:focus-visible,
.command-result.active {
    background: var(--ui-info-bg);
    border-color: color-mix(in srgb, var(--ui-brand-cyan) 32%, var(--ui-surface));
    outline: none;
    text-decoration: none;
}

.command-result-icon {
    align-items: center;
    background: var(--ui-surface-muted);
    border: 1px solid var(--ui-line);
    border-radius: 8px;
    color: var(--ui-primary);
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    height: 34px;
    justify-content: center;
    letter-spacing: 0.02em;
    width: 34px;
}

.command-result-action .command-result-icon {
    background: var(--ui-info-bg);
    border-color: color-mix(in srgb, var(--ui-brand-cyan) 20%, var(--ui-surface));
}

.command-result-icon.record {
    background: var(--ui-surface-soft);
    color: var(--ui-muted-strong);
}

.command-result-icon.pulse {
    background: var(--ui-info-bg);
    border-color: color-mix(in srgb, var(--ui-brand-cyan) 20%, var(--ui-surface));
}

.command-result-main {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.command-result strong,
.command-result small,
.command-result-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.command-result strong {
    color: var(--ui-text);
    font-size: 14px;
    font-weight: 700;
}

.command-result small {
    color: var(--ui-muted);
    font-size: 12px;
}

.command-result-meta {
    color: var(--ui-muted-strong);
    font-size: 12px;
    font-weight: 600;
}

.command-result-context {
    cursor: pointer;
}

.command-context-bar {
    align-items: center;
    display: flex;
    gap: 8px;
}

.command-context-bar[hidden] {
    display: none;
}

.command-context-bar span {
    color: var(--ui-text);
    font-size: 12px;
    font-weight: 700;
}

.command-help {
    align-items: center;
    background: var(--ui-surface-soft);
    border-top: 1px solid var(--ui-line);
    color: var(--ui-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 12px;
    min-height: 36px;
    padding: 7px 14px;
}

.command-help span {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.command-empty {
    color: var(--ui-muted);
    padding: 22px;
    text-align: center;
}
/* Centro de Comando: tela inicial por intencao, independente do dashboard classico. */
.ui-v2 .command-home-top {
    margin-bottom: 0;
}

.ui-v2 .command-home-facts {
    gap: 7px;
}

.ui-v2 .command-home-hero {
    display: grid;
    gap: 14px;
}

.ui-v2 .command-home-hero-copy {
    display: grid;
    gap: 8px;
    justify-items: start;
}

.ui-v2 .command-home-hero h2 {
    color: var(--ui-text);
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.18;
    margin: 0;
}

.ui-v2 .command-home-hero p {
    color: var(--ui-muted);
    font-size: 14px;
    margin: 0;
    max-width: 760px;
}

.ui-v2 .command-home-search {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid var(--ui-line-strong);
    border-radius: 4px;
    color: var(--ui-text);
    cursor: pointer;
    display: grid;
    gap: 14px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    min-height: 74px;
    padding: 14px 16px;
    text-align: left;
    width: 100%;
}

.ui-v2 .command-home-search:hover,
.ui-v2 .command-home-search:focus-visible {
    background: color-mix(in srgb, var(--ui-surface) 90%, var(--ui-primary));
    border-color: var(--ui-primary);
    outline: none;
}

.ui-v2 .command-home-search-icon {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-primary-dark);
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.ui-v2 .command-home-search-icon .nav-svg {
    height: 22px;
    width: 22px;
}

.ui-v2 .command-home-search strong,
.ui-v2 .command-home-search small {
    display: block;
    overflow-wrap: anywhere;
}

.ui-v2 .command-home-search strong {
    font-size: 17px;
    font-weight: 700;
}

.ui-v2 .command-home-search small {
    color: var(--ui-muted);
    font-size: 13px;
    margin-top: 3px;
}

.ui-v2 .command-home-examples {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ui-v2 .command-home-examples span {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-text-soft);
    display: inline-flex;
    gap: 6px;
    min-height: 32px;
    padding: 5px 8px;
}

.ui-v2 .command-home-examples strong {
    color: var(--ui-text);
    font-size: 12px;
}

.ui-v2 .command-home-primary-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.45fr);
}

.ui-v2 .command-home-actions,
.ui-v2 .command-home-work,
.ui-v2 .command-home-continue {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.ui-v2 .command-home-section-head {
    border-bottom: 1px solid var(--ui-line);
    display: grid;
    gap: 3px;
    padding-bottom: 10px;
}

.ui-v2 .command-home-section-head h2 {
    color: var(--ui-text);
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.ui-v2 .command-home-section-head p {
    color: var(--ui-muted);
    font-size: 13px;
    margin: 0;
}

.ui-v2 .command-home-action-list,
.ui-v2 .command-home-work-list {
    display: grid;
    gap: 9px;
}

.ui-v2 .command-home-action {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-text);
    display: grid;
    gap: 4px 10px;
    grid-template-columns: 36px minmax(0, 1fr);
    min-height: 64px;
    padding: 10px 11px;
    text-decoration: none;
}

.ui-v2 .command-home-action:hover,
.ui-v2 .command-home-action:focus-visible {
    border-color: var(--ui-primary);
    outline: none;
}

.ui-v2 .command-home-action.primary {
    background: var(--ui-primary);
    border-color: var(--ui-primary-dark);
    color: var(--ui-surface);
}

.ui-v2 .command-home-action span {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-primary-dark);
    display: inline-flex;
    grid-row: span 2;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.ui-v2 .command-home-action.primary span {
    background: color-mix(in srgb, var(--ui-primary-contrast) 16%, transparent);
    border-color: color-mix(in srgb, var(--ui-primary-contrast) 28%, transparent);
    color: var(--ui-surface);
}

.ui-v2 .command-home-action strong {
    font-size: 13px;
    font-weight: 700;
}

.ui-v2 .command-home-action small {
    color: var(--ui-muted);
    font-size: 12px;
    line-height: 1.32;
}

.ui-v2 .command-home-action.primary small {
    color: rgba(255, 255, 255, 0.82);
}

.ui-v2 .command-home-work-item {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-left: 4px solid var(--ui-line-strong);
    border-radius: 4px;
    color: var(--ui-text);
    display: grid;
    gap: 12px;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    min-height: 72px;
    padding: 10px 12px 10px 10px;
    text-decoration: none;
}

.ui-v2 .command-home-work-item:hover,
.ui-v2 .command-home-work-item:focus-visible {
    background: var(--ui-surface-soft);
    border-color: var(--ui-primary);
    outline: none;
}

.ui-v2 .command-home-work-item.success {
    border-left-color: var(--ui-secondary);
}

.ui-v2 .command-home-work-item.warning {
    border-left-color: var(--ui-warning);
}

.ui-v2 .command-home-work-item.danger {
    border-left-color: var(--ui-danger);
}

.ui-v2 .command-home-work-item strong {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-text);
    display: inline-flex;
    font-size: 22px;
    font-weight: 750;
    height: 50px;
    justify-content: center;
    min-width: 50px;
}

.ui-v2 .command-home-work-item b,
.ui-v2 .command-home-work-item small {
    display: block;
    overflow-wrap: anywhere;
}

.ui-v2 .command-home-work-item b {
    color: var(--ui-text);
    font-size: 14px;
}

.ui-v2 .command-home-work-item small {
    color: var(--ui-muted);
    font-size: 12px;
    margin-top: 2px;
}

.ui-v2 .command-home-work-item em {
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-text-soft);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    padding: 6px 9px;
    white-space: nowrap;
}

.ui-v2 .command-home-recent-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ui-v2 .command-home-recent-column {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.ui-v2 .command-home-recent-column h3 {
    color: var(--ui-text);
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 2px;
}

.ui-v2 .command-home-recent-item {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-text);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 52px;
    padding: 8px 10px;
    text-decoration: none;
}

.ui-v2 .command-home-recent-item:hover,
.ui-v2 .command-home-recent-item:focus-visible {
    background: var(--ui-surface-soft);
    border-color: var(--ui-primary);
    outline: none;
}

.ui-v2 .command-home-recent-item strong,
.ui-v2 .command-home-recent-item small {
    display: block;
    overflow-wrap: anywhere;
}

.ui-v2 .command-home-recent-item strong {
    font-size: 13px;
}

.ui-v2 .command-home-recent-item small,
.ui-v2 .command-home-recent-item em {
    color: var(--ui-muted);
    font-size: 12px;
    font-style: normal;
}

.ui-v2 .command-home-recent-item em {
    text-align: right;
    white-space: nowrap;
}

.ui-v2 .command-home-pulse {
    align-items: stretch;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(180px, 0.8fr) repeat(3, minmax(0, 1fr));
    padding: 11px 12px;
}

.ui-v2 .command-home-pulse > div,
.ui-v2 .command-home-pulse > a {
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 4px;
    color: var(--ui-text);
    display: grid;
    gap: 2px;
    min-height: 58px;
    padding: 8px 10px;
    text-decoration: none;
}

.ui-v2 .command-home-pulse > a:hover,
.ui-v2 .command-home-pulse > a:focus-visible {
    border-color: var(--ui-primary);
    outline: none;
}

.ui-v2 .command-home-pulse strong,
.ui-v2 .command-home-pulse b {
    color: var(--ui-text);
    font-size: 15px;
}

.ui-v2 .command-home-pulse span,
.ui-v2 .command-home-pulse small {
    color: var(--ui-muted);
    font-size: 12px;
}

/* Relatorio de Vendas: layout analitico proprio sobre o acabamento compacto. */
.ui-v2 .sales-modern-more > div {
    border-color: var(--ui-line);
    border-radius: 4px;
    box-shadow: var(--ui-shadow-soft);
}

.ui-v2 .sales-modern-more a {
    border-radius: 4px;
    color: var(--ui-text-soft);
    font-size: 13px;
    font-weight: 600;
    padding: 7px 9px;
}

.ui-v2 .sales-modern-row-action {
    min-height: 28px;
    padding: 4px 9px;
}

.ui-v2 .sales-modern-empty h2 {
    color: var(--ui-text);
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    margin-bottom: 12px;
}

.ui-v2 .sales-report-result-head {
    border-bottom-color: var(--ui-line);
    margin-bottom: 0;
    padding: 12px 14px;
}

.ui-v2 .operational-compact-page .sales-report-result {
    padding: 0;
}

.ui-v2 .sales-report-result-head h2 {
    color: var(--ui-text);
    font-size: 16px;
    font-weight: 600;
}

.ui-v2 .sales-report-result-head p {
    color: var(--ui-muted);
}

.ui-v2 .report-tree-table {
    border-color: var(--ui-line);
}

.ui-v2 .report-tree-table th {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 600;
}

.ui-v2 .report-tree-table td {
    color: var(--ui-text-soft);
    font-size: 13px;
}

.ui-v2 .report-tree-table strong {
    font-weight: 600;
}

.ui-v2 .report-tree-group-row td {
    background: var(--ui-bg);
    border-top-color: var(--ui-line-strong);
    color: var(--ui-text);
    font-weight: 600;
}

.ui-v2 .report-tree-order-row td {
    background: var(--ui-surface-soft);
    border-bottom-color: var(--ui-line);
    color: var(--ui-text);
}

.ui-v2 .report-tree-child-row td {
    background: var(--ui-surface);
    border-bottom-color: var(--ui-line);
    color: var(--ui-muted);
}

.ui-v2 .report-tree-grand-total-row td {
    background: var(--ui-surface-soft);
    border-top-color: var(--ui-primary);
    color: var(--ui-primary-dark);
    font-weight: 600;
}

.ui-v2 .report-tree-order-link {
    color: var(--ui-primary-dark);
    font-weight: 600;
}

.ui-v2 .report-tree-toggle small,
.ui-v2 .report-tree-main-cell small,
.ui-v2 .report-tree-table td small,
.ui-v2 .report-tree-muted,
.ui-v2 .report-tree-child-line > span:not(.report-tree-indent):not(.report-tree-child-kind) {
    color: var(--ui-muted);
    font-weight: 500;
}

.ui-v2 .report-tree-indent {
    border-left: 0;
    min-height: 0;
    vertical-align: middle;
}

.ui-v2 .report-tree-child-kind {
    color: var(--ui-muted);
    font-weight: 500;
}

.ui-v2 .report-tree-child-line > strong {
    color: var(--ui-text-soft);
    font-weight: 500;
}

.ui-v2 .operational-compact-page .report-tree-table td {
    border-bottom: 1px solid #eef2f6;
}

.ui-v2 .operational-compact-page .report-tree-group-row td {
    background: transparent;
    border-top: 0;
    color: var(--ui-text);
    font-weight: 600;
}

.ui-v2 .operational-compact-page .report-tree-order-row td {
    background: transparent;
    color: var(--ui-text);
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-v2 .operational-compact-page .report-tree-order-row:hover td {
    background: var(--ui-hover-tint);
}

.ui-v2 .operational-compact-page .report-tree-child-row td {
    background: transparent;
    color: var(--ui-muted);
    padding-bottom: 4px;
    padding-top: 4px;
}

.ui-v2 .operational-compact-page .report-tree-grand-total-row td {
    background: transparent;
    border-top: 1px solid var(--ui-primary);
    color: var(--ui-primary-dark);
    font-weight: 600;
    padding-top: 12px;
}

.ui-v2 .report-tree-group-row .report-tree-muted {
    visibility: hidden;
}

.ui-v2 .report-tree-toggle > span:last-child {
    display: block;
}

.ui-v2 .report-tree-main-cell {
    display: table-cell;
    vertical-align: middle;
}

.ui-v2 .report-tree-main-cell > span:last-child {
    display: inline-block;
    vertical-align: middle;
}

.ui-v2 .report-tree-toggle small {
    display: inline;
    font-weight: 400;
}

.ui-v2 .report-tree-toggle small::before {
    content: "\00b7\00a0";
}

.ui-v2 .report-tree-order-row td small {
    display: inline;
}

.ui-v2 .report-tree-child-kind .button-icon-svg {
    stroke-width: 1.9;
}

.ui-v2 .nfe-simple-head,
.ui-v2 .nfe-simple-layout {
    --fluig-blue: var(--ui-primary);
    --fluig-blue-dark: var(--ui-primary-dark);
    --fluig-border: var(--ui-line);
    --fluig-border-strong: var(--ui-line-strong);
    --fluig-head: var(--ui-surface-soft);
    --fluig-text: var(--ui-text-soft);
}

.ui-v2 .nfe-simple-page {
    display: grid;
    gap: 16px;
    width: 100%;
}

.ui-v2 .nfe-simple-page .panel,
.ui-v2 .nfe-simple-head {
    margin-bottom: 0;
}

.ui-v2 .nfe-simple-layout {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
}

.ui-v2 .nfe-inline-form {
    margin: 0;
}

.ui-v2 .nfe-error-summary {
    align-items: flex-start;
    display: grid;
    gap: 8px;
    justify-content: stretch;
    max-height: none;
}

.ui-v2 .nfe-error-summary ul {
    margin: 0;
    padding-left: 18px;
}

.ui-v2 .nfe-error-summary li {
    margin: 3px 0;
}

.ui-v2 .nfe-simple-sidebar {
    display: grid;
    gap: 14px;
    padding: 16px;
    position: sticky;
    top: calc(var(--shell-topbar-height) + 16px);
}

.ui-v2 .nfe-simple-steps {
    display: grid;
    gap: 8px;
}

.ui-v2 .nfe-simple-steps form,
.ui-v2 .nfe-simple-checklist form,
.ui-v2 .nfe-simple-footer-actions form,
.ui-v2 .nfe-simple-final-actions form {
    margin: 0;
}

.ui-v2 .nfe-simple-steps form {
    position: relative;
}

.ui-v2 .nfe-simple-steps form:not(:last-child)::after {
    background: var(--ui-line);
    bottom: -10px;
    content: "";
    left: 23px;
    pointer-events: none;
    position: absolute;
    top: 44px;
    width: 2px;
    z-index: 0;
}

.ui-v2 .nfe-simple-step {
    align-items: center;
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    color: var(--ui-text);
    cursor: pointer;
    display: grid;
    gap: 10px;
    grid-template-columns: 30px minmax(0, 1fr);
    min-height: 44px;
    padding: 8px 10px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1;
}

.ui-v2 .nfe-simple-step > span {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 50%;
    color: var(--ui-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 26px;
    justify-content: center;
    width: 26px;
}

.ui-v2 .nfe-simple-step strong {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .nfe-simple-step.active {
    border-color: #8fb8e8;
    box-shadow: 0 0 0 3px rgba(37, 99, 168, 0.12);
}

.ui-v2 .nfe-simple-step.done > span,
.ui-v2 .nfe-simple-step.active > span {
    background: var(--fluig-blue);
    border-color: var(--fluig-blue);
    color: var(--ui-primary-contrast);
}

.ui-v2 .nfe-simple-summary {
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    display: grid;
    gap: 10px;
    padding: 12px;
}

.ui-v2 .nfe-simple-summary > span {
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 800;
}

.ui-v2 .nfe-simple-summary > strong {
    color: var(--fluig-blue-dark);
    font-size: 24px;
    line-height: 1.1;
}

.ui-v2 .nfe-simple-summary dl {
    display: grid;
    gap: 6px;
    margin: 0;
}

.ui-v2 .nfe-simple-summary dl div {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.ui-v2 .nfe-simple-summary dt,
.ui-v2 .nfe-simple-summary dd {
    margin: 0;
}

.ui-v2 .nfe-simple-summary dt {
    color: var(--ui-muted);
    font-size: 12px;
}

.ui-v2 .nfe-simple-summary dd {
    color: var(--ui-text);
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

.ui-v2 .nfe-simple-checklist-compact {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    overflow: hidden;
}

.ui-v2 .nfe-simple-checklist-compact summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    list-style: none;
    min-height: 42px;
    padding: 8px 10px;
}

.ui-v2 .nfe-simple-checklist-compact summary::-webkit-details-marker {
    display: none;
}

.ui-v2 .nfe-simple-checklist-compact summary span {
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.ui-v2 .nfe-simple-checklist-compact summary > span {
    font-size: 12px;
    text-transform: none;
}

.ui-v2 .nfe-simple-checklist-compact summary strong {
    color: var(--ui-text);
    display: inline-flex;
    gap: 5px;
    align-items: center;
    font-size: 12px;
    white-space: nowrap;
}

.ui-v2 .nfe-simple-checklist-compact summary strong span {
    color: inherit;
    font-size: inherit;
    text-transform: none;
}

.ui-v2 .nfe-simple-checklist-compact.ready {
    background: #f6fffa;
    border-color: #b7dbc8;
}

.ui-v2 .nfe-simple-checklist-compact.ready summary strong {
    color: var(--ui-secondary);
}

.ui-v2 .nfe-simple-checklist-items {
    border-top: 1px solid var(--ui-line);
    display: grid;
    gap: 6px;
    padding: 8px;
}

.ui-v2 .nfe-simple-check {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    color: var(--ui-text);
    cursor: pointer;
    display: grid;
    gap: 2px 8px;
    grid-template-columns: 10px minmax(0, 1fr);
    padding: 7px 8px;
    text-align: left;
    width: 100%;
}

.ui-v2 .nfe-simple-check::before {
    align-self: start;
    border-radius: 50%;
    content: "";
    height: 8px;
    margin-top: 4px;
    width: 8px;
}

.ui-v2 .nfe-simple-check.ok {
    border-color: #b7dbc8;
}

.ui-v2 .nfe-simple-check.ok::before {
    background: #16856f;
}

.ui-v2 .nfe-simple-check.pending {
    border-color: #ecd28f;
}

.ui-v2 .nfe-simple-check.pending::before {
    background: #b7791f;
}

.ui-v2 .nfe-simple-check strong {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .nfe-simple-check small {
    color: var(--ui-muted);
    font-size: 12px;
    grid-column: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .nfe-simple-checklist.wide {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.ui-v2 .nfe-simple-main {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.ui-v2 .nfe-simple-main > *,
.ui-v2 .nfe-simple-items {
    max-width: 100%;
    min-width: 0;
}

.ui-v2 .nfe-simple-items {
    overflow: hidden;
}

.ui-v2 .nfe-simple-main .table-scroll {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    width: 100%;
}

.ui-v2 .nfe-conference-box small {
    color: var(--ui-muted);
}

.ui-v2 .nfe-conference-box {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.ui-v2 .nfe-simple-lookup-form {
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    display: grid;
    gap: 12px;
    padding: 12px;
}

.ui-v2 .nfe-simple-lookup-form .field {
    margin: 0;
}

.ui-v2 .nfe-simple-lookup-form .field-help,
.ui-v2 .nfe-simple-payment-help {
    color: var(--ui-muted);
    font-size: 12px;
    line-height: 1.35;
    margin: 2px 0 0;
}

.ui-v2 .nfe-simple-inline-hint {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding: 8px 10px;
}

.ui-v2 .nfe-simple-inline-hint strong {
    color: var(--ui-text);
    font-size: 13px;
}

.ui-v2 .nfe-simple-inline-hint span {
    color: var(--ui-muted);
    font-size: 12px;
}

.ui-v2 .nfe-simple-item-entry {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(86px, 110px) minmax(120px, 150px) minmax(100px, 130px) auto;
}

.ui-v2 .nfe-simple-item-entry .button {
    align-self: end;
}

.ui-v2 .nfe-simple-item-product {
    grid-column: 1 / -1;
    min-width: 0;
}

.ui-v2 .nfe-simple-lookup-form .lookup-control,
.ui-v2 .nfe-simple-lookup-form .lookup-input-row {
    min-width: 0;
    width: 100%;
}

.ui-v2 .nfe-simple-product-meta {
    margin-top: 8px;
}

.ui-v2 .nfe-simple-items {
    display: grid;
    gap: 10px;
}

.ui-v2 .nfe-simple-footer-actions,
.ui-v2 .nfe-simple-final-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    border-top: 1px solid var(--ui-line);
    margin-top: 4px;
    padding-top: 14px;
    position: sticky;
    bottom: 0;
    z-index: 3;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), #ffffff 22%),
        #ffffff;
}

.ui-v2 .nfe-simple-action-right {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    margin-left: auto;
}

.ui-v2 .panel-head.compact {
    padding-bottom: 0;
}

.ui-v2 .nfe-conference-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ui-v2 .nfe-conference-box {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    padding: 14px;
}

.ui-v2 .nfe-conference-box h3 {
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 800;
    margin: 0;
}

.ui-v2 .nfe-conference-box .status-badge {
    align-self: start;
    justify-self: start;
}

.ui-v2 .nfe-conference-box strong {
    color: var(--ui-text);
    font-size: 16px;
}

.ui-v2 .nfe-conference-total {
    border-color: var(--fluig-blue);
    background: #f7fbff;
}

.ui-v2 .nfe-conference-total strong {
    color: var(--fluig-blue-dark);
    font-size: 20px;
}

.ui-v2 .nfe-simple-note {
    color: var(--ui-muted);
    font-size: 12px;
    margin: 0;
    text-align: right;
}

.ui-v2.auth-body {
    --auth-fluig-blue: var(--ui-brand-cyan);
    --auth-fluig-blue-dark: var(--ui-brand-cyan-dark);
    --auth-fluig-border: var(--ui-line);
    --auth-fluig-border-strong: var(--ui-line-strong);
    --auth-fluig-head: var(--ui-surface-soft);
    --auth-fluig-muted: var(--ui-muted);
    --auth-fluig-text: var(--ui-text-soft);
    align-items: stretch;
    background: #f5f5f5;
    background-image: none;
    color: var(--auth-fluig-text);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100vh;
    padding: 0;
}

.ui-v2 .auth-shell {
    display: grid;
    gap: 12px;
    width: min(760px, 100%);
}

.ui-v2 .auth-shell > .alert {
    border-radius: 4px;
    box-shadow: none;
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
}

.ui-v2 .login-panel {
    background: var(--ui-surface);
    border: 1px solid var(--auth-fluig-border);
    border-radius: 4px;
    border-top: 3px solid var(--auth-fluig-blue);
    box-shadow: none;
    margin: 0 auto;
    max-width: 520px;
    padding: 24px;
    width: 100%;
}

.ui-v2 .login-brand {
    align-items: flex-start;
    border-bottom: 1px solid var(--auth-fluig-border);
    gap: 12px;
    margin: 0 0 20px;
    padding-bottom: 16px;
}

.ui-v2.auth-body .brand-mark.large {
    background: var(--auth-fluig-blue);
    border-radius: 4px;
    box-shadow: none;
    color: var(--ui-sidebar-contrast);
    flex: 0 0 44px;
    font-size: 16px;
    height: 44px;
    min-width: 44px;
}

.ui-v2 .login-brand h1 {
    color: var(--ui-text);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.ui-v2 .login-brand p {
    color: var(--auth-fluig-muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 4px 0 0;
}

.ui-v2.auth-body .form-stack {
    gap: 14px;
}

.ui-v2.auth-body label > span,
.ui-v2.auth-body .field > span:first-child {
    color: #34404c;
    font-size: 12px;
    font-weight: 600;
}

.ui-v2.auth-body input,
.ui-v2.auth-body select,
.ui-v2.auth-body textarea {
    background: var(--ui-surface);
    border-color: var(--ui-input-border);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(16, 24, 40, 0.04);
    color: var(--ui-input-ink);
    min-height: 34px;
    padding: 6px 9px;
}

.ui-v2.auth-body textarea {
    min-height: 88px;
    resize: vertical;
}

.ui-v2.auth-body input[readonly] {
    background: var(--auth-fluig-head);
    color: var(--auth-fluig-muted);
}

.ui-v2.auth-body input:focus,
.ui-v2.auth-body select:focus,
.ui-v2.auth-body textarea:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(16, 24, 40, 0.04), 0 0 0 3px rgba(0, 136, 199, 0.12);
    outline: 0;
}

.ui-v2.auth-body .field-error {
    color: var(--ui-danger-strong);
    font-size: 12px;
    font-weight: 500;
}

.ui-v2 .auth-inline-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: -4px;
}

.ui-v2 .auth-inline-actions a {
    color: var(--auth-fluig-blue);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.ui-v2 .auth-inline-actions a:hover {
    text-decoration: underline;
}

.ui-v2 .auth-secondary-action {
    border-top: 1px solid var(--auth-fluig-border);
    margin-top: 16px;
    padding-top: 14px;
}

.ui-v2 .onboarding-panel {
    max-height: none;
    max-width: 760px;
    overflow: visible;
}

.ui-v2 .onboarding-panel .login-brand {
    margin-bottom: 18px;
}

.ui-v2 .auth-form-section {
    background: var(--ui-surface);
    border: 1px solid var(--auth-fluig-border);
    border-radius: 4px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.ui-v2 .auth-form-section h2 {
    background: var(--auth-fluig-head);
    border-bottom: 1px solid var(--auth-fluig-border);
    border-radius: 3px 3px 0 0;
    color: #273542;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    margin: -14px -14px 2px;
    padding: 10px 12px;
}

.ui-v2.auth-body .check-row {
    align-items: center;
    background: var(--auth-fluig-head);
    border: 1px solid var(--auth-fluig-border);
    border-radius: 4px;
    min-height: 38px;
    padding: 8px 10px;
}

.ui-v2.auth-body .check-row input {
    accent-color: var(--auth-fluig-blue);
}

.ui-v2 .record-page-details-with-facts .record-facts,
.ui-v2 .fluig-crud .record-page-details-with-facts .record-facts {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 24px;
    grid-template-columns: none;
    line-height: 1.3;
    margin: 0;
    min-height: 32px;
    width: 100%;
}

.ui-v2 .record-page-details-with-facts .record-facts div,
.ui-v2 .fluig-crud .record-page-details-with-facts .record-facts div {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: inline-flex;
    gap: 5px;
    margin-right: 0;
    min-height: 26px;
    min-width: 0;
    padding: 0;
}

.ui-v2 .record-page-details-with-facts .record-facts dt,
.ui-v2 .fluig-crud .record-page-details-with-facts .record-facts dt {
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    text-transform: none;
}

.ui-v2 .record-page-details-with-facts .record-facts dd,
.ui-v2 .fluig-crud .record-page-details-with-facts .record-facts dd {
    color: var(--ui-text);
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .fluig-crud .record-document-header-shell {
    background: var(--ui-surface);
    margin: -22px -24px 0;
    position: sticky;
    top: 0;
    z-index: 42;
}

.ui-v2 .fluig-crud .record-document-header-shell .record-page-bar {
    margin: 0;
    position: static;
    top: auto;
    z-index: auto;
}

.ui-v2 .fluig-crud .record-document-header-shell.is-sticky-active::after {
    background: var(--ui-line-strong);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1;
}

.ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-page-bar,
.ui-v2 .fluig-crud .record-document-header-details.record-page-details {
    background: var(--ui-surface);
    border: 0;
    margin: 0;
    padding-left: 18px;
    padding-right: 18px;
    position: static;
    top: auto;
    z-index: auto;
}

.ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-page-bar {
    gap: 10px;
    padding: 14px 24px 12px;
}

.ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-top {
    gap: 20px;
    min-height: 42px;
}

.ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-title-line {
    gap: 8px 10px;
}

.ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-title-line h1 {
    font-size: 22px;
}

.ui-v2 .fluig-crud .record-document-header-details.record-page-details {
    border-bottom: 1px solid var(--ui-line);
    gap: 0;
    margin: -2px -24px -2px;
    padding-bottom: 0;
    padding-top: 0;
}

.ui-v2 .record-page-details-with-facts,
.ui-v2 .record-page-details-with-flow,
.ui-v2 .fluig-crud .record-page-details-with-facts,
.ui-v2 .fluig-crud .record-page-details-with-flow {
    gap: 0;
}

.ui-v2 .record-page-details-with-facts .record-header-overview,
.ui-v2 .fluig-crud .record-page-details-with-facts .record-header-overview {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    min-height: 38px;
    overflow: visible;
    padding: 0;
}

.ui-v2 .record-page-details-with-flow .record-statusbar,
.ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar {
    align-items: center;
    border-top: 1px solid rgba(217, 225, 234, 0.72);
    column-gap: 0;
    display: flex;
    flex-wrap: nowrap;
    min-height: 42px;
    margin-top: 0;
    overflow-x: auto;
    padding: 8px 0 10px;
    row-gap: 8px;
    scrollbar-width: none;
}

.ui-v2 .record-page-details-with-flow .record-statusbar::-webkit-scrollbar,
.ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar::-webkit-scrollbar {
    display: none;
}

.ui-v2 .record-page-details-with-flow .record-statusbar span,
.ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar span {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--ui-muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 500;
    min-height: 24px;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

.ui-v2 .record-page-details-with-flow .record-statusbar span + span,
.ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar span + span {
    margin-left: 28px;
}

.ui-v2 .record-page-details-with-flow .record-statusbar span + span::before,
.ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar span + span::before {
    color: #97a3b1;
    content: "\203A";
    font-size: 14px;
    font-weight: 700;
    left: -16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ui-v2 .record-page-details-with-flow .record-statusbar span.active,
.ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar span.active {
    background: var(--ui-selection-soft);
    border: 0;
    border-radius: 999px;
    box-shadow: none;
    color: var(--ui-primary-dark);
    font-weight: 600;
    padding: 3px 10px;
}

@media (max-width: 640px) {
    .ui-v2 .fluig-crud .record-document-header-shell {
        margin-left: -16px;
        margin-right: -16px;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-page-bar,
    .ui-v2 .fluig-crud .record-document-header-details.record-page-details {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ui-v2 .fluig-crud .record-document-header-details.record-page-details {
        margin-left: -16px;
        margin-right: -16px;
    }

    .ui-v2 .fluig-crud .record-page-details-with-facts .record-header-overview {
        min-height: auto;
    }

    .ui-v2 .fluig-crud .record-page-details-with-facts .record-facts {
        display: grid;
        gap: 10px 18px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: auto;
    }

    .ui-v2 .fluig-crud .record-page-details-with-facts .record-facts div {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
        min-height: auto;
    }

    .ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar {
        min-height: 40px;
        overflow-x: auto;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .ui-v2.auth-body {
        padding: 18px 12px 24px;
    }

    .ui-v2 .login-panel {
        padding: 18px;
    }

    .ui-v2 .login-brand {
        gap: 10px;
        margin-bottom: 16px;
        padding-bottom: 14px;
    }

    .ui-v2.auth-body .brand-mark.large {
        flex-basis: 40px;
        height: 40px;
        min-width: 40px;
    }

    .ui-v2 .login-brand h1 {
        font-size: 20px;
    }

    .ui-v2 .auth-form-section {
        padding: 12px;
    }

    .ui-v2 .auth-form-section h2 {
        margin: -12px -12px 0;
        padding: 9px 10px;
    }

    .ui-v2.auth-body .button {
        white-space: normal;
    }
}

@media (max-width: 980px) {
    .ui-v2 {
        overflow-x: hidden;
    }

    .ui-v2 .app-shell,
    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .app-shell {
        --shell-sidebar-width: 0px;
        background: var(--ui-bg);
        grid-template-columns: 1fr;
    }

    .ui-v2 .sidebar {
        min-height: 100vh;
        z-index: 260;
    }

    .ui-v2 .sidebar-backdrop {
        z-index: 250;
    }

    .ui-v2 .nfe-simple-layout {
        grid-template-columns: 1fr;
    }

    .ui-v2 .nfe-simple-sidebar {
        position: static;
    }

    .ui-v2 .nfe-simple-steps {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .ui-v2 .nfe-simple-steps form:not(:last-child)::after {
        display: none;
    }

    .ui-v2 .nfe-simple-step {
        grid-template-columns: 1fr;
        justify-items: center;
        min-height: 76px;
        text-align: center;
    }

    .ui-v2 .nfe-simple-step strong {
        white-space: normal;
    }

    .ui-v2 .nfe-simple-item-entry .button {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .ui-v2 .topbar {
        align-items: center;
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .ui-v2 .topbar-left {
        flex: 1 1 0;
        order: 1;
        width: auto;
    }

    .ui-v2 .topbar-actions {
        flex: 0 1 auto;
        justify-content: flex-end;
        margin-left: auto;
        order: 2;
        overflow-x: visible;
        width: auto;
    }

    .ui-v2 .user-menu {
        flex: 0 0 auto;
        justify-content: flex-end;
        margin-left: auto;
        order: 3;
        width: auto;
    }

    .ui-v2 .shell-user-chip {
        display: flex;
    }

    .ui-v2 .record-document-page .record-tabs > .crud-tab-list {
        position: static;
    }

    .ui-v2 .command-home-primary-grid,
    .ui-v2 .command-home-recent-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .dashboard-shortcut-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ui-v2 .command-home-pulse {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ui-v2 .content {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ui-v2 .topbar {
        align-items: center;
        gap: 8px;
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .ui-v2 .topbar-left {
        flex: 1 1 0;
        order: 1;
        width: auto;
    }

    .ui-v2 .topbar-actions {
        flex: 0 0 auto;
        margin-left: auto;
        order: 2;
        padding-bottom: 0;
        scrollbar-width: none;
        width: auto;
    }

    .ui-v2 .topbar-actions::-webkit-scrollbar {
        display: none;
    }

    .ui-v2 .global-search {
        border-radius: 999px;
        flex: 0 0 36px;
        height: 36px;
        justify-content: center;
        min-height: 36px;
        min-width: 36px;
        padding: 0;
        width: 36px;
    }

    .ui-v2 .user-menu {
        flex: 0 0 auto;
        margin-left: 0;
        order: 3;
        width: auto;
    }

    .ui-v2 .environment-pill {
        display: inline-flex;
    }

    .ui-v2 .dashboard-shortcut-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-v2 .quick-action {
        min-height: 34px;
        padding: 5px 7px;
    }

    .ui-v2 .quick-action .quick-action-icon {
        background: transparent;
        height: 22px;
        min-width: 24px;
    }

    .ui-v2 .global-search strong,
    .ui-v2 .global-search kbd {
        display: none;
    }

    .ui-v2 .shell-logout {
        min-height: 34px;
        padding: 6px 10px;
    }

    .ui-v2 .page-head,
    .ui-v2 .list-action-manager,
    .ui-v2 .panel-head,
    .ui-v2 .pagination {
        align-items: stretch;
    }

    .ui-v2 .page-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .ui-v2 .operational-standard-head {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .operational-standard-head .page-actions,
    .ui-v2 .operational-head-facts {
        width: 100%;
    }

    .ui-v2 .fluig-crud .record-object-top {
        align-items: stretch;
        flex-direction: column;
    }

    .ui-v2 .fluig-crud .record-page-bar,
    .ui-v2 .fluig-crud .list-page-bar {
        margin-left: -16px;
        margin-right: -16px;
    }

    .ui-v2 .fluig-crud .record-document-header-shell {
        margin-left: -16px;
        margin-right: -16px;
    }

    .ui-v2 .fluig-crud .list-page-bar {
        position: static;
        top: auto;
        z-index: auto;
    }

    .ui-v2 .fluig-crud .record-page-details {
        margin-left: -16px;
        margin-right: -16px;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header {
        margin-left: -16px;
        margin-right: -16px;
    }

    .ui-v2 .fluig-crud .record-tabs {
        margin-left: -16px;
        margin-right: -16px;
        max-width: none;
        width: calc(100% + 32px);
    }

    .ui-v2 .fluig-crud .record-tabs > .crud-tab-list,
    .ui-v2 .fluig-crud .record-tabs > .crud-tab-panel {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ui-v2 .fluig-crud .page-actions {
        display: flex;
        flex-direction: column;
    }

    .ui-v2 .fluig-crud .page-actions .button,
    .ui-v2 .fluig-crud .page-actions form,
    .ui-v2 .fluig-crud .page-actions details {
        width: 100%;
    }

    .ui-v2 .fluig-crud .record-object-actions.page-actions {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
    }

    .ui-v2 .fluig-crud .record-object-actions.page-actions .button,
    .ui-v2 .fluig-crud .record-object-actions.page-actions form,
    .ui-v2 .fluig-crud .record-object-actions.page-actions details {
        width: auto;
    }

    .ui-v2 .fluig-crud .record-object-actions .record-action-form-zone-domain.record-domain-priority-2,
    .ui-v2 .fluig-crud .record-object-actions .record-action-form-zone-domain.record-domain-priority-3,
    .ui-v2 .fluig-crud .record-object-actions .record-action-form-zone-domain.record-domain-priority-4,
    .ui-v2 .fluig-crud .record-object-actions .record-action-form-zone-domain.record-domain-priority-5 {
        display: none;
    }

    .ui-v2 .fluig-crud .record-actions-menu .record-actions-popover .record-mobile-menu-action {
        display: block;
    }

    .ui-v2 .fluig-crud .record-object-actions:has(.record-action-button) .record-form-save {
        margin-left: 0;
    }

    .ui-v2 .fluig-crud .record-object-actions:has(.record-action-button) .record-form-save::before {
        display: none;
    }

    .ui-v2 .nfe-inline-form,
    .ui-v2 .nfe-inline-form .button {
        width: 100%;
    }

    .ui-v2 .nfe-simple-head .button {
        line-height: 1.15;
        min-width: 0;
        white-space: normal;
    }

    .ui-v2 .nfe-conference-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .nfe-simple-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-v2 .nfe-simple-step {
        grid-template-columns: 30px minmax(0, 1fr);
        justify-items: start;
        min-height: 54px;
        text-align: left;
    }

    .ui-v2 .nfe-simple-item-entry {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .nfe-simple-footer-actions,
    .ui-v2 .nfe-simple-final-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ui-v2 .nfe-simple-action-right,
    .ui-v2 .nfe-simple-action-right form {
        align-items: stretch;
        flex-direction: column;
        margin-left: 0;
        width: 100%;
    }

    .ui-v2 .nfe-simple-final-actions .button,
    .ui-v2 .nfe-simple-footer-actions .button {
        justify-content: center;
        width: 100%;
    }

    .ui-v2 .toolbar {
        grid-template-columns: 1fr;
    }

    .ui-v2 .form-grid,
    .ui-v2 .form-grid.cols-1,
    .ui-v2 .form-grid.cols-2,
    .ui-v2 .form-grid.cols-3,
    .ui-v2 .form-grid.cols-4,
    .ui-v2 .fluig-crud .form-grid,
    .ui-v2 .fluig-crud .form-grid.cols-1,
    .ui-v2 .fluig-crud .form-grid.cols-2,
    .ui-v2 .fluig-crud .form-grid.cols-3,
    .ui-v2 .fluig-crud .form-grid.cols-4 {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .form-grid > .field,
    .ui-v2 .form-grid .lookup-control,
    .ui-v2 .form-grid .lookup-input-row,
    .ui-v2 .form-grid .field-action-row,
    .ui-v2 .fluig-crud .form-grid > .field,
    .ui-v2 .fluig-crud .form-grid .lookup-control,
    .ui-v2 .fluig-crud .form-grid .lookup-input-row,
    .ui-v2 .fluig-crud .form-grid .field-action-row {
        min-width: 0;
        width: 100%;
    }

    .ui-v2 .form-grid input:not([type="checkbox"]):not([type="radio"]),
    .ui-v2 .form-grid select,
    .ui-v2 .form-grid textarea,
    .ui-v2 .fluig-crud .form-grid input:not([type="checkbox"]):not([type="radio"]),
    .ui-v2 .fluig-crud .form-grid select,
    .ui-v2 .fluig-crud .form-grid textarea {
        min-width: 0;
        width: 100%;
    }

    .ui-v2 .list-toolbar-main,
    .ui-v2 .list-toolbar-actions,
    .ui-v2 .list-action-manager-buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .ui-v2 .list-manager-action-button {
        justify-content: center;
        width: 100%;
    }

    .ui-v2 .list-toolbar-main .search-box,
    .ui-v2 .list-toolbar-main label:not(.search-box) {
        flex: 1 1 auto;
    }

    .ui-v2 .list-filter-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-toolbar {
        padding: 10px 12px;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar {
        padding-left: 0;
        padding-right: 0;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-toolbar-main .search-box {
        flex: 0 0 auto;
        max-width: none;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-search-control {
        flex: 0 0 auto;
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-toolbar-main .search-box input {
        height: 34px;
        min-height: 34px;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar,
    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-toolbar-main,
    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-toolbar-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-toolbar-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-search-box,
    .ui-v2 .fluig-crud.fluig-list-page .list-tool-menu,
    .ui-v2 .fluig-crud.fluig-list-page .list-tool-button,
    .ui-v2 .fluig-crud.fluig-list-page .list-search-submit {
        width: 100%;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-search-icon-button {
        flex: 0 0 38px;
        min-width: 38px;
        width: 38px;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-search-control .list-search-box {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-tool-popover {
        min-width: 0;
        position: static;
        width: 100%;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-filter-popover {
        width: 100%;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-filter-chips {
        align-items: flex-start;
        flex-direction: column;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-summary-card {
        min-height: 86px;
        padding: 12px;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-summary-card strong {
        font-size: 19px;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-action-manager {
        padding-left: 12px;
        padding-right: 12px;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-pagination,
    .ui-v2 .fluig-crud.fluig-list-page .list-pagination-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .ui-v2 .fluig-crud.fluig-list-page .crud-list-table {
        min-width: 760px;
    }

    .ui-v2 .record-object-header,
    .ui-v2 .fluig-crud .record-object-header {
        gap: 12px;
        padding: 14px;
    }

    .ui-v2 .record-object-top {
        gap: 12px;
    }

    .ui-v2 .record-object-actions {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
        justify-content: stretch;
        width: 100%;
    }

    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions {
        align-items: stretch;
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
        margin-left: 0;
        width: 100%;
    }

    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions .button {
        justify-content: center;
        min-width: 0;
        width: 100%;
    }

    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions .button.primary {
        grid-column: 1 / -1;
        order: -1;
    }

    .ui-v2 .record-object-title-line h1,
    .ui-v2 .fluig-crud .record-object-title-line h1 {
        font-size: 21px;
    }

    .ui-v2 .crud-tab-list,
    .ui-v2 .fluig-crud .crud-tab-list {
        gap: 2px;
        padding: 3px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .ui-v2 .crud-tab-list::-webkit-scrollbar,
    .ui-v2 .fluig-crud .crud-tab-list::-webkit-scrollbar {
        display: none;
    }

    .ui-v2 .crud-tab-button,
    .ui-v2 .fluig-crud .crud-tab-button {
        flex: 0 0 auto;
        font-size: 13px;
        min-height: 34px;
        padding: 7px 10px;
        scroll-snap-align: start;
    }

    .ui-v2 .object-page,
    .ui-v2 .fluig-object-page,
    .ui-v2 .crud-tabs,
    .ui-v2 .record-tabs,
    .ui-v2 .crud-tab-panel,
    .ui-v2 .record-tabs > .crud-tab-panel,
    .ui-v2 .detail-panel,
    .ui-v2 .object-detail-panel,
    .ui-v2 .detail-inline-form,
    .ui-v2 .detail-summary,
    .ui-v2 .table-wrap,
    .ui-v2 .fluig-crud .crud-tabs,
    .ui-v2 .fluig-crud .record-tabs,
    .ui-v2 .fluig-crud .record-sheet,
    .ui-v2 .fluig-crud .form-panel,
    .ui-v2 .fluig-crud .form-tabs,
    .ui-v2 .fluig-crud .form-sections,
    .ui-v2 .fluig-crud .form-section,
    .ui-v2 .fluig-crud .crud-tab-panel,
    .ui-v2 .fluig-crud .record-tabs > .crud-tab-panel,
    .ui-v2 .fluig-crud .detail-panel,
    .ui-v2 .fluig-crud .object-detail-panel,
    .ui-v2 .fluig-crud .detail-inline-form,
    .ui-v2 .fluig-crud .detail-summary,
    .ui-v2 .fluig-crud .table-wrap {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
    }

    .ui-v2 .fluig-crud .record-sheet,
    .ui-v2 .fluig-crud .form-panel,
    .ui-v2 .fluig-crud .form-tabs,
    .ui-v2 .fluig-crud .form-sections,
    .ui-v2 .fluig-crud .form-section {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .ui-v2 .fluig-crud .record-tabs {
        margin-left: -16px;
        margin-right: -16px;
        max-width: none;
        width: calc(100% + 32px);
    }

    .ui-v2 .record-tabs > .crud-tab-panel,
    .ui-v2 .fluig-crud .record-tabs > .crud-tab-panel {
        overflow: hidden;
    }

    .ui-v2 .detail-inline-grid,
    .ui-v2 .fluig-crud .detail-inline-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .detail-inline-grid > .field,
    .ui-v2 .detail-inline-grid .lookup-control,
    .ui-v2 .detail-inline-grid .lookup-input-row,
    .ui-v2 .fluig-crud .detail-inline-grid > .field,
    .ui-v2 .fluig-crud .detail-inline-grid .lookup-control,
    .ui-v2 .fluig-crud .detail-inline-grid .lookup-input-row {
        min-width: 0;
        width: 100%;
    }

    .ui-v2 .detail-inline-grid input:not([type="checkbox"]):not([type="radio"]),
    .ui-v2 .detail-inline-grid select,
    .ui-v2 .detail-inline-grid textarea,
    .ui-v2 .fluig-crud .detail-inline-grid input:not([type="checkbox"]):not([type="radio"]),
    .ui-v2 .fluig-crud .detail-inline-grid select,
    .ui-v2 .fluig-crud .detail-inline-grid textarea {
        min-width: 0;
        width: 100%;
    }

    .ui-v2 .metric-grid,
    .ui-v2 .module-grid {
        grid-template-columns: 1fr;
    }

    .command-palette-backdrop {
        padding: 18px 12px;
    }

    .command-palette {
        max-height: calc(100vh - 36px);
    }

    .command-search-shell {
        grid-template-columns: 24px minmax(0, 1fr) auto;
        padding: 12px;
    }

    .command-search-shell input {
        font-size: 15px;
    }

    .command-result {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .command-result-meta,
    .command-result-context {
        justify-self: start;
    }

    .command-result-meta {
        grid-column: 2;
    }

    .command-help {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .ui-v2 .command-home-facts {
        justify-content: flex-start;
    }

    .ui-v2 .command-home-search {
        grid-template-columns: 42px minmax(0, 1fr);
        min-height: 72px;
        padding: 11px 12px;
    }

    .ui-v2 .command-home-search kbd {
        display: none;
    }

    .ui-v2 .command-home-search-icon {
        height: 42px;
        width: 42px;
    }

    .ui-v2 .command-home-work-item {
        align-items: start;
        grid-template-columns: 50px minmax(0, 1fr);
    }

    .ui-v2 .command-home-work-item em {
        grid-column: 1 / -1;
        text-align: center;
        white-space: normal;
    }

    .ui-v2 .command-home-recent-item {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .command-home-recent-item em {
        text-align: left;
        white-space: normal;
    }

    .ui-v2 .command-home-pulse {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .record-page-details-with-facts .record-header-overview,
    .ui-v2 .fluig-crud .record-page-details-with-facts .record-header-overview,
    .ui-v2 .record-page-details-with-flow .record-statusbar,
    .ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar,
    .ui-v2 .record-page-details-with-facts .record-facts,
    .ui-v2 .fluig-crud .record-page-details-with-facts .record-facts {
        box-sizing: border-box;
        max-width: calc(100vw - 32px);
        width: 100%;
    }

    .ui-v2 .record-page-details-with-flow .record-statusbar,
    .ui-v2 .fluig-crud .record-page-details-with-flow .record-statusbar {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .ui-v2 .record-page-details-with-facts .record-facts,
    .ui-v2 .fluig-crud .record-page-details-with-facts .record-facts {
        display: grid;
        gap: 12px 18px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-v2 .record-page-details-with-facts .record-facts div,
    .ui-v2 .fluig-crud .record-page-details-with-facts .record-facts div {
        align-items: flex-start;
        border-right: 0;
        display: grid;
        gap: 4px;
        margin-right: 0;
        padding-right: 0;
    }

    .ui-v2 .record-document-page .detail-inline-grid.cols-4 {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .record-document-page .detail-summary {
        display: grid;
        gap: 10px 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-v2 .record-document-page .summary-item {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 6px;
    }

    .ui-v2 .record-document-page .summary-item + .summary-item::before {
        content: none;
        margin-right: 0;
    }

    .ui-v2 .table-wrap,
    .ui-v2 .fluig-crud .table-wrap {
        -webkit-overflow-scrolling: touch;
        margin-left: -2px;
        margin-right: -2px;
    }

    .ui-v2 th,
    .ui-v2 td,
    .ui-v2 .fluig-crud th,
    .ui-v2 .fluig-crud td {
        padding: 8px 10px;
    }

    .ui-v2 .pagination > div,
    .ui-v2 .fluig-crud .pagination > div {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .ui-v2 .pagination-page-size,
    .ui-v2 .fluig-crud .pagination-page-size {
        grid-column: 1 / -1;
    }

    .ui-v2 .pagination-page-size label,
    .ui-v2 .fluig-crud .pagination-page-size label {
        justify-content: space-between;
    }

    .ui-v2 .pagination-page-size select,
    .ui-v2 .fluig-crud .pagination-page-size select {
        width: auto;
    }
}

@media (min-width: 761px) and (max-width: 980px) {
    .ui-v2.shell-auto-collapsed .app-shell {
        --shell-sidebar-width: 72px;
        background: var(--ui-bg);
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .ui-v2.shell-auto-collapsed .sidebar {
        align-items: center;
        bottom: auto;
        left: auto;
        min-height: 100vh;
        overflow: visible;
        position: static;
        top: auto;
        transform: none;
        width: auto;
        z-index: auto;
    }

    .ui-v2.shell-auto-collapsed .sidebar-backdrop {
        display: none;
    }

    .ui-v2.shell-auto-collapsed .brand-copy,
    .ui-v2.shell-auto-collapsed .nav-text {
        display: none;
    }

    .ui-v2.shell-auto-collapsed .sidebar-head {
        justify-content: center;
    }

    .ui-v2.shell-auto-collapsed .nav-group-title {
        justify-content: center;
        padding: 0;
    }

    .ui-v2.shell-auto-collapsed .nav-item {
        justify-content: center;
    }

    .ui-v2.shell-auto-collapsed .mobile-menu-button,
    .ui-v2.shell-auto-collapsed .sidebar-collapse {
        display: none;
    }
}

@media (max-width: 760px) {
    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-page-bar {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .ui-v2 .fluig-crud .record-document-header-details.record-page-details {
        padding-bottom: 0;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-top {
        gap: 10px;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions.page-actions {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        justify-content: flex-start;
        overflow: visible;
        width: 100%;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions.page-actions .button,
    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions.page-actions form,
    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions.page-actions details {
        flex: 0 0 auto;
        min-width: 0;
        width: auto;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-action-button,
    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-form-save,
    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-actions-menu-button {
        min-height: 38px;
        padding: 7px 10px;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-action-form-zone-primary {
        flex: 1 1 auto;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-action-form-zone-primary .record-action-button {
        width: 100%;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-form-save {
        flex: 0 1 auto;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-action-form-zone-domain,
    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions:has(.record-actions-menu) .record-form-back {
        display: none;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-actions-menu.record-actions-menu-mobile-only {
        display: inline-flex;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-actions-menu .record-actions-popover {
        left: auto;
        max-width: calc(100vw - 32px);
        right: 0;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-actions-menu .record-actions-popover .record-mobile-menu-action {
        display: flex;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-header-overview {
        min-height: auto;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-facts {
        display: flex;
        flex-wrap: wrap;
        gap: 5px 14px;
        min-height: 28px;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-facts div {
        align-items: baseline;
        display: inline-flex;
        flex-direction: row;
        gap: 5px;
        min-height: 22px;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-facts dt {
        font-size: 12px;
        line-height: 1.2;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-facts dd {
        font-size: 13px;
        line-height: 1.25;
        max-width: 210px;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-statusbar {
        border-top: 1px solid var(--ui-line);
        min-height: 34px;
        overflow: hidden;
        padding: 6px 0 8px;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-statusbar span:not(.active) {
        display: none;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-statusbar span + span {
        margin-left: 0;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-statusbar span + span::before {
        content: none;
    }

    .ui-v2 .document-footer-summary-items {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        min-height: 58px;
        padding: 8px 12px;
    }

    .ui-v2 .document-footer-summary-values {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        flex-wrap: nowrap;
        gap: 0;
        min-width: 0;
        overflow: hidden;
    }

    .ui-v2 .document-summary-item {
        display: none;
        min-width: 0;
        padding: 0 12px;
    }

    .ui-v2 .document-summary-item-primary,
    .ui-v2 .document-summary-item-secondary:last-child {
        display: grid;
    }

    .ui-v2 .document-summary-item-primary {
        border-left: 0;
        min-width: 116px;
        padding-left: 0;
    }

    .ui-v2 .document-summary-item-secondary:last-child {
        border-left: 1px solid var(--ui-line);
        min-width: 88px;
    }

    .ui-v2 .document-summary-label {
        font-size: 10px;
    }

    .ui-v2 .document-summary-value {
        font-size: 13px;
        line-height: 1.2;
        white-space: nowrap;
    }

    .ui-v2 .document-summary-item-primary .document-summary-value {
        font-size: 17px;
    }

    .ui-v2 .document-footer-summary-actions {
        flex: 0 0 auto;
        gap: 8px;
        justify-content: flex-end;
    }

    .ui-v2 .document-footer-summary-action-form,
    .ui-v2 .document-footer-summary-action {
        width: auto;
    }

    .ui-v2 .document-footer-summary-action {
        min-height: 38px;
        min-width: 0;
        padding: 7px 10px;
    }
}

@media (max-width: 420px) {
    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions,
    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-toolbar-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-title-line h1 {
        font-size: 19px;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions.page-actions {
        gap: 7px;
    }

    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-action-button,
    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-form-save,
    .ui-v2 .fluig-crud .record-document-header-shell.is-record-document-header .record-object-actions .record-actions-menu-button {
        padding-left: 9px;
        padding-right: 9px;
    }

    .ui-v2 .fluig-crud .record-document-header-details .record-facts dd {
        max-width: 170px;
    }

    .ui-v2 .document-summary-item-primary {
        min-width: 108px;
    }

    .ui-v2 .document-summary-item-secondary:last-child {
        min-width: 78px;
        padding-right: 8px;
    }

    .ui-v2 .document-footer-summary-action span {
        display: none;
    }
}

@media (max-width: 760px) {
    .ui-v2 .fluig-crud .list-page-bar {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .ui-v2 .fluig-crud .list-page-bar .record-object-top {
        gap: 10px;
    }

    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        justify-content: flex-start;
        margin-left: 0;
        width: 100%;
    }

    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions .button,
    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions form,
    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions details {
        width: auto;
    }

    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions .button.primary {
        flex: 1 1 auto;
        order: 0;
        width: auto;
    }

    .ui-v2 .fluig-crud .list-page-bar .record-object-actions.page-actions .list-page-secondary-action {
        display: none;
    }

    .ui-v2 .fluig-crud .list-page-actions-menu {
        display: inline-flex;
        flex: 0 0 auto;
    }

    .ui-v2 .fluig-crud .list-page-actions-menu-button {
        min-height: 38px;
        min-width: 38px;
        padding: 7px 10px;
    }
}

/* Lookup hierarquico (arvore) - componente generico do motor CRUD */
.lookup-tree-modal { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.lookup-tree-overlay { position: absolute; inset: 0; background: rgba(15, 23, 42, .5); }
.lookup-tree-card { --lookup-tree-gutter: clamp(1rem, 5vw, 2rem); position: relative; box-sizing: border-box; background: var(--ui-surface); border-radius: 14px; width: min(560px, 96vw); max-height: 82vh; display: flex; flex-direction: column; box-shadow: 0 24px 60px rgba(2, 6, 23, .28); overflow: hidden; }
.lookup-tree-head { box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem var(--lookup-tree-gutter); border-bottom: 1px solid #eef1f5; }
.lookup-tree-head strong { font-size: 1.02rem; font-weight: 700; color: #0f172a; }
.lookup-tree-x { border: 0; background: transparent; font-size: 1.4rem; line-height: 1; cursor: pointer; color: #94a3b8; width: 2rem; height: 2rem; border-radius: 8px; }
.lookup-tree-x:hover { color: #0f172a; background: #f1f5f9; }
.lookup-tree-search { box-sizing: border-box; display: block; width: auto; margin: .9rem var(--lookup-tree-gutter) .25rem; padding: .6rem .8rem; border: 1px solid #d8dee6; border-radius: 9px; font-size: .9rem; outline: none; }
.lookup-tree-search:focus { border-color: var(--ui-info-strong); box-shadow: 0 0 0 3px rgba(47, 109, 246, .15); }
.lookup-tree-msg { box-sizing: border-box; color: #64748b; font-size: .85rem; padding: 1rem var(--lookup-tree-gutter); }
.lookup-tree-body { box-sizing: border-box; width: 100%; padding: .25rem var(--lookup-tree-gutter) 1.25rem; overflow-y: auto; overflow-x: hidden; }
.lookup-tree-list { list-style: none; margin: 0; padding: 0; }
.lookup-tree-body > .lookup-tree-list { width: 100%; max-width: 100%; margin-inline: 0; }
.lookup-tree-list .lookup-tree-list { margin-left: 1.1rem; padding-left: .35rem; border-left: 1px solid #dde3ea; }
.lookup-tree-item > .lookup-tree-list { display: none; }
.lookup-tree-item.is-open > .lookup-tree-list { display: block; }
.lookup-tree-row { display: flex; align-items: stretch; gap: .1rem; border-radius: 8px; }
.lookup-tree-row:hover { background: #f5f8ff; }
.lookup-tree-toggle { border: 0; background: transparent; cursor: pointer; width: 1.6rem; font-size: .65rem; color: #94a3b8; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; }
.lookup-tree-toggle:hover { color: var(--ui-info-strong); }
.lookup-tree-spacer { display: inline-block; width: 1.6rem; flex: 0 0 auto; }
.lookup-tree-label { border: 0; background: transparent; text-align: left; cursor: pointer; padding: .3rem .5rem; font-size: .9rem; line-height: 1.25; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: .5rem; border-radius: 8px; }
.lookup-tree-label:hover { color: var(--ui-info-strong); }
.lookup-tree-code { flex: 0 0 auto; min-width: 2.4rem; text-align: center; padding: .08rem .4rem; background: #eef1f5; border-radius: 6px; color: var(--ui-text-soft); font-size: .72rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lookup-tree-desc { color: #1f2733; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lookup-tree-tag { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: .4rem; vertical-align: middle; flex: 0 0 auto; }
.lookup-tree-tag--success { background: #15803d; }
.lookup-tree-tag--danger { background: var(--ui-danger); }
.lookup-tree-tag--warning { background: var(--ui-warning); }
.lookup-tree-tag--info { background: var(--ui-info-strong); }
.lookup-tree-tag--neutral { background: var(--ui-muted); }
.lookup-tree-item.has-children > .lookup-tree-row > .lookup-tree-label .lookup-tree-desc { font-weight: 600; }
.lookup-tree-label.is-current { background: #eef4fb; box-shadow: inset 3px 0 0 var(--ui-info-strong); }
.lookup-tree-label.is-current .lookup-tree-desc { color: var(--ui-primary-dark); font-weight: 600; }
.lookup-tree-label.is-current .lookup-tree-code { background: var(--ui-surface); color: var(--ui-primary); }
.lookup-tree-label.is-current::after { content: "\2713"; margin-left: auto; padding-left: .4rem; color: var(--ui-primary); font-size: .8rem; }

/* Identidade Gerenciador Eficaz: rollout visual para login, shell, CRUDs e relatorios. */
.ui-v2 .brand-logo {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    height: 46px;
    justify-content: flex-start;
    overflow: hidden;
    width: 164px;
}

.ui-v2 .brand-logo img {
    display: block;
    height: auto;
    max-height: 46px;
    max-width: 164px;
    object-fit: contain;
    object-position: left center;
    width: 164px;
}

.ui-v2 .brand-with-logo {
    gap: 8px;
    min-height: 54px;
    padding: 5px 6px;
}

.ui-v2 .brand-with-logo .brand-copy {
    display: none;
}

.ui-v2 .sidebar-head {
    padding-bottom: 10px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-logo {
    height: 42px;
    width: 42px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-logo img {
    max-height: 42px;
    max-width: none;
    width: 132px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-with-logo {
    justify-content: center;
    padding: 4px 0;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-company-context {
    display: none;
}

.ui-v2 .topbar-left {
    gap: 10px;
}

.ui-v2 .topbar-title {
    min-width: 0;
}

.ui-v2 .topbar-company {
    color: var(--ui-brand-dark);
}

.ui-v2 .environment-pill.env-badge {
    align-items: center;
    background: var(--ui-surface-soft);
    border: 1px solid var(--ui-line);
    border-radius: 999px;
    color: var(--ui-muted-strong);
    display: inline-flex;
    flex: 0 0 auto;
    gap: 7px;
    line-height: 1;
    min-height: 26px;
    padding: 6px 10px;
}

.ui-v2 .env-badge-dot {
    background: currentColor;
    border-radius: 999px;
    display: inline-block;
    height: 7px;
    width: 7px;
}

.ui-v2 .env-badge-local {
    background: var(--ui-surface-muted);
    color: var(--ui-muted-strong);
}

.ui-v2 .env-badge-homologation {
    background: var(--ui-warning-bg);
    border-color: #efd58f;
    color: var(--ui-warning);
}

.ui-v2 .env-badge-production {
    background: var(--ui-success-bg);
    border-color: var(--ui-brand-cyan);
    color: var(--ui-success-deep);
}

.ui-v2 .quick-action.global-search {
    background: var(--ui-surface);
    border-color: var(--ui-line);
    border-radius: var(--ui-radius);
    color: var(--ui-brand-dark);
}

.ui-v2 .quick-action.global-search .quick-action-icon {
    color: var(--ui-brand-cyan);
}

.ui-v2 .quick-action.global-search:hover {
    border-color: color-mix(in srgb, var(--ui-sidebar-accent) 45%, transparent);
    box-shadow: 0 8px 20px rgba(10, 50, 70, 0.08);
}

.ui-v2 .fluig-crud .page-head,
.ui-v2 .fluig-crud .record-object-header,
.ui-v2 .fluig-crud .toolbar,
.ui-v2 .fluig-crud .panel {
    border-color: var(--ui-line);
}

.ui-v2 .fluig-crud .page-head {
    border-top-color: var(--ui-brand-cyan);
}

.ui-v2 .fluig-crud .page-head h1,
.ui-v2 .fluig-crud .record-object-title-line h1 {
    color: var(--ui-text);
}

.ui-v2 .fluig-crud .active-filter-bar,
.ui-v2 .fluig-crud tbody tr:hover,
.ui-v2 .fluig-crud .lookup-results-table tbody tr:hover,
.ui-v2 .fluig-crud .lookup-results-table tbody tr.active,
.ui-v2 .fluig-crud .lookup-results-table tbody tr[aria-selected="true"] {
    background: var(--ui-info-bg);
    color: var(--ui-brand-dark);
}

.ui-v2 .fluig-crud th a:hover,
.ui-v2 .fluig-crud .list-lookup-link:hover {
    color: var(--ui-brand-cyan-dark);
}

.ui-v2 .record-document-page .detail-summary,
.ui-v2 .document-footer-summary-items {
    background: var(--ui-document-summary-bg);
    border-color: var(--ui-document-summary-line);
}

.ui-v2 .sales-report-result-head,
.ui-v2 .operational-standard-head {
    border-top: 3px solid var(--ui-brand-cyan);
}

.ui-v2 .report-tree-table tr:hover td,
.ui-v2 .dashboard-recent-orders tr:hover td {
    background: var(--ui-info-bg);
}

.lookup-tree-search:focus {
    border-color: var(--ui-brand-green);
    box-shadow: 0 0 0 3px var(--ui-focus);
}

.lookup-tree-toggle:hover,
.lookup-tree-label:hover {
    color: var(--ui-brand-cyan-dark);
}

.lookup-tree-label.is-current {
    background: var(--ui-info-bg);
    box-shadow: inset 3px 0 0 var(--ui-brand-cyan);
}

.lookup-tree-label.is-current .lookup-tree-desc,
.lookup-tree-label.is-current .lookup-tree-code,
.lookup-tree-label.is-current::after {
    color: var(--ui-brand-cyan-dark);
}

.ui-v2 .auth-environment-bar {
    align-items: center;
    background: rgba(2, 39, 57, 0.94);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    color: var(--ui-sidebar-contrast);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-height: 52px;
    padding: 10px clamp(16px, 3vw, 32px);
}

.ui-v2 .auth-environment-left {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
}

.ui-v2 .auth-environment-left strong {
    font-size: 14px;
    font-weight: 700;
}

.ui-v2 .auth-restricted-note {
    color: color-mix(in srgb, var(--ui-sidebar-contrast) 72%, transparent);
    font-size: 12px;
    text-align: right;
}

.ui-v2 .auth-shell {
    align-items: center;
    display: grid;
    flex: 1 1 auto;
    justify-items: center;
    padding: clamp(28px, 7vh, 72px) 18px 24px;
    width: 100%;
}

.ui-v2.auth-body .login-panel {
    border: 1px solid rgba(10, 50, 70, 0.10);
    border-radius: var(--ui-radius);
    border-top: 0;
    box-shadow: 0 24px 54px rgba(10, 50, 70, 0.18);
    max-width: 480px;
    overflow: hidden;
    padding: 0;
}

.ui-v2 .login-brand {
    align-items: flex-start;
    gap: 14px;
}

.ui-v2 .auth-brand-logo {
    height: 58px;
    width: 188px;
}

.ui-v2 .auth-brand-logo img {
    max-height: 58px;
    max-width: 188px;
    width: 188px;
}

.ui-v2 .login-brand h1 {
    color: var(--ui-brand-dark);
    font-size: 21px;
}

.ui-v2 .login-brand p {
    color: var(--ui-muted);
}

.ui-v2 .auth-password-field {
    display: block;
    position: relative;
}

.ui-v2 .auth-password-field input {
    padding-right: 44px;
    width: 100%;
}

.ui-v2 .auth-password-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--ui-radius-sm);
    color: var(--ui-muted);
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
}

.ui-v2 .auth-password-toggle:hover,
.ui-v2 .auth-password-toggle:focus-visible {
    background: var(--ui-surface-muted);
    color: var(--ui-brand-cyan-dark);
    outline: 0;
}

.ui-v2 .auth-password-toggle svg {
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 18px;
}

.ui-v2 .auth-inline-actions a,
.ui-v2 .auth-secondary-copy a {
    color: var(--ui-brand-cyan-dark);
}

.ui-v2 .auth-secondary-copy {
    align-items: center;
    color: var(--ui-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 5px;
    justify-content: center;
}

.ui-v2 .auth-secondary-copy a {
    font-weight: 700;
    text-decoration: none;
}

.ui-v2 .auth-secondary-copy a:hover {
    text-decoration: underline;
}

.ui-v2 .auth-security-footnote {
    align-items: center;
    color: var(--ui-muted);
    display: flex;
    font-size: 12px;
    gap: 9px;
    justify-content: center;
    line-height: 1.4;
    padding: 0 18px 22px;
    text-align: center;
}

.ui-v2 .auth-security-icon {
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    height: 18px;
    position: relative;
    width: 18px;
}

.ui-v2 .auth-security-icon::after {
    border-bottom: 1px solid currentColor;
    border-right: 1px solid currentColor;
    content: "";
    height: 6px;
    left: 5px;
    position: absolute;
    top: 4px;
    transform: rotate(45deg);
    width: 4px;
}

@media (max-width: 760px) {
    .ui-v2 .topbar-left .environment-pill {
        display: none;
    }

    .ui-v2 .brand-logo,
    .ui-v2 .brand-logo img {
        max-width: 158px;
        width: 158px;
    }

    .ui-v2 .auth-environment-bar {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .ui-v2 .auth-restricted-note {
        text-align: left;
    }
}

@media (max-width: 520px) {
    .ui-v2 .auth-brand-logo,
    .ui-v2 .auth-brand-logo img {
        max-width: 178px;
        width: 178px;
    }

    .ui-v2 .login-brand {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

/* Refinamento de fidelidade aos arquivos oficiais da logomarca. */
.ui-v2 .brand-logo {
    height: 56px;
    width: 188px;
}

.ui-v2 .brand-logo img {
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.16));
    height: 56px;
    max-height: 56px;
    max-width: 188px;
    object-fit: contain;
    width: 188px;
}

.ui-v2 .brand-logo .brand-logo-icon {
    display: none;
}

.ui-v2 .brand-logo .brand-logo-full--escuro {
    display: var(--ui-logo-sidebar-escuro, block);
}

.ui-v2 .brand-logo .brand-logo-full--claro {
    display: var(--ui-logo-sidebar-claro, none);
}

.ui-v2 .brand-with-logo {
    min-height: 62px;
    padding: 4px 6px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-logo {
    height: 44px;
    width: 44px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-logo .brand-logo-full {
    display: none;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-logo .brand-logo-icon {
    display: block;
    height: 44px;
    max-height: 44px;
    max-width: 44px;
    object-fit: contain;
    width: 44px;
}

.ui-v2.auth-body .login-brand {
    background: var(--ui-auth-brand);
    border-bottom: 0;
    flex-direction: column;
    gap: 13px;
    margin: 0;
    padding: 28px 28px 24px;
}

.ui-v2.auth-body .auth-brand-logo {
    height: 78px;
    width: 254px;
}

.ui-v2.auth-body .auth-brand-logo img {
    height: 78px;
    max-height: 78px;
    max-width: 254px;
    width: 254px;
}

.ui-v2 .auth-brand-logo .auth-logo--escuro {
    display: var(--ui-logo-auth-escuro, block);
}

.ui-v2 .auth-brand-logo .auth-logo--claro {
    display: var(--ui-logo-auth-claro, none);
}

.ui-v2.auth-body .login-brand h1 {
    color: var(--ui-sidebar-contrast);
    font-size: 22px;
}

.ui-v2.auth-body .login-brand p {
    color: rgba(255, 255, 255, 0.74);
    max-width: 360px;
}

.ui-v2.auth-body .login-panel > .alert {
    margin: 18px 28px 0;
}

.ui-v2.auth-body .form-stack {
    padding: 24px 28px 0;
}

.ui-v2.auth-body .auth-secondary-action {
    margin: 18px 28px 0;
    padding-bottom: 26px;
}

@media (max-width: 760px) {
    .ui-v2:not(.auth-body) .brand-logo,
    .ui-v2:not(.auth-body) .brand-logo img {
        max-width: 176px;
        width: 176px;
    }
}

@media (max-width: 520px) {
    .ui-v2.auth-body .login-brand {
        padding: 24px 22px 22px;
    }

    .ui-v2.auth-body .auth-brand-logo,
    .ui-v2.auth-body .auth-brand-logo img {
        height: 68px;
        max-height: 68px;
        max-width: 220px;
        width: 220px;
    }

    .ui-v2.auth-body .form-stack {
        padding: 22px 22px 0;
    }

    .ui-v2.auth-body .auth-secondary-action {
        margin-left: 22px;
        margin-right: 22px;
        padding-bottom: 24px;
    }
}

/* Tema sobrio baseado na tabela visual do site oficial. */
.ui-v2 .app-shell {
    background: #f5f5f5;
}

.ui-v2 .module-card,
.ui-v2 .panel,
.ui-v2 .fluig-crud .panel,
.ui-v2 .fluig-crud .toolbar,
.ui-v2 .fluig-crud .page-head {
    box-shadow: 0 1px 3px rgba(10, 50, 70, 0.055);
}

/* Sem degrades no ERP: cores chapadas para preservar foco operacional. */
.ui-v2 .app-shell,
.ui-v2 .main,
.ui-v2 .content,
.ui-v2 .page-head,
.ui-v2 .record-object-header,
.ui-v2 .toolbar,
.ui-v2 .panel,
.ui-v2 .module-card,
.ui-v2 .fluig-crud .page-head,
.ui-v2 .fluig-crud .record-object-header,
.ui-v2 .fluig-crud .toolbar,
.ui-v2 .fluig-crud .panel {
    background-image: none;
}

.ui-v2 .auth-environment-bar {
    background: var(--ui-auth-brand);
}

.ui-v2 .brand-mark.large,
.ui-v2 .fluig-crud {
    background-image: none;
}

.ui-v2 .nfe-simple-footer-actions,
.ui-v2 .nfe-simple-final-actions {
    background: var(--ui-surface);
    background-image: none;
}

.ui-v2 .environment-pill.env-badge.env-badge-local,
.ui-v2 .environment-pill.env-badge.env-badge-homologation {
    background: var(--ui-environment-alert-bg);
    border-color: var(--ui-environment-alert-line);
    color: var(--ui-environment-alert-text);
}

.ui-v2 .env-badge-local .env-badge-dot,
.ui-v2 .env-badge-homologation .env-badge-dot {
    background: var(--ui-environment-alert-dot);
}

.ui-v2 .button.primary[data-confirm],
.ui-v2 button.button.primary[data-confirm],
.ui-v2 a.button.primary[data-confirm],
.ui-v2 form[data-confirm] .button.primary,
.ui-v2 .button.execute,
.ui-v2 button.button.execute,
.ui-v2 a.button.execute {
    background: var(--ui-brand-orange-dark);
    background-image: none;
    border-color: var(--ui-brand-orange-dark);
    box-shadow: none;
    color: var(--ui-primary-contrast);
    font-weight: 700;
}

.ui-v2 .button.primary[data-confirm]:hover,
.ui-v2 button.button.primary[data-confirm]:hover,
.ui-v2 a.button.primary[data-confirm]:hover,
.ui-v2 form[data-confirm] .button.primary:hover,
.ui-v2 .button.execute:hover,
.ui-v2 button.button.execute:hover,
.ui-v2 a.button.execute:hover {
    background: #c15f0a;
    background-image: none;
    border-color: #c15f0a;
}

.ui-v2 .page-head,
.ui-v2 .record-object-header {
    border-top-color: var(--ui-brand-cyan);
}

.ui-v2 .report-tree-grand-total-row td,
.ui-v2 .operational-compact-page .report-tree-grand-total-row td {
    border-top-color: var(--ui-brand-cyan);
    color: var(--ui-brand-cyan-dark);
}

.ui-v2 .report-tree-order-link {
    color: var(--ui-brand-cyan-dark);
}

/* Ajuste pontual do menu lateral: escala compacta, sem nova estrutura. */
@media (min-width: 981px) {
    .ui-v2 .app-shell {
        --shell-sidebar-width: 240px;
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .app-shell {
        --shell-sidebar-width: 72px;
        grid-template-columns: 72px minmax(0, 1fr);
    }
}

.ui-v2 .sidebar {
    background: var(--ui-sidebar);
    border-right: 0;
    gap: 12px;
    min-height: 100vh;
    padding: 12px 10px 24px;
}

.ui-v2 .sidebar-head {
    border-bottom: 1px solid var(--ui-sidebar-line);
    min-height: 54px;
    padding: 2px 2px 10px;
    position: static;
}

.ui-v2 .sidebar-head .brand {
    display: flex;
}

.ui-v2 .sidebar-collapse {
    background: transparent;
    border: 0;
    color: color-mix(in srgb, var(--ui-sidebar-ink) 52%, transparent);
    height: 22px;
    min-width: 22px;
    padding: 0;
    width: 22px;
}

.ui-v2 .sidebar-collapse:hover {
    background: color-mix(in srgb, var(--ui-sidebar-contrast) 8%, transparent);
    color: var(--ui-sidebar-contrast);
}

.ui-v2 .sidebar-collapse-icon {
    height: 15px;
    width: 15px;
}

.ui-v2 .sidebar-company-context {
    align-items: center;
    background: color-mix(in srgb, var(--ui-sidebar-contrast) 5.5%, transparent);
    background-image: none;
    border: 1px solid rgba(113, 147, 166, 0.28);
    border-radius: 8px;
    column-gap: 9px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 22px;
    grid-template-rows: auto auto;
    margin: 0 0 18px;
    min-height: 66px;
    padding: 9px 10px;
}

.ui-v2 .sidebar-company-context::before {
    background: rgba(5, 170, 185, 0.28) url("gerenciador-icone.svg") center / 18px 18px no-repeat;
    border: 1px solid rgba(5, 170, 185, 0.22);
    border-radius: 7px;
    content: "";
    display: block;
    grid-column: 1;
    grid-row: 1 / span 2;
    height: 28px;
    width: 28px;
}

.ui-v2 .sidebar-company-context strong {
    color: var(--ui-sidebar-contrast);
    font-size: 12px;
    font-weight: 600;
    grid-column: 2;
    grid-row: 1;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .sidebar-company-context span {
    color: color-mix(in srgb, var(--ui-sidebar-ink) 70%, transparent);
    font-size: 11px;
    grid-column: 2;
    grid-row: 2;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .nav {
    gap: 4px;
}

.ui-v2 .nav::before {
    color: color-mix(in srgb, var(--ui-sidebar-ink) 46%, transparent);
    content: "\00C1REAS DE TRABALHO";
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    margin: 0 10px 9px;
    text-transform: uppercase;
}

.ui-v2 .nav-group {
    gap: 0;
}

.ui-v2 .nav-group-title {
    border: 1px solid transparent;
    border-radius: 8px;
    color: color-mix(in srgb, var(--ui-sidebar-ink) 80%, transparent);
    font-size: 14px;
    font-weight: 600;
    min-height: 36px;
    padding: 0 10px;
}

.ui-v2 .nav-group-title,
.ui-v2 .nav-item {
    gap: 10px;
}

.ui-v2 .nav-icon {
    background: transparent;
    border-radius: 0;
    height: 20px;
    min-width: 20px;
    width: 20px;
}

.ui-v2 .nav-group-title .nav-icon {
    color: color-mix(in srgb, var(--ui-sidebar-ink) 74%, transparent);
}

.ui-v2 .nav-svg {
    height: 18px;
    stroke-width: 1.75;
    width: 18px;
}

.ui-v2 .nav-group-title:hover,
.ui-v2 .nav-group:has(.nav-item.active) > .nav-group-title {
    background: color-mix(in srgb, var(--ui-sidebar-accent) 18%, transparent);
    border-color: color-mix(in srgb, var(--ui-sidebar-accent) 14.000000000000002%, transparent);
    color: var(--ui-sidebar-contrast);
}

.ui-v2 .nav-group:has(.nav-item.active)::before {
    background: var(--ui-brand-cyan);
    border-radius: 0 4px 4px 0;
    content: "";
    height: 36px;
    left: -10px;
    position: absolute;
    top: 0;
    width: 4px;
}

.ui-v2 .nav-group-title:hover .nav-icon,
.ui-v2 .nav-group:has(.nav-item.active) > .nav-group-title .nav-icon {
    color: var(--ui-sidebar-contrast);
}

.ui-v2 .nav-group-toggle-icon {
    display: none;
}

.ui-v2 .nav-group-items {
    border-left: 0;
    display: none;
    gap: 1px;
    margin: 2px 0 7px 30px;
    padding-left: 0;
}

.ui-v2 .nav-group-title[aria-expanded="true"] + .nav-group-items {
    display: grid;
}

.ui-v2 .nav-group-items[hidden] {
    display: none;
}

.ui-v2 .nav-group-items .nav-icon {
    display: none;
}

.ui-v2 .nav-item {
    border-radius: 7px;
    color: color-mix(in srgb, var(--ui-sidebar-ink) 66%, transparent);
    font-size: 12px;
    font-weight: 500;
    min-height: 28px;
    padding: 5px 8px;
}

.ui-v2 .nav-item:hover {
    background: color-mix(in srgb, var(--ui-sidebar-contrast) 6%, transparent);
    border-color: color-mix(in srgb, var(--ui-sidebar-accent) 16%, transparent);
    color: var(--ui-sidebar-contrast);
}

.ui-v2 .nav-item.active {
    background: color-mix(in srgb, var(--ui-sidebar-accent) 14.000000000000002%, transparent);
    border-color: color-mix(in srgb, var(--ui-sidebar-accent) 24%, transparent);
    box-shadow: none;
    color: var(--ui-sidebar-contrast);
    font-weight: 600;
}

.ui-v2 .nav-item .nav-icon,
.ui-v2 .nav-item.active .nav-icon,
.ui-v2 .nav-item:hover .nav-icon {
    color: currentColor;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar {
    align-items: center;
    gap: 8px;
    overflow: visible;
    padding: 12px 10px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-head {
    justify-content: center;
    min-height: 58px;
    padding: 2px 0 10px;
    position: static;
    width: 100%;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-head .brand {
    display: flex;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-company-context,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav::before {
    display: none;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-title {
    justify-content: center;
    min-height: 40px;
    padding: 0;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items {
    background: var(--ui-surface);
    border: 1px solid var(--ui-line);
    border-radius: 8px;
    box-shadow: 0 18px 46px rgba(16, 24, 40, 0.22);
    display: none;
    gap: 2px;
    left: calc(100% + 10px);
    margin-left: 0;
    min-width: 230px;
    padding: 8px;
    position: absolute;
    top: 0;
    z-index: 220;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-title[aria-expanded="true"] + .nav-group-items {
    display: none;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group:hover .nav-group-items,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group:focus-within .nav-group-items {
    display: grid;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group:hover > .nav-group-title[aria-expanded="true"] + .nav-group-items,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group:focus-within > .nav-group-title[aria-expanded="true"] + .nav-group-items {
    display: grid;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items .nav-icon {
    display: inline-flex;
}

@media (max-width: 760px) {
    .ui-v2 .sidebar {
        max-width: 245px;
        padding: 19px 10px 24px;
        width: min(245px, calc(100vw - 24px));
    }
}

/* Shell ERP/SaaS: navegação global concentrada na sidebar no desktop. */
.ui-v2 .sidebar {
    height: 100vh;
    max-height: 100vh;
    position: sticky;
    top: 0;
}

.ui-v2 .sidebar-global-tools {
    display: grid;
    gap: 8px;
    margin: -8px 0 12px;
}

.ui-v2 .quick-action.sidebar-command-action {
    background: color-mix(in srgb, var(--ui-sidebar-contrast) 6.5%, transparent);
    border-color: rgba(113, 147, 166, 0.24);
    border-radius: 8px;
    box-shadow: none;
    color: color-mix(in srgb, var(--ui-sidebar-ink) 90%, transparent);
    justify-content: flex-start;
    min-height: 40px;
    padding: 7px 8px;
    width: 100%;
}

.ui-v2 .quick-action.sidebar-command-action .quick-action-icon {
    background: color-mix(in srgb, var(--ui-sidebar-accent) 20%, transparent);
    border: 1px solid rgba(5, 170, 185, 0.20);
    color: #bdf8ff;
}

.ui-v2 .quick-action.sidebar-command-action strong {
    color: var(--ui-sidebar-contrast);
    flex: 1 1 auto;
    font-size: 12px;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .quick-action.sidebar-command-action kbd {
    background: color-mix(in srgb, var(--ui-sidebar-contrast) 8%, transparent);
    border-color: color-mix(in srgb, var(--ui-sidebar-contrast) 10%, transparent);
    color: color-mix(in srgb, var(--ui-sidebar-ink) 62%, transparent);
    flex: 0 0 auto;
}

.ui-v2 .quick-action.sidebar-command-action:hover {
    background: color-mix(in srgb, var(--ui-sidebar-accent) 16%, transparent);
    border-color: color-mix(in srgb, var(--ui-sidebar-accent) 24%, transparent);
    color: var(--ui-sidebar-contrast);
}

.ui-v2 .quick-action.sidebar-command-action:hover .quick-action-icon {
    background: color-mix(in srgb, var(--ui-sidebar-accent) 30%, transparent);
    color: var(--ui-sidebar-contrast);
}

.ui-v2 .nav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
    scrollbar-width: thin;
}

.ui-v2 .sidebar-user-panel {
    border-top: 1px solid var(--ui-sidebar-line);
    margin-top: auto;
    padding-top: 10px;
}

.ui-v2 .sidebar-user-menu {
    justify-content: stretch;
    width: 100%;
}

.ui-v2 .sidebar-user-chip {
    background: color-mix(in srgb, var(--ui-sidebar-contrast) 5.5%, transparent);
    border: 1px solid rgba(113, 147, 166, 0.24);
    border-radius: 8px;
    color: var(--ui-sidebar-contrast);
    justify-content: flex-start;
    min-height: 46px;
    padding: 7px 8px;
    width: 100%;
}

.ui-v2 .sidebar-user-chip:hover,
.ui-v2 .sidebar-user-menu.is-open .sidebar-user-chip {
    background: color-mix(in srgb, var(--ui-sidebar-accent) 13%, transparent);
    border-color: color-mix(in srgb, var(--ui-sidebar-accent) 24%, transparent);
}

.ui-v2 .sidebar-user-chip .user-avatar {
    background: color-mix(in srgb, var(--ui-sidebar-accent) 22%, transparent);
    color: var(--ui-sidebar-contrast);
    height: 30px;
    min-width: 30px;
}

.ui-v2 .sidebar-user-copy {
    display: grid;
    flex: 1 1 auto;
    gap: 1px;
    min-width: 0;
    text-align: left;
}

.ui-v2 .sidebar-user-copy strong,
.ui-v2 .sidebar-user-copy small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-v2 .sidebar-user-copy strong {
    color: var(--ui-sidebar-contrast);
    font-size: 12px;
    font-weight: 600;
}

.ui-v2 .sidebar-user-copy small {
    color: color-mix(in srgb, var(--ui-sidebar-ink) 62%, transparent);
    font-size: 11px;
    font-weight: 500;
}

.ui-v2 .sidebar-user-chip .user-menu-chevron {
    color: color-mix(in srgb, var(--ui-sidebar-ink) 55.00000000000001%, transparent);
    margin-left: auto;
}

.ui-v2 .sidebar-user-dropdown {
    bottom: calc(100% + 8px);
    left: 0;
    right: 0;
    top: auto;
}

@media (min-width: 981px) {
    .ui-v2 .topbar {
        display: none;
    }

    .ui-v2 .content {
        padding-top: 22px;
    }
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-global-tools,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-panel {
    width: 100%;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-global-tools {
    justify-items: center;
    margin: -2px 0 4px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-chip {
    align-items: center;
    flex: 0 0 40px;
    gap: 0;
    height: 40px;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    width: 40px;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action strong,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action kbd,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-copy,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-chip .user-menu-chevron {
    display: none;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action .quick-action-icon {
    align-items: center;
    background: transparent;
    border: 0;
    display: inline-flex;
    justify-content: center;
    margin: 0;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action .quick-action-icon .nav-svg,
.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-chip .user-avatar {
    flex: 0 0 auto;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-chip .user-avatar {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav {
    overflow: visible;
    padding-right: 0;
    width: 100%;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-panel {
    border-top: 0;
    display: grid;
    justify-items: center;
    padding-top: 0;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-menu {
    justify-content: center;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-dropdown {
    bottom: 0;
    left: calc(100% + 10px);
    min-width: 220px;
    right: auto;
}

@media (max-width: 760px) {
    .ui-v2 {
        --shell-topbar-height: 52px;
    }

    .ui-v2 .sidebar {
        height: 100vh;
        max-height: 100vh;
        position: fixed;
    }

    .ui-v2 .topbar {
        display: flex;
        min-height: var(--shell-topbar-height);
    }

    .ui-v2 .sidebar .quick-action.sidebar-command-action strong {
        display: block;
    }

    .ui-v2 .sidebar .quick-action.sidebar-command-action kbd {
        display: inline-block;
    }
}

@media (min-width: 761px) and (max-width: 980px) {
    .ui-v2 {
        --shell-topbar-height: 0px;
    }

    .ui-v2 .app-shell,
    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .app-shell {
        --shell-sidebar-width: 72px;
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .ui-v2 .sidebar,
    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar {
        height: 100vh;
        max-height: 100vh;
        min-height: 100vh;
        position: sticky;
        top: 0;
        transform: none;
        width: auto;
        z-index: 30;
    }

    .ui-v2 .topbar {
        display: none;
    }

    .ui-v2 .mobile-menu-button,
    .ui-v2 .sidebar-backdrop {
        display: none;
    }

    .ui-v2 .content {
        padding-top: 22px;
    }
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar {
    z-index: 260;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action {
    align-items: center;
    gap: 0;
}

.ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action .quick-action-icon {
    height: 22px;
    justify-content: center;
    margin: 0;
    min-width: 22px;
    width: 22px;
}

/* Viewport dinamica evita corte do shell em mobile/landscape e telas baixas. */
@supports (height: 100dvh) {
    .erp-shell-body,
    .app-shell {
        min-height: 100dvh;
    }

    .ui-v2 .sidebar {
        height: 100dvh;
        max-height: 100dvh;
        min-height: 100dvh;
    }
}

/* Modo intermediario em telas baixas: compacta e permite rolagem sem sobrepor o avatar. */
@media (max-height: 620px) and (min-width: 761px) {
    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar {
        gap: 4px;
        padding: 7px 10px;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-head {
        min-height: 42px;
        padding-bottom: 4px;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-logo,
    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .brand-logo .brand-logo-icon {
        height: 38px;
        max-height: 38px;
        max-width: 38px;
        width: 38px;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-global-tools {
        margin: 0;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action,
    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .sidebar-user-chip {
        flex-basis: 34px;
        height: 34px;
        min-height: 34px;
        min-width: 34px;
        width: 34px;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .quick-action.sidebar-command-action .quick-action-icon {
        height: 20px;
        min-width: 20px;
        width: 20px;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav {
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: none;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav::-webkit-scrollbar {
        display: none;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-title {
        min-height: 32px;
    }

    .ui-v2:is(.shell-collapsed, .shell-auto-collapsed) .nav-group-items {
        left: 82px;
        max-height: calc(100vh - 20px);
        max-height: calc(100dvh - 20px);
        overflow-y: auto;
        position: fixed;
        top: 10px;
    }
}

@media (max-width: 760px) {
    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-toolbar-actions {
        display: grid;
        gap: 8px;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-column-menu {
        display: none;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-tool-menu,
    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-tool-button {
        min-width: 0;
        width: 100%;
    }

    .ui-v2 .fluig-crud.fluig-list-page .list-command-toolbar .list-tool-button {
        justify-content: center;
    }
}

@media (min-width: 981px) {
    .ui-v2 .dashboard-shortcut-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ui-v2 .dashboard-intelligence-grid {
        grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.82fr) minmax(220px, 0.82fr);
    }

    .ui-v2 .dashboard-trend-card {
        grid-column: auto;
    }
}