body {
    --ansaldo-header-bg: #e02424;
    --ansaldo-header-fg: #ffffff;
    --ansaldo-app-bg: #ffffff;
    --ansaldo-content-bg: #ffffff;
    --ansaldo-surface-bg: #ffffff;
    --ansaldo-surface-border: #e2e8f0;
    --ansaldo-primary-text: #0f172a;
    --ansaldo-secondary-text: #64748b;
    --ansaldo-muted-text: #94a3b8;
    --ansaldo-placeholder: #64748b;
    --ansaldo-drawer-bg: #ffffff;
    --ansaldo-drawer-border: #eef2f7;
    --ansaldo-elevated-bg: #ffffff;
    --ansaldo-field-bg: #ffffff;
    --ansaldo-field-border: #d7e0ec;
    --ansaldo-field-text: #1f2937;
    --ansaldo-field-muted: #6b7280;
    --ansaldo-field-readonly-bg: #f3f6fb;
    --ansaldo-field-readonly-border: #d7e0ec;
    --ansaldo-divider: #e2e8f0;
    --ansaldo-hover-bg: #f8fafc;
    --ansaldo-tint: #2563eb;
    --ansaldo-report-page-bg: #f3f4f6;
    --ansaldo-report-card-bg: #ffffff;
    --ansaldo-report-input-bg: #f9fafb;
    --ansaldo-report-header-bg: #e5e7eb;
    --ansaldo-report-row-even-bg: #ffffff;
    --ansaldo-report-row-odd-bg: #f3f4f6;
    --ansaldo-report-total-row-bg: #eef2ff;
    --ansaldo-report-success: #16a34a;
    margin: 0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    background: var(--ansaldo-app-bg, #ffffff);
    color: var(--ansaldo-primary-text, #1f2937);
    height: 100vh;
    overflow: hidden;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

body.theme-dark {
    --ansaldo-app-bg: #070b12;
    --ansaldo-content-bg: #070b12;
    --ansaldo-surface-bg: #0b1220;
    --ansaldo-elevated-bg: #111827;
    --ansaldo-surface-border: #243044;
    --ansaldo-primary-text: #e5e7eb;
    --ansaldo-secondary-text: #a7b0c0;
    --ansaldo-muted-text: #6b7890;
    --ansaldo-placeholder: #75839a;
    --ansaldo-drawer-bg: #0b1220;
    --ansaldo-drawer-border: #243044;
    --ansaldo-field-bg: #111827;
    --ansaldo-field-border: #243044;
    --ansaldo-field-text: #e5e7eb;
    --ansaldo-field-muted: #75839a;
    --ansaldo-field-readonly-bg: #151e2e;
    --ansaldo-field-readonly-border: #243044;
    --ansaldo-divider: #1b2536;
    --ansaldo-hover-bg: rgba(96, 165, 250, 0.10);
    --ansaldo-tint: #60a5fa;
    --ansaldo-report-page-bg: #070b12;
    --ansaldo-report-card-bg: #0b1220;
    --ansaldo-report-input-bg: #111827;
    --ansaldo-report-header-bg: #111827;
    --ansaldo-report-row-even-bg: #0b1220;
    --ansaldo-report-row-odd-bg: #0d1626;
    --ansaldo-report-total-row-bg: #151e2e;
    --ansaldo-report-success: #a7f3d0;
    --ansaldo-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.25);
}

body.font-standard {
    --app-readable-font-size: 14px;
    --app-readable-line-height: 1.5;
    --ansaldo-field-height: 40px;
    --ansaldo-field-inner-height: 38px;
    --ansaldo-field-label-size: 10px;
    --ansaldo-field-input-size: 12px;
    --ansaldo-field-input-padding-x: 10px;
    --ansaldo-list-title-size: 20px;
    --ansaldo-list-subtitle-size: 13px;
    --ansaldo-list-header-size: 10px;
    --ansaldo-list-cell-size: 13px;
    --ansaldo-list-row-padding-y: 18px;
    --ansaldo-list-row-padding-x: 18px;
    --ansaldo-list-row-min-height: 64px;
    --ansaldo-list-toolbar-height: 40px;
    --ansaldo-list-button-size: 12px;
    --ansaldo-list-badge-size: 10px;
    --ansaldo-list-badge-height: 24px;
    --ansaldo-list-min-table-width: 100%;
}

body.font-large {
    --app-readable-font-size: 16px;
    --app-readable-line-height: 1.55;
    --ansaldo-field-height: 48px;
    --ansaldo-field-inner-height: 46px;
    --ansaldo-field-label-size: 11px;
    --ansaldo-field-input-size: 15px;
    --ansaldo-field-input-padding-x: 12px;
    --ansaldo-list-title-size: 22px;
    --ansaldo-list-subtitle-size: 15px;
    --ansaldo-list-header-size: 11px;
    --ansaldo-list-cell-size: 15px;
    --ansaldo-list-row-padding-y: 21px;
    --ansaldo-list-row-padding-x: 20px;
    --ansaldo-list-row-min-height: 76px;
    --ansaldo-list-toolbar-height: 46px;
    --ansaldo-list-button-size: 13px;
    --ansaldo-list-badge-size: 11px;
    --ansaldo-list-badge-height: 28px;
    --ansaldo-list-min-table-width: 1280px;
}

body.font-extra-large {
    --app-readable-font-size: 18px;
    --app-readable-line-height: 1.6;
    --ansaldo-field-height: 56px;
    --ansaldo-field-inner-height: 54px;
    --ansaldo-field-label-size: 12px;
    --ansaldo-field-input-size: 17px;
    --ansaldo-field-input-padding-x: 14px;
    --ansaldo-list-title-size: 24px;
    --ansaldo-list-subtitle-size: 17px;
    --ansaldo-list-header-size: 12px;
    --ansaldo-list-cell-size: 17px;
    --ansaldo-list-row-padding-y: 24px;
    --ansaldo-list-row-padding-x: 22px;
    --ansaldo-list-row-min-height: 88px;
    --ansaldo-list-toolbar-height: 52px;
    --ansaldo-list-button-size: 14px;
    --ansaldo-list-badge-size: 12px;
    --ansaldo-list-badge-height: 32px;
    --ansaldo-list-min-table-width: 1480px;
}

.ansaldo-login-body {
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable both-edges;
    background:
        radial-gradient(circle at top left, rgba(224,36,36,0.18), transparent 34%),
        radial-gradient(circle at bottom right, rgba(37,99,235,0.12), transparent 28%),
        linear-gradient(135deg, #fff8f8 0%, #f8fafc 45%, #eef4ff 100%);
    color: #0f172a;
    font-family: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.ansaldo-login-page {
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(420px, 2fr);
    gap: 28px;
    padding: 32px;
    align-items: stretch;
    box-sizing: border-box;
}

.ansaldo-login-hero,
.ansaldo-login-panel {
    position: relative;
    overflow: hidden;
}

.ansaldo-login-page > *,
.ansaldo-login-panel-wrap,
.ansaldo-login-panel-stack,
.ansaldo-login-showcase {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.ansaldo-login-hero {
    border-radius: 36px;
    padding: 38px 42px;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.94), rgba(255,255,255,0.78)),
        linear-gradient(135deg, #ffffff, #fef2f2 52%, #eff6ff 100%);
    border: 1px solid rgba(255,255,255,0.72);
    box-shadow: 0 28px 80px rgba(15,23,42,0.12);
    display: grid;
    align-content: start;
    gap: 24px;
}

.ansaldo-login-hero::before,
.ansaldo-login-panel::before {
    content: "";
    position: absolute;
    inset: auto auto 0 0;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(224,36,36,0.14), transparent 68%);
    pointer-events: none;
}

.ansaldo-login-brand {
    display: flex;
    align-items: center;
    gap: 18px;
}

.ansaldo-login-brand-mark {
    width: 76px;
    height: 76px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid rgba(255,255,255,0.76);
    box-shadow: 0 18px 36px rgba(15,23,42,0.12);
    overflow: hidden;
}

.ansaldo-login-brand-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
}

.ansaldo-login-brand-mark.is-fallback {
    background: linear-gradient(145deg, #e02424, #b91c1c);
    color: #ffffff;
    font-size: 30px;
    font-weight: 800;
}

.ansaldo-login-live-pill,
.ansaldo-login-panel-badge,
.header-company-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ansaldo-login-brand h1 {
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.ansaldo-login-showcase {
    display: grid;
    gap: 18px;
    min-height: 860px;
}

.ansaldo-login-slide-viewport {
    position: relative;
    min-height: 720px;
    border-radius: 30px;
    overflow: hidden;
    background: #0f172a;
    border: 1px solid rgba(226,232,240,0.72);
    box-shadow: 0 22px 50px rgba(15,23,42,0.14);
}

.ansaldo-login-slide-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.ansaldo-login-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.02);
    transition: opacity 0.45s ease, transform 0.6s ease;
}

.ansaldo-login-slide.is-active {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.ansaldo-login-slide-media {
    position: absolute;
    inset: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ansaldo-login-slide-copy {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: end;
    gap: 18px;
    min-height: 720px;
    padding: 52px;
    color: #ffffff;
}

.ansaldo-login-slide-copy::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(15,23,42,0.1) 8%, rgba(15,23,42,0.34) 48%, rgba(15,23,42,0.78) 100%);
    z-index: -1;
}

.ansaldo-login-live-pill {
    padding: 8px 14px;
    width: fit-content;
    color: #fff7ed;
    background: rgba(255,247,237,0.16);
    border: 1px solid rgba(255,247,237,0.3);
}

.ansaldo-login-slide-copy h2 {
    margin: 0;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 0.98;
    letter-spacing: -0.06em;
    font-weight: 800;
    max-width: 10ch;
    text-wrap: balance;
}

.ansaldo-login-slide-copy p {
    margin: 0;
    max-width: 540px;
    color: rgba(255,255,255,0.88);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 700;
}

.ansaldo-login-slide-rail {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ansaldo-login-slide-dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: none;
    padding: 0;
    background: rgba(148,163,184,0.34);
    cursor: pointer;
    transition: width 0.2s ease, background 0.2s ease;
}

.ansaldo-login-slide-dot.is-active {
    width: 36px;
    background: #e02424;
}

.ansaldo-login-slide-footer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-self: start;
}

.ansaldo-login-slide-chip {
    border-radius: 18px;
    padding: 20px 18px 22px;
    background: rgba(255,255,255,0.84);
    border: 1px solid rgba(226,232,240,0.92);
    box-shadow: 0 14px 32px rgba(15,23,42,0.07);
    display: grid;
    gap: 8px;
}

.ansaldo-login-slide-chip strong {
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
}

.ansaldo-login-slide-chip span {
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 700;
}

.ansaldo-login-panel-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ansaldo-login-panel-stack {
    width: min(100%, 520px);
    display: grid;
    gap: 18px;
}

.ansaldo-login-panel {
    width: 100%;
    border-radius: 32px;
    padding: 32px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(255,255,255,0.82);
    box-shadow: 0 26px 80px rgba(15,23,42,0.14);
    backdrop-filter: blur(18px);
}

.ansaldo-login-powered {
    justify-self: center;
    display: grid;
    justify-items: center;
    gap: 10px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.ansaldo-login-powered img {
    max-width: 180px;
    max-height: 54px;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(15,23,42,0.08));
}

.ansaldo-login-panel-header {
    display: grid;
    gap: 12px;
    margin-bottom: 24px;
}

.ansaldo-login-panel-badge {
    padding: 8px 14px;
    width: fit-content;
    background: #fee2e2;
    color: #b91c1c;
}

.ansaldo-login-panel-header h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.ansaldo-login-panel-header p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600;
}

.ansaldo-login-form {
    display: grid;
    gap: 18px;
}

.ansaldo-login-field {
    display: grid;
    gap: 8px;
}

.ansaldo-login-field label {
    color: #334155;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.ansaldo-login-form .dx-texteditor {
    border-radius: 16px !important;
    border: 1px solid #dbe4ef !important;
    background: #ffffff !important;
    box-shadow: 0 12px 22px rgba(15,23,42,0.06);
}

.ansaldo-login-form .dx-texteditor-input {
    min-height: 54px !important;
    padding: 16px 18px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.ansaldo-login-form .dx-texteditor-input::placeholder {
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
}

.ansaldo-login-form .dx-placeholder {
    display: none !important;
}

.ansaldo-login-submit {
    border: none;
    border-radius: 18px;
    min-height: 56px;
    padding: 16px 20px;
    background: linear-gradient(145deg, #e02424, #b91c1c);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 18px 30px rgba(224,36,36,0.24);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.ansaldo-login-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 22px 36px rgba(224,36,36,0.3);
    filter: saturate(1.05);
}

.ansaldo-login-error {
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #be123c;
    font-size: 13px;
    font-weight: 700;
}

.header-company-tag {
    margin-left: 10px;
    padding: 4px 8px;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.22);
    color: #ffffff;
    vertical-align: middle;
}

.header-profile-trigger {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-profile-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.26);
    background: rgba(255,255,255,0.18);
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-profile-fallback {
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.28);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    z-index: 90;
}

.profile-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: min(100%, 360px);
    height: 100vh;
    background: var(--ansaldo-drawer-bg, #ffffff);
    box-shadow: -24px 0 50px rgba(15,23,42,0.16);
    transform: translateX(100%);
    transition: transform 0.28s ease;
    z-index: 100;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

body.profile-drawer-open {
    overflow: hidden;
}

body.profile-drawer-open .profile-drawer-backdrop {
    opacity: 1;
    pointer-events: auto;
}

body.profile-drawer-open .profile-drawer {
    transform: translateX(0);
}

.profile-drawer-header {
    padding: 18px 20px;
    border-bottom: 1px solid var(--ansaldo-drawer-border, #eef2f7);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.profile-drawer-title {
    color: var(--ansaldo-primary-text, #0f172a);
    font-size: 14px;
    font-weight: 700;
}

.profile-drawer-close {
    border: none;
    background: transparent;
    color: #94a3b8;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.profile-drawer-body {
    padding: 0;
    overflow-y: auto;
    display: grid;
    align-content: start;
}

.profile-drawer-identity {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 10px;
    padding: 26px 24px 22px;
    border-bottom: 1px solid var(--ansaldo-drawer-border, #eef2f7);
}

.profile-drawer-avatar {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #e02424, #b91c1c);
    color: #ffffff;
    box-shadow: 0 16px 30px rgba(224,36,36,0.22);
}

.profile-drawer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-drawer-avatar-fallback {
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
}

.profile-drawer-name {
    color: var(--ansaldo-primary-text, #0f172a);
    font-size: 14px;
    font-weight: 700;
}

.profile-drawer-upload,
.profile-drawer-save,
.profile-drawer-logout-btn {
    border-radius: 999px;
    min-height: 36px;
    padding: 0 16px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.profile-drawer-upload {
    border: 1px solid #dbe4ef;
    background: var(--ansaldo-surface-bg, #ffffff);
    color: var(--ansaldo-secondary-text, #334155);
    box-shadow: 0 8px 18px rgba(15,23,42,0.05);
}

.profile-drawer-role {
    color: #ef4444;
    font-size: 11px;
    font-weight: 700;
}

.profile-drawer-email {
    color: var(--ansaldo-muted-text, #94a3b8);
    font-size: 12px;
    font-weight: 500;
}

.profile-drawer-settings {
    padding: 20px 16px;
}

.profile-drawer-settings-title {
    color: var(--ansaldo-muted-text, #94a3b8);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.profile-drawer-setting-card {
    width: 100%;
    border: 1px solid var(--ansaldo-surface-border, #e2e8f0);
    border-radius: 16px;
    background: var(--ansaldo-surface-bg, #ffffff);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(15,23,42,0.05);
}

.profile-drawer-setting-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #fff1f2;
    color: #ef4444;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.profile-drawer-setting-copy {
    display: grid;
    gap: 2px;
    flex: 1;
}

.profile-drawer-setting-copy strong {
    color: var(--ansaldo-secondary-text, #334155);
    font-size: 13px;
    font-weight: 700;
}

.profile-drawer-setting-copy span {
    color: var(--ansaldo-muted-text, #94a3b8);
    font-size: 11px;
    font-weight: 600;
}

.profile-drawer-setting-chevron {
    color: #94a3b8;
    font-size: 14px;
    transition: transform 0.2s ease;
}

.profile-drawer-setting-card[aria-expanded="true"] .profile-drawer-setting-chevron {
    transform: rotate(90deg);
}

.profile-drawer-display-settings {
    border-bottom: 1px solid var(--ansaldo-drawer-border, #eef2f7);
}

.profile-drawer-display-card {
    cursor: default;
    box-shadow: none;
}

.profile-font-size-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.profile-theme-card {
    margin-top: 14px;
}

.profile-font-size-option {
    min-height: 36px;
    border: 1px solid var(--ansaldo-surface-border, #e2e8f0);
    border-radius: 10px;
    background: var(--ansaldo-surface-bg, #ffffff);
    color: var(--ansaldo-secondary-text, #334155);
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 10px;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.profile-font-size-option.is-selected {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
    box-shadow: 0 8px 18px rgba(37,99,235,0.08);
}

.profile-drawer-password-panel {
    margin-top: 12px;
    border: 1px solid var(--ansaldo-drawer-border, #eef2f7);
    border-radius: 16px;
    background: var(--ansaldo-surface-bg, #ffffff);
    padding: 14px;
}

.profile-drawer-field {
    display: grid;
    gap: 7px;
    margin-bottom: 12px;
}

.profile-drawer-field label {
    color: var(--ansaldo-secondary-text, #64748b);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.profile-drawer-field input {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid #dbe4ef;
    background: var(--ansaldo-surface-bg, #ffffff);
    color: var(--ansaldo-primary-text, #0f172a);
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
    outline: none;
}

.profile-drawer-field input:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 4px rgba(59,130,246,0.12);
}

.profile-drawer-save {
    width: 100%;
    margin-top: 4px;
    border: none;
    background: #e02424;
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(224,36,36,0.18);
}

.profile-drawer-footer {
    padding: 18px 16px 22px;
    border-top: 1px solid var(--ansaldo-drawer-border, #eef2f7);
    background: var(--ansaldo-drawer-bg, #ffffff);
}

.profile-toggle {
    width: 46px;
    height: 26px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #e2e8f0;
    padding: 2px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.profile-toggle span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15,23,42,0.18);
    transition: transform 0.18s ease;
}

.profile-toggle.is-on {
    border-color: #38bdf8;
    background: #0f172a;
}

.profile-toggle.is-on span {
    transform: translateX(20px);
}

.profile-header-theme-options {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.profile-header-theme-option {
    min-height: 38px;
    border: 1px solid var(--ansaldo-surface-border, #e2e8f0);
    border-radius: 10px;
    background: var(--ansaldo-surface-bg, #ffffff);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.profile-header-theme-option span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.32);
}

.profile-header-theme-option.is-selected {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.12);
}

.profile-header-custom-color {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid var(--ansaldo-surface-border, #e2e8f0);
    border-radius: 12px;
    background: var(--ansaldo-surface-bg, #ffffff);
}

.profile-header-custom-color label {
    color: var(--ansaldo-secondary-text, #334155);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.profile-header-custom-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

#profileHeaderColorPicker {
    width: 44px;
    height: 40px;
    padding: 3px;
    border: 1px solid var(--ansaldo-surface-border, #e2e8f0);
    border-radius: 10px;
    background: var(--ansaldo-surface-bg, #ffffff);
    cursor: pointer;
}

#profileHeaderColorPicker::-webkit-color-swatch-wrapper {
    padding: 0;
}

#profileHeaderColorPicker::-webkit-color-swatch {
    border: 0;
    border-radius: 7px;
}

#profileHeaderColorInput {
    width: 100%;
    min-width: 0;
    height: 40px;
    border: 1px solid var(--ansaldo-surface-border, #e2e8f0);
    border-radius: 10px;
    background: var(--ansaldo-surface-bg, #ffffff);
    color: var(--ansaldo-primary-text, #0f172a);
    font-size: 12px;
    font-weight: 600;
    padding: 0 10px;
    outline: none;
}

#profileHeaderColorInput:focus,
#profileHeaderColorPicker:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.12);
}

.profile-header-color-help {
    color: var(--ansaldo-muted-text, #94a3b8);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
}

.profile-drawer-logout-form {
    margin: 0;
}

.profile-drawer-logout-btn {
    width: 100%;
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #be123c;
    border-radius: 12px;
}

button,
input,
select,
textarea {
    font: inherit;
    letter-spacing: 0;
}

/* REACT-ALIGNED TYPOGRAPHY */
.ansaldo-main,
.dx-widget {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

.dx-texteditor-input,
.dx-textarea .dx-texteditor-input,
.dx-selectbox .dx-texteditor-input,
.dx-numberbox .dx-texteditor-input,
.dx-datebox .dx-texteditor-input {
    color: #1f2937 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.dx-field-item-label-text,
.dx-label span,
.dx-placeholder,
.dx-texteditor-label .dx-label {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    letter-spacing: 0 !important;
}

.dx-field-item-required-mark {
    color: #ef4444 !important;
    font-weight: 600 !important;
}

.dx-state-readonly.dx-texteditor,
.dx-state-readonly.dx-dropdowneditor,
.dx-state-readonly.dx-numberbox,
.dx-state-readonly.dx-datebox,
.dx-state-readonly.dx-textarea,
.dx-state-disabled.dx-texteditor,
.dx-state-disabled.dx-dropdowneditor,
.dx-state-disabled.dx-numberbox,
.dx-state-disabled.dx-datebox,
.dx-state-disabled.dx-textarea {
    background: #f3f6fb !important;
    border-color: #d7e0ec !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.dx-state-readonly .dx-texteditor-input,
.dx-state-readonly .dx-placeholder,
.dx-state-disabled .dx-texteditor-input,
.dx-state-disabled .dx-placeholder {
    color: #64748b !important;
}

.dx-state-readonly .dx-dropdowneditor-button,
.dx-state-readonly .dx-numberbox-spin-container,
.dx-state-readonly .dx-datebox-button,
.dx-state-disabled .dx-dropdowneditor-button,
.dx-state-disabled .dx-numberbox-spin-container,
.dx-state-disabled .dx-datebox-button {
    opacity: 0.68 !important;
}

.dx-state-readonly .dx-texteditor-input,
.dx-state-disabled .dx-texteditor-input {
    cursor: not-allowed !important;
}

.dx-form-group-caption,
.dx-datagrid-headers .dx-datagrid-text-content,
.dx-toolbar-label,
.dx-button-text {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.dx-form-group-caption,
.dx-datagrid-headers .dx-datagrid-text-content,
.dx-button-text {
    text-transform: uppercase;
}

.dx-datagrid-rowsview .dx-row > td {
    color: #374151;
    font-size: 12px;
    font-weight: 500;
}

.dx-tab .dx-tab-text {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.ansaldo-shell { display: flex; height: 100vh; overflow: hidden; }

/* SIDEBAR */
.ansaldo-sidebar {
    width: 260px;
    background: #ffffff;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    z-index: 20;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ansaldo-shell.collapsed .ansaldo-sidebar {
    width: 72px;
}

.sidebar-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    height: 56px;
    border-bottom: 1px solid #f1f5f9;
    position: relative;
    transition: padding 0.3s, gap 0.3s;
}

.ansaldo-shell.collapsed .sidebar-brand {
    padding: 16px 0;
    justify-content: center;
    gap: 0;
}

.sidebar-logo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fbbf24; /* yellow */
    border: 2px solid #e02424; /* match red header */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.ansaldo-shell.collapsed .sidebar-logo {
    width: 38px;
    height: 38px;
}
.sidebar-logo img { width: 100%; height: 100%; object-fit: cover; }
.logo-fallback { font-size: 12px; font-weight: 600; color: #b45309; }

.sidebar-brand-text {
    font-weight: 600;
    font-size: 12px;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.2s;
}

.ansaldo-shell.collapsed .sidebar-brand-text {
    opacity: 0;
    width: 0;
}

.sidebar-collapse-icon {
    position: absolute;
    right: 16px;
    color: #94a3b8;
    cursor: pointer;
    font-size: 12px;
    transition: transform 0.3s;
}

.ansaldo-shell.collapsed .sidebar-collapse-icon {
    display: none;
}

.sidebar-menu {
    display: flex;
    flex-direction: column;
    padding: 20px 12px;
    gap: 4px;
    overflow-y: auto;
    transition: padding 0.3s;
}

.ansaldo-shell.collapsed .sidebar-menu {
    padding: 20px 8px;
}

.sidebar-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    color: #64748b;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    transition: background 0.15s, color 0.15s, padding 0.3s;
    white-space: nowrap;
    overflow: hidden;
}

.ansaldo-shell.collapsed .sidebar-link {
    font-size: 0;
    color: transparent;
    padding: 12px 0;
    justify-content: center;
    gap: 0;
}

.ansaldo-shell.collapsed .sidebar-link .nav-chevron {
    display: none;
}

.ansaldo-shell.collapsed .sidebar-link i {
    color: #64748b; /* Restore icon color */
    font-size: 20px;
    margin: 0;
}

.sidebar-link:hover {
    background: #f8fafc;
    color: #e02424;
}

.sidebar-link.active {
    background: #fef2f2;
    color: #e02424;
}

/* SUBMENU */
.sidebar-group {
    display: flex;
    flex-direction: column;
}

.sidebar-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-out, padding 0.3s;
    background: #fafafa;
    display: flex;
    flex-direction: column;
}

.sidebar-group.open .sidebar-submenu {
    max-height: 960px;
    padding-bottom: 8px;
    padding-left: 20px;
}

.sidebar-group.open .sidebar-link .nav-chevron i {
    transform: rotate(180deg);
}

.sidebar-submenu a {
    padding: 8px 12px;
    color: #64748b;
    text-decoration: none;
    font-size: 11px;
    font-weight: 500;
    border-radius: 6px;
    transition: color 0.15s, background 0.15s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-submenu a:hover {
    color: #e02424;
    background: #f1f5f9;
}

.engineering-sidebar-group .sidebar-submenu,
.process-sidebar-group .sidebar-submenu {
    background: #f8fafc;
}

.engineering-menu-panel {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.process-sidebar-group .sidebar-process-panel,
.process-sidebar-group .sidebar-full-panel {
    display: none;
}

.process-sidebar-group.process-mode .sidebar-process-panel,
.process-sidebar-group.full-mode .sidebar-full-panel {
    display: flex;
}

.engineering-process-item {
    display: flex;
    flex-direction: column;
}

.engineering-process-link {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    position: relative;
    color: #334155;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    padding: 7px 24px 7px 12px !important;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.15s, background 0.15s;
}

.engineering-process-link:hover {
    color: #e02424;
    background: #f1f5f9;
}

.engineering-process-link::after {
    content: "\f282";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "bootstrap-icons";
    font-size: 10px;
    color: #94a3b8;
}

.engineering-process-item.active > .engineering-process-link {
    background: #fee2e2;
    color: #dc2626;
    font-weight: 800;
}

.engineering-process-item.active > .engineering-process-link::after {
    content: "\f286";
    color: #ef4444;
}

.engineering-process-modules {
    display: none;
    flex-direction: column;
    margin: 2px 0 8px 16px;
    padding: 4px 0 4px 10px;
    border-left: 1px solid #dbeafe;
    gap: 1px;
}

.engineering-process-item.active > .engineering-process-modules {
    display: flex;
}

.engineering-process-modules a {
    position: relative;
    min-height: 26px;
    padding: 6px 10px !important;
    color: #475569;
    font-size: 11px;
}

.engineering-process-modules a::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    width: 8px;
    border-top: 1px solid #dbeafe;
}

.engineering-process-modules a:hover {
    color: #dc2626;
}

.engineering-sidebar-group.open .sidebar-submenu,
.process-sidebar-group.open .sidebar-submenu {
    max-height: 1280px;
}

.engineering-menu-hint {
    display: block;
    margin: 6px 12px 10px;
    padding: 8px 10px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
}

.sidebar-link.has-sub {
    cursor: pointer;
}

.nav-chevron {
    margin-left: auto;
    font-size: 10px;
    color: #cbd5e1;
}

.nav-chevron i {
    transition: transform 0.3s;
    display: inline-block;
}

/* MAIN CONTENT */
.ansaldo-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--ansaldo-content-bg, #f5f7fb);
}

.sidebar-submenu-heading {
    display: block;
    padding: 10px 12px 4px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* RED HEADER */
.ansaldo-header {
    background: var(--ansaldo-header-bg, #e02424);
    color: var(--ansaldo-header-fg, #ffffff);
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    flex-shrink: 0;
    z-index: 10;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.header-greet {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0;
}

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

.header-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    color: white;
    transition: background 0.2s;
}

.header-btn i { font-size: 13px; }
.header-btn:hover { background: rgba(255,255,255,0.15); color: white; }

.btn-dashboard { background: rgba(0,0,0,0.12); border: 1px solid rgba(255,255,255,0.2); }
.btn-dashboard i { color: #93c5fd; } /* light blue tint for dashboard square */

.btn-navigation { background: transparent; }

.header-icon-btn {
    background: transparent;
    border: none;
    color: white;
    font-size: 15px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-icon-btn:hover {
    background: rgba(255,255,255,0.2);
}

.ansaldo-main {
    flex: 1;
    overflow-y: auto;
    background: var(--ansaldo-app-bg, #f8fafc);
    padding: 24px 32px;
}

body.theme-dark .ansaldo-sidebar,
body.theme-dark .ansaldo-surface,
body.theme-dark .yl-card,
body.theme-dark .yl-surface,
body.theme-dark .stock-item-listing-surface,
body.theme-dark .stock-item-form-surface,
body.theme-dark .si-form-surface {
    background: var(--ansaldo-surface-bg, #080808);
    border-color: var(--ansaldo-surface-border, #1f2937);
    color: var(--ansaldo-primary-text, #e5e7eb);
}

body.theme-dark .sidebar-brand,
body.theme-dark .sidebar-link,
body.theme-dark .sidebar-submenu a,
body.theme-dark .stock-item-title,
body.theme-dark .stock-item-listing-title,
body.theme-dark .si-section-heading,
body.theme-dark .profile-drawer-setting-copy strong {
    color: var(--ansaldo-primary-text, #f8fafc);
}

body.theme-dark .stock-item-subtitle,
body.theme-dark .stock-item-listing-subtitle,
body.theme-dark .sidebar-brand-text,
body.theme-dark .profile-drawer-setting-copy span {
    color: var(--ansaldo-muted-text, #94a3b8);
}

body.theme-dark .stock-item-form-toolbar,
body.theme-dark .sidebar-brand,
body.theme-dark .sidebar-submenu {
    background: var(--ansaldo-elevated-bg, #111827);
    border-color: var(--ansaldo-divider, #1f2937);
}

body.theme-dark .engineering-sidebar-group .sidebar-submenu {
    background: var(--ansaldo-elevated-bg, #111827);
}

body.theme-dark .engineering-menu-hint {
    border-color: #1e3a8a;
    background: #0b1b36;
    color: #93c5fd;
}

body.theme-dark .engineering-process-item.active > .engineering-process-link {
    background: rgba(239, 68, 68, 0.16);
    color: #fca5a5;
}

body.theme-dark .engineering-process-link {
    color: #cbd5e1;
}

body.theme-dark .engineering-process-link:hover {
    background: var(--ansaldo-hover-bg, rgba(148, 163, 184, 0.12));
    color: #fca5a5;
}

body.theme-dark .engineering-process-modules {
    border-color: rgba(147, 197, 253, 0.28);
}

body.theme-dark .engineering-process-modules a {
    color: #cbd5e1;
}

body.theme-dark .engineering-process-modules a::before {
    border-color: rgba(147, 197, 253, 0.28);
}

body.theme-dark .sidebar-link:hover,
body.theme-dark .sidebar-submenu a:hover,
body.theme-dark .stock-item-tool-btn:hover:not(:disabled) {
    background: var(--ansaldo-hover-bg, rgba(148, 163, 184, 0.12));
}

body.theme-dark .sidebar-link.active {
    background: rgba(239, 68, 68, 0.16);
    color: #fca5a5;
}

body.theme-dark .stock-item-form-crumb,
body.theme-dark .stock-item-form-crumb strong,
body.theme-dark .dx-form-group-caption,
body.theme-dark .dx-toolbar-label,
body.theme-dark .dx-datagrid-headers .dx-datagrid-text-content,
body.theme-dark .dx-tab .dx-tab-text {
    color: var(--ansaldo-primary-text, #e5e7eb) !important;
}

body.theme-dark .si-toolbar-left strong,
body.theme-dark .stock-item-form-crumb strong {
    color: #9ca3af !important;
}

body.theme-dark .si-toolbar-sep,
body.theme-dark .stock-item-form-crumb {
    color: #64748b !important;
}

body.theme-dark .stock-item-tool-btn {
    border-color: #1e293b;
    background: #0f172a;
    color: var(--ansaldo-primary-text, #e5e7eb);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
}

body.theme-dark .stock-item-tool-btn:hover:not(:disabled) {
    background: #111c31;
    border-color: #334155;
    color: #ffffff;
}

body.theme-dark .stock-item-tool-primary,
body.theme-dark .specs-rec-action-btn.stock-item-tool-primary,
body.theme-dark .apl-action-btn.stock-item-tool-primary {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28);
}

body.theme-dark .stock-item-tool-primary:hover:not(:disabled),
body.theme-dark .specs-rec-action-btn.stock-item-tool-primary:hover:not(:disabled),
body.theme-dark .apl-action-btn.stock-item-tool-primary:hover:not(:disabled) {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

body.theme-dark .stock-item-tool-btn:disabled {
    background: #6b7280;
    border-color: #6b7280;
    color: #f3f4f6;
    opacity: 0.72;
    box-shadow: none;
}

body.theme-dark .ansaldo-main :where(
    .dx-texteditor,
    .dx-dropdowneditor,
    .dx-numberbox,
    .dx-datebox,
    .dx-textarea,
    .dx-editor-outlined
),
body.theme-dark .dx-popup-content :where(
    .dx-texteditor,
    .dx-dropdowneditor,
    .dx-numberbox,
    .dx-datebox,
    .dx-textarea,
    .dx-editor-outlined
) {
    background: var(--ansaldo-field-bg, #151515) !important;
    border-color: var(--ansaldo-field-border, #1f2937) !important;
    color: var(--ansaldo-field-text, #e5e7eb) !important;
    caret-color: var(--ansaldo-field-text, #e5e7eb) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.theme-dark .ansaldo-main :where(
    .dx-texteditor-input,
    .dx-textarea .dx-texteditor-input,
    .dx-selectbox .dx-texteditor-input,
    .dx-numberbox .dx-texteditor-input,
    .dx-datebox .dx-texteditor-input,
    textarea,
    input
),
body.theme-dark .dx-popup-content :where(
    .dx-texteditor-input,
    .dx-textarea .dx-texteditor-input,
    .dx-selectbox .dx-texteditor-input,
    .dx-numberbox .dx-texteditor-input,
    .dx-datebox .dx-texteditor-input,
    textarea,
    input
) {
    color: var(--ansaldo-field-text, #e5e7eb) !important;
    -webkit-text-fill-color: var(--ansaldo-field-text, #e5e7eb) !important;
    caret-color: var(--ansaldo-field-text, #e5e7eb) !important;
}

body.theme-dark .ansaldo-main :where(
    .dx-placeholder,
    .dx-placeholder::before,
    .dx-field-item-label-text,
    .dx-label span,
    .dx-texteditor-label .dx-label
),
body.theme-dark .dx-popup-content :where(
    .dx-placeholder,
    .dx-placeholder::before,
    .dx-field-item-label-text,
    .dx-label span,
    .dx-texteditor-label .dx-label
) {
    color: var(--ansaldo-field-muted, #9ca3af) !important;
}

body.theme-dark .ansaldo-main :where(
    .dx-state-readonly.dx-texteditor,
    .dx-state-readonly.dx-dropdowneditor,
    .dx-state-readonly.dx-numberbox,
    .dx-state-readonly.dx-datebox,
    .dx-state-readonly.dx-textarea,
    .dx-state-disabled.dx-texteditor,
    .dx-state-disabled.dx-dropdowneditor,
    .dx-state-disabled.dx-numberbox,
    .dx-state-disabled.dx-datebox,
    .dx-state-disabled.dx-textarea
) {
    background: var(--ansaldo-field-readonly-bg, #0f172a) !important;
    border-color: var(--ansaldo-field-readonly-border, #1f2937) !important;
}

body.theme-dark .ansaldo-main :where(
    .dx-field-item-label,
    .dx-texteditor-label,
    .fabrication-attachment-label
) {
    background: var(--ansaldo-surface-bg, #080808) !important;
}

body.theme-dark #specsRecHeaderForm .dx-layout-manager .dx-field-item-label,
body.theme-dark #fabricationRequestForm .dx-layout-manager .dx-field-item-label,
body.theme-dark #fabricationModuleForm .dx-layout-manager .dx-field-item-label,
body.theme-dark .fabrication-attachment-label {
    background: var(--ansaldo-surface-bg, #080808) !important;
    color: var(--ansaldo-field-muted, #9ca3af) !important;
}

body.theme-dark #specsRecHeaderForm .dx-state-readonly.dx-texteditor,
body.theme-dark #specsRecHeaderForm .dx-state-readonly.dx-dropdowneditor,
body.theme-dark #specsRecHeaderForm .dx-state-readonly.dx-editor-outlined,
body.theme-dark #fabricationRequestForm .dx-state-readonly.dx-texteditor,
body.theme-dark #fabricationRequestForm .dx-state-readonly.dx-dropdowneditor,
body.theme-dark #fabricationRequestForm .dx-state-readonly.dx-editor-outlined,
body.theme-dark #fabricationModuleForm .dx-state-readonly.dx-texteditor,
body.theme-dark #fabricationModuleForm .dx-state-readonly.dx-dropdowneditor,
body.theme-dark #fabricationModuleForm .dx-state-readonly.dx-editor-outlined {
    background: var(--ansaldo-field-readonly-bg, #0f172a) !important;
    border-color: var(--ansaldo-field-readonly-border, #1f2937) !important;
}

body.theme-dark .fabrication-attachment-panel,
body.theme-dark .company-profile-header,
body.theme-dark .company-profile-main,
body.theme-dark .company-profile-side,
body.theme-dark .company-profile-status-card {
    background: var(--ansaldo-surface-bg, #080808);
    border-color: var(--ansaldo-surface-border, #1f2937);
    color: var(--ansaldo-primary-text, #e5e7eb);
}

body.theme-dark .ri-attachment-copy,
body.theme-dark .fabrication-attachment-panel,
body.theme-dark .dx-datagrid-rowsview .dx-row > td {
    color: var(--ansaldo-secondary-text, #9ca3af);
}

body.theme-dark .fabrication-gantt-timeline {
    background: var(--ansaldo-elevated-bg, #111827);
    border-color: var(--ansaldo-surface-border, #1f2937);
}

body.theme-dark .fabrication-gantt-summary-card {
    background: var(--ansaldo-surface-bg, #080808);
    border-color: var(--ansaldo-surface-border, #1f2937);
}

body.theme-dark .fabrication-gantt-summary-card strong,
body.theme-dark .fabrication-gantt-label strong {
    color: var(--ansaldo-primary-text, #e5e7eb);
}

body.theme-dark .fabrication-gantt-summary-card span,
body.theme-dark .fabrication-gantt-label span {
    color: var(--ansaldo-muted-text, #9ca3af);
}

body.theme-dark .fabrication-gantt-track {
    background: var(--ansaldo-report-input-bg, #111827);
}

body.theme-dark .fabrication-report-gantt-card,
body.theme-dark .fabrication-report-gantt-meta div {
    background: var(--ansaldo-report-card-bg, #080808);
    border-color: var(--ansaldo-surface-border, #1f2937);
}

body.theme-dark .fabrication-report-gantt-head h3,
body.theme-dark .fabrication-report-gantt-meta strong,
body.theme-dark .fabrication-report-gantt-label strong {
    color: var(--ansaldo-primary-text, #e5e7eb);
}

body.theme-dark .fabrication-report-gantt-head p,
body.theme-dark .fabrication-report-gantt-legend span,
body.theme-dark .fabrication-report-gantt-label span,
body.theme-dark .fabrication-report-gantt-empty {
    color: var(--ansaldo-muted-text, #9ca3af);
}

body.theme-dark .fabrication-report-gantt-row {
    border-color: var(--ansaldo-divider, #1f2937);
}

body.theme-dark .fabrication-report-gantt-track,
body.theme-dark .fabrication-report-gantt-task-meta span {
    background: var(--ansaldo-report-input-bg, #111827);
    color: var(--ansaldo-secondary-text, #9ca3af);
}

/* SHARED MODULE SHELL */
.yl-grid {
    display: grid;
    gap: 20px;
}

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

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

.yl-card,
.yl-surface {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 28px rgba(15,23,42,0.06);
}

.yl-card {
    border-radius: 8px;
    padding: 18px 20px;
    min-height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yl-card-caption {
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}

.yl-card-value {
    margin-top: 8px;
    color: #0f172a;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
}

.yl-surface {
    border-radius: 8px;
    overflow: hidden;
}

.yl-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    border-bottom: 1px solid #eef2f7;
    background: #ffffff;
}

.yl-section-title {
    color: #0f172a;
    font-size: 16px;
    font-weight: 600;
}

.yl-section-subtitle {
    margin-top: 4px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.yl-surface-body {
    padding: 20px;
}

.yl-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    gap: 20px;
    align-items: start;
}

.yl-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.yl-pill-blue,
.yl-pill-indigo {
    background: #eef2ff;
    color: #4f46e5;
}

.yl-pill-amber {
    background: #fffbeb;
    color: #d97706;
}

.yl-pill-emerald {
    background: #ecfdf5;
    color: #059669;
}

.yl-pill-rose {
    background: #fff1f2;
    color: #e11d48;
}

/* COMPANY PROFILE */
.company-profile-page {
    display: grid;
    gap: 22px;
    width: min(100%, 1560px);
    margin: 0 auto;
}

.company-profile-header {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(15,23,42,0.06);
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.company-profile-header h1 {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
}

.company-profile-header p {
    margin: 5px 0 0;
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
}

.company-profile-actions {
    display: inline-flex;
    gap: 10px;
    flex-shrink: 0;
}

.company-profile-actions button,
.company-logo-button {
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #334155;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

.company-profile-actions button:last-child {
    border-color: #e02424;
    background: #e02424;
    color: #ffffff;
}

.company-profile-grid {
    display: grid;
    grid-template-columns: minmax(640px, 840px) 320px;
    gap: 22px;
    justify-content: center;
    align-items: start;
}

.company-profile-main,
.company-profile-side,
.company-profile-status-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(15,23,42,0.06);
}

.company-profile-main {
    padding: 22px;
}

.company-profile-side {
    padding: 20px;
    display: grid;
    gap: 16px;
}

.company-profile-section-title {
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
}

.company-profile-print {
    margin-top: 26px;
    padding-top: 24px;
    border-top: 1px solid #eef2f7;
}

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

.company-profile-print-grid label {
    display: block;
    color: #334155;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
}

.company-logo-dropzone {
    border: 2px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.company-logo-preview {
    display: grid;
    justify-items: center;
    gap: 12px;
    color: #94a3b8;
    text-align: center;
    font-weight: 600;
}

.company-logo-preview i {
    font-size: 48px;
    color: #e02424;
}

.company-logo-preview img {
    max-width: 100%;
    max-height: 230px;
    object-fit: contain;
}

.company-logo-button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.company-logo-button:hover,
.company-profile-actions button:first-child:hover {
    background: #f8fafc;
}

.company-profile-actions button:last-child:hover {
    background: #b91c1c;
}

.company-profile-status-card {
    padding: 18px;
    box-shadow: none;
}

.status-card-label {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.status-card-value {
    margin-top: 4px;
    color: #059669;
    font-size: 22px;
    font-weight: 600;
}

.company-profile-status-card p {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════════
   STOCK ITEM – React Parity Layout (Sectioned 2-Column)
   ═══════════════════════════════════════════════════════════════════════ */

.si-page {
    display: grid;
    gap: 20px;
    width: min(100%, 1560px);
    margin: 0 auto;
}

.si-form-surface {
    overflow: visible;
}

.si-surface-body {
    padding: 24px 28px 32px;
    display: grid;
    gap: 28px;
}

/* ─── Toolbar / Breadcrumb ────────────────────────────────────────────────── */
.si-toolbar {
    background: transparent;
    border-bottom: 1px solid #eef2f7;
    padding: 22px 28px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.si-toolbar-left {
    display: flex;
    align-items: center;
    gap: 4px;
}

.si-toolbar-left a {
    color: #e02424;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: color 0.15s;
}

.si-toolbar-left a:hover {
    color: #b91c1c;
}

.si-toolbar-sep {
    color: #cbd5e1;
    margin: 0 8px;
    font-weight: 300;
}

.si-toolbar-left strong {
    color: #1F2937;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: -0.02em;
}

.si-toolbar-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* ─── Buttons ────────────────────────────────────────────────────────────── */
.si-btn {
    height: 44px;
    padding: 0 24px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1.5px solid #e2e8f0;
    background: #ffffff;
    color: #475569;
}

.si-btn-primary {
    background: #e02424;
    color: #ffffff;
    border-color: #e02424;
    box-shadow: 0 4px 12px rgba(224, 36, 36, 0.25);
}

.si-btn-primary:hover {
    background: #b91c1c;
    border-color: #b91c1c;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(224, 36, 36, 0.3);
}

.si-btn-outline {
    background: #ffffff;
    color: #475569;
    border: 1.5px solid #e2e8f0;
}

.si-btn-outline:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b;
}

.si-btn-icon {
    width: 44px;
    padding: 0;
    color: #94a3b8;
    background: #f1f5f9;
    border-color: transparent;
}

.si-btn-icon:hover {
    background: #e2e8f0;
    color: #475569;
}

/* ─── Attachments / Gallery ─────────────────────────────────────────────── */
body.theme-dark .si-btn {
    border-color: #1e293b;
    background: #0f172a;
    color: #e5e7eb;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
}

body.theme-dark .si-btn:hover:not(:disabled) {
    background: #111c31;
    border-color: #334155;
    color: #ffffff;
}

body.theme-dark .si-btn-outline {
    border-color: #1e293b;
    background: #0f172a;
    color: #e5e7eb;
}

body.theme-dark .si-btn-outline:hover:not(:disabled) {
    background: #111c31;
    border-color: #334155;
    color: #ffffff;
}

body.theme-dark .si-btn-icon {
    border-color: #1e293b;
    background: #0f172a;
    color: #dbeafe;
}

body.theme-dark .si-btn-primary {
    background: #e02424;
    color: #ffffff;
    border-color: #e02424;
    box-shadow: 0 10px 24px rgba(224, 36, 36, 0.32);
}

body.theme-dark .si-btn-primary:hover:not(:disabled) {
    background: #b91c1c;
    border-color: #b91c1c;
    color: #ffffff;
}

body.theme-dark .si-btn:disabled {
    background: #6b7280;
    border-color: #6b7280;
    color: #f3f4f6;
    opacity: 0.72;
    box-shadow: none;
}

.ansaldo-attachment-container {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 12px;
}

.ansaldo-attachment-header {
    padding: 16px 20px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.ansaldo-attachment-info {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #64748b;
}

.ansaldo-attachment-info i {
    font-size: 20px;
    color: #3b82f6;
}

.ansaldo-attachment-info span {
    font-size: 11px;
    font-weight: 500;
}

.ansaldo-btn-upload {
    height: 36px;
    padding: 0 16px;
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.15s;
}

.ansaldo-btn-upload:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #1e293b;
}

.ansaldo-attachment-gallery {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
    min-height: 120px;
}

.ansaldo-gallery-empty {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #94a3b8;
    padding: 40px 0;
}

.ansaldo-gallery-empty i {
    font-size: 32px;
}

.ansaldo-gallery-empty span {
    font-size: 12px;
    font-weight: 500;
}

.ansaldo-gallery-item {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s;
}

.ansaldo-gallery-item:hover {
    transform: scale(1.02);
}

.ansaldo-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ansaldo-gallery-item .item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.ansaldo-gallery-item:hover .item-overlay {
    opacity: 1;
}

.ansaldo-gallery-item .item-delete {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #ef4444;
    color: #ffffff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    z-index: 2;
}

.ansaldo-gallery-item .item-delete:hover {
    background: #dc2626;
    transform: scale(1.1);
}

.ansaldo-gallery-item .item-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 10px;
    background: rgba(15, 23, 42, 0.7);
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
}
/* ── 2-Column Content Grid ────────────────────────────────────────────── */
.si-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(420px, 0.83fr);
    gap: 20px;
    align-items: start;
    min-width: 0;
}

.si-left-col {
    display: grid;
    gap: 28px;
    min-width: 0;
}

.tire-profile-grid {
    display: grid;
    gap: 28px;
    min-width: 0;
}

.tire-profile-tabs-shell {
    min-width: 0;
}

.tire-profile-surface .dx-checkbox {
    min-height: var(--ansaldo-field-height, 40px);
    display: inline-flex;
    align-items: center;
}

.tire-profile-surface .dx-checkbox-text {
    color: #334155;
    font-size: var(--ansaldo-field-input-size, 12px);
    font-weight: 600;
}

.wr-checkbox-field .dx-checkbox {
    min-height: var(--ansaldo-field-height, 40px);
    display: inline-flex;
    align-items: center;
}

.wr-checkbox-field .dx-checkbox-text {
    color: #334155;
    font-size: var(--ansaldo-field-input-size, 12px);
    font-weight: 600;
}

#tireProfileTabs .dx-tab {
    font-weight: 500;
}

#tireProfileTabs .dx-tab-selected {
    border-bottom: 3px solid #e02424 !important;
    box-shadow: none !important;
}

#tireProfileTabs .dx-tabs-indicator,
#tireProfileTabs .dx-tabpanel-tabs .dx-tabs-indicator {
    display: none !important;
    background: transparent !important;
}

#tireProfileTabs .dx-tab-selected::before,
#tireProfileTabs .dx-tab-selected::after,
#tireProfileTabs .dx-tab.dx-tab-selected::before,
#tireProfileTabs .dx-tab.dx-tab-selected::after {
    display: none !important;
    background: transparent !important;
    border: 0 !important;
}

#tireProfileTabs .dx-multiview-wrapper {
    border-top: 1px solid #eef2f7;
    padding-top: 16px;
}

.tire-profile-history-shell {
    display: grid;
    gap: 16px;
}

.tire-profile-history-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tire-card-history-grid .dx-datagrid-headers .dx-header-row > td {
    background: #2A4885;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    border-right: 1px solid rgba(255,255,255,0.14);
    border-bottom: 0;
    padding: 12px 14px;
}

.tire-card-history-grid .dx-datagrid-rowsview .dx-row > td {
    background: #ffffff;
    color: #1F2937;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 14px;
    border-bottom: 1px solid #e5e7eb !important;
    vertical-align: top;
}

.si-right-col {
    display: grid;
    gap: 22px;
    align-content: start;
    min-width: 0;
    grid-template-rows: auto auto;
}

.si-right-col-bottom {
    padding-top: 14px;
}

/* ── Section Headings ─────────────────────────────────────────────────── */
.si-section {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.si-section-heading {
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 14px;
    font-weight: 500;
    color: #1F2937;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0;
}

.si-section-heading-plain {
    border-bottom-color: #e5e7eb;
}

.si-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.si-dot-blue     { background: #3b82f6; }
.si-dot-emerald  { background: #10b981; }
.si-dot-orange   { background: #f97316; }
.si-dot-indigo   { background: #4f46e5; }

/* ── Image Upload Area ────────────────────────────────────────────────── */
.si-side-section {
    display: grid;
    gap: 14px;
    min-width: 0;
    align-content: start;
}

.si-inline-subsection {
    margin-top: -2px;
}

.si-form-host .dx-layout-manager .dx-field-item {
    padding-top: 0;
    width: 100%;
}

.si-form-host .dx-texteditor,
.si-form-host .dx-dropdowneditor,
.si-form-host .dx-numberbox {
    border-radius: 8px;
    min-height: 40px;
    width: 100%;
    box-sizing: border-box;
}

.si-form-host .dx-textarea {
    border-radius: 8px;
    width: 100%;
}

.si-form-host .dx-dropdowneditor-input-wrapper,
.si-form-host .dx-texteditor-container {
    min-height: 40px;
    align-items: center;
}

.si-form-host .dx-layout-manager,
.si-form-host .dx-field-item-content-wrapper,
.si-form-host .dx-field-item-content,
.si-form-host .dx-texteditor-container,
.si-form-host .dx-texteditor-input-container {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.si-form-host .dx-layout-manager .dx-field-item-content-wrapper {
    min-width: 0;
}

.si-form-host .dx-layout-manager .dx-field-item-label {
    padding-bottom: 6px;
}

.si-form-host .unmounted-classification-choice.dx-radiogroup {
    width: 100%;
}

.si-form-host .unmounted-classification-choice .dx-radiogroup-items-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.si-form-host .unmounted-classification-choice .dx-item {
    margin: 0;
}

.si-form-host .unmounted-classification-choice .dx-radiobutton {
    width: 100%;
}

.si-form-host .unmounted-classification-choice .dx-radiobutton-icon {
    margin-left: 10px;
}

.si-form-host .unmounted-classification-choice .dx-radiobutton-content {
    min-height: 42px;
    width: 100%;
    border: 1px solid #d7e2f2;
    border-radius: 8px;
    padding: 0 12px 0 4px;
    display: flex;
    align-items: center;
    background: #ffffff;
    color: #1f2937;
    font-size: 12px;
    font-weight: 700;
}

.si-form-host .unmounted-classification-choice .dx-radiobutton-checked .dx-radiobutton-content {
    border-color: #ef4444;
    background: #fff7f7;
    color: #b91c1c;
}

.unmounted-classification-label {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    line-height: 1.2;
    white-space: normal;
}

@media (max-width: 900px) {
    .si-form-host .unmounted-classification-choice .dx-radiogroup-items-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .si-form-host .unmounted-classification-choice .dx-radiogroup-items-container {
        grid-template-columns: 1fr;
    }
}

#siFormRevenue {
    width: 100%;
}

#siFormRevenue .dx-layout-manager {
    margin-top: -2px;
}

#siFormRevenue .dx-layout-manager .dx-field-item {
    margin-bottom: 2px;
}

#siFormRevenue .dx-texteditor,
#siFormRevenue .dx-dropdowneditor,
#siFormRevenue .dx-numberbox,
#siFormRevenue .dx-textarea {
    min-width: 0;
}

.si-form-host .dx-dropdowneditor-button {
    align-self: stretch;
}

.si-form-host .dx-dropdowneditor-button .dx-button-content,
.si-form-host .dx-dropdowneditor-button .dx-button-has-icon {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
}

.si-form-host .dx-dropdowneditor-icon,
.si-form-host .dx-icon-clear,
.si-form-host .dx-icon-close,
.si-form-host .dx-icon-chevrondown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.si-checkbox-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px 22px;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 6px 8px 0;
    box-sizing: border-box;
}

.si-checkbox-row > div {
    flex: 0 1 auto;
    min-width: 108px;
    max-width: 100%;
}

.si-checkbox-row .dx-checkbox {
    min-height: 24px;
}

.si-checkbox-row .dx-checkbox-text {
    white-space: normal;
    line-height: 1.25;
}

.si-image-area {
    display: flex;
    gap: 12px;
}

.si-image-main {
    flex: 1;
    aspect-ratio: 1;
    background: #ffffff;
    border: 2px dashed #e2e8f0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color 0.2s, background 0.2s;
    box-shadow: 0 1px 3px rgba(15,23,42,0.04);
}

.si-image-main:hover {
    border-color: #93c5fd;
    background: #f0f7ff;
}

.si-image-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.si-btn-upload {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 8px;
    border: none;
    background: #00d084;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,208,132,0.25);
    transition: background 0.15s;
    position: relative;
    z-index: 1;
}

.si-btn-upload:hover {
    background: #00bc77;
}

.si-image-thumbs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 56px;
}

.si-thumb-slot {
    aspect-ratio: 1;
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(15,23,42,0.04);
    transition: border-color 0.15s;
}

.si-thumb-slot:hover {
    border-color: #93c5fd;
}

/* ── Bottom Tabs ──────────────────────────────────────────────────────── */
.si-bottom-tabs {
    margin-top: 2px;
}

#siDetailTabs .dx-tabpanel-tabs {
    background: transparent !important;
    border-bottom: 1px solid #e5e7eb;
}

#siDetailTabs .dx-tab {
    background: rgba(243,244,246,0.5) !important;
    border: 1px solid #e5e7eb !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    margin-bottom: -1px !important;
    padding: 10px 20px !important;
    transition: all 0.15s;
}

#siDetailTabs .dx-tab .dx-tab-text {
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    color: #64748b !important;
}

#siDetailTabs .dx-tab-selected {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    border-bottom-color: #ffffff !important;
    box-shadow: none !important;
}

#siDetailTabs .dx-tab-selected .dx-tab-text {
    color: #2563eb !important;
}

#siDetailTabs .dx-multiview-wrapper {
    border: 1px solid #e5e7eb;
    border-top: none;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15,23,42,0.04);
}

#siDetailTabs .dx-multiview-item-content {
    padding: 0;
}

.si-detail-grid .dx-datagrid-header-panel {
    padding: 12px 20px 12px 16px;
    border-bottom: 1px solid #e5e7eb;
}

.si-detail-grid .dx-datagrid-header-panel .dx-toolbar {
    background: transparent;
}

.si-detail-grid .dx-datagrid-header-panel .dx-toolbar-items-container {
    min-height: 28px;
}

.si-detail-grid .dx-datagrid-header-panel .dx-toolbar-after {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 20px;
}

.si-detail-grid .dx-datagrid-header-panel .dx-toolbar-button {
    margin-top: 0;
}

.si-detail-grid .dx-datagrid-header-panel .dx-button {
    border-radius: 8px;
}

.si-detail-grid .dx-datagrid-header-panel .dx-button-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Price Badge ──────────────────────────────────────────────────────── */
.si-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.si-badge-orange {
    background: #fff7ed;
    color: #c2410c;
}

.si-badge-sky {
    background: #f0f9ff;
    color: #0369a1;
}

/* ── Empty tab state ──────────────────────────────────────────────────── */
.si-tab-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 64px 32px;
    background: #fafbfc;
}

.si-tab-empty span {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    font-style: italic;
}

/* ── Inactive checkbox red tint ───────────────────────────────────────── */
.si-chk-inactive .dx-checkbox-text {
    color: #ef4444 !important;
    font-style: italic;
}

@media (max-width: 1100px) {
    .si-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .si-toolbar-actions {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .si-content-grid {
        grid-template-columns: 1fr;
    }

    .si-right-col {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}

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

    .si-form-surface {
        border-radius: 16px;
        overflow: hidden;
    }

    .si-surface-body {
        padding: 18px 16px 20px;
    }

    .si-toolbar {
        padding: 18px 16px;
    }

    .si-toolbar-left {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .si-right-col {
        grid-template-columns: 1fr;
    }

    .si-content-grid,
    .si-left-col,
    .si-right-col,
    .si-section,
    .si-side-section,
    .si-form-host,
    .si-inline-subsection {
        width: 100%;
        min-width: 0;
    }

    .si-form-host .dx-layout-manager {
        width: 100% !important;
        min-width: 0 !important;
    }

    .si-form-host .dx-field-item,
    .si-form-host .dx-field-item-content-wrapper,
    .si-form-host .dx-field-item-content,
    .si-form-host .dx-texteditor,
    .si-form-host .dx-dropdowneditor,
    .si-form-host .dx-numberbox,
    .si-form-host .dx-textarea,
    .si-form-host .dx-texteditor-container,
    .si-form-host .dx-texteditor-input-container {
        max-width: 100%;
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .si-form-host .dx-field-item-label,
    .si-form-host .dx-field-item-content-wrapper {
        overflow: hidden;
    }

    .si-form-host .dx-texteditor-input {
        min-width: 0;
    }

    .si-image-area {
        flex-direction: column;
    }

    .si-image-thumbs {
        width: 100%;
        flex-direction: row;
    }

    .si-thumb-slot {
        width: 56px;
    }

    .si-toolbar-actions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }

    .si-btn {
        width: auto;
        min-width: 0;
        padding-left: 12px;
        padding-right: 12px;
    }

    .si-toolbar-actions .si-btn:not(.si-btn-icon) {
        flex: 1 1 calc(50% - 5px);
        min-width: 132px;
    }

    .si-btn-primary {
        padding-left: 12px;
        padding-right: 12px;
    }

    .si-toolbar-actions .si-btn-icon {
        flex: 0 0 40px;
        width: 40px;
        min-width: 40px;
        margin-left: auto;
    }

    .si-checkbox-row {
        flex-wrap: wrap;
        gap: 14px 22px;
        padding-left: 0;
        min-height: auto;
    }

    #siDetailTabs .dx-tab {
        min-width: 148px;
    }

    #siDetailTabs .dx-multiview-wrapper {
        overflow-x: auto;
    }

    #siDetailTabs .dx-datagrid-headers .dx-row > td,
    #siDetailTabs .dx-datagrid-rowsview .dx-row > td {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* STOCK ITEM LISTING */
.stock-item-listing-page {
    width: min(100%, 1820px);
    margin: 0 auto;
}

.stock-item-listing-surface {
    overflow: hidden;
}

.stock-item-listing-pagehead {
    padding: 22px 32px 18px;
    border-bottom: 1px solid #e5e7eb;
}

.stock-item-listing-title {
    color: #1F2937;
    font-size: var(--ansaldo-list-title-size, 20px);
    font-weight: 500;
    letter-spacing: 0;
}

.stock-item-listing-subtitle {
    margin-top: 4px;
    color: #94a3b8;
    font-size: var(--ansaldo-list-subtitle-size, 13px);
    font-weight: 500;
}

.stock-item-toolbar {
    padding: 14px 32px;
    border-bottom: 1px solid #e5e7eb;
    background: #fcfcfd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.stock-item-toolbar-search {
    width: 420px;
}

.stock-item-toolbar-search .dx-texteditor {
    min-height: var(--ansaldo-list-toolbar-height, 40px);
    height: var(--ansaldo-list-toolbar-height, 40px);
    border-radius: 8px;
    border-color: #dbe4ef;
}

.stock-item-toolbar-search .dx-texteditor-container,
.stock-item-toolbar-search .dx-texteditor-input-container,
.stock-item-toolbar-search .dx-searchbox {
    min-height: var(--ansaldo-list-toolbar-height, 40px);
    height: var(--ansaldo-list-toolbar-height, 40px);
}

.stock-item-toolbar-search .dx-texteditor-input {
    color: #334155 !important;
    font-size: var(--ansaldo-list-cell-size, 13px) !important;
    height: var(--ansaldo-list-toolbar-height, 40px);
    line-height: var(--ansaldo-list-toolbar-height, 40px);
    padding-left: 38px !important;
    padding-right: 12px !important;
}

.stock-item-toolbar-search .dx-searchbox .dx-texteditor-input,
.stock-item-toolbar-search .dx-editor-search .dx-texteditor-input {
    padding-left: 38px !important;
    padding-right: 12px !important;
}

.stock-item-toolbar-search .dx-searchbox .dx-placeholder,
.stock-item-toolbar-search .dx-editor-search .dx-placeholder {
    left: 38px !important;
    right: 12px !important;
    width: auto !important;
    max-width: calc(100% - 50px);
    pointer-events: none;
}

.stock-item-toolbar-search .dx-searchbox .dx-placeholder::before,
.stock-item-toolbar-search .dx-editor-search .dx-placeholder::before {
    left: 0 !important;
    right: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-item-toolbar-search .dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder,
.stock-item-toolbar-search .dx-texteditor.dx-state-focused .dx-placeholder {
    display: none !important;
}

.stock-item-toolbar-search .dx-icon-search,
.stock-item-toolbar-search .dx-searchbox .dx-icon-search,
.stock-item-toolbar-search .dx-editor-search .dx-icon-search {
    left: 12px !important;
    right: auto !important;
    width: 18px !important;
}

.stock-item-toolbar-search .dx-placeholder::before {
    color: #94a3b8 !important;
}

body.theme-dark .stock-item-toolbar,
body.theme-dark .specs-rec-tab-toolbar {
    background: var(--ansaldo-report-card-bg, #0b1220);
    border-color: var(--ansaldo-divider, #1b2536);
}

body.theme-dark .stock-item-toolbar-search .dx-texteditor {
    background: var(--ansaldo-field-bg, #111827) !important;
    border-color: var(--ansaldo-field-border, #243044) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

body.theme-dark .stock-item-listing-pagehead {
    border-color: var(--ansaldo-divider, #1b2536);
}

body.theme-dark .stock-item-toolbar-search .dx-texteditor-input {
    color: var(--ansaldo-field-text, #e5e7eb) !important;
    -webkit-text-fill-color: var(--ansaldo-field-text, #e5e7eb) !important;
    caret-color: var(--ansaldo-field-text, #e5e7eb) !important;
    background: transparent !important;
}

body.theme-dark .stock-item-toolbar-search .dx-placeholder::before {
    color: var(--ansaldo-placeholder, #75839a) !important;
}

body.theme-dark .stock-item-toolbar-search .dx-icon-search,
body.theme-dark .stock-item-toolbar-search .dx-searchbox .dx-icon-search {
    color: var(--ansaldo-placeholder, #75839a) !important;
}

.stock-item-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.stock-item-tool-btn {
    min-height: var(--ansaldo-list-toolbar-height, 40px);
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15,23,42,0.04);
}

.stock-item-tool-btn:hover:not(:disabled) {
    background: #f8fafc;
}

.stock-item-tool-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none;
}

.stock-item-tool-primary {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.stock-item-tool-primary:hover:not(:disabled) {
    background: #1d4ed8;
}

.stock-item-tool-success {
    border-color: #16a34a;
    background: #16a34a;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(22, 163, 74, 0.18);
}

.stock-item-tool-success:hover:not(:disabled) {
    background: #15803d;
    border-color: #15803d;
}

.stock-item-tool-icon {
    width: var(--ansaldo-list-toolbar-height, 40px);
    min-width: var(--ansaldo-list-toolbar-height, 40px);
    padding: 0;
    justify-content: center;
}

.stock-item-listing-body {
    padding: 22px 32px 28px;
}

#stockItemGrid .dx-datagrid {
    background: #ffffff;
}

#stockItemGrid .dx-datagrid-headers {
    border: 1px solid #dbe4ef;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

#stockItemGrid .dx-header-row {
    background: #f8fafc;
}

#stockItemGrid .dx-header-row > td {
    border-bottom: 1px solid #dbe4ef !important;
    color: #94a3b8;
    font-size: var(--ansaldo-list-header-size, 10px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 14px var(--ansaldo-list-row-padding-x, 18px);
}

#stockItemGrid .dx-datagrid-rowsview {
    border: 1px solid #dbe4ef;
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    background: #ffffff;
}

#stockItemGrid .dx-row > td {
    padding: var(--ansaldo-list-row-padding-y, 18px) var(--ansaldo-list-row-padding-x, 18px);
    border-bottom: 1px solid #eef2f7 !important;
    vertical-align: middle;
    background: #ffffff;
}

#stockItemGrid .dx-data-row:last-child > td {
    border-bottom: none !important;
}

#stockItemGrid .dx-selection.dx-row:not(.dx-row-focused) > td,
#stockItemGrid .dx-selection.dx-row > td {
    background: #eff6ff !important;
}

.stock-item-selected-row {
    background: #eff6ff;
}

.stock-item-code-link,
.stock-item-open-arrow {
    color: #1d4ed8;
    text-decoration: none;
}

.stock-item-code-link {
    font-size: var(--ansaldo-list-cell-size, 13px);
    font-weight: 600;
    cursor: default;
    pointer-events: none;
}

.stock-item-open-arrow {
    font-size: 16px;
}

.stock-item-code-link:hover,
.stock-item-open-arrow:hover {
    color: #1e40af;
}

.stock-item-currency {
    color: #475569;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

#stockItemGrid .dx-data-row > td {
    color: #475569;
    font-size: var(--ansaldo-list-cell-size, 13px);
    font-weight: 500;
}

#stockItemGrid .dx-data-row > td:first-child,
#stockItemGrid .dx-data-row > td:nth-child(5),
#stockItemGrid .dx-data-row > td:nth-child(6) {
    color: #1F2937;
    font-weight: 600;
}

.stock-item-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--ansaldo-list-badge-height, 24px);
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.stock-item-status-badge.is-active {
    background: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.stock-item-status-badge.is-inactive {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.stock-item-status-badge.is-neutral {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
}

.stock-item-status-badge.is-info {
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
}

.stock-item-status-badge.is-warning {
    background: #fff7ed;
    color: #d97706;
    border: 1px solid #fdba74;
}

.decomm-filterbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 0 24px 20px;
}

.decomm-filter-field {
    position: relative;
}

.decomm-filter-field .ris-label {
    top: 0;
    left: 12px;
    padding: 0 4px;
}

.decomm-filter-field .dx-texteditor,
.decomm-filter-field .dx-dropdowneditor,
.decomm-filter-field .dx-datebox,
.decomm-filter-field .dx-selectbox {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
    box-sizing: border-box;
}

.decomm-filter-field .dx-texteditor-container,
.decomm-filter-field .dx-dropdowneditor-input-wrapper,
.decomm-filter-field .dx-texteditor-input-container {
    min-height: 40px;
}

.decomm-filter-field .dx-texteditor-input,
.decomm-filter-field .dx-dropdowneditor .dx-texteditor-input,
.decomm-filter-field .dx-datebox .dx-texteditor-input {
    height: 38px;
    line-height: 38px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.decomm-filter-field .dx-dropdowneditor-button,
.decomm-filter-field .dx-datebox .dx-dropdowneditor-button {
    min-height: 38px;
}

#costRevenueBranchFilter .dx-texteditor,
#costRevenueDepartmentFilter .dx-texteditor,
#costRevenueAssetTypeFilter .dx-texteditor,
#costRevenueStatusFilter .dx-texteditor,
#costRevenueJoFilter .dx-texteditor,
#costRevenueRequestFilter .dx-texteditor,
#costRevenueRiskFilter .dx-texteditor,
#costRevenueResultFilter .dx-texteditor,
#costRevenueBreakdownThresholdFilter .dx-texteditor {
    min-height: 40px;
    height: 40px;
    border-radius: 8px;
}

#costRevenueBranchFilter .dx-texteditor-input-container,
#costRevenueDepartmentFilter .dx-texteditor-input-container,
#costRevenueAssetTypeFilter .dx-texteditor-input-container,
#costRevenueStatusFilter .dx-texteditor-input-container,
#costRevenueJoFilter .dx-texteditor-input-container,
#costRevenueRequestFilter .dx-texteditor-input-container,
#costRevenueRiskFilter .dx-texteditor-input-container,
#costRevenueResultFilter .dx-texteditor-input-container,
#costRevenueBreakdownThresholdFilter .dx-texteditor-input-container,
#costRevenueBranchFilter .dx-dropdowneditor-input-wrapper,
#costRevenueDepartmentFilter .dx-dropdowneditor-input-wrapper,
#costRevenueAssetTypeFilter .dx-dropdowneditor-input-wrapper,
#costRevenueStatusFilter .dx-dropdowneditor-input-wrapper,
#costRevenueJoFilter .dx-dropdowneditor-input-wrapper,
#costRevenueRequestFilter .dx-dropdowneditor-input-wrapper,
#costRevenueRiskFilter .dx-dropdowneditor-input-wrapper,
#costRevenueResultFilter .dx-dropdowneditor-input-wrapper,
#costRevenueBreakdownThresholdFilter .dx-dropdowneditor-input-wrapper {
    min-height: 40px;
}

#costRevenueBranchFilter .dx-texteditor-input,
#costRevenueDepartmentFilter .dx-texteditor-input,
#costRevenueAssetTypeFilter .dx-texteditor-input,
#costRevenueStatusFilter .dx-texteditor-input,
#costRevenueJoFilter .dx-texteditor-input,
#costRevenueRequestFilter .dx-texteditor-input,
#costRevenueRiskFilter .dx-texteditor-input,
#costRevenueResultFilter .dx-texteditor-input,
#costRevenueBreakdownThresholdFilter .dx-texteditor-input {
    height: 38px;
    line-height: 38px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.decomm-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 24px 18px;
}

.cost-revenue-listing-surface .decomm-kpi-grid {
    margin: 20px 32px 16px;
}

.cost-revenue-listing-surface .stock-item-toolbar {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px;
}

.cost-revenue-listing-surface .decomm-filterbar {
    padding: 12px 32px 22px;
}

.cost-revenue-listing-surface .stock-item-listing-body {
    padding-top: 2px;
}

.request-decomm-listing-surface .stock-item-toolbar {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px;
}

.request-decomm-listing-surface .decomm-filterbar {
    padding: 12px 32px 22px;
}

.request-decomm-listing-surface .stock-item-listing-body {
    padding-top: 2px;
}

.decomm-approval-listing-surface .stock-item-toolbar {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px;
}

.decomm-approval-listing-surface .decomm-filterbar {
    padding: 12px 32px 22px;
}

.decomm-approval-listing-surface .stock-item-listing-body {
    padding-top: 2px;
}

.pms-delay-approval-listing-surface .stock-item-toolbar {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px;
}

.pms-delay-approval-listing-surface .decomm-filterbar {
    padding: 12px 32px 22px;
}

.pms-delay-approval-listing-surface .stock-item-listing-body {
    padding-top: 2px;
}

.decomm-kpi-card,
.decomm-metric-card,
.decomm-audit-item {
    border: 1px solid #dbe4f1;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(148, 163, 184, 0.12);
}

.decomm-kpi-card {
    padding: 14px 16px;
}

.decomm-kpi-label,
.decomm-metric-caption {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 700;
}

.decomm-kpi-value {
    font-size: 26px;
    line-height: 1.1;
    color: #1f2937;
    font-weight: 700;
    margin-top: 6px;
}

.decomm-kpi-copy,
.decomm-summary-note,
.decomm-readonly-note,
.decomm-audit-copy {
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.decomm-badge-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.decomm-rule-chip {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid rgba(59, 130, 246, 0.2);
    background: rgba(59, 130, 246, 0.08);
    color: #1d4ed8;
}

.decomm-audit-list {
    display: grid;
    gap: 12px;
}

.decomm-audit-item {
    padding: 12px 14px;
}

.decomm-audit-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
    font-size: 12px;
    color: #475569;
    font-weight: 700;
}

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

.decomm-metric-card {
    padding: 12px 14px;
}

.decomm-metric-value {
    margin-top: 6px;
    font-size: 19px;
    color: #1f2937;
    font-weight: 700;
}

.decomm-link-btn {
    border: 0;
    background: none;
    color: #2563eb;
    font-weight: 700;
    padding: 0;
}

body.theme-dark .cost-revenue-listing-surface .decomm-kpi-grid,
body.theme-dark .request-decomm-listing-surface .decomm-kpi-grid,
body.theme-dark .decomm-approval-listing-surface .decomm-kpi-grid {
    color: #e5e7eb;
}

body.theme-dark .decomm-kpi-card,
body.theme-dark .decomm-metric-card,
body.theme-dark .decomm-audit-item {
    background: #111827;
    border-color: #243044;
    color: #e5e7eb;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

body.theme-dark .decomm-kpi-card {
    background:
        linear-gradient(180deg, rgba(21, 30, 46, 0.92), rgba(17, 24, 39, 0.98));
}

body.theme-dark .decomm-kpi-card:hover,
body.theme-dark .decomm-metric-card:hover {
    border-color: #334155;
    background: #151e2e;
}

body.theme-dark .decomm-kpi-label,
body.theme-dark .decomm-metric-caption {
    color: #8ea0bb;
}

body.theme-dark .decomm-kpi-value,
body.theme-dark .decomm-metric-value {
    color: #e6eaf2;
}

body.theme-dark .decomm-kpi-copy,
body.theme-dark .decomm-summary-note,
body.theme-dark .decomm-readonly-note,
body.theme-dark .decomm-audit-copy {
    color: #a7b0c0;
}

body.theme-dark .decomm-rule-chip {
    background: rgba(37, 99, 235, 0.18);
    border-color: rgba(96, 165, 250, 0.26);
    color: #bfdbfe;
}

body.theme-dark .decomm-audit-head {
    color: #cbd5e1;
}

body.theme-dark .decomm-link-btn {
    color: #60a5fa;
}

@media (max-width: 1200px) {
    .decomm-filterbar,
    .decomm-kpi-grid,
    .decomm-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .decomm-filterbar,
    .decomm-kpi-grid,
    .decomm-metric-grid {
        grid-template-columns: 1fr;
    }
}

#stockItemGrid .dx-datagrid-pager {
    border-top: 1px solid #eef2f7;
    padding: 16px 0 0;
}

#stockItemGrid .dx-page,
#stockItemGrid .dx-pages .dx-selection,
#stockItemGrid .dx-page-size {
    border-radius: 8px !important;
}

.stock-item-dialog {
    display: grid;
    gap: 14px;
    padding: 6px 4px 0;
}

.stock-item-dialog-title {
    color: #1F2937;
    font-size: 18px;
    font-weight: 500;
}

.stock-item-dialog-copy {
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.stock-item-dialog-field {
    display: grid;
    gap: 8px;
}

.stock-item-dialog-field label {
    color: #334155;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.stock-item-dialog-error {
    min-height: 18px;
    color: #dc2626;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .stock-item-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .stock-item-toolbar-search {
        width: 100%;
    }

    .stock-item-toolbar-actions {
        justify-content: flex-start;
    }
}

/* STANDARD MASTER DATA LISTING / FORM */
.master-listing-page {
    width: min(100%, 1820px);
}

.master-listing-surface {
    overflow: hidden;
}

.master-listing-surface .stock-item-listing-body,
.master-listing-surface .master-standard-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.master-standard-grid .dx-datagrid {
    background: var(--ansaldo-report-card-bg, #ffffff);
    width: 100% !important;
    max-width: 100%;
}

.master-standard-grid .dx-datagrid-headers {
    border: 1px solid var(--ansaldo-surface-border, #dbe4ef);
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.master-standard-grid .dx-header-row {
    background: var(--ansaldo-report-header-bg, #f8fafc);
}

.master-standard-grid .dx-header-row > td {
    border-bottom: 1px solid var(--ansaldo-surface-border, #dbe4ef) !important;
    color: var(--ansaldo-muted-text, #94a3b8);
    font-size: var(--ansaldo-list-header-size, 10px);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 14px var(--ansaldo-list-row-padding-x, 18px);
}

.master-standard-grid .dx-header-filter {
    margin-left: 8px;
    border-radius: 999px;
    color: var(--ansaldo-muted-text, #94a3b8);
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.master-standard-grid .dx-header-filter::before {
    font-size: 12px;
}

.master-standard-grid .dx-header-filter:hover {
    background: var(--ansaldo-hover-bg, #eff6ff);
    color: var(--ansaldo-tint, #2563eb);
}

.master-standard-grid .dx-header-filter.dx-header-filter-active,
.master-standard-grid .dx-header-filter.dx-state-active,
.master-standard-grid .dx-header-filter.dx-state-focused {
    background: var(--ansaldo-hover-bg, #dbeafe);
    color: var(--ansaldo-tint, #1d4ed8);
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.18);
}

.master-standard-grid .dx-header-filter.dx-header-filter-active::before,
.master-standard-grid .dx-header-filter.dx-state-active::before,
.master-standard-grid .dx-header-filter.dx-state-focused::before {
    color: var(--ansaldo-tint, #1d4ed8);
}

.master-standard-grid .dx-datagrid-rowsview {
    border: 1px solid var(--ansaldo-surface-border, #dbe4ef);
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    background: var(--ansaldo-report-card-bg, #ffffff);
}

.master-standard-grid .dx-datagrid-headers,
.master-standard-grid .dx-datagrid-rowsview,
.master-standard-grid .dx-datagrid-content,
.master-standard-grid .dx-datagrid-table {
    max-width: 100%;
}

.master-standard-grid .dx-row > td {
    padding: var(--ansaldo-list-row-padding-y, 18px) var(--ansaldo-list-row-padding-x, 18px);
    border-bottom: 1px solid var(--ansaldo-divider, #eef2f7) !important;
    vertical-align: middle;
    background: var(--ansaldo-report-row-even-bg, #ffffff);
    color: var(--ansaldo-secondary-text, #475569);
    font-size: var(--ansaldo-list-cell-size, 13px);
    font-weight: 500;
}

.master-standard-grid .dx-data-row:last-child > td {
    border-bottom: none !important;
}

.master-standard-grid .dx-selection.dx-row:not(.dx-row-focused) > td,
.master-standard-grid .dx-selection.dx-row > td {
    background: var(--ansaldo-hover-bg, #eff6ff) !important;
}

.master-standard-grid .dx-data-row > td:first-child {
    color: var(--ansaldo-primary-text, #1f2937);
    font-weight: 600;
}

body.theme-dark .ansaldo-main {
    background: var(--ansaldo-report-page-bg, #080808);
}

body.theme-dark .master-standard-grid .dx-datagrid,
body.theme-dark .master-standard-grid .dx-datagrid-rowsview,
body.theme-dark .master-standard-grid .dx-datagrid-content,
body.theme-dark .specs-rec-standard-grid .dx-datagrid,
body.theme-dark .specs-rec-standard-grid .dx-datagrid-rowsview,
body.theme-dark .specs-rec-standard-grid .dx-datagrid-content {
    background: var(--ansaldo-report-card-bg, #080808) !important;
}

body.theme-dark .master-standard-grid .dx-datagrid-headers,
body.theme-dark .specs-rec-standard-grid .dx-datagrid-headers {
    border-color: var(--ansaldo-surface-border, #1f2937) !important;
    background: var(--ansaldo-report-header-bg, #111827) !important;
}

body.theme-dark .master-standard-grid .dx-header-row,
body.theme-dark .specs-rec-standard-grid .dx-header-row,
body.theme-dark .master-standard-grid .dx-header-row > td,
body.theme-dark .specs-rec-standard-grid .dx-header-row > td {
    background: var(--ansaldo-report-header-bg, #111827) !important;
    border-color: var(--ansaldo-surface-border, #1f2937) !important;
    color: var(--ansaldo-placeholder, #9ca3af) !important;
}

body.theme-dark .master-standard-grid .dx-data-row:nth-child(odd) > td,
body.theme-dark .specs-rec-standard-grid .dx-data-row:nth-child(odd) > td {
    background: var(--ansaldo-report-row-odd-bg, #0b1220) !important;
}

body.theme-dark .master-standard-grid .dx-data-row:nth-child(even) > td,
body.theme-dark .specs-rec-standard-grid .dx-data-row:nth-child(even) > td {
    background: var(--ansaldo-report-row-even-bg, #0f172a) !important;
}

body.theme-dark .master-standard-grid .dx-data-row > td,
body.theme-dark .specs-rec-standard-grid .dx-data-row > td {
    border-color: var(--ansaldo-divider, #1f2937) !important;
    color: var(--ansaldo-primary-text, #e5e7eb) !important;
}

body.theme-dark .master-standard-grid .dx-datagrid-total-footer .dx-row > td,
body.theme-dark .specs-rec-standard-grid .dx-datagrid-total-footer .dx-row > td {
    background: var(--ansaldo-report-total-row-bg, #1e1b4b) !important;
    color: var(--ansaldo-primary-text, #e5e7eb) !important;
}

/* SPECS RECOMMENDATION */
.specs-rec-listing-surface,
.specs-rec-form-surface {
    overflow: hidden;
}

.specs-rec-list-wrap {
    padding: 0 0 8px;
}

.specs-rec-tab-body .stock-item-listing-body {
    padding-top: 18px;
}

.specs-rec-tab-body .stock-item-listing-grid,
.specs-rec-tab-body .stock-item-listing-grid .dx-datagrid,
.specs-rec-tab-body .stock-item-listing-grid .dx-datagrid-table {
    width: 100%;
}

.specs-rec-tab-body .stock-item-listing-grid .dx-datagrid-table {
    min-width: 100%;
}

.specs-rec-standard-grid .dx-command-adaptive,
.specs-rec-standard-grid td.dx-command-adaptive,
.specs-rec-standard-grid th.dx-command-adaptive {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

.specs-rec-tab-toolbar {
    border-bottom: none;
}

.fabrication-formal-report-head {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
    gap: 18px;
    padding: 18px;
    border-bottom: 1px solid #e5edf7;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.fabrication-formal-report-titleblock {
    min-width: 0;
}

.fabrication-formal-report-kicker {
    display: inline-flex;
    margin-bottom: 8px;
    color: #2563eb;
    font-size: var(--ansaldo-list-badge-size, 10px);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fabrication-formal-report-titleblock h2 {
    margin: 0;
    color: #0f172a;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0;
}

.fabrication-formal-report-titleblock p {
    max-width: 780px;
    margin: 8px 0 0;
    color: #64748b;
    font-size: var(--ansaldo-list-cell-size, 13px);
    font-weight: 600;
    line-height: 1.5;
}

.fabrication-formal-report-meta {
    display: grid;
    gap: 8px;
    align-content: start;
}

.fabrication-formal-report-meta div {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
}

.fabrication-formal-report-meta span,
.fabrication-formal-report-metric span {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.fabrication-formal-report-meta strong {
    color: #0f172a;
    font-size: var(--ansaldo-list-button-size, 12px);
    font-weight: 800;
    line-height: 1.35;
}

.fabrication-formal-report-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #e5edf7;
    background: #ffffff;
}

.fabrication-formal-report-metric {
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #f8fafc;
}

.fabrication-formal-report-metric strong {
    color: #0f172a;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.fabrication-formal-report-head {
    border-bottom-color: var(--ansaldo-divider, #e5edf7);
    background: var(--ansaldo-report-card-bg, #ffffff);
}

.fabrication-formal-report-kicker {
    color: var(--ansaldo-tint, #2563eb);
}

.fabrication-formal-report-titleblock h2,
.fabrication-formal-report-meta strong,
.fabrication-formal-report-metric strong {
    color: var(--ansaldo-primary-text, #0f172a);
}

.fabrication-formal-report-titleblock p {
    color: var(--ansaldo-secondary-text, #64748b);
}

.fabrication-formal-report-meta div {
    border-color: var(--ansaldo-surface-border, #dbe4ef);
    background: var(--ansaldo-report-card-bg, #ffffff);
}

.fabrication-formal-report-meta span,
.fabrication-formal-report-metric span {
    color: var(--ansaldo-muted-text, #94a3b8);
}

.fabrication-formal-report-metrics {
    border-bottom-color: var(--ansaldo-divider, #e5edf7);
    background: var(--ansaldo-report-card-bg, #ffffff);
}

.fabrication-formal-report-metric {
    border-color: var(--ansaldo-surface-border, #dbe4ef);
    background: var(--ansaldo-report-input-bg, #f8fafc);
}

.specs-rec-action-btn {
    min-width: 118px;
    justify-content: center;
    white-space: nowrap;
}

.apl-action-cell {
    display: flex;
    justify-content: center;
}

.apl-action-btn {
    width: 160px;
    min-width: 160px;
    padding-left: 12px;
    padding-right: 12px;
    justify-content: center;
}

.apl-action-column,
.specs-rec-standard-grid .apl-action-column {
    background: #ffffff;
}

.standard-row-action-menu .dx-button {
    min-width: 160px;
    min-height: var(--ansaldo-list-toolbar-height, 40px);
    height: var(--ansaldo-list-toolbar-height, 40px);
    border-color: #2563eb;
    border-radius: 8px;
    background: #2563eb;
    color: #ffffff;
}

.standard-row-action-menu .dx-button .dx-button-text,
.standard-row-action-menu .dx-button .dx-icon {
    color: #ffffff;
}

.specs-rec-standard-grid .dx-datagrid-rowsview td.apl-action-column,
.specs-rec-standard-grid .dx-datagrid-headers td.apl-action-column,
.specs-rec-standard-grid .dx-datagrid-headers .apl-action-column,
.specs-rec-standard-grid .dx-datagrid-content .apl-action-column {
    background: #ffffff !important;
    box-shadow: -8px 0 16px rgba(15, 23, 42, 0.04);
}

.master-standard-grid .dx-datagrid-rowsview td.apl-action-column,
.master-standard-grid .dx-datagrid-headers td.apl-action-column {
    min-width: 196px;
    padding-left: var(--ansaldo-list-row-padding-x, 18px) !important;
    padding-right: var(--ansaldo-list-row-padding-x, 18px) !important;
    overflow: visible;
}

#specsRecTabs .dx-tabpanel-tabs {
    padding: 0 32px;
    border-bottom: 1px solid #e5e7eb;
}

#specsRecTabs .dx-tab {
    border-radius: 0;
}

#specsRecTabs .dx-multiview-item-container,
#specsRecTabs .dx-multiview-item {
    background: transparent;
}

#specsRecTabs .dx-tabpanel-container {
    padding-top: 0;
}

#specsRecTabs .dx-datagrid-headers,
#specsRecLineGrid .dx-datagrid-headers {
    border: 1px solid #dbe4ef;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

#specsRecTabs .dx-header-row {
    background: #f8fafc;
}

#specsRecLineGrid .dx-header-row {
    background: #2A4885;
}

#specsRecTabs .dx-header-row > td {
    border-bottom: 1px solid #dbe4ef !important;
    color: #94a3b8;
    font-size: var(--ansaldo-list-header-size, 10px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 14px var(--ansaldo-list-row-padding-x, 18px);
}

#specsRecTabs .master-standard-grid .dx-header-row > td {
    padding: 14px var(--ansaldo-list-row-padding-x, 18px);
}

.master-standard-grid .dx-filter-row {
    background: #ffffff;
}

.master-standard-grid .dx-filter-row > td {
    padding: 10px 14px 12px;
    border-bottom: 1px solid #e5edf6 !important;
    background: #ffffff;
}

.master-standard-grid .dx-filter-row .dx-editor-cell .dx-texteditor,
.master-standard-grid .dx-filter-row .dx-editor-cell .dx-selectbox,
.master-standard-grid .dx-filter-row .dx-editor-cell .dx-numberbox,
.master-standard-grid .dx-filter-row .dx-editor-cell .dx-datebox {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #f8fafc;
    box-shadow: none;
}

.master-standard-grid .dx-filter-row .dx-texteditor-input {
    color: #475569;
    font-size: 12px;
}

.master-standard-grid .dx-filter-row .dx-placeholder {
    color: #94a3b8;
    font-size: 12px;
}

#specsRecLineGrid .dx-header-row > td {
    background: #2A4885;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    border-right: 1px solid rgba(255,255,255,0.14);
    border-bottom: 0 !important;
    padding: 12px 14px;
    text-transform: uppercase;
}

#specsRecTabs .dx-datagrid-rowsview,
#specsRecLineGrid .dx-datagrid-rowsview {
    border: 1px solid #dbe4ef;
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    background: #ffffff;
}

#specsRecTabs .dx-row > td,
#specsRecLineGrid .dx-row > td {
    padding: var(--ansaldo-list-row-padding-y, 18px) var(--ansaldo-list-row-padding-x, 18px);
    border-bottom: 1px solid #eef2f7 !important;
    vertical-align: middle;
    background: #ffffff;
    color: #1F2937;
    font-size: 13px;
    font-weight: 500;
}

#specsRecTabs .dx-data-row:last-child > td,
#specsRecLineGrid .dx-data-row:last-child > td {
    border-bottom: none !important;
}

#specsRecTabs .dx-data-row {
    min-height: var(--ansaldo-list-row-min-height, 64px);
}

#specsRecLineGrid .dx-data-row {
    min-height: var(--ansaldo-list-row-min-height, 64px);
}

#specsRecTabs .dx-datagrid-pager {
    border-top: 1px solid #eef2f7;
    padding: 16px 0 0;
}

.specs-rec-form-page {
    width: min(100%, 1560px);
    margin: 0 auto;
}

.specs-rec-pagehead {
    display: grid;
    gap: 6px;
    padding: 4px 0 2px;
}

.specs-rec-page-title {
    color: #1F2937;
    font-size: 20px;
    font-weight: 500;
}

.specs-rec-page-subtitle {
    color: #94a3b8;
    font-size: 13px;
    font-weight: 500;
}

.specs-rec-header-layout {
    margin: 22px 32px 0;
    padding-top: 0;
    display: block;
    max-width: calc(100% - 64px);
    box-sizing: border-box;
}

.specs-rec-section {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 18px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.specs-rec-section .si-section-heading {
    margin-bottom: 16px;
}

.specs-rec-lines-section {
    margin: 22px 32px 28px;
    padding: 18px;
    max-width: calc(100% - 64px);
    box-sizing: border-box;
}

.specs-rec-lines-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.specs-rec-lines-header .si-section-heading {
    margin-bottom: 10px;
}

.specs-rec-lines-copy {
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}

.specs-rec-ris-remarks {
    color: #334155;
    font-size: 13px;
    line-height: 1.55;
    padding: 10px 0;
}

.specs-rec-purpose-cell {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #475569;
}

.specs-rec-static-cell {
    min-height: 60px;
    display: flex;
    align-items: center;
    color: #1F2937;
    font-size: 13px;
    font-weight: 500;
}

.specs-rec-code-cell,
.specs-rec-desc-cell {
    justify-content: flex-start;
}

.specs-rec-code-cell {
    font-weight: 600;
}

.specs-rec-item-stack,
.specs-rec-recommended-editor {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}

.specs-rec-item-title {
    color: #1F2937;
    font-weight: 600;
    line-height: 1.35;
}

.specs-rec-inline-onhand {
    display: flex;
    align-items: center;
    min-height: 22px;
}

.specs-rec-onhand-cell {
    justify-content: center;
}

.specs-rec-onhand-pill {
    min-width: 52px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

.specs-rec-inline-onhand .specs-rec-onhand-pill {
    min-width: 0;
    padding: 5px 9px;
    font-size: 11px;
}

.specs-rec-onhand-muted {
    color: #94a3b8;
    font-weight: 700;
}

.specs-rec-select-editor .dx-texteditor,
.specs-rec-note-editor .dx-texteditor {
    border-radius: 8px;
}

.specs-rec-select-editor .dx-texteditor-container {
    min-height: 42px;
}

.specs-rec-select-editor .dx-texteditor-input {
    font-size: 12px;
    font-weight: 500;
}

.specs-rec-select-editor .dx-dropdowneditor-button {
    width: 36px;
}

.specs-rec-note-editor .dx-texteditor-container {
    min-height: 42px;
}

#specsRecHeaderForm .dx-texteditor,
#specsRecHeaderForm .dx-texteditor-container,
#specsRecHeaderForm .dx-dropdowneditor {
    border-radius: 8px;
}

#specsRecHeaderForm,
#specsRecHeaderForm .dx-form,
#specsRecHeaderForm .dx-layout-manager,
#specsRecHeaderForm .dx-layout-manager .dx-field-item-content {
    max-width: 100%;
    box-sizing: border-box;
}

#specsRecHeaderForm .dx-layout-manager .dx-field-item {
    min-width: 0;
}

#specsRecHeaderForm .dx-texteditor,
#specsRecHeaderForm .dx-dropdowneditor,
#specsRecHeaderForm .dx-numberbox,
#specsRecHeaderForm .dx-datebox {
    min-height: var(--ansaldo-field-height, 40px);
    width: 100%;
}

#specsRecHeaderForm .dx-texteditor-container,
#specsRecHeaderForm .dx-texteditor-input-container,
#specsRecHeaderForm .dx-dropdowneditor-input-wrapper {
    min-height: var(--ansaldo-field-height, 40px);
    align-items: center;
}

#specsRecHeaderForm .dx-texteditor-input,
#specsRecHeaderForm .dx-dropdowneditor .dx-texteditor-input,
#specsRecHeaderForm .dx-datebox .dx-texteditor-input {
    height: var(--ansaldo-field-inner-height, 38px);
    line-height: var(--ansaldo-field-inner-height, 38px);
    font-size: var(--ansaldo-field-input-size, 12px) !important;
    padding-left: var(--ansaldo-field-input-padding-x, 10px) !important;
    padding-right: var(--ansaldo-field-input-padding-x, 10px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#specsRecHeaderForm .dx-dropdowneditor-button {
    min-width: var(--ansaldo-field-height, 40px);
    width: var(--ansaldo-field-height, 40px);
}

#specsRecHeaderForm .dx-dropdowneditor-button .dx-button-content {
    padding-left: 0;
    padding-right: 0;
}

#specsRecHeaderForm .dx-layout-manager .dx-field-item {
    padding-top: calc(var(--ansaldo-field-label-size, 10px) * 0.8);
    position: relative;
    overflow: visible;
}

#specsRecHeaderForm .dx-layout-manager .dx-field-item-label {
    position: absolute;
    top: 0;
    left: var(--ansaldo-field-input-padding-x, 10px);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
    background: #ffffff;
    width: auto;
    max-width: calc(100% - (var(--ansaldo-field-input-padding-x, 10px) * 2));
    overflow: visible;
}

#specsRecHeaderForm .dx-field-item-label-text,
#specsRecHeaderForm .dx-field-item-label-content {
    display: inline-block;
    color: #6b7280 !important;
    font-size: var(--ansaldo-field-label-size, 10px) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

#specsRecHeaderForm .dx-state-readonly.dx-texteditor,
#specsRecHeaderForm .dx-state-readonly.dx-dropdowneditor,
#specsRecHeaderForm .dx-state-readonly.dx-editor-outlined {
    background: #f8fafc;
}

#specsRecHeaderForm .dx-form-group-content {
    row-gap: 10px;
}

#specsRecHeaderForm .dx-layout-manager .dx-field-item-content {
    min-width: 0;
}

#specsRecHeaderForm .dx-textarea {
    min-height: 96px;
}

#specsRecHeaderForm .dx-textarea .dx-texteditor-input,
#specsRecHeaderForm textarea {
    min-height: 86px !important;
    line-height: 1.5 !important;
    padding-top: 12px !important;
    resize: none;
}

#specsRecLineGrid {
    width: 100%;
    max-width: 100%;
}

#specsRecLineGrid .dx-datagrid {
    max-width: 100%;
}

#specsRecLineGrid .dx-datagrid-rowsview,
#specsRecLineGrid .dx-datagrid-headers {
    overflow: hidden;
}

#fabricationRequestForm .dx-texteditor,
#fabricationRequestForm .dx-texteditor-container,
#fabricationRequestForm .dx-dropdowneditor,
#fabricationModuleForm .dx-texteditor,
#fabricationModuleForm .dx-texteditor-container,
#fabricationModuleForm .dx-dropdowneditor {
    border-radius: 8px;
}

#fabricationRequestForm .dx-texteditor,
#fabricationRequestForm .dx-dropdowneditor,
#fabricationRequestForm .dx-numberbox,
#fabricationRequestForm .dx-datebox,
#fabricationModuleForm .dx-texteditor,
#fabricationModuleForm .dx-dropdowneditor,
#fabricationModuleForm .dx-numberbox,
#fabricationModuleForm .dx-datebox {
    min-height: var(--ansaldo-field-height, 40px);
    width: 100%;
}

#fabricationRequestForm .dx-textarea,
#fabricationModuleForm .dx-textarea {
    min-height: calc(var(--ansaldo-field-height, 40px) * 1.8);
}

#fabricationRequestForm .dx-texteditor-container,
#fabricationRequestForm .dx-texteditor-input-container,
#fabricationRequestForm .dx-dropdowneditor-input-wrapper,
#fabricationModuleForm .dx-texteditor-container,
#fabricationModuleForm .dx-texteditor-input-container,
#fabricationModuleForm .dx-dropdowneditor-input-wrapper {
    min-height: var(--ansaldo-field-height, 40px);
    align-items: center;
}

#fabricationRequestForm .dx-textarea .dx-texteditor-container,
#fabricationRequestForm .dx-textarea .dx-texteditor-input-container,
#fabricationModuleForm .dx-textarea .dx-texteditor-container,
#fabricationModuleForm .dx-textarea .dx-texteditor-input-container {
    min-height: calc(var(--ansaldo-field-height, 40px) * 1.8);
    align-items: stretch;
}

#fabricationRequestForm .dx-texteditor-input,
#fabricationRequestForm .dx-dropdowneditor .dx-texteditor-input,
#fabricationRequestForm .dx-datebox .dx-texteditor-input,
#fabricationModuleForm .dx-texteditor-input,
#fabricationModuleForm .dx-dropdowneditor .dx-texteditor-input,
#fabricationModuleForm .dx-datebox .dx-texteditor-input {
    height: var(--ansaldo-field-inner-height, 38px);
    line-height: var(--ansaldo-field-inner-height, 38px);
    font-size: var(--ansaldo-field-input-size, 12px) !important;
    padding-left: var(--ansaldo-field-input-padding-x, 10px) !important;
    padding-right: var(--ansaldo-field-input-padding-x, 10px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#fabricationRequestForm .dx-textarea .dx-texteditor-input,
#fabricationRequestForm .dx-textarea textarea,
#fabricationModuleForm .dx-textarea .dx-texteditor-input,
#fabricationModuleForm .dx-textarea textarea {
    height: auto;
    min-height: calc(var(--ansaldo-field-height, 40px) * 1.65);
    line-height: var(--app-readable-line-height, 1.5);
    font-size: var(--ansaldo-field-input-size, 12px) !important;
    padding: calc(var(--ansaldo-field-label-size, 10px) + 8px) var(--ansaldo-field-input-padding-x, 10px) 8px !important;
}

body.theme-dark #fabricationRequestForm .dx-texteditor,
body.theme-dark #fabricationRequestForm .dx-texteditor-container,
body.theme-dark #fabricationRequestForm .dx-texteditor-input-container,
body.theme-dark #fabricationRequestForm .dx-dropdowneditor,
body.theme-dark #fabricationRequestForm .dx-dropdowneditor-input-wrapper,
body.theme-dark #fabricationRequestForm .dx-numberbox,
body.theme-dark #fabricationRequestForm .dx-datebox,
body.theme-dark #fabricationRequestForm .dx-textarea,
body.theme-dark #fabricationModuleForm .dx-texteditor,
body.theme-dark #fabricationModuleForm .dx-texteditor-container,
body.theme-dark #fabricationModuleForm .dx-texteditor-input-container,
body.theme-dark #fabricationModuleForm .dx-dropdowneditor,
body.theme-dark #fabricationModuleForm .dx-dropdowneditor-input-wrapper,
body.theme-dark #fabricationModuleForm .dx-numberbox,
body.theme-dark #fabricationModuleForm .dx-datebox,
body.theme-dark #fabricationModuleForm .dx-textarea {
    background: var(--ansaldo-field-bg, #151515) !important;
    border-color: var(--ansaldo-field-border, #1f2937) !important;
}

body.theme-dark #fabricationRequestForm .dx-texteditor-input,
body.theme-dark #fabricationRequestForm .dx-dropdowneditor .dx-texteditor-input,
body.theme-dark #fabricationRequestForm .dx-datebox .dx-texteditor-input,
body.theme-dark #fabricationRequestForm .dx-textarea .dx-texteditor-input,
body.theme-dark #fabricationRequestForm .dx-textarea textarea,
body.theme-dark #fabricationModuleForm .dx-texteditor-input,
body.theme-dark #fabricationModuleForm .dx-dropdowneditor .dx-texteditor-input,
body.theme-dark #fabricationModuleForm .dx-datebox .dx-texteditor-input,
body.theme-dark #fabricationModuleForm .dx-textarea .dx-texteditor-input,
body.theme-dark #fabricationModuleForm .dx-textarea textarea {
    background: transparent !important;
    color: var(--ansaldo-field-text, #e5e7eb) !important;
    -webkit-text-fill-color: var(--ansaldo-field-text, #e5e7eb) !important;
    caret-color: var(--ansaldo-field-text, #e5e7eb) !important;
}

body.theme-dark #fabricationRequestForm input:-webkit-autofill,
body.theme-dark #fabricationRequestForm textarea:-webkit-autofill,
body.theme-dark #fabricationModuleForm input:-webkit-autofill,
body.theme-dark #fabricationModuleForm textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--ansaldo-field-text, #e5e7eb) !important;
    caret-color: var(--ansaldo-field-text, #e5e7eb) !important;
    box-shadow: 0 0 0 1000px var(--ansaldo-field-bg, #151515) inset !important;
    transition: background-color 9999s ease-out;
}

#fabricationRequestForm .dx-dropdowneditor-button,
#fabricationModuleForm .dx-dropdowneditor-button {
    min-width: var(--ansaldo-field-height, 40px);
    width: var(--ansaldo-field-height, 40px);
    min-height: var(--ansaldo-field-inner-height, 38px);
}

#fabricationRequestForm .dx-dropdowneditor-button .dx-button-content,
#fabricationModuleForm .dx-dropdowneditor-button .dx-button-content {
    padding-left: 0;
    padding-right: 0;
}

#fabricationRequestForm .dx-layout-manager .dx-field-item,
#fabricationModuleForm .dx-layout-manager .dx-field-item {
    padding-top: calc(var(--ansaldo-field-label-size, 10px) * 0.8);
    position: relative;
    overflow: visible;
}

#fabricationRequestForm .dx-layout-manager .dx-field-item-label,
#fabricationModuleForm .dx-layout-manager .dx-field-item-label {
    position: absolute;
    top: 0;
    left: var(--ansaldo-field-input-padding-x, 10px);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
    background: #ffffff;
    width: auto;
    max-width: calc(100% - (var(--ansaldo-field-input-padding-x, 10px) * 2));
    overflow: visible;
}

#fabricationRequestForm .dx-field-item-label-text,
#fabricationRequestForm .dx-field-item-label-content,
#fabricationModuleForm .dx-field-item-label-text,
#fabricationModuleForm .dx-field-item-label-content {
    display: inline-block;
    color: #6b7280 !important;
    font-size: var(--ansaldo-field-label-size, 10px) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

#fabricationRequestForm .dx-state-readonly.dx-texteditor,
#fabricationRequestForm .dx-state-readonly.dx-dropdowneditor,
#fabricationRequestForm .dx-state-readonly.dx-editor-outlined,
#fabricationModuleForm .dx-state-readonly.dx-texteditor,
#fabricationModuleForm .dx-state-readonly.dx-dropdowneditor,
#fabricationModuleForm .dx-state-readonly.dx-editor-outlined {
    background: #f8fafc;
}

.fabrication-lookup-row {
    display: grid;
    grid-template-columns: minmax(76px, auto) minmax(0, 1fr);
    gap: 2px 10px;
    padding: 6px 2px;
    line-height: 1.25;
    align-items: start;
}

.fabrication-lookup-row > * {
    min-width: 0;
}

.fabrication-lookup-code {
    color: #2563eb;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    white-space: nowrap;
}

.fabrication-lookup-name {
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    white-space: normal;
    overflow-wrap: anywhere;
}

.fabrication-lookup-meta {
    grid-column: 2;
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
    white-space: normal;
    overflow-wrap: anywhere;
}

.fabrication-lookup-popup .dx-list-item-content {
    white-space: normal;
    padding-top: 6px;
    padding-bottom: 6px;
}

.component-hierarchy-popup .dx-overlay-content {
    min-width: 720px;
}

.component-hierarchy-popup .dx-list-item-content {
    white-space: normal;
    padding: 8px 12px;
}

.component-hierarchy-item {
    display: grid;
    gap: 4px;
}

.component-hierarchy-top {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.component-hierarchy-badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.component-hierarchy-badge-main {
    background: #dbeafe;
    color: #1d4ed8;
}

.component-hierarchy-badge-sub {
    background: #ede9fe;
    color: #6d28d9;
}

.component-hierarchy-badge-sub2 {
    background: #fef3c7;
    color: #b45309;
}

.component-hierarchy-badge-sub3 {
    background: #fee2e2;
    color: #b91c1c;
}

.component-hierarchy-badge-leaf {
    background: #dcfce7;
    color: #15803d;
}

.component-hierarchy-name {
    color: #111827;
    font-size: 13px;
    line-height: 1.35;
}

.component-hierarchy-name.is-branch {
    font-weight: 700;
}

.component-hierarchy-name.is-leaf {
    font-weight: 600;
}

.component-hierarchy-path {
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
}

.fabrication-attachment-panel {
    position: relative;
    min-height: 80px;
    padding: 16px 12px 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
}

.fabrication-attachment-label {
    position: absolute;
    top: -7px;
    left: var(--ansaldo-field-input-padding-x, 10px);
    z-index: 2;
    padding: 0 4px;
    background: #ffffff;
    color: #6b7280;
    font-size: var(--ansaldo-field-label-size, 10px);
    font-weight: 500;
    line-height: 1.2;
}

.fabrication-attachment-row {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) auto;
    gap: 8px;
    align-items: center;
}

#fabricationAttachmentUploader {
    min-height: var(--ansaldo-field-height, 40px);
}

#fabricationAttachmentUploader .dx-fileuploader-wrapper,
#fabricationAttachmentUploader .dx-fileuploader-input-wrapper {
    min-height: var(--ansaldo-field-height, 40px);
    padding: 0;
    border: 0;
}

#fabricationAttachmentUploader .dx-fileuploader-button,
#fabricationAttachmentViewBtn.dx-button {
    height: var(--ansaldo-field-height, 40px);
    border-radius: 8px;
}

#fabricationAttachmentUploader .dx-button-content,
#fabricationAttachmentViewBtn .dx-button-content {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fabrication-attachment-info {
    display: flex;
    gap: 8px;
    align-items: center;
    min-height: 18px;
    margin-top: 6px;
    color: #64748b;
    font-size: 11px;
}

.fabrication-attachment-info strong {
    color: #0f172a;
    font-weight: 700;
}

.fabrication-attachment-info span {
    color: #64748b;
}

.fabrication-attachment-chip-meta {
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
}

.fabrication-acceptance-reference-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.fabrication-acceptance-ref-card {
    position: relative;
    min-height: 118px;
    padding: 14px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.fabrication-acceptance-ref-card:nth-child(3) {
    grid-column: auto;
    min-height: 118px;
}

.fabrication-acceptance-ref-head {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #1f2937;
    font-size: 12px;
    font-weight: 700;
}

.fabrication-acceptance-ref-head i {
    color: #2563eb;
    font-size: 14px;
}

.fabrication-acceptance-ref-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}

.fabrication-acceptance-ref-item {
    min-width: 0;
}

.fabrication-acceptance-ref-item.is-wide {
    grid-column: 1 / -1;
}

.fabrication-acceptance-ref-item span {
    display: block;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.fabrication-acceptance-ref-item strong {
    display: block;
    margin-top: 3px;
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    word-break: break-word;
}

.fabrication-acceptance-attachment-list {
    margin-top: 6px;
    align-items: flex-start;
}

.fabrication-design-source-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    margin: 2px 0 4px;
}

.fabrication-design-source-shell .fabrication-acceptance-ref-card {
    min-height: 156px;
}

.fabrication-design-source-shell .fabrication-acceptance-ref-card:nth-child(3) {
    min-height: 156px;
}

.fabrication-design-approval-source-shell {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.4fr) minmax(0, 1fr);
    margin-top: 6px;
}

.fabrication-design-approval-source-shell .fabrication-acceptance-ref-card {
    min-height: 166px;
}

.fabrication-design-attachment-panel {
    min-height: 132px;
    padding: 18px 14px 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border-color: #cbdff8;
}

.fabrication-proposal-source-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr) minmax(0, 1.15fr);
    gap: 14px;
    align-items: stretch;
    margin: 2px 0 4px;
}

.fabrication-proposal-source-shell .fabrication-acceptance-ref-card {
    min-height: 150px;
}

.fabrication-proposal-assessment-form .dx-layout-manager .dx-field-item {
    padding-bottom: 4px;
}

.fabrication-proposal-assessment-form .dx-textarea {
    min-height: 56px !important;
}

.fabrication-proposal-assessment-form .dx-textarea .dx-texteditor-container,
.fabrication-proposal-assessment-form .dx-textarea .dx-texteditor-input-container {
    min-height: 56px !important;
}

.fabrication-proposal-assessment-form .dx-textarea .dx-texteditor-input,
.fabrication-proposal-assessment-form .dx-textarea textarea {
    min-height: 54px !important;
}

.fabrication-proposal-assessment-shell {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
    gap: 12px;
    margin: 0 0 8px;
}

.fabrication-proposal-assessment-shell .fabrication-acceptance-ref-card {
    min-height: 0;
    padding: 14px;
    box-shadow: none;
}

.fabrication-proposal-assessment-shell .fabrication-acceptance-ref-card:nth-child(3) {
    grid-column: 1 / -1;
    min-height: 0;
}

.fabrication-proposal-assessment-shell .fabrication-acceptance-ref-card:nth-child(4) {
    grid-column: 1 / -1;
    min-height: 0;
}

.fabrication-proposal-assessment-shell .fabrication-acceptance-ref-head {
    margin-bottom: 9px;
    color: #1f2937;
    font-weight: 700;
}

.fabrication-proposal-assessment-shell .fabrication-acceptance-ref-grid {
    gap: 9px 12px;
}

.fabrication-proposal-assessment-shell .fabrication-acceptance-ref-item strong {
    color: #1f2937;
    font-size: 12px;
    font-weight: 700;
}

.fabrication-proposal-assessment-shell .fabrication-acceptance-attachment-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fabrication-final-approval-panel {
    border-color: #cbdff8;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.fabrication-inspection-acceptance-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    margin: 2px 0 4px;
}

.fabrication-inspection-acceptance-shell .fabrication-acceptance-ref-card {
    min-height: 170px;
}

.fabrication-inspection-acceptance-shell .fabrication-acceptance-ref-card:nth-child(3) {
    min-height: 170px;
}

.fabrication-inspection-schedule-card {
    border-color: #bfdbfe;
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
}

.fabrication-inspection-response-panel {
    padding: 18px;
    border-color: #cfe0f4;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.fabrication-inspection-response-panel .fabrication-approval-action-row {
    align-items: center;
    margin-top: 16px;
}

.fabrication-inspection-response-panel .si-btn {
    min-width: 156px;
}

.fabrication-accessory-photo-panel {
    padding: 16px 14px 14px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.fabrication-accessory-photo-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 220px;
    margin-top: 12px;
    overflow: hidden;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.fabrication-accessory-photo-preview img {
    display: block;
    width: 100%;
    max-height: 320px;
    object-fit: contain;
}

.fabrication-accessory-photo-empty {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.fabrication-accessory-photo-empty i {
    color: #2563eb;
    font-size: 18px;
}

.fabrication-accessory-photo-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
    color: #64748b;
    font-size: 12px;
}

.fabrication-accessory-photo-meta strong {
    color: #0f172a;
    font-weight: 800;
}

.fabrication-accessory-photo-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 12px;
}

#fabricationAccessoryPhotoUploader {
    min-height: 40px;
}

#fabricationAccessoryPhotoUploader .dx-fileuploader-wrapper,
#fabricationAccessoryPhotoUploader .dx-fileuploader-input-wrapper {
    min-height: 40px;
    padding: 0;
    border: 0;
}

#fabricationAccessoryPhotoUploader .dx-fileuploader-button,
.fabrication-accessory-photo-remove {
    height: 40px;
    border-radius: 8px;
}

#fabricationAccessoryPhotoUploader .dx-button-content {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fabrication-accessory-transaction-form {
    --accessory-trx-border: #dbe4ef;
}

.accessory-trx-summary-shell {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--accessory-trx-border);
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.accessory-trx-hero {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.accessory-trx-hero-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #ecfdf5;
    color: #059669;
    font-size: 22px;
}

.accessory-trx-hero-copy {
    min-width: 0;
}

.accessory-trx-hero-copy span {
    display: block;
    color: #2563eb;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.accessory-trx-hero-copy strong {
    display: block;
    margin-top: 4px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.accessory-trx-hero-copy p {
    max-width: 760px;
    margin: 6px 0 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.accessory-trx-context-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.accessory-trx-context-card {
    display: grid;
    gap: 7px;
    min-height: 108px;
    padding: 13px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
}

.accessory-trx-card-title {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.accessory-trx-card-title i {
    color: #2563eb;
    font-size: var(--ansaldo-list-cell-size, 13px);
}

.accessory-trx-card-value {
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    word-break: break-word;
}

.accessory-trx-card-meta {
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.45;
}

.accessory-trx-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 4px 0 -4px;
    padding: 10px 0 8px;
    border-bottom: 1px solid #e5edf7;
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.accessory-trx-section-label i {
    color: #2563eb;
    font-size: 14px;
}

.fabrication-form-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 8px 0 12px;
    padding: 10px 0 8px;
    border-bottom: 1px solid #e5edf7;
    color: #1f2937;
    font-size: 12px;
    font-weight: 700;
}

.fabrication-form-section-label i {
    color: #2563eb;
    font-size: 14px;
}

.fabrication-accessory-transaction-form .dx-field-item {
    padding-top: 8px;
}

.fabrication-accessory-transaction-form .dx-texteditor {
    border-radius: 8px;
}

.rescue-stock-card-detail-head {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 14px;
    align-items: stretch;
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.rescue-stock-card-detail-title {
    min-width: 0;
}

.rescue-stock-card-detail-title span {
    display: block;
    color: #2563eb;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.rescue-stock-card-detail-title strong {
    display: block;
    margin-top: 5px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
}

.rescue-stock-card-detail-title p {
    max-width: 720px;
    margin: 7px 0 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.rescue-stock-card-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.rescue-stock-card-detail-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 5px 9px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
}

.rescue-stock-card-detail-meta b {
    margin-right: 3px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.rescue-stock-card-detail-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.rescue-stock-card-detail-metric {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
}

.rescue-stock-card-detail-metric span {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.rescue-stock-card-detail-metric strong {
    color: #0f172a;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.rescue-stock-card-detail-metric.is-good {
    border-color: #bbf7d0;
    background: #f7fef9;
}

.rescue-stock-card-detail-metric.is-warning {
    border-color: #fed7aa;
    background: #fffaf2;
}

.rescue-stock-card-ledger-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
    color: #1f2937;
    font-size: 12px;
    font-weight: 800;
}

.rescue-stock-card-ledger-bar div {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.rescue-stock-card-ledger-bar i {
    color: #2563eb;
}

.rescue-stock-card-ledger-bar > span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.rescue-stock-card-ledger-bar > span.is-good {
    background: #dcfce7;
    color: #166534;
}

.rescue-stock-card-ledger-bar > span.is-warning {
    background: #ffedd5;
    color: #9a3412;
}

.fabrication-proposal-panel {
    position: relative;
    padding: 16px 14px 14px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.fabrication-proposal-panel-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
}

.fabrication-proposal-panel-title i {
    color: #2563eb;
    font-size: 15px;
}

.fabrication-proposal-lines-shell {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.fabrication-proposal-tabs-panel {
    margin-top: 6px;
}

#fabricationProposalDetailTabs .dx-tabpanel-tabs {
    border-bottom: 1px solid #dbe4ef;
    margin-bottom: 14px;
}

#fabricationProposalDetailTabs .dx-tabs-wrapper {
    gap: 18px;
}

#fabricationProposalDetailTabs .dx-tab {
    min-width: 150px;
    padding: 12px 4px 10px;
    color: #8090ad;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    background: transparent;
    border: 0;
}

#fabricationProposalDetailTabs .dx-tab.dx-tab-selected {
    color: #0f172a;
}

#fabricationProposalDetailTabs .dx-tab.dx-tab-selected::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    border-radius: 999px;
    background: #e02424;
    box-shadow: 0 -1px 0 #2563eb inset;
}

.fabrication-proposal-tab-card {
    padding: 16px 14px 14px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
}

.fabrication-proposal-tab-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    min-width: 0;
}

.fabrication-proposal-tab-head > div:first-child {
    min-width: 0;
}

.fabrication-proposal-tab-title {
    color: #0f172a;
    font-size: 16px;
    font-weight: 800;
}

.fabrication-proposal-tab-subtitle {
    margin-top: 4px;
    color: #536681;
    font-size: 13px;
    line-height: 1.45;
}

.cannibalization-summary-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0 14px;
}

#fabricationModuleAfterForm {
    margin-top: 18px;
}

.cannibalization-page-shell {
    width: min(100%, 1560px);
}

.fabrication-cannibalization-surface {
    overflow: visible;
}

.fabrication-cannibalization-surface .si-surface-body {
    padding: 28px 34px 34px;
}

.fabrication-cannibalization-surface .si-section {
    overflow: visible;
}

.cannibalization-standard-form {
    width: 100%;
}

.cannibalization-standard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 18px;
}

.cannibalization-standard-grid .ris-field {
    min-width: 0;
}

.cannibalization-field-span-2 {
    grid-column: span 2;
}

.cannibalization-distribution-card {
    clear: both;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.cannibalization-jo-form-grid {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 22px 24px;
}

.cannibalization-jo-form-grid .cannibalization-jo-section:nth-child(3),
.cannibalization-jo-form-grid .cannibalization-jo-section:nth-child(4) {
    grid-column: 1 / -1;
}

.cannibalization-jo-form-grid .ris-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
}

.cannibalization-jo-section {
    align-content: start;
    min-width: 0;
}

.cannibalization-jo-section .dx-textarea {
    min-height: 88px;
}

.cannibalization-approval-shell {
    display: grid;
    gap: 18px;
    width: 100%;
    min-width: 0;
}

.cannibalization-approval-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid #dbe6f3;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.cannibalization-approval-kicker {
    color: #2563eb;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.cannibalization-approval-hero h3 {
    margin: 5px 0 4px;
    color: #1f2937;
    font-size: 18px;
    font-weight: 700;
}

.cannibalization-approval-hero p {
    margin: 0;
    max-width: 760px;
    color: #536681;
    font-size: 13px;
    line-height: 1.45;
}

.cannibalization-approval-status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.cannibalization-approval-summary {
    display: grid;
    grid-template-columns: 1.4fr 1.4fr repeat(3, minmax(120px, 0.7fr));
    gap: 12px;
}

.cannibalization-approval-summary-card {
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid #dbe6f3;
    border-radius: 8px;
    background: #ffffff;
}

.cannibalization-approval-summary-card span {
    display: block;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cannibalization-approval-summary-card strong {
    display: block;
    margin-top: 8px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cannibalization-approval-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 18px;
    min-width: 0;
}

.cannibalization-approval-fields .ris-field {
    min-width: 0;
}

.cannibalization-approval-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid #dbe6f3;
    border-radius: 8px;
    background: #ffffff;
}

.fabrication-cannibalization-form,
.fabrication-cannibalization-form .dx-layout-manager,
.fabrication-cannibalization-form .dx-form-group-content,
.fabrication-cannibalization-form .dx-layout-manager .dx-field-item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fabrication-cannibalization-form .dx-layout-manager table,
.fabrication-cannibalization-form .dx-layout-manager tbody {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
}

.fabrication-cannibalization-form .dx-layout-manager td {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fabrication-cannibalization-form .dx-layout-manager .dx-field-item-content,
.fabrication-cannibalization-form .dx-layout-manager .dx-field-item-content-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.cannibalization-distribution-grid {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
}

.cannibalization-distribution-grid .dx-datagrid {
    width: 100% !important;
    max-width: 100% !important;
}

.cannibalization-distribution-grid .dx-datagrid-headers,
.cannibalization-distribution-grid .dx-datagrid-rowsview,
.cannibalization-distribution-grid .dx-datagrid-total-footer {
    width: 100% !important;
    max-width: 100% !important;
}

.cannibalization-distribution-grid .dx-datagrid-headers .dx-header-row > td,
.cannibalization-distribution-grid .dx-row > td {
    white-space: nowrap;
}

.cannibalization-distribution-grid .dx-row > td {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cannibalization-line-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.cannibalization-line-status.is-replacement {
    background: #ffedd5;
    color: #c2410c;
}

.cannibalization-line-status.is-recondition {
    background: #fef3c7;
    color: #b45309;
}

.cannibalization-line-status.is-done-replacement {
    background: #dcfce7;
    color: #15803d;
}

.cannibalization-line-status.is-done-recondition {
    background: #dbeafe;
    color: #1d4ed8;
}

.cannibalization-line-status.is-return {
    background: #dcfce7;
    color: #166534;
}

.cannibalization-line-status.is-cancelled {
    background: #fee2e2;
    color: #b91c1c;
}

body.theme-dark .cannibalization-line-status.is-replacement {
    background: rgba(249, 115, 22, 0.18);
    color: #fed7aa;
}

body.theme-dark .cannibalization-line-status.is-recondition {
    background: rgba(245, 158, 11, 0.18);
    color: #fde68a;
}

body.theme-dark .cannibalization-line-status.is-done-replacement,
body.theme-dark .cannibalization-line-status.is-return {
    background: rgba(16, 185, 129, 0.16);
    color: #a7f3d0;
}

body.theme-dark .cannibalization-line-status.is-done-recondition {
    background: rgba(59, 130, 246, 0.18);
    color: #bfdbfe;
}

body.theme-dark .cannibalization-line-status.is-cancelled {
    background: rgba(248, 113, 113, 0.18);
    color: #fecaca;
}

.cannibalization-summary-item {
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 10px 12px;
}

.cannibalization-summary-item span {
    display: block;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cannibalization-summary-item strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    margin-top: 4px;
}

body.theme-dark .cannibalization-summary-item {
    background: #111827;
    border-color: #243044;
}

body.theme-dark .cannibalization-summary-item span {
    color: #7c8aa3;
}

body.theme-dark .cannibalization-summary-item strong {
    color: #e5e7eb;
}

.fabrication-proposal-tab-tools {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.fabrication-proposal-tab-add {
    min-width: 112px;
    height: 40px;
    min-height: 40px;
    padding: 0 14px;
    justify-content: center;
    flex: 0 0 auto;
    white-space: nowrap;
}

.fabrication-proposal-tab-add span {
    display: inline-block;
    line-height: 1;
}

.fabrication-proposal-detail-grid .dx-datagrid-addrow-button,
.fabrication-proposal-detail-grid .dx-link-add,
.fabrication-proposal-standard-grid .dx-datagrid-addrow-button,
.fabrication-proposal-standard-grid .dx-link-add {
    display: none !important;
}

.fabrication-proposal-tab-search {
    width: 320px;
}

.fabrication-proposal-detail-grid {
    margin-top: 10px;
}

.fabrication-proposal-standard-grid .dx-datagrid-headers .dx-header-row > td {
    color: #475569;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.fabrication-proposal-standard-grid .dx-row > td {
    font-size: 12px;
}

.fabrication-gantt-timeline {
    display: grid;
    gap: 10px;
    margin: 6px 0 14px;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fbff;
}

.fabrication-gantt-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 4px;
}

.fabrication-gantt-summary-card {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
}

.fabrication-gantt-summary-card span,
.fabrication-gantt-label span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
}

.fabrication-gantt-summary-card strong,
.fabrication-gantt-label strong {
    display: block;
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.fabrication-gantt-row {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.fabrication-gantt-label {
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    min-width: 0;
}

.fabrication-gantt-track {
    position: relative;
    height: 28px;
    border-radius: 999px;
    background: #e8eef7;
    overflow: hidden;
}

.fabrication-gantt-bar {
    position: absolute;
    top: 4px;
    bottom: 4px;
    min-width: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fabrication-report-gantt-toolbar {
    align-items: center;
}

.fabrication-report-project-filter {
    max-width: 420px;
}

.fabrication-report-gantt-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 0 12px;
}

.fabrication-report-gantt-legend span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.fabrication-report-gantt-legend i {
    width: 20px;
    height: 8px;
    border-radius: 999px;
    display: inline-block;
}

.fabrication-report-gantt-list {
    display: grid;
    gap: 14px;
    padding: 0 12px 16px;
}

.fabrication-report-gantt-card {
    min-width: 0;
    padding: 16px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
}

.fabrication-report-gantt-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 520px);
    gap: 16px;
    align-items: start;
    margin-bottom: 14px;
}

.fabrication-report-gantt-head h3 {
    margin: 4px 0 4px;
    color: #0f172a;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
}

.fabrication-report-gantt-head p {
    margin: 0;
    color: #476282;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.fabrication-report-gantt-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.fabrication-report-gantt-meta div {
    padding: 10px 12px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #f8fbff;
}

.fabrication-report-gantt-meta span,
.fabrication-report-gantt-task-meta span,
.fabrication-report-gantt-lane > span {
    display: block;
    color: #7c8da8;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
}

.fabrication-report-gantt-meta strong {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.fabrication-report-gantt-chart {
    display: grid;
    gap: 12px;
}

.fabrication-report-gantt-row {
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.fabrication-report-gantt-label {
    min-width: 0;
}

.fabrication-report-gantt-label strong {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.fabrication-report-gantt-label span {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.fabrication-report-gantt-lanes {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.fabrication-report-gantt-lane {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.fabrication-report-gantt-track {
    position: relative;
    min-width: 0;
    height: 24px;
    border-radius: 999px;
    background: #eef3fa;
    overflow: hidden;
}

.fabrication-report-gantt-bar {
    position: absolute;
    top: 4px;
    bottom: 4px;
    min-width: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 999px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fabrication-report-gantt-empty {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: #7c8da8;
    font-size: 11px;
    font-weight: 700;
}

.fabrication-report-gantt-task-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-left: 92px;
}

.fabrication-report-gantt-task-meta span {
    padding: 4px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #476282;
    text-transform: none;
}

.fabrication-report-gantt-bar.is-projected,
.fabrication-report-gantt-legend .is-projected i {
    background: #2563eb;
}

.fabrication-report-gantt-bar.is-on-track,
.fabrication-report-gantt-legend .is-on-track i {
    background: #10b981;
}

.fabrication-report-gantt-bar.is-in-progress,
.fabrication-report-gantt-legend .is-in-progress i {
    background: #f59e0b;
}

.fabrication-report-gantt-bar.is-delayed,
.fabrication-report-gantt-legend .is-delayed i {
    background: #ef4444;
}

.fabrication-report-gantt-legend .is-not-started i {
    background: #94a3b8;
}

.fabrication-design-rejection-panel,
.fabrication-approval-action-panel {
    padding: 16px 14px 14px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
}

.fabrication-design-rejection-panel {
    border-color: #fecaca;
    background: #fff7f7;
}

.fabrication-design-rejection-panel .fabrication-proposal-panel-title i {
    color: #dc2626;
}

.fabrication-design-rejection-copy {
    margin: 4px 0 8px;
    color: #7f1d1d;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.fabrication-approval-action-row {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
}

.fabrication-reject-btn {
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

.fabrication-approve-btn,
.fabrication-reject-btn {
    min-width: 156px;
}

#fabricationModuleDesignUploader {
    margin-top: 10px;
    min-height: 40px;
}

#fabricationModuleDesignUploader .dx-fileuploader-wrapper,
#fabricationModuleDesignUploader .dx-fileuploader-input-wrapper {
    min-height: 40px;
    padding: 0;
    border: 0;
}

#fabricationModuleDesignUploader .dx-fileuploader-button {
    height: 40px;
    border-radius: 8px;
}

#fabricationModuleDesignUploader .dx-button-content {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1180px) {
    .cannibalization-standard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cannibalization-field-span-2 {
        grid-column: 1 / -1;
    }
}

@media (max-width: 980px) {
    .fabrication-acceptance-reference-shell {
        grid-template-columns: 1fr;
    }

    .fabrication-design-source-shell {
        grid-template-columns: 1fr;
    }

    .fabrication-proposal-source-shell,
    .fabrication-inspection-acceptance-shell,
    .fabrication-proposal-lines-shell {
        grid-template-columns: 1fr;
    }

    .fabrication-proposal-tab-head {
        align-items: stretch;
        flex-direction: column;
    }

    .fabrication-proposal-tab-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .fabrication-proposal-tab-search {
        width: 100%;
    }

    .cannibalization-summary-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cannibalization-approval-hero,
    .cannibalization-approval-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cannibalization-approval-summary,
    .cannibalization-approval-fields {
        grid-template-columns: 1fr;
    }

    .cannibalization-approval-actions .fabrication-approval-action-row {
        justify-content: flex-start;
    }

    .fabrication-gantt-row {
        grid-template-columns: 1fr;
    }

    .fabrication-gantt-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fabrication-report-gantt-head,
    .fabrication-report-gantt-row {
        grid-template-columns: 1fr;
    }

    .fabrication-report-gantt-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fabrication-report-project-filter {
        max-width: none;
        width: 100%;
    }

    .fabrication-report-gantt-task-meta {
        padding-left: 0;
    }

    .fabrication-acceptance-ref-card:nth-child(3) {
        grid-column: auto;
    }
}

.specs-rec-overall-note-editor .dx-texteditor-input,
.specs-rec-overall-note-editor textarea {
    font-size: 14px !important;
    line-height: 1.65;
}

#specsRecLineGrid .dx-texteditor,
#specsRecLineGrid .dx-texteditor-container,
#specsRecLineGrid .dx-dropdowneditor {
    border-radius: 8px;
}

#specsRecLineGrid .dx-texteditor-input {
    font-size: 13px;
}

.specs-rec-dropdown-popup .dx-overlay-content {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.14);
}

.specs-rec-dropdown-popup .dx-list-item-content {
    font-size: 12px;
    line-height: 1.5;
    color: #1F2937;
    padding: 10px 12px;
}

.specs-rec-dropdown-popup .dx-list-item.dx-state-hover .dx-list-item-content,
.specs-rec-dropdown-popup .dx-list-item.dx-state-focused .dx-list-item-content {
    background: #eff6ff;
    color: #1d4ed8;
}

@media (max-width: 860px) {
    .specs-rec-lines-section,
    .specs-rec-header-layout {
        margin-left: 20px;
        margin-right: 20px;
        max-width: calc(100% - 40px);
        padding-left: 0;
        padding-right: 0;
    }

    .specs-rec-header-layout {
        padding-top: 20px;
    }

    #specsRecTabs .dx-tabpanel-tabs,
    .specs-rec-tab-toolbar,
    .stock-item-listing-pagehead {
        padding-left: 20px;
        padding-right: 20px;
    }

    .fabrication-formal-report-head,
    .fabrication-formal-report-metrics,
    .accessory-trx-context-grid {
        grid-template-columns: 1fr;
    }

    .accessory-trx-hero {
        grid-template-columns: 1fr;
    }

    .rescue-stock-card-detail-head,
    .rescue-stock-card-detail-metrics {
        grid-template-columns: 1fr;
    }

    .ris-section-grid-4 {
        grid-template-columns: 1fr;
    }
}

.master-bool-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 24px;
}

.master-bool-native {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: #2563eb;
}

.master-standard-grid .dx-command-select,
.master-standard-grid .dx-datagrid-headers .dx-command-select,
.master-standard-grid .dx-datagrid-headers .dx-header-row > td.dx-command-select,
.master-standard-grid .dx-datagrid-rowsview .dx-row > td.dx-command-select,
.master-standard-grid td[aria-label='Column Chooser'],
.master-standard-grid th[aria-label='Column Chooser'] {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.pr-approval-standard-grid .dx-command-select,
.pr-approval-standard-grid .dx-datagrid-headers .dx-command-select,
.pr-approval-standard-grid .dx-datagrid-headers .dx-header-row > td.dx-command-select,
.pr-approval-standard-grid .dx-datagrid-rowsview .dx-row > td.dx-command-select {
    display: table-cell !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding: 14px 10px !important;
    border-bottom: 1px solid #eef2f7 !important;
}

.pr-approval-standard-grid .dx-select-checkbox,
.pr-approval-standard-grid .dx-checkbox {
    display: inline-flex !important;
    visibility: visible !important;
}

.tire-approval-standard-grid .dx-command-select,
.tire-approval-standard-grid .dx-datagrid-headers .dx-command-select,
.tire-approval-standard-grid .dx-datagrid-headers .dx-header-row > td.dx-command-select,
.tire-approval-standard-grid .dx-datagrid-rowsview .dx-row > td.dx-command-select {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    text-align: center !important;
    padding: 14px 10px !important;
    border-bottom: 1px solid #eef2f7 !important;
}

.tire-approval-standard-grid .dx-select-checkbox,
.tire-approval-standard-grid .dx-checkbox {
    display: inline-flex !important;
    visibility: visible !important;
}

.tire-approval-standard-grid .dx-data-row > td {
    white-space: nowrap;
}

.tire-approval-standard-grid .stock-item-status-badge {
    min-width: 132px;
    justify-content: center;
}

.tire-approval-preview-btn {
    min-width: 88px;
    padding: 6px 12px !important;
    font-size: 12px !important;
}

.master-standard-grid .dx-datagrid-pager,
.master-standard-grid .dx-treelist-pager {
    display: block !important;
    visibility: visible !important;
    border-top: 1px solid #eef2f7;
    padding: 16px 0 0;
    background: #ffffff;
}

.master-standard-grid .dx-page,
.master-standard-grid .dx-pages .dx-selection,
.master-standard-grid .dx-page-size {
    border-radius: 8px !important;
}

.master-listing-page .master-standard-grid {
    min-height: 420px;
}

.master-category-tree-list .dx-treelist-rowsview,
.master-standard-grid .dx-datagrid-rowsview {
    min-height: 0;
}

.equipment-component-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}

.equipment-component-card {
    border-radius: 8px;
    padding: 14px 16px;
    min-height: 74px;
    min-width: 0;
    overflow: hidden;
}

.equipment-component-card span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.equipment-component-card strong {
    display: block;
    color: #1f2937;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 1100px) {
    .equipment-component-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.ris-remarks-cell {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #475569;
}

.master-form-page {
    width: min(100%, 1560px);
}

.master-form-surface {
    overflow: hidden;
}

.ecr-form-page,
.ect-form-page {
    width: min(100%, 1560px);
    min-width: 0;
}

.ecr-form-surface,
.ect-form-surface,
.ecr-form-surface .si-surface-body,
.ect-form-surface .si-surface-body,
.ecr-lines-section,
.ect-lines-section,
.ecr-line-grid-wrap,
.ect-line-grid-wrap,
#ecrLineGrid,
#ectLineGrid {
    min-width: 0;
    max-width: 100%;
}

.ecr-form-surface .si-toolbar,
.ect-form-surface .si-toolbar {
    flex-wrap: wrap;
}

.ecr-form-surface .si-toolbar-left,
.ecr-form-surface .si-toolbar-actions,
.ect-form-surface .si-toolbar-left,
.ect-form-surface .si-toolbar-actions {
    min-width: 0;
}

.ecr-form-surface .si-toolbar-left strong,
.ect-form-surface .si-toolbar-left strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ecr-form-surface .specs-rec-tab-toolbar,
.ect-form-surface .specs-rec-tab-toolbar {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.ecr-form-surface .stock-item-toolbar-search,
.ect-form-surface .stock-item-toolbar-search {
    min-width: 280px;
    max-width: min(100%, 420px);
}

.ecr-form-surface .stock-item-toolbar-actions,
.ect-form-surface .stock-item-toolbar-actions {
    flex: 0 0 auto;
    margin-left: auto;
}

.ecr-line-grid-wrap,
.ect-line-grid-wrap {
    overflow: hidden;
}

#ecrLineGrid .dx-datagrid,
#ecrLineGrid .dx-datagrid-headers,
#ecrLineGrid .dx-datagrid-rowsview,
#ecrLineGrid .dx-datagrid-content,
#ectLineGrid .dx-datagrid,
#ectLineGrid .dx-datagrid-headers,
#ectLineGrid .dx-datagrid-rowsview,
#ectLineGrid .dx-datagrid-content {
    max-width: 100%;
}

#ecrLineGrid .dx-datagrid-headers,
#ecrLineGrid .dx-datagrid-rowsview,
#ectLineGrid .dx-datagrid-headers,
#ectLineGrid .dx-datagrid-rowsview {
    overflow-x: auto;
}

.master-form-section-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    min-width: 0;
}

.master-form-section {
    min-width: 0;
}

.master-form-section-wide {
    grid-column: auto;
}

.master-form-section .dx-layout-manager .dx-field-item {
    padding-top: 0;
    width: 100%;
}

.master-form-section .dx-texteditor,
.master-form-section .dx-dropdowneditor,
.master-form-section .dx-numberbox,
.master-form-section .dx-textarea {
    width: 100%;
    min-height: var(--ansaldo-field-height, 40px);
    border-radius: 8px;
    box-sizing: border-box;
}

.master-form-section .dx-texteditor-container,
.master-form-section .dx-dropdowneditor-input-wrapper,
.master-form-section .dx-field-item-content-wrapper,
.master-form-section .dx-field-item-content,
.master-form-section .dx-layout-manager,
.master-form-section .dx-texteditor-input-container {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.master-form-section .dx-layout-manager .dx-field-item-label {
    padding-bottom: 6px;
}

.stock-item-form-surface {
    overflow: hidden;
}

.stock-item-form-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 24px;
    border-bottom: 1px solid #e5e7eb;
    background: #fcfcfd;
}

.stock-item-form-crumb {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
}

.stock-item-form-crumb a {
    color: #ef4444;
    text-decoration: none;
}

.stock-item-form-crumb strong {
    color: #1f2937;
    font-weight: 600;
}

.stock-item-form-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ris-section-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px 14px;
}

.master-form-section .dx-textarea .dx-texteditor-container {
    min-height: 96px;
}

.master-form-section .dx-texteditor-input,
.master-form-section .dx-dropdowneditor .dx-texteditor-input,
.coa-field .dx-texteditor-input,
.coa-field .dx-dropdowneditor .dx-texteditor-input,
.coa-field-full .dx-texteditor-input,
.coa-field-full .dx-dropdowneditor .dx-texteditor-input,
.roles-form-grid-v2 .dx-texteditor-input,
.roles-form-grid-v2 .dx-dropdowneditor .dx-texteditor-input,
.user-account-grid .dx-texteditor-input,
.user-account-grid .dx-dropdowneditor .dx-texteditor-input,
.ris-section-grid .dx-texteditor-input,
.ris-section-grid .dx-dropdowneditor .dx-texteditor-input,
.si-form-host .dx-texteditor-input,
.si-form-host .dx-dropdowneditor .dx-texteditor-input {
    height: var(--ansaldo-field-inner-height, 38px);
    line-height: var(--ansaldo-field-inner-height, 38px);
    font-size: var(--ansaldo-field-input-size, 12px) !important;
    padding-left: var(--ansaldo-field-input-padding-x, 10px) !important;
    padding-right: var(--ansaldo-field-input-padding-x, 10px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.master-form-section .dx-state-readonly.dx-texteditor,
.master-form-section .dx-state-readonly.dx-dropdowneditor,
.master-form-section .dx-state-readonly.dx-numberbox,
.master-form-section .dx-state-readonly.dx-datebox,
.master-form-section .dx-state-readonly.dx-textarea,
.master-form-section .dx-state-disabled.dx-texteditor,
.master-form-section .dx-state-disabled.dx-dropdowneditor,
.master-form-section .dx-state-disabled.dx-numberbox,
.master-form-section .dx-state-disabled.dx-datebox,
.master-form-section .dx-state-disabled.dx-textarea,
.coa-field .dx-state-readonly.dx-texteditor,
.coa-field .dx-state-readonly.dx-dropdowneditor,
.coa-field .dx-state-disabled.dx-texteditor,
.coa-field .dx-state-disabled.dx-dropdowneditor,
.coa-field-full .dx-state-readonly.dx-texteditor,
.coa-field-full .dx-state-readonly.dx-dropdowneditor,
.coa-field-full .dx-state-disabled.dx-texteditor,
.coa-field-full .dx-state-disabled.dx-dropdowneditor,
.roles-form-grid-v2 .dx-state-readonly.dx-texteditor,
.roles-form-grid-v2 .dx-state-readonly.dx-dropdowneditor,
.roles-form-grid-v2 .dx-state-disabled.dx-texteditor,
.roles-form-grid-v2 .dx-state-disabled.dx-dropdowneditor,
.user-account-grid .dx-state-readonly.dx-texteditor,
.user-account-grid .dx-state-readonly.dx-dropdowneditor,
.user-account-grid .dx-state-disabled.dx-texteditor,
.user-account-grid .dx-state-disabled.dx-dropdowneditor,
.ris-section-grid .dx-state-readonly.dx-texteditor,
.ris-section-grid .dx-state-readonly.dx-dropdowneditor,
.ris-section-grid .dx-state-readonly.dx-numberbox,
.ris-section-grid .dx-state-readonly.dx-datebox,
.ris-section-grid .dx-state-readonly.dx-textarea,
.ris-section-grid .dx-state-disabled.dx-texteditor,
.ris-section-grid .dx-state-disabled.dx-dropdowneditor,
.ris-section-grid .dx-state-disabled.dx-numberbox,
.ris-section-grid .dx-state-disabled.dx-datebox,
.ris-section-grid .dx-state-disabled.dx-textarea,
.si-form-host .dx-state-readonly.dx-texteditor,
.si-form-host .dx-state-readonly.dx-dropdowneditor,
.si-form-host .dx-state-readonly.dx-numberbox,
.si-form-host .dx-state-readonly.dx-datebox,
.si-form-host .dx-state-readonly.dx-textarea,
.si-form-host .dx-state-disabled.dx-texteditor,
.si-form-host .dx-state-disabled.dx-dropdowneditor,
.si-form-host .dx-state-disabled.dx-numberbox,
.si-form-host .dx-state-disabled.dx-datebox,
.si-form-host .dx-state-disabled.dx-textarea {
    background: linear-gradient(180deg, #f5f7fb 0%, #eef3f9 100%) !important;
    border-color: #d7e0ec !important;
}

.master-form-section .dx-state-readonly .dx-texteditor-input,
.master-form-section .dx-state-disabled .dx-texteditor-input,
.coa-field .dx-state-readonly .dx-texteditor-input,
.coa-field .dx-state-disabled .dx-texteditor-input,
.coa-field-full .dx-state-readonly .dx-texteditor-input,
.coa-field-full .dx-state-disabled .dx-texteditor-input,
.roles-form-grid-v2 .dx-state-readonly .dx-texteditor-input,
.roles-form-grid-v2 .dx-state-disabled .dx-texteditor-input,
.user-account-grid .dx-state-readonly .dx-texteditor-input,
.user-account-grid .dx-state-disabled .dx-texteditor-input,
.ris-section-grid .dx-state-readonly .dx-texteditor-input,
.ris-section-grid .dx-state-disabled .dx-texteditor-input,
.si-form-host .dx-state-readonly .dx-texteditor-input,
.si-form-host .dx-state-disabled .dx-texteditor-input {
    color: #475569 !important;
    font-weight: 600 !important;
}

.master-form-section .dx-dropdowneditor-button,
.coa-field .dx-dropdowneditor-button,
.coa-field-full .dx-dropdowneditor-button,
.roles-form-grid-v2 .dx-dropdowneditor-button,
.user-account-grid .dx-dropdowneditor-button,
.ris-section-grid .dx-dropdowneditor-button,
.si-form-host .dx-dropdowneditor-button {
    min-width: 34px;
    width: 34px;
}

.master-form-section .dx-dropdowneditor-button .dx-button-content,
.coa-field .dx-dropdowneditor-button .dx-button-content,
.coa-field-full .dx-dropdowneditor-button .dx-button-content,
.roles-form-grid-v2 .dx-dropdowneditor-button .dx-button-content,
.user-account-grid .dx-dropdowneditor-button .dx-button-content,
.ris-section-grid .dx-dropdowneditor-button .dx-button-content,
.si-form-host .dx-dropdowneditor-button .dx-button-content {
    padding-left: 0;
    padding-right: 0;
}

.master-form-section .dx-icon-clear,
.master-form-section .dx-icon-close,
.master-form-section .dx-icon-chevrondown,
.coa-field .dx-icon-clear,
.coa-field .dx-icon-close,
.coa-field .dx-icon-chevrondown,
.coa-field-full .dx-icon-clear,
.coa-field-full .dx-icon-close,
.coa-field-full .dx-icon-chevrondown,
.roles-form-grid-v2 .dx-icon-clear,
.roles-form-grid-v2 .dx-icon-close,
.roles-form-grid-v2 .dx-icon-chevrondown,
.user-account-grid .dx-icon-clear,
.user-account-grid .dx-icon-close,
.user-account-grid .dx-icon-chevrondown,
.ris-section-grid .dx-icon-clear,
.ris-section-grid .dx-icon-close,
.ris-section-grid .dx-icon-chevrondown {
    font-size: 14px;
}

.master-form-checkbox {
    padding-top: 2px;
}

.master-form-checkbox .dx-checkbox {
    min-height: 22px;
}

.master-form-checkbox .dx-checkbox-text {
    color: #475569;
    font-size: 13px;
    font-weight: 500;
}

.service-item-items-section {
    margin-top: 2px;
}

.service-item-items-section .dx-tabpanel {
    background: #fff;
}

.service-item-items-section .dx-tabpanel-tabs .dx-tab {
    border-radius: 0;
    min-width: 180px;
}

.service-item-items-section .dx-tabpanel-tabs .dx-tab-text,
.service-item-items-section .dx-multiview-item {
    font-size: 13px;
}

.service-item-items-tab {
    padding-top: 14px;
}

.service-item-items-copy {
    margin-bottom: 12px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.service-item-included-grid .dx-datagrid-headers .dx-header-row > td {
    background: #314e89;
    color: #fff;
}

.coa-page {
    width: min(100%, 1560px);
    margin: 0 auto;
}

.coa-listing-page {
    width: min(100%, 1860px);
}

.coa-form-surface {
    overflow: hidden;
}

.coa-layout {
    display: grid;
    gap: 28px;
}

.coa-section {
    min-width: 0;
}

.coa-grid {
    display: grid;
    gap: 18px;
}

.coa-row-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.coa-field,
.coa-field-full {
    display: grid;
    gap: 0;
    min-width: 0;
    position: relative;
    padding-top: 8px;
}

.coa-label {
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0 4px;
    background: #ffffff;
    color: #6b7280;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
}

.coa-label span {
    color: #ef4444;
}

.coa-field .dx-texteditor,
.coa-field .dx-dropdowneditor,
.coa-field-full .dx-texteditor,
.coa-field-full .dx-dropdowneditor,
.coa-field-full .dx-textarea {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
    box-sizing: border-box;
}

.coa-checks-wrap {
    padding-top: 2px;
}

.coa-checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, max-content));
    gap: 14px 28px;
    align-items: start;
}

.coa-check-item .dx-checkbox {
    min-height: 22px;
}

.coa-check-item .dx-checkbox-text {
    color: #475569;
    font-size: 13px;
    font-weight: 500;
}

.coa-standard-grid .dx-row > td:nth-child(5),
.coa-standard-grid .dx-row > td:nth-child(6),
.coa-standard-grid .dx-row > td:nth-child(7),
.coa-standard-grid .dx-row > td:nth-child(8) {
    color: #475569;
    font-weight: 500;
}

.coa-bool-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 24px;
}

.coa-bool-native {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: #2563eb;
}

.coa-standard-grid .dx-row > td[aria-colindex="5"],
.coa-standard-grid .dx-row > td[aria-colindex="6"],
.coa-standard-grid .dx-row > td[aria-colindex="7"],
.coa-standard-grid .dx-row > td[aria-colindex="8"] {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.coa-standard-grid .dx-command-select,
.coa-standard-grid .dx-datagrid-headers .dx-command-select,
.coa-standard-grid .dx-datagrid-headers .dx-header-row > td.dx-command-select,
.coa-standard-grid .dx-datagrid-rowsview .dx-row > td.dx-command-select {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.coa-section-notes .dx-textarea .dx-texteditor-container {
    min-height: 120px;
}

.roles-listing-page {
    width: min(100%, 1680px);
}

.roles-page-shell {
    width: min(100%, 1560px);
    margin: 0 auto;
}

.roles-form-surface-v2 {
    overflow: hidden;
}

.roles-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.8fr);
    gap: 20px;
    align-items: start;
}

.roles-main-col,
.roles-side-col {
    display: grid;
    gap: 22px;
    min-width: 0;
}

.roles-form-grid-v2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

.roles-field {
    min-width: 0;
    position: relative;
    padding-top: 8px;
}

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

.roles-field-checks {
    display: flex;
    align-items: center;
}

.roles-label {
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 0;
    padding: 0 4px;
    background: #ffffff;
    color: #6b7280;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
}

.roles-label span {
    color: #ef4444;
}

.roles-form-grid-v2 .dx-texteditor,
.roles-form-grid-v2 .dx-dropdowneditor,
.roles-form-grid-v2 .dx-textarea {
    width: 100%;
    border-radius: 8px;
}

.roles-form-grid-v2 .dx-texteditor-container,
.roles-form-grid-v2 .dx-dropdowneditor-input-wrapper {
    min-height: 40px;
    align-items: center;
}

.roles-permission-shell {
    display: grid;
    gap: 14px;
}

.roles-permission-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.roles-permission-toolbar-left {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.roles-permission-search {
    width: 280px;
}

.roles-reset-btn {
    border: 1px solid #2563eb;
    background: #ffffff;
    color: #2563eb;
    border-radius: 4px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.roles-reset-btn:hover {
    background: #eff6ff;
}

.roles-secondary-btn {
    border-color: #d7e0ec;
    color: #475569;
}

.roles-template-strip {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.roles-template-label {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

.roles-template-chip {
    border: 1px solid #d7e0ec;
    background: #ffffff;
    color: #1F2937;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.roles-template-chip:hover {
    background: #f8fafc;
}

.roles-summary-stack {
    display: grid;
    gap: 12px;
}

.roles-summary-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 16px;
    display: grid;
    gap: 6px;
}

.roles-summary-label {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

.roles-summary-card strong {
    color: #1F2937;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
}

#rolesPermissionTree .dx-treelist-headers {
    background: #ffffff;
}

#rolesPermissionTree .dx-treelist-headers .dx-header-row > td,
.roles-tree-header-cell {
    color: #1F2937;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    padding: 10px 12px;
    border-bottom: 1px solid #111827 !important;
}

#rolesPermissionTree .dx-treelist-rowsview .dx-row > td {
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #374151;
    background: #ffffff;
}

#rolesPermissionTree .dx-treelist-rowsview .dx-row-lines > td {
    border-bottom: 1px solid #e5e7eb !important;
}

#rolesAssignedUsersGrid .dx-header-row > td {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

#rolesAssignedUsersGrid .dx-row > td {
    color: #1F2937;
    font-size: 12px;
    font-weight: 500;
}

.user-account-page-shell {
    width: min(100%, 1560px);
    margin: 0 auto;
}

.user-account-form-surface-v2 {
    overflow: hidden;
}

.user-account-listing-page {
    width: min(100%, 1680px);
}

.user-account-org-toolbar {
    padding: 14px 32px 0;
}

.user-account-org-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.user-account-org-summary-pill {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid #dbe4ef;
    background: #f8fafc;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.user-account-org-body {
    padding-top: 18px;
}

.user-account-org-layout {
    position: relative;
    display: block;
    min-height: 360px;
}

.user-account-org-chart-wrap {
    min-width: 0;
    overflow: auto;
    padding-bottom: 10px;
    padding-right: 344px;
}

.user-account-org-chart {
    min-width: 1240px;
    padding: 10px 18px 24px;
}

.user-account-org-roots,
.user-account-org-children {
    list-style: none;
    margin: 0;
    padding: 0;
}

.user-account-org-roots {
    display: grid;
    gap: 24px;
    justify-items: center;
}

.user-account-org-children {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 26px;
    margin-top: 18px;
    margin-left: auto;
    margin-right: auto;
    padding: 34px 18px 0;
    position: relative;
    width: fit-content;
    max-width: max-content;
}

.user-account-org-children::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 16px;
    background: #dbe4ef;
    transform: translateX(-50%);
}

.user-account-org-children::after {
    content: none;
}

.user-account-org-children:has(> .user-account-org-item + .user-account-org-item)::after {
    content: "";
    position: absolute;
    top: 16px;
    left: calc(125px + 18px);
    right: calc(125px + 18px);
    height: 2px;
    background: #dbe4ef;
}

.user-account-org-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
}

.user-account-org-children > .user-account-org-item::before {
    content: none;
}

.user-account-org-children:has(> .user-account-org-item + .user-account-org-item) > .user-account-org-item::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    width: 2px;
    height: 18px;
    background: #dbe4ef;
    transform: translateX(-50%);
}

.user-account-org-item.has-children > .user-account-org-card::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -24px;
    width: 2px;
    height: 26px;
    background: #dbe4ef;
    transform: translateX(-50%);
}

.user-account-org-card {
    width: 250px;
    min-height: 160px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    padding: 16px;
    cursor: pointer;
    position: relative;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.user-account-org-card:hover {
    border-color: rgba(37, 99, 235, 0.34);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08);
    transform: translateY(-1px);
}

.user-account-org-card.is-selected {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14), 0 12px 24px rgba(37, 99, 235, 0.12);
}

.user-account-org-card-top {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.user-account-org-avatar {
    width: 76px;
    height: 76px;
    border-radius: 999px;
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1d4ed8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 700;
    border: 4px solid #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.12);
    flex-shrink: 0;
}

.user-account-org-avatar.is-small {
    width: 44px;
    height: 44px;
    font-size: 16px;
    border-width: 2px;
}

.user-account-org-card-main {
    min-width: 0;
    flex: 1;
}

.user-account-org-card-name {
    color: #1f2937;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.user-account-org-card-role {
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

.user-account-org-toggle {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 1px solid #dbe4ef;
    background: #f8fafc;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
}

.user-account-org-card-sub {
    margin-top: 12px;
    color: #475569;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.user-account-org-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.user-account-org-card-flag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 11px;
    font-weight: 600;
}

.user-account-org-card-flag.is-approved {
    background: #dcfce7;
    color: #166534;
}

.user-account-org-card-foot {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
}

.user-account-org-empty {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 32px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}

.user-account-org-detail {
    min-width: 0;
}

.user-account-org-detail-floating {
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    z-index: 4;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.user-account-org-detail-floating.is-minimized {
    opacity: 0;
    pointer-events: none;
    transform: translateX(18px) scale(0.98);
}

.user-account-org-detail-restore {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #dbe4ef;
    background: rgba(255, 255, 255, 0.96);
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.user-account-org-detail-restore:hover {
    border-color: rgba(37, 99, 235, 0.26);
    color: #1d4ed8;
}

.user-account-org-detail-empty,
.user-account-org-detail-card {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #ffffff;
    min-height: 220px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.user-account-org-detail-empty {
    padding: 18px 20px 24px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.user-account-org-detail-card {
    padding: 18px 22px 22px;
}

.user-account-org-detail-headerbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.user-account-org-detail-minbtn {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 1px solid #dbe4ef;
    background: #f8fafc;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.user-account-org-detail-emptycopy {
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.user-account-org-detail-name {
    margin-top: 14px;
    color: #1f2937;
    font-size: 18px;
    font-weight: 600;
}

.user-account-org-detail-role {
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
}

.user-account-org-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.user-account-org-detail-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
}

.user-account-org-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    margin-top: 18px;
}

.user-account-org-detail-grid div {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 10px 12px;
    display: grid;
    gap: 4px;
}

.user-account-org-detail-grid strong {
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.user-account-org-detail-grid span {
    color: #1f2937;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.user-account-org-detail-note,
.user-account-hierarchy-note {
    margin-top: 14px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.user-account-org-option-grid {
    display: grid;
    gap: 12px;
}

body.theme-dark .user-account-org-summary-pill,
body.theme-dark .user-account-org-card,
body.theme-dark .user-account-org-detail-empty,
body.theme-dark .user-account-org-detail-card,
body.theme-dark .user-account-org-detail-grid div {
    background: #0f172a;
    border-color: #243044;
}

body.theme-dark .user-account-org-toggle,
body.theme-dark .user-account-org-detail-chip,
body.theme-dark .user-account-org-detail-minbtn,
body.theme-dark .user-account-org-detail-restore {
    background: #111827;
    border-color: #243044;
    color: #cbd5e1;
}

body.theme-dark .user-account-org-card-name,
body.theme-dark .user-account-org-detail-name,
body.theme-dark .user-account-org-detail-grid span {
    color: #e5e7eb;
}

body.theme-dark .user-account-org-card-role,
body.theme-dark .user-account-org-card-sub,
body.theme-dark .user-account-org-card-foot,
body.theme-dark .user-account-org-detail-empty,
body.theme-dark .user-account-org-detail-role,
body.theme-dark .user-account-org-detail-note,
body.theme-dark .user-account-hierarchy-note,
body.theme-dark .user-account-org-summary-pill,
body.theme-dark .user-account-org-detail-grid strong {
    color: #94a3b8;
}

body.theme-dark .user-account-org-empty {
    background: #0f172a;
    border-color: #334155;
    color: #94a3b8;
}

body.theme-dark .user-account-org-children::before,
body.theme-dark .user-account-org-children::after,
body.theme-dark .user-account-org-children > .user-account-org-item::before,
body.theme-dark .user-account-org-item.has-children > .user-account-org-card::after {
    background: #334155;
}

.user-account-form-grid {
    display: grid;
    gap: 26px;
}

.user-account-section {
    display: grid;
    gap: 14px;
}

.user-account-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

.user-account-field {
    min-width: 0;
    position: relative;
    padding-top: 8px;
}

.user-account-field-upload {
    align-self: start;
}

.user-account-label {
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 0;
    padding: 0 4px;
    background: #ffffff;
    color: #6b7280;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
}

.user-account-label span {
    color: #ef4444;
}

.user-account-grid .dx-texteditor,
.user-account-grid .dx-dropdowneditor,
.user-account-grid .dx-numberbox,
.user-account-grid .dx-datebox {
    width: 100%;
    border-radius: 8px;
}

.user-account-grid .dx-texteditor-container,
.user-account-grid .dx-dropdowneditor-input-wrapper,
.user-account-grid .dx-texteditor-input-container {
    min-height: 40px;
    align-items: center;
}

.user-account-upload-row {
    min-height: 40px;
    border: 1px solid #d7e0ec;
    border-radius: 8px;
    background: #ffffff;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.user-account-attachment-btn {
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #475569;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.user-account-attachment-name {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.user-account-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 180px));
    gap: 18px 24px;
    padding-top: 2px;
}

.user-account-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 24px;
}

.user-account-dashboard-grid-wide {
    padding-top: 2px;
}

.user-account-tabs-section {
    padding-top: 2px;
}

.user-account-tab-pane {
    padding-top: 10px;
}

.user-account-routing-pane {
    display: grid;
    gap: 16px;
    padding: 16px;
}

.user-account-routing-intro {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.user-account-routing-intro strong {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}

#uaApprovalRoutingModeBox .dx-radiobutton {
    align-items: flex-start;
}

#uaApprovalRoutingModeBox .dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 24px;
}

.user-account-routing-option {
    display: grid;
    gap: 3px;
    padding-right: 10px;
}

.user-account-routing-option strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
}

.user-account-routing-option span {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.user-account-manual-approvers {
    position: relative;
    padding-top: 8px;
}

.user-account-manual-approvers.is-disabled {
    opacity: .58;
}

.user-account-routing-label {
    top: 0;
}

.user-account-approver-option {
    display: grid;
    gap: 2px;
    padding: 4px 0;
}

.user-account-approver-option strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
}

.user-account-approver-option span {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.user-account-routing-grid .dx-header-row > td {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

.user-account-routing-grid .dx-row > td {
    color: #1F2937;
    font-size: 12px;
    font-weight: 500;
}

#uaBottomTabs .dx-tab {
    font-weight: 500;
}

#uaBottomTabs .dx-tabpanel-tabs .dx-tabs-wrapper {
    gap: 4px;
}

#uaBottomTabs .dx-tab {
    border-radius: 8px 8px 0 0;
}

#uaBottomTabs .dx-multiview-wrapper {
    border: 1px solid #d7e0ec;
    border-top: none;
    background: #ffffff;
}

#uaAllowedAccessGrid .dx-header-row > td,
#uaAuditGrid .dx-header-row > td {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

#uaAllowedAccessGrid .dx-row > td,
#uaAuditGrid .dx-row > td {
    color: #1F2937;
    font-size: 12px;
    font-weight: 500;
}

.user-account-standard-grid .dx-datagrid-headers .dx-header-row > td {
    color: #64748b;
}

.ris-page-shell {
    width: min(100%, 1560px);
    margin: 0 auto;
    min-width: 0;
}

.ris-form-surface {
    overflow: hidden;
}

.ris-form-grid {
    display: grid;
    gap: 26px;
}

.ris-section-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

.ris-field {
    min-width: 0;
    position: relative;
    padding-top: calc(var(--ansaldo-field-label-size, 10px) * 0.8);
}

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

.ris-label {
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 0;
    padding: 0 4px;
    background: #ffffff;
    color: #6b7280;
    font-size: var(--ansaldo-field-label-size, 10px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
}

.ris-label span {
    color: #ef4444;
}

.ris-section-grid .dx-texteditor,
.ris-section-grid .dx-dropdowneditor,
.ris-section-grid .dx-numberbox,
.ris-section-grid .dx-textarea,
.ris-detail-search .dx-texteditor {
    width: 100%;
    border-radius: 8px;
}

.ris-section-grid .dx-texteditor-input-container,
.ris-section-grid .dx-texteditor-container,
.ris-detail-search .dx-texteditor-container {
    min-height: var(--ansaldo-field-height, 40px);
}

@media (max-width: 760px) {
    .cannibalization-standard-grid,
    .cannibalization-summary-strip {
        grid-template-columns: 1fr;
    }
}

.ris-section-grid .dx-texteditor,
.ris-section-grid .dx-dropdowneditor,
.ris-section-grid .dx-numberbox,
.ris-section-grid .dx-datebox {
    min-height: 44px;
}

.ris-section-grid .dx-texteditor-container,
.ris-section-grid .dx-texteditor-input-container,
.ris-section-grid .dx-dropdowneditor-input-wrapper {
    min-height: 44px;
}

.ris-section-grid .dx-texteditor-input,
.ris-section-grid .dx-dropdowneditor .dx-texteditor-input,
.ris-section-grid .dx-numberbox .dx-texteditor-input,
.ris-section-grid .dx-datebox .dx-texteditor-input {
    height: 42px !important;
    line-height: 18px !important;
    padding-top: 14px !important;
    padding-bottom: 5px !important;
}

.ris-section-grid .dx-placeholder::before {
    top: 14px !important;
    transform: none !important;
    line-height: 18px !important;
}

.ris-tabs-shell {
    min-width: 0;
}

#risTabs .dx-tab,
#prTabs .dx-tab {
    font-weight: 500;
}

#risTabs .dx-tab-selected,
#prTabs .dx-tab-selected {
    border-bottom: 3px solid #e02424 !important;
    box-shadow: none !important;
}

#risTabs .dx-tabs-indicator,
#risTabs .dx-tabpanel-tabs .dx-tabs-indicator,
#prTabs .dx-tabs-indicator,
#prTabs .dx-tabpanel-tabs .dx-tabs-indicator {
    display: none !important;
    background: transparent !important;
}

#risTabs .dx-tab-selected::before,
#risTabs .dx-tab-selected::after,
#risTabs .dx-tab.dx-tab-selected::before,
#risTabs .dx-tab.dx-tab-selected::after,
#prTabs .dx-tab-selected::before,
#prTabs .dx-tab-selected::after,
#prTabs .dx-tab.dx-tab-selected::before,
#prTabs .dx-tab.dx-tab-selected::after {
    display: none !important;
    background: transparent !important;
    border: 0 !important;
}

#risTabs .dx-multiview-wrapper,
#prTabs .dx-multiview-wrapper {
    border-top: 1px solid #eef2f7;
    padding-top: 16px;
}

.ris-tab-empty {
    padding: 48px 16px;
    text-align: center;
    color: #94a3b8;
    font-size: 13px;
    font-style: italic;
}

.ris-recommendation-shell {
    display: grid;
    gap: 16px;
}

.ris-recommendation-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ris-recommendation-chip {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #dbe4f0;
    background: #f8fbff;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
}

.ris-recommendation-note {
    padding: 14px 16px;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    font-size: 13px;
    line-height: 1.6;
}

#risRecommendationGrid,
#prRecommendationGrid {
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    overflow: hidden;
}

#risRecommendationGrid .dx-datagrid-headers .dx-header-row > td,
#prRecommendationGrid .dx-datagrid-headers .dx-header-row > td {
    background: #2A4885;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    border-right: 1px solid rgba(255,255,255,0.14);
    border-bottom: 0;
    padding: 12px 14px;
}

#risRecommendationGrid .dx-datagrid-rowsview .dx-row > td,
#prRecommendationGrid .dx-datagrid-rowsview .dx-row > td {
    background: #ffffff;
    color: #1F2937;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 14px;
    border-bottom: 1px solid #e5e7eb !important;
    vertical-align: top;
}

.ris-detail-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fbff;
}

.ris-detail-toolbar-meta {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.ris-detail-title {
    color: #1F2937;
    font-size: 15px;
    font-weight: 600;
}

.ris-detail-copy {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

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

.ris-detail-add {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #1F2937;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.ris-detail-add:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.ris-detail-search {
    width: 260px;
}

.ris-detail-search .dx-texteditor {
    border-radius: 8px;
}

.ris-detail-search .dx-texteditor-input {
    font-size: 12px;
}

#risDetailGrid,
#prDetailGrid,
#poDetailGrid,
#canvassLineGrid,
#canvassReviewGrid,
#canvassApprovalGrid {
    min-width: 0;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    overflow: hidden;
}

#prDetailGrid,
#prDetailGrid .dx-datagrid,
#prDetailGrid .dx-datagrid-headers,
#prDetailGrid .dx-datagrid-rowsview,
#prDetailGrid .dx-datagrid-content,
#prDetailGrid .dx-datagrid-table {
    width: 100% !important;
}

#prDetailGrid .dx-datagrid-table {
    min-width: 100%;
}

#risDetailGrid .dx-datagrid-headers .dx-header-row > td,
#prDetailGrid .dx-datagrid-headers .dx-header-row > td,
#poDetailGrid .dx-datagrid-headers .dx-header-row > td,
#canvassLineGrid .dx-datagrid-headers .dx-header-row > td,
#canvassReviewGrid .dx-datagrid-headers .dx-header-row > td,
#canvassApprovalGrid .dx-datagrid-headers .dx-header-row > td {
    background: #2A4885;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    border-right: 1px solid rgba(255,255,255,0.14);
    border-bottom: 0;
    padding: 12px 14px;
}

#risDetailGrid .dx-datagrid-rowsview .dx-row > td,
#prDetailGrid .dx-datagrid-rowsview .dx-row > td,
#poDetailGrid .dx-datagrid-rowsview .dx-row > td,
#canvassLineGrid .dx-datagrid-rowsview .dx-row > td,
#canvassReviewGrid .dx-datagrid-rowsview .dx-row > td,
#canvassApprovalGrid .dx-datagrid-rowsview .dx-row > td {
    background: #ffffff;
    color: #1F2937;
    font-size: 12px;
    font-weight: 500;
    padding: 0 10px;
    border-bottom: 1px solid #e5e7eb !important;
    vertical-align: middle;
}

#risDetailGrid .dx-row-focused > td,
#risDetailGrid .dx-selection > td,
#prDetailGrid .dx-row-focused > td,
#prDetailGrid .dx-selection > td,
#poDetailGrid .dx-row-focused > td,
#poDetailGrid .dx-selection > td,
#canvassLineGrid .dx-row-focused > td,
#canvassLineGrid .dx-selection > td,
#canvassReviewGrid .dx-row-focused > td,
#canvassReviewGrid .dx-selection > td,
#canvassApprovalGrid .dx-row-focused > td,
#canvassApprovalGrid .dx-selection > td {
    background: #f8fbff !important;
}

#risDetailGrid .dx-data-row,
#prDetailGrid .dx-data-row,
#poDetailGrid .dx-data-row,
#canvassLineGrid .dx-data-row,
#canvassReviewGrid .dx-data-row,
#canvassApprovalGrid .dx-data-row {
    min-height: 64px;
}

#poDetailGrid .dx-datagrid-rowsview .dx-data-row > td {
    height: 44px;
    min-height: 44px;
    padding: 10px 14px;
    line-height: 1.35;
}

#poDetailGrid .dx-datagrid-total-footer .dx-row > td {
    height: 44px;
    min-height: 44px;
    padding: 10px 14px;
    vertical-align: middle;
    background: #ffffff;
    color: #1F2937;
    font-size: 12px;
    font-weight: 600;
    border-top: 1px solid #e5e7eb;
}

#poDetailGrid .dx-datagrid-total-footer .dx-datagrid-summary-item {
    line-height: 1.35;
}

.ris-item-cell {
    width: 100%;
    min-height: 60px;
    display: flex;
    align-items: center;
}

.ris-item-picker {
    width: 100%;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #1F2937;
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.ris-item-picker:not(:disabled):hover {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.08);
}

.ris-item-picker-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.ris-item-picker:disabled {
    cursor: default;
    background: #f8fafc;
}

.ris-item-picker-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1F2937;
    font-size: 13px;
    font-weight: 600;
}

.ris-item-picker-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
}

.ris-item-picker-icon {
    color: #64748b;
    font-size: 14px;
    flex-shrink: 0;
}

.ris-static-cell {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1F2937;
    font-size: 13px;
    font-weight: 500;
}

.ris-recommended-item-cell {
    gap: 6px;
    padding: 0 8px;
    line-height: 1.25;
}

.ris-recommended-item-cell.has-recommendation-note {
    cursor: help;
}

.ris-recommended-item-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ris-recommendation-note-icon {
    color: #2563eb;
    font-size: 13px;
    flex-shrink: 0;
}

.ris-recommendation-note-tooltip {
    max-width: 300px;
    color: #0f172a;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

.ris-onhand-cell {
    min-height: 44px;
}

.ris-onhand-value {
    min-width: 54px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-weight: 800;
    line-height: 1;
}

.ris-onhand-muted {
    color: #94a3b8;
    font-weight: 700;
}

.ris-allocation-summary-cell {
    display: grid;
    gap: 6px;
    padding: 8px 4px;
}

.ris-allocation-summary-line {
    color: #1f2937;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.ris-allocation-summary-empty {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
}

.ris-allocation-summary-meta {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.ris-allocation-summary-meta.is-warning,
.ris-allocation-balance-warning {
    color: #b45309 !important;
}

.ris-allocation-manage-btn {
    min-width: 104px;
    min-height: 38px;
}

.ris-allocation-row-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ris-allocation-inline-btn {
    min-width: 78px;
    min-height: 36px;
    padding: 0 12px;
}

.ris-allocation-inline-delete {
    width: 36px;
    min-width: 36px;
    height: 36px;
}

.ris-allocation-popup {
    display: grid;
    gap: 18px;
    padding: 4px 4px 8px;
}

.ris-allocation-popup-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.ris-allocation-popup-titleblock {
    display: grid;
    gap: 6px;
}

.ris-allocation-popup-code {
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ris-allocation-popup-title {
    color: #1f2937;
    font-size: 18px;
    font-weight: 700;
}

.ris-allocation-popup-copy {
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
    max-width: 620px;
}

.ris-allocation-popup-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.ris-allocation-metric {
    display: grid;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid #dbe5f0;
    border-radius: 8px;
    background: #f8fafc;
}

.ris-allocation-metric.is-warning {
    border-color: #fbbf24;
    background: #fffbeb;
}

.ris-allocation-metric.is-danger {
    border-color: #fca5a5;
    background: #fff1f2;
}

.ris-allocation-metric-label {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ris-allocation-metric-value {
    color: #1f2937;
    font-size: 18px;
    line-height: 1;
}

.ris-allocation-split-list {
    display: grid;
    gap: 12px;
}

.ris-allocation-split-card {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid #dbe5f0;
    border-radius: 8px;
    background: #fff;
}

.ris-allocation-split-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ris-allocation-split-name {
    color: #1f2937;
    font-size: 13px;
    font-weight: 700;
}

.ris-allocation-split-remove {
    width: 34px;
    height: 34px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff5f5;
    color: #dc2626;
}

.ris-allocation-split-remove:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.ris-allocation-split-fields {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) 140px minmax(0, 1fr);
    gap: 12px;
}

.ris-allocation-split-field .dx-texteditor,
.ris-allocation-split-field .dx-dropdowneditor {
    border-radius: 8px;
}

.ris-allocation-popup-actions {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

@media (max-width: 1024px) {
    .ris-allocation-popup-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ris-allocation-split-fields {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ris-allocation-popup-metrics {
        grid-template-columns: 1fr;
    }

    .ris-allocation-popup-actions {
        flex-direction: column;
    }

    .ris-allocation-manage-btn {
        min-width: 88px;
    }
}

#risDetailGrid .ris-detail-action-column,
#risDetailGrid .dx-datagrid-headers td.ris-detail-action-column,
#risDetailGrid .dx-datagrid-rowsview td.ris-detail-action-column {
    background: #ffffff !important;
    box-shadow: -8px 0 16px rgba(15, 23, 42, 0.05);
    overflow: visible;
}

#risDetailGrid .dx-datagrid-rowsview td.ris-detail-action-column {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.theme-dark .ris-form-surface,
body.theme-dark .ris-form-surface .surface-body,
body.theme-dark .ris-form-surface .si-surface-body,
body.theme-dark .ris-tabs-shell,
body.theme-dark #risTabs .dx-multiview-wrapper,
body.theme-dark #prTabs .dx-multiview-wrapper,
body.theme-dark #poTabs .dx-multiview-wrapper,
body.theme-dark #risTabs .dx-multiview-item-content,
body.theme-dark #prTabs .dx-multiview-item-content,
body.theme-dark #poTabs .dx-multiview-item-content {
    background: var(--ansaldo-report-card-bg, #080808) !important;
    border-color: var(--ansaldo-divider, #1f2937) !important;
    color: var(--ansaldo-primary-text, #e5e7eb) !important;
}

body.theme-dark .ris-label {
    background: var(--ansaldo-report-card-bg, #080808);
    color: var(--ansaldo-placeholder, #9ca3af);
}

body.theme-dark .ris-section-grid .dx-texteditor,
body.theme-dark .ris-section-grid .dx-dropdowneditor,
body.theme-dark .ris-section-grid .dx-numberbox,
body.theme-dark .ris-section-grid .dx-datebox,
body.theme-dark .ris-section-grid .dx-textarea,
body.theme-dark .ris-section-grid .dx-state-readonly.dx-texteditor,
body.theme-dark .ris-section-grid .dx-state-readonly.dx-dropdowneditor,
body.theme-dark .ris-section-grid .dx-state-readonly.dx-numberbox,
body.theme-dark .ris-section-grid .dx-state-readonly.dx-datebox,
body.theme-dark .ris-section-grid .dx-state-readonly.dx-textarea,
body.theme-dark .ris-section-grid .dx-state-disabled.dx-texteditor,
body.theme-dark .ris-section-grid .dx-state-disabled.dx-dropdowneditor,
body.theme-dark .ris-section-grid .dx-state-disabled.dx-numberbox,
body.theme-dark .ris-section-grid .dx-state-disabled.dx-datebox,
body.theme-dark .ris-section-grid .dx-state-disabled.dx-textarea {
    background: var(--ansaldo-field-bg, #151515) !important;
    border-color: var(--ansaldo-field-border, #1f2937) !important;
    color: var(--ansaldo-field-text, #e5e7eb) !important;
    box-shadow: none !important;
}

body.theme-dark .ris-section-grid .dx-texteditor-input,
body.theme-dark .ris-section-grid .dx-dropdowneditor .dx-texteditor-input,
body.theme-dark .ris-section-grid .dx-numberbox .dx-texteditor-input,
body.theme-dark .ris-section-grid .dx-datebox .dx-texteditor-input,
body.theme-dark .ris-section-grid textarea,
body.theme-dark .ris-section-grid .dx-state-readonly .dx-texteditor-input,
body.theme-dark .ris-section-grid .dx-state-disabled .dx-texteditor-input {
    color: var(--ansaldo-field-text, #e5e7eb) !important;
    -webkit-text-fill-color: var(--ansaldo-field-text, #e5e7eb) !important;
    caret-color: var(--ansaldo-field-text, #e5e7eb) !important;
    background: transparent !important;
}

body.theme-dark .ris-section-grid .dx-placeholder,
body.theme-dark .ris-section-grid .dx-placeholder::before {
    color: var(--ansaldo-placeholder, #9ca3af) !important;
}

body.theme-dark .ris-detail-toolbar,
body.theme-dark .ris-recommendation-note,
body.theme-dark .ris-recommendation-chip {
    background: var(--ansaldo-report-input-bg, #151515);
    border-color: var(--ansaldo-surface-border, #1f2937);
    color: var(--ansaldo-primary-text, #e5e7eb);
}

body.theme-dark .ris-detail-title,
body.theme-dark .ris-item-picker-text,
body.theme-dark .ris-static-cell,
body.theme-dark .canvass-review-item-title {
    color: var(--ansaldo-primary-text, #e5e7eb);
}

body.theme-dark .ris-detail-copy,
body.theme-dark .ris-item-picker-meta,
body.theme-dark .ris-item-picker-icon,
body.theme-dark .ris-tab-empty {
    color: var(--ansaldo-placeholder, #9ca3af);
}

body.theme-dark .ris-detail-add,
body.theme-dark .ris-item-picker,
body.theme-dark .ris-item-picker:disabled {
    background: #0f172a;
    border-color: #1e293b;
    color: var(--ansaldo-primary-text, #e5e7eb);
}

body.theme-dark .ris-detail-add:not(:disabled):hover,
body.theme-dark .ris-item-picker:not(:disabled):hover {
    background: #111c31;
    border-color: #334155;
}

body.theme-dark #risDetailGrid,
body.theme-dark #prDetailGrid,
body.theme-dark #poDetailGrid,
body.theme-dark #canvassLineGrid,
body.theme-dark #canvassReviewGrid,
body.theme-dark #canvassApprovalGrid,
body.theme-dark #risRecommendationGrid,
body.theme-dark #prRecommendationGrid {
    border-color: var(--ansaldo-surface-border, #1f2937);
    background: var(--ansaldo-report-card-bg, #080808);
}

body.theme-dark #risDetailGrid .dx-datagrid-headers .dx-header-row > td,
body.theme-dark #prDetailGrid .dx-datagrid-headers .dx-header-row > td,
body.theme-dark #poDetailGrid .dx-datagrid-headers .dx-header-row > td,
body.theme-dark #canvassLineGrid .dx-datagrid-headers .dx-header-row > td,
body.theme-dark #canvassReviewGrid .dx-datagrid-headers .dx-header-row > td,
body.theme-dark #canvassApprovalGrid .dx-datagrid-headers .dx-header-row > td,
body.theme-dark #risRecommendationGrid .dx-datagrid-headers .dx-header-row > td,
body.theme-dark #prRecommendationGrid .dx-datagrid-headers .dx-header-row > td {
    background: var(--ansaldo-report-header-bg, #111827) !important;
    border-color: var(--ansaldo-surface-border, #1f2937) !important;
    color: var(--ansaldo-primary-text, #e5e7eb) !important;
}

body.theme-dark #risDetailGrid .dx-datagrid-rowsview .dx-row > td,
body.theme-dark #prDetailGrid .dx-datagrid-rowsview .dx-row > td,
body.theme-dark #poDetailGrid .dx-datagrid-rowsview .dx-row > td,
body.theme-dark #canvassLineGrid .dx-datagrid-rowsview .dx-row > td,
body.theme-dark #canvassReviewGrid .dx-datagrid-rowsview .dx-row > td,
body.theme-dark #canvassApprovalGrid .dx-datagrid-rowsview .dx-row > td,
body.theme-dark #risRecommendationGrid .dx-datagrid-rowsview .dx-row > td,
body.theme-dark #prRecommendationGrid .dx-datagrid-rowsview .dx-row > td {
    background: var(--ansaldo-report-row-even-bg, #0f172a) !important;
    border-color: var(--ansaldo-divider, #1f2937) !important;
    color: var(--ansaldo-primary-text, #e5e7eb) !important;
}

body.theme-dark #risDetailGrid .dx-datagrid-rowsview,
body.theme-dark #prDetailGrid .dx-datagrid-rowsview,
body.theme-dark #poDetailGrid .dx-datagrid-rowsview,
body.theme-dark #canvassLineGrid .dx-datagrid-rowsview,
body.theme-dark #canvassReviewGrid .dx-datagrid-rowsview,
body.theme-dark #canvassApprovalGrid .dx-datagrid-rowsview,
body.theme-dark #risRecommendationGrid .dx-datagrid-rowsview,
body.theme-dark #prRecommendationGrid .dx-datagrid-rowsview {
    background: var(--ansaldo-report-row-even-bg, #0f172a) !important;
}

body.theme-dark #risDetailGrid .dx-datagrid-nodata,
body.theme-dark #prDetailGrid .dx-datagrid-nodata,
body.theme-dark #poDetailGrid .dx-datagrid-nodata,
body.theme-dark #canvassLineGrid .dx-datagrid-nodata,
body.theme-dark #canvassReviewGrid .dx-datagrid-nodata,
body.theme-dark #canvassApprovalGrid .dx-datagrid-nodata,
body.theme-dark #risRecommendationGrid .dx-datagrid-nodata,
body.theme-dark #prRecommendationGrid .dx-datagrid-nodata {
    background: var(--ansaldo-report-row-even-bg, #0f172a) !important;
    color: var(--ansaldo-secondary-text, #9ca3af) !important;
}

body.theme-dark #risDetailGrid .dx-datagrid-total-footer,
body.theme-dark #prDetailGrid .dx-datagrid-total-footer,
body.theme-dark #poDetailGrid .dx-datagrid-total-footer,
body.theme-dark #canvassLineGrid .dx-datagrid-total-footer,
body.theme-dark #canvassReviewGrid .dx-datagrid-total-footer,
body.theme-dark #canvassApprovalGrid .dx-datagrid-total-footer,
body.theme-dark #risRecommendationGrid .dx-datagrid-total-footer,
body.theme-dark #prRecommendationGrid .dx-datagrid-total-footer {
    background: var(--ansaldo-report-row-even-bg, #0f172a) !important;
    border-color: var(--ansaldo-divider, #1f2937) !important;
}

body.theme-dark #risDetailGrid .dx-datagrid-total-footer .dx-row > td,
body.theme-dark #prDetailGrid .dx-datagrid-total-footer .dx-row > td,
body.theme-dark #poDetailGrid .dx-datagrid-total-footer .dx-row > td,
body.theme-dark #canvassLineGrid .dx-datagrid-total-footer .dx-row > td,
body.theme-dark #canvassReviewGrid .dx-datagrid-total-footer .dx-row > td,
body.theme-dark #canvassApprovalGrid .dx-datagrid-total-footer .dx-row > td,
body.theme-dark #risRecommendationGrid .dx-datagrid-total-footer .dx-row > td,
body.theme-dark #prRecommendationGrid .dx-datagrid-total-footer .dx-row > td {
    background: var(--ansaldo-report-row-even-bg, #0f172a) !important;
    border-color: var(--ansaldo-divider, #1f2937) !important;
    color: var(--ansaldo-primary-text, #e5e7eb) !important;
}

body.theme-dark #risDetailGrid .dx-datagrid-total-footer .dx-datagrid-summary-item,
body.theme-dark #prDetailGrid .dx-datagrid-total-footer .dx-datagrid-summary-item,
body.theme-dark #poDetailGrid .dx-datagrid-total-footer .dx-datagrid-summary-item,
body.theme-dark #canvassLineGrid .dx-datagrid-total-footer .dx-datagrid-summary-item,
body.theme-dark #canvassReviewGrid .dx-datagrid-total-footer .dx-datagrid-summary-item,
body.theme-dark #canvassApprovalGrid .dx-datagrid-total-footer .dx-datagrid-summary-item,
body.theme-dark #risRecommendationGrid .dx-datagrid-total-footer .dx-datagrid-summary-item,
body.theme-dark #prRecommendationGrid .dx-datagrid-total-footer .dx-datagrid-summary-item {
    color: var(--ansaldo-secondary-text, #9ca3af) !important;
}

body.theme-dark #risDetailGrid .dx-row-focused > td,
body.theme-dark #risDetailGrid .dx-selection > td,
body.theme-dark #prDetailGrid .dx-row-focused > td,
body.theme-dark #prDetailGrid .dx-selection > td,
body.theme-dark #poDetailGrid .dx-row-focused > td,
body.theme-dark #poDetailGrid .dx-selection > td,
body.theme-dark #canvassLineGrid .dx-row-focused > td,
body.theme-dark #canvassLineGrid .dx-selection > td,
body.theme-dark #canvassReviewGrid .dx-row-focused > td,
body.theme-dark #canvassReviewGrid .dx-selection > td,
body.theme-dark #canvassApprovalGrid .dx-row-focused > td,
body.theme-dark #canvassApprovalGrid .dx-selection > td {
    background: #111c31 !important;
}

.ris-qty-editor .dx-texteditor {
    border-radius: 8px;
}

.canvass-price-editor .dx-texteditor {
    border-radius: 8px;
}

.ris-qty-editor .dx-texteditor-container {
    min-height: 42px;
}

.canvass-price-editor .dx-texteditor-container {
    min-height: 42px;
}

.ris-qty-editor .dx-texteditor-input {
    text-align: center;
    font-weight: 600;
}

.canvass-price-editor .dx-texteditor-input {
    text-align: right;
    font-weight: 600;
}

.canvass-review-reject-btn {
    border-color: #fecaca;
    color: #dc2626;
    background: #fff5f5;
}

.canvass-review-reject-btn:hover:not(:disabled) {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #b91c1c;
}

.canvass-review-item-cell {
    display: grid;
    gap: 8px;
    min-height: 72px;
}

.canvass-review-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.canvass-review-code {
    display: inline-flex;
    align-items: center;
    padding: 3px 6px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    font-family: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, monospace;
}

.canvass-review-qty-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 700;
}

.canvass-review-item-title {
    color: #1f2937;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.canvass-review-item-remarks {
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.45;
}

.canvass-review-supplier-card {
    display: grid;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    min-height: 108px;
}

.canvass-review-supplier-card.is-selected {
    border-color: #86efac;
    background: #f0fdf4;
    box-shadow: inset 0 0 0 1px #bbf7d0;
}

.canvass-review-price-label {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.canvass-review-price {
    color: #111827;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.canvass-review-counter {
    padding: 8px 10px;
    border: 1px solid #fde68a;
    border-radius: 8px;
    background: #fffbeb;
    color: #92400e;
    cursor: help;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}

.canvass-sheet-board {
    border: 1px solid #dbe4f0;
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
}

.canvass-sheet-header,
.canvass-sheet-row,
.canvass-sheet-footer {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 340px;
    grid-template-columns: 280px;
}

.canvass-sheet-col {
    min-width: 0;
    padding: 14px;
    border-right: 1px solid #e5e7eb;
}

.canvass-sheet-item-col {
    width: 280px;
}

.canvass-sheet-supplier-col {
    width: 340px;
}

.canvass-sheet-header .canvass-sheet-col,
.canvass-sheet-footer .canvass-sheet-footer-item {
    background: #f8fafc;
}

.canvass-sheet-header .canvass-sheet-col:last-child,
.canvass-sheet-row .canvass-sheet-col:last-child,
.canvass-sheet-footer .canvass-sheet-footer-item:last-child {
    border-right: none;
}

.canvass-sheet-heading {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.canvass-sheet-supplier-select {
    margin-top: 10px;
}

.canvass-sheet-supplier-select .dx-texteditor {
    border-radius: 8px;
    min-height: 40px;
    height: 40px;
}

.canvass-sheet-supplier-select .dx-texteditor-container,
.canvass-sheet-supplier-select .dx-dropdowneditor-input-wrapper,
.canvass-sheet-supplier-select .dx-texteditor-input-container {
    min-height: 40px;
    height: 40px;
}

.canvass-sheet-supplier-select .dx-texteditor-input {
    min-height: 40px;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
}

.canvass-sheet-supplier-select .dx-dropdowneditor-button {
    min-height: 40px;
    height: 40px;
}

.canvass-sheet-row {
    border-top: 1px solid #e5e7eb;
}

.canvass-sheet-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.canvass-sheet-item-code {
    display: inline-flex;
    align-items: center;
    padding: 3px 6px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.canvass-sheet-qty-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 700;
}

.canvass-sheet-item-name {
    margin-top: 10px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.canvass-sheet-item-remarks {
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
}

.canvass-sheet-quote-meta {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

.canvass-sheet-meta-group {
    display: grid;
    gap: 4px;
}

.canvass-sheet-meta-group span {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.canvass-sheet-meta-group strong {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.canvass-sheet-price-editor .dx-texteditor {
    border-radius: 8px;
}

.canvass-sheet-price-editor .dx-texteditor-container {
    min-height: 40px;
}

.canvass-sheet-price-editor .dx-texteditor-input {
    text-align: right;
    font-weight: 600;
}

.canvass-sheet-counter-btn {
    margin-top: 10px;
    border: none;
    background: transparent;
    color: #3b82f6;
    font-size: 12px;
    font-weight: 500;
    padding: 0;
    cursor: pointer;
}

.canvass-sheet-counter-btn:disabled {
    color: #cbd5e1;
    cursor: default;
}

.canvass-sheet-counter-card {
    margin-top: 10px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    padding: 9px 10px;
}

.canvass-sheet-counter-label {
    color: #2563eb;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.canvass-sheet-counter-item {
    margin-top: 4px;
    color: #1f2937;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.canvass-sheet-counter-remarks {
    margin-top: 4px;
    color: #475569;
    font-size: 11px;
    line-height: 1.45;
}

.canvass-counter-popup {
    display: grid;
    gap: 14px;
}

.canvass-counter-source {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 700;
}

.canvass-counter-field {
    display: grid;
    gap: 6px;
}

.canvass-counter-field label {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.canvass-counter-new-toggle {
    padding: 2px 0;
}

.canvass-counter-new-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(130px, 0.65fr);
    gap: 12px;
    align-items: start;
}

@media (max-width: 640px) {
    .canvass-counter-new-grid {
        grid-template-columns: 1fr;
    }
}

.canvass-sheet-footer {
    border-top: 1px solid #e5e7eb;
}

.canvass-sheet-footer-item {
    min-width: 0;
    padding: 18px 14px 14px;
    border-right: 1px solid #e5e7eb;
}

.canvass-sheet-footer-item.canvass-sheet-item-col {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: right;
}

.canvass-sheet-total {
    color: #111827;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    text-align: right;
}

.canvass-sheet-total-copy {
    margin-top: 10px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: right;
}

.canvass-sheet-empty {
    padding: 18px 4px 0;
    color: #94a3b8;
    font-size: 12px;
}

.ris-remarks-editor .dx-texteditor {
    border-radius: 8px;
}

.ris-remarks-editor .dx-texteditor-container {
    min-height: 42px;
}

.ris-final-decision-editor .dx-texteditor,
.ris-final-decision-editor .dx-dropdowneditor {
    width: 100%;
    height: 40px;
    min-height: 40px;
    border-radius: 8px;
}

.ris-final-decision-editor .dx-texteditor-container,
.ris-final-decision-editor .dx-texteditor-input-container,
.ris-final-decision-editor .dx-dropdowneditor-input-wrapper {
    height: 40px;
    min-height: 40px;
}

.ris-final-decision-editor .dx-texteditor-input {
    height: 40px;
    min-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
}

.ris-final-decision-editor .dx-dropdowneditor-button {
    width: 34px;
    min-width: 34px;
    height: 40px;
}

.ris-final-decision-editor .dx-dropdowneditor-button .dx-button-content {
    height: 40px;
}

.ris-qty-editor .dx-numberbox-spin-container,
.ris-qty-editor .dx-numberbox-spin-up,
.ris-qty-editor .dx-numberbox-spin-down {
    display: none !important;
}

.ris-row-delete {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff5f5;
    color: #dc2626;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.ris-row-delete:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.ris-lookup-copy {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

.ris-lookup-shell {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.ris-lookup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ris-lookup-eyebrow {
    color: #2563eb;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ris-lookup-title {
    color: #0f172a;
    font-size: 18px;
    font-weight: 600;
}

.ris-lookup-close {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    background: #ffffff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ris-lookup-close:hover {
    color: #1f2937;
    border-color: #cbd5e1;
    background: #f8fafc;
}

.ris-lookup-searchbar {
    width: 100%;
}

.ris-lookup-list-host {
    min-height: 220px;
    flex: 1 1 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.ris-lookup-searchbar.dx-texteditor,
.ris-lookup-searchbar .dx-texteditor {
    height: 40px;
    border-radius: 10px;
    border: 1px solid #dbe4f0;
    background: #ffffff;
    box-shadow: none;
}

.ris-lookup-searchbar .dx-texteditor-container {
    min-height: 40px;
    align-items: center;
}

.ris-lookup-searchbar .dx-texteditor-input-container {
    min-height: 40px;
}

.ris-lookup-searchbar .dx-texteditor-input {
    font-size: 12px;
    font-weight: 500;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 38px;
    line-height: 38px;
}

.ris-lookup-searchbar .dx-placeholder::before {
    padding-top: 0;
    line-height: 38px;
}

.ris-lookup-list-host .dx-scrollview-content {
    padding: 10px;
}

.ris-lookup-list-host .dx-list-item {
    border-top: 0;
}

.ris-lookup-list-host .dx-list-item-content {
    padding: 0;
}

.ris-lookup-card {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    text-align: left;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.ris-lookup-card:hover {
    border-color: #93c5fd;
    box-shadow: 0 14px 28px rgba(37,99,235,0.10);
    transform: translateY(-1px);
}

.ris-lookup-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ris-lookup-code {
    color: #2563eb;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.ris-lookup-stock {
    color: #0f766e;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.ris-lookup-desc {
    color: #1F2937;
    font-size: 13px;
    font-weight: 600;
}

.ris-lookup-meta-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ris-lookup-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
}

.ris-lookup-meta {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .ris-lookup-searchbar {
        align-items: stretch;
        flex-direction: column;
    }

    .ris-lookup-count {
        width: fit-content;
    }
}

@media (max-width: 1100px) {
    .master-form-section-grid {
        grid-template-columns: 1fr;
    }

    .master-form-section-wide {
        grid-column: auto;
    }

    .coa-row-2 {
        grid-template-columns: 1fr;
    }

    .coa-checks {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .roles-content-grid,
    .roles-form-grid-v2 {
        grid-template-columns: 1fr;
    }

    .user-account-grid,
    .user-account-check-grid,
    .user-account-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .user-account-org-layout {
        min-height: 0;
    }

    .user-account-org-chart {
        min-width: 1020px;
    }

    .user-account-org-chart-wrap {
        padding-right: 0;
    }

    .user-account-org-detail-floating,
    .user-account-org-detail-restore {
        position: static;
        width: 100%;
        margin-top: 18px;
    }

    .user-account-org-detail-floating.is-minimized {
        display: none;
        opacity: 0;
        transform: none;
    }

    .user-account-org-detail-grid {
        grid-template-columns: 1fr;
    }

    .ris-section-grid {
        grid-template-columns: 1fr;
    }

    .ris-detail-toolbar {
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .ris-detail-toolbar-actions {
        width: 100%;
        justify-content: stretch;
    }

    .ris-detail-add {
        width: 100%;
    }

    .ris-detail-search {
        width: 100%;
    }
}

/* PARTY MASTER FORMS */
.party-master-page {
    display: grid;
    gap: 20px;
    width: min(100%, 1560px);
    margin: 0 auto;
}

.party-master-toolbar {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(15,23,42,0.06);
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.party-master-toolbar a {
    color: #e02424;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.party-master-toolbar span {
    color: #cbd5e1;
    margin: 0 8px;
}

.party-master-toolbar strong {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}

.party-master-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.party-master-actions button {
    border-radius: 8px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #334155;
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    cursor: pointer;
}

.party-primary-action {
    border-color: #e02424 !important;
    background: #e02424 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(224,36,36,0.18);
}

.party-close-action {
    padding: 10px 12px !important;
}

.party-master-surface {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(15,23,42,0.06);
    padding: 18px;
}

#partyMasterTabs .dx-tabpanel-tabs {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 5px;
    background: #f8fafc !important;
}

#partyMasterTabs .dx-tab {
    border-radius: 8px !important;
    min-width: 170px;
}

#partyMasterTabs .dx-tab-selected {
    background: #e02424 !important;
    color: #ffffff !important;
    border-bottom: none !important;
    box-shadow: 0 8px 18px rgba(224,36,36,0.18);
}

#partyMasterTabs .dx-multiview-item-content {
    padding: 22px 4px 4px;
}

.party-secondary-action:hover,
.party-close-action:hover {
    background: #f8fafc;
}

.party-primary-action:hover {
    background: #b91c1c !important;
}

/* EQUIPMENT PROFILE */
.equipment-profile-page {
    display: grid;
    gap: 18px;
    width: min(100%, 1560px);
    margin: 0 auto;
}

.equipment-breadcrumb,
.equipment-toolbar,
.equipment-main-surface,
.equipment-side-surface {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(15,23,42,0.06);
}

.equipment-breadcrumb {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.equipment-breadcrumb button,
.equipment-breadcrumb a {
    border: none;
    background: transparent;
    color: #2563eb;
    text-decoration: none;
    font: inherit;
    cursor: pointer;
    padding: 0;
}

.equipment-breadcrumb strong {
    color: #0f172a;
}

.equipment-toolbar {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.equipment-title-block {
    display: flex;
    align-items: center;
    gap: 14px;
}

.equipment-title-icon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #2563eb;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 12px 22px rgba(37,99,235,0.18);
}

.equipment-title-block h1 {
    margin: 0;
    color: #0f172a;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}

.equipment-title-block p {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.equipment-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.equipment-actions button {
    border-radius: 8px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #334155;
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    cursor: pointer;
}

.equipment-primary-action {
    border-color: #2563eb !important;
    background: #2563eb !important;
    color: #ffffff !important;
}

.equipment-layout {
    display: grid;
    grid-template-columns: minmax(640px, 880px) 300px;
    gap: 18px;
    justify-content: center;
    align-items: start;
}

.equipment-main-surface,
.equipment-side-surface {
    padding: 18px;
}

.equipment-side-surface {
    display: grid;
    gap: 14px;
}

.equipment-status-card,
.equipment-note {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background: #f8fafc;
}

.equipment-status-label {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.equipment-status-value {
    margin-top: 4px;
    color: #059669;
    font-size: 26px;
    font-weight: 600;
}

.equipment-status-card p,
.equipment-note p {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.equipment-switch-list {
    display: grid;
    gap: 12px;
}

.equipment-note {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.equipment-note strong {
    color: #2563eb;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

#equipmentTabs .dx-tabpanel-tabs {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 5px;
    background: #f8fafc !important;
}

#equipmentTabs .dx-tab {
    border-radius: 8px !important;
    min-width: 170px;
}

#equipmentTabs .dx-tab-selected {
    background: #2563eb !important;
    color: #ffffff !important;
    border-bottom: none !important;
    box-shadow: 0 8px 18px rgba(37,99,235,0.18);
}

#equipmentTabs .dx-multiview-item-content {
    padding: 22px 4px 4px;
}

.equipment-secondary-action:hover {
    background: #f8fafc;
}

.equipment-primary-action:hover {
    background: #1d4ed8 !important;
}

/* DASHBOARD SPECIFIC */
.dashboard-grid-layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 48px;
}

.dashboard-command-header {
    border-top: 8px solid #ffd400;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 58%, #fff7ed 100%);
    border-radius: 24px;
    border: 1px solid rgba(226,232,240,0.9);
    box-shadow: 0 12px 30px rgba(15,23,42,0.07);
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

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

.dashboard-title-line h1 {
    margin: 0;
    color: #0f172a;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 0;
}

.dashboard-command-header p {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 15px;
    font-weight: 600;
}

.dashboard-live-pill {
    background: #fff7ed;
    color: #d97706;
    border: 1px solid #fed7aa;
    border-radius: 6px;
    padding: 5px 9px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.dashboard-header-panel {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15,23,42,0.08);
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    flex-shrink: 0;
}

.dashboard-header-panel span,
.dashboard-header-panel button {
    border: none;
    background: transparent;
    color: #334155;
    padding: 14px 18px;
    font-size: 12px;
    font-weight: 600;
}

.dashboard-header-panel span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.dashboard-header-panel span i {
    color: #d97706;
}

.dashboard-header-panel button {
    border-left: 1px solid #e2e8f0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.dashboard-header-panel button:hover {
    background: #f8fafc;
}

.metrics-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.ansaldo-metric-card {
    background: white;
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgba(226,232,240,0.8);
    box-shadow: 0 4px 20px rgba(15,23,42,0.04);
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    overflow: hidden;
}

.metric-accent-glow {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    opacity: 0.1;
}

.metric-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.metric-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.metric-delta {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
}

.delta-up { background: #ecfdf5; color: #059669; }
.delta-down { background: #fef2f2; color: #dc2626; }

.metric-body { display: grid; gap: 4px; }
.metric-label { font-size: 10px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.1em; }
.metric-value { font-size: 26px; font-weight: 600; color: #0f172a; letter-spacing: 0; }
.metric-desc { font-size: 13px; color: #64748b; font-weight: 500; }

.ansaldo-surface {
    background: white;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(15,23,42,0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.surface-header {
    padding: 20px 24px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.surface-title-group { display: grid; gap: 2px; }
.surface-title { font-size: 16px; font-weight: 600; color: #0f172a; }
.surface-subtitle { font-size: 12px; color: #94a3b8; font-weight: 600; }

.surface-body { padding: 24px; }

/* DevExtreme Tweaks */
.dx-tabpanel-tabs { background: transparent !important; }
.dx-tab { background: transparent !important; border: none !important; color: #94a3b8 !important; font-weight: 600 !important; font-size: 13px !important; }
.dx-tab-selected { color: #0f172a !important; border-bottom: 3px solid #e02424 !important; }
.dx-tab-content { padding: 8px 16px !important; }

#dashboardTabs .dx-tabpanel-tabs {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 6px;
    background: #ffffff !important;
}

#dashboardTabs .dx-tabs-wrapper {
    gap: 4px;
}

#dashboardTabs .dx-tab {
    border-radius: 8px !important;
    min-width: 142px;
    background: #ffffff !important;
    color: #94a3b8 !important;
    border-bottom: 3px solid transparent !important;
}

#dashboardTabs .dx-tab-selected {
    background: #ffffff !important;
    color: #0f172a !important;
    border-bottom: 3px solid #e02424 !important;
    box-shadow: none !important;
}

#dashboardTabs .dx-tabs-indicator,
#dashboardTabs .dx-tabpanel-tabs .dx-tabs-indicator {
    display: none !important;
    background: transparent !important;
}

#dashboardTabs .dx-tabs-styling-mode-secondary.dx-tab-indicator-position-bottom .dx-tab-selected .dx-tab-content::after,
#dashboardTabs .dx-tabs-styling-mode-secondary.dx-tab-indicator-position-bottom .dx-tab-selected.dx-state-focused .dx-tab-content::after {
    background-color: transparent !important;
    display: none !important;
}

.dashboard-tab-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}

.dashboard-tab-layout {
    margin-top: 24px;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    gap: 24px;
}

.dashboard-tab-layout > .ansaldo-surface:first-child {
    grid-column: 1 / -1;
}

.dashboard-chart-body {
    padding: 0 12px 12px;
}

.dashboard-chart {
    height: 340px;
}

.dashboard-legend {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.dashboard-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.dashboard-legend i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.dashboard-queue-body {
    padding: 0;
}

.dashboard-queue-footer {
    border-top: 1px solid #f1f5f9;
    padding: 16px 20px;
    text-align: center;
}

.dashboard-queue-footer button {
    width: 100%;
    border: none;
    background: #e02424;
    color: white;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.dashboard-queue-footer button:hover {
    background: #b91c1c;
}

.dashboard-insight-panel {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(15,23,42,0.06);
    padding: 22px;
    min-height: 100%;
}

.dashboard-insight-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fef2f2;
    color: #e02424;
    border-radius: 8px;
    font-size: 20px;
}

.dashboard-insight-title {
    margin-top: 16px;
    color: #0f172a;
    font-size: 16px;
    font-weight: 600;
}

.dashboard-insight-text {
    margin-top: 6px;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.dashboard-insight-list {
    margin-top: 18px;
    display: grid;
    gap: 10px;
}

.dashboard-insight-row {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dashboard-insight-row span {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.dashboard-insight-row strong {
    color: #334155;
    font-size: 12px;
    text-align: right;
}

.dashboard-insight-row.ready span {
    color: #059669;
}

.dashboard-insight-row.danger span {
    color: #dc2626;
}

/* Tones */
.tone-blue .metric-icon-wrap { background: #eff6ff; color: #2563eb; }
.tone-blue .metric-accent-glow { background: #2563eb; }
.tone-green .metric-icon-wrap { background: #ecfdf5; color: #059669; }
.tone-green .metric-accent-glow { background: #059669; }
.tone-amber .metric-icon-wrap { background: #fffbeb; color: #d97706; }
.tone-amber .metric-accent-glow { background: #d97706; }
.tone-rose .metric-icon-wrap { background: #fff1f2; color: #e11d48; }
.tone-rose .metric-accent-glow { background: #e11d48; }
.tone-indigo .metric-icon-wrap { background: #eef2ff; color: #4f46e5; }
.tone-indigo .metric-accent-glow { background: #4f46e5; }

@media (max-width: 1200px) { 
    .metrics-row { grid-template-columns: repeat(2, 1fr); }
    .dashboard-tab-layout { grid-template-columns: 1fr; }
    .company-profile-grid { grid-template-columns: 1fr; }
    .stock-item-content { grid-template-columns: 1fr; }
    .equipment-layout { grid-template-columns: 1fr; }
    .ansaldo-login-page { grid-template-columns: 1fr; }
}

@media (max-width: 768px) { 
    .ansaldo-sidebar { display: none; }
    .metrics-row { grid-template-columns: 1fr; }
    .yl-grid.cards-3, .yl-grid.cards-4, .yl-form-grid { grid-template-columns: 1fr; }
    .dashboard-command-header {
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }
    .dashboard-title-line h1 { font-size: 28px; }
    .dashboard-header-panel { width: 100%; }
    .dashboard-header-panel span,
    .dashboard-header-panel button { flex: 1; }
    #dashboardTabs .dx-tab { min-width: 128px; }
    .company-profile-header {
        flex-direction: column;
        align-items: stretch;
    }
    .company-profile-actions {
        width: 100%;
    }
    .company-profile-actions button {
        flex: 1;
    }
    .company-profile-print-grid {
        grid-template-columns: 1fr;
    }
    .stock-item-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .stock-item-actions {
        width: 100%;
        flex-wrap: wrap;
    }
    .stock-item-actions button {
        flex: 1;
    }
    .party-master-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .party-master-actions {
        width: 100%;
        flex-wrap: wrap;
    }
    .party-master-actions button {
        flex: 1;
    }
    .equipment-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .equipment-actions {
        width: 100%;
        flex-wrap: wrap;
    }
    .equipment-actions button {
        flex: 1;
    }
    .ansaldo-login-page {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        padding: 14px 16px;
        gap: 16px;
        box-sizing: border-box;
    }
    .ansaldo-login-body {
        scrollbar-gutter: stable;
    }
    .ansaldo-login-page > section,
    .ansaldo-login-panel-wrap,
    .ansaldo-login-panel-stack {
        width: 100%;
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
    }
    .ansaldo-login-panel-wrap {
        display: block;
    }
    .ansaldo-login-panel-wrap { order: 1; }
    .ansaldo-login-hero { order: 2; }
    .ansaldo-login-hero,
    .ansaldo-login-panel {
        width: 100%;
        max-width: 100%;
        margin: 0;
        border-radius: 24px;
        padding: 20px;
        box-sizing: border-box;
    }
    .ansaldo-login-brand {
        gap: 14px;
    }
    .ansaldo-login-brand-mark {
        width: 56px;
        height: 56px;
        border-radius: 16px;
    }
    .ansaldo-login-brand h1 {
        font-size: 24px;
        letter-spacing: -0.04em;
    }
    .ansaldo-login-showcase {
        min-height: 0;
        gap: 12px;
    }
    .ansaldo-login-slide-viewport,
    .ansaldo-login-slide-copy {
        min-height: 332px;
    }
    .ansaldo-login-slide-copy {
        padding: 22px;
        gap: 12px;
    }
    .ansaldo-login-live-pill {
        padding: 6px 12px;
    }
    .ansaldo-login-slide-copy h2 {
        max-width: none;
        font-size: 28px;
        line-height: 1.02;
    }
    .ansaldo-login-slide-copy p {
        max-width: none;
        font-size: 13px;
        line-height: 1.6;
    }
    .ansaldo-login-slide-rail {
        gap: 8px;
    }
    .ansaldo-login-slide-footer {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        overflow: visible;
        padding-bottom: 0;
        margin-right: 0;
    }
    .ansaldo-login-slide-chip {
        min-width: 0;
        padding: 14px 14px 16px;
        border-radius: 16px;
        gap: 5px;
    }
    .ansaldo-login-slide-chip:last-child {
        grid-column: 1 / -1;
    }
    .ansaldo-login-slide-chip strong {
        font-size: 13px;
    }
    .ansaldo-login-slide-chip span {
        font-size: 11px;
        line-height: 1.5;
    }
    .ansaldo-login-panel-stack {
        width: 100%;
        gap: 10px;
    }
    .ansaldo-login-panel {
        padding: 22px 20px;
    }
    .ansaldo-login-panel-header {
        gap: 10px;
        margin-bottom: 18px;
    }
    .ansaldo-login-panel-header h3 {
        font-size: 24px;
    }
    .ansaldo-login-panel-header p {
        font-size: 13px;
        line-height: 1.6;
    }
    .ansaldo-login-form {
        gap: 14px;
    }
    .ansaldo-login-field {
        gap: 6px;
    }
    .ansaldo-login-submit {
        min-height: 52px;
        border-radius: 16px;
    }
    .ansaldo-login-powered {
        gap: 6px;
        font-size: 10px;
    }
    .ansaldo-login-powered img {
        max-width: 148px;
        max-height: 46px;
    }
}

@media (max-width: 480px) {
    .ansaldo-login-page {
        max-width: 100%;
        padding: 10px 12px;
        gap: 12px;
    }
    .ansaldo-login-body {
        scrollbar-gutter: auto;
    }
    .ansaldo-login-hero,
    .ansaldo-login-panel {
        border-radius: 20px;
        padding: 16px;
    }
    .ansaldo-login-brand h1 {
        font-size: 20px;
    }
    .ansaldo-login-slide-viewport,
    .ansaldo-login-slide-copy {
        min-height: 300px;
    }
    .ansaldo-login-slide-copy {
        padding: 16px;
    }
    .ansaldo-login-slide-copy h2 {
        font-size: 24px;
    }
    .ansaldo-login-slide-chip {
        grid-column: auto;
        padding: 13px 13px 14px;
    }
    .ansaldo-login-slide-footer {
        grid-template-columns: 1fr;
    }
    .ansaldo-login-slide-chip:last-child {
        grid-column: auto;
    }
}

.apl-attachment-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.apl-empty-copy {
    margin-top: 12px;
    color: #94a3b8;
    font-size: 12px;
}

.ri-attachment-copy {
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.apl-attachment-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 600;
}

.apl-attachment-view {
    border: 1px solid #bfdbfe;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    border-radius: 999px;
    padding: 6px 10px;
    cursor: pointer;
}

.apl-attachment-view:hover {
    background: #dbeafe;
}

.apl-attachment-remove {
    border: none;
    background: transparent;
    color: #2563eb;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.apl-preview-host {
    height: 100%;
    min-height: 76vh;
}

.apl-preview-image,
.apl-preview-frame {
    width: 100%;
    height: 100%;
    min-height: 76vh;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: #f8fafc;
}

.apl-preview-image {
    object-fit: contain;
}

.apl-preview-placeholder {
    min-height: 76vh;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px;
    text-align: center;
}

.apl-preview-fileicon {
    font-size: 40px;
    color: #94a3b8;
}

.apl-preview-filename {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.apl-preview-copy {
    max-width: 520px;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.tire-transaction-form-surface .master-form-section {
    padding-bottom: 18px;
}

.tire-transaction-heading-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.tire-transaction-heading-text,
.tire-transaction-history-copy {
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
}

.tire-transaction-heading-copy {
    display: grid;
    gap: 8px;
}

.tire-transaction-form-surface {
    overflow: hidden;
}

.tire-transaction-section-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tire-transaction-thread-field {
    display: grid;
    gap: 8px;
}

.tire-transaction-thread-note {
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8fbff;
    border: 1px dashed #dbe4ef;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.tire-transaction-thread-note.is-critical {
    background: #fff7ed;
    border-color: #fdba74;
    color: #c2410c;
    font-weight: 600;
}

.tire-transaction-operations-field {
    margin-top: 2px;
}

.tire-transaction-operations-strip {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 18px;
    padding: 16px 18px;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.tire-transaction-operations-copy {
    display: grid;
    align-content: start;
    gap: 8px;
}

.tire-transaction-operations-title {
    color: #1f2937;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tire-transaction-operations-text {
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.tire-transaction-operations-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.tire-transaction-inline-field {
    margin: 0;
}

.tire-transaction-reason-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tire-transaction-reason-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 18px;
}

.tire-transaction-field-title {
    color: #6b7280;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
}

.stock-item-inline-link {
    border: 0;
    background: transparent;
    padding: 0;
    color: #2563eb;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.stock-item-inline-link:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

.tire-transaction-form-surface .si-section {
    display: grid;
    gap: 14px;
}

.tire-transaction-form-surface .si-section-heading {
    margin-bottom: 0;
}

.tire-transaction-form-surface .tire-transaction-reason-field .dx-tagbox {
    width: 100%;
}

.tire-transaction-form-surface .ris-section-grid .dx-tagbox {
    width: 100%;
}

.tire-transaction-form-surface .dx-tag-container,
.tire-transaction-form-surface .dx-tagbox .dx-texteditor-input-container {
    min-height: 40px;
}

.tire-transaction-form-surface .dx-tag-content {
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 600;
}

.tire-transaction-form-surface .dx-tag-remove-button {
    color: #2563eb;
}

.tire-transaction-time-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
    min-height: 40px;
}

.tire-transaction-time-btn .dx-button {
    min-width: 124px;
    height: 42px;
    border-radius: 12px;
}

.tire-transaction-time-btn .dx-button-content {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tire-transaction-time-shell .dx-texteditor {
    border-radius: 12px;
    background: #ffffff;
}

.tire-transaction-time-shell .dx-texteditor-input {
    font-weight: 600;
    color: #1f2937;
}

.tire-transaction-history-standard-grid .dx-datagrid-headers .dx-header-row > td {
    background: #2A4885;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    border-right: 1px solid rgba(255,255,255,0.14);
    border-bottom: 0;
    padding: 12px 14px;
}

.tire-transaction-history-standard-grid .dx-datagrid-rowsview .dx-row > td {
    background: #ffffff;
    color: #1F2937;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 14px;
    border-bottom: 1px solid #e5e7eb !important;
    vertical-align: top;
}

.tire-transaction-standard-grid .dx-header-row > td,
.tire-transaction-standard-grid .dx-data-row > td {
    vertical-align: middle;
}

.tire-transaction-history-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 24px;
    border: 1px dashed #dbe4ef;
    border-radius: 8px;
    background: #f8fbff;
    color: #94a3b8;
    font-size: 13px;
    font-style: italic;
    text-align: center;
}

.tire-transaction-filter-shell {
    padding: 0 20px 18px;
    border-top: 1px solid #eef2f7;
}

.tire-transaction-filter-shell.is-collapsed {
    display: none;
}

.tire-transaction-filter-panel {
    margin-top: 16px;
    padding: 18px 18px 16px;
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.tire-transaction-reason-popup {
    display: grid;
    gap: 16px;
    padding: 4px 2px 0;
}

.tire-transaction-reason-popup-copy {
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
}

.tire-transaction-reason-popup-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.tire-transaction-reason-popup-actions-left,
.tire-transaction-reason-popup-actions-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tire-transaction-reason-popup-grid {
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
}

.tire-transaction-reason-popup-editor {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

#tireTransactionReasonPopup .dx-texteditor,
#tireTransactionReasonPopup .dx-dropdowneditor,
#tireTransactionReasonPopup .dx-tagbox {
    border-radius: 12px;
}

#tireTransactionReasonPopup .dx-texteditor-input-container,
#tireTransactionReasonPopup .dx-texteditor-container,
#tireTransactionReasonPopup .dx-tag-container {
    min-height: 40px;
}

#tireTransactionReasonPopup .dx-texteditor-input {
    min-height: 38px;
    line-height: 38px;
}

#tireTransactionReasonPopup .dx-popup-bottom .dx-button {
    min-width: 110px;
    height: 40px;
    border-radius: 12px;
}

.tire-transaction-reason-popup .stock-item-tool-btn {
    height: 40px;
}

.tire-transaction-filter-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.tire-transaction-filter-copy {
    display: grid;
    gap: 6px;
}

.tire-transaction-filter-title {
    color: #1f2937;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tire-transaction-filter-text {
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
    max-width: 760px;
}

.tire-transaction-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px 16px;
}

.tire-transaction-filter-grid .ris-field {
    min-width: 0;
}

.tire-transaction-filter-reason {
    grid-column: span 2;
}

.tire-transaction-filter-grid .dx-texteditor,
.tire-transaction-filter-grid .dx-dropdowneditor,
.tire-transaction-filter-grid .dx-numberbox {
    width: 100%;
    border-radius: 8px;
}

.tire-transaction-filter-shell .stock-item-tool-btn.is-active {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
}

.tire-transaction-filter-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e5edf7;
}

.tire-transaction-filter-grid .dx-texteditor-input-container,
.tire-transaction-filter-grid .dx-texteditor-container {
    min-height: 40px;
}

.tire-transaction-filter-actions {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

.tire-transaction-filter-actions .stock-item-tool-btn {
    min-width: 116px;
    height: 40px;
    justify-content: center;
}

@media (max-width: 1180px) {
    .tire-transaction-section-grid,
    .tire-transaction-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .tire-transaction-heading-row {
        flex-direction: column;
        align-items: stretch;
    }

    .tire-transaction-section-grid,
    .tire-transaction-filter-grid {
        grid-template-columns: 1fr;
    }

    .tire-transaction-reason-popup-editor {
        grid-template-columns: 1fr;
    }

    .tire-transaction-filter-actions {
        align-items: stretch;
    }

    .tire-transaction-time-shell {
        grid-template-columns: 1fr;
    }
}

.tire-assembly-listing-surface .decomm-filterbar {
    padding-right: 22px;
}

.tire-assembly-filter-actions {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.tire-assembly-filter-actions .stock-item-tool-btn {
    min-width: 118px;
    height: 40px;
    justify-content: center;
}

.tire-assembly-action-cell {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 286px;
}

.tire-assembly-action-cell .apl-action-btn {
    min-width: 92px;
}

.tire-assembly-popup-host {
    padding: 10px 6px 4px;
}

.tire-assembly-popup-copy {
    margin-bottom: 16px;
    color: #64748b;
    font-size: 13px;
}

.tire-assembly-popup-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.tire-assembly-popup-summary-card {
    background: #fff;
    border: 1px solid #dbe5f1;
    border-radius: 10px;
    padding: 12px 14px;
    min-height: 74px;
}

.tire-assembly-popup-summary-label {
    display: block;
    margin-bottom: 6px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tire-assembly-popup-summary-value {
    display: block;
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.tire-assembly-popup-section-title {
    margin: 18px 0 12px;
    color: #1f2937;
    font-size: 15px;
    font-weight: 600;
}

.tire-assembly-detail-grid {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #d7e3f4;
    background: #fff;
}

.tire-assembly-detail-grid .dx-datagrid-headers {
    background: #35528d;
    border-bottom: 1px solid #d7e3f4;
}

.tire-assembly-detail-grid .dx-datagrid-headers .dx-header-row > td {
    color: #fff;
    background: #35528d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding-top: 14px;
    padding-bottom: 14px;
    border-color: rgba(255, 255, 255, .16);
}

.tire-assembly-detail-grid .dx-datagrid-headers .dx-datagrid-text-content,
.tire-assembly-detail-grid .dx-datagrid-headers .dx-header-filter {
    color: #fff;
}

.tire-assembly-detail-grid .dx-data-row > td {
    font-size: 13px;
    color: #243041;
    padding-top: 14px;
    padding-bottom: 14px;
}

.tire-assembly-update-panel {
    margin-top: 18px;
    padding: 16px 18px 18px;
    border: 1px solid #dbe5f1;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(248, 250, 252, .96), #fff);
}

.tire-assembly-receive-helper {
    margin-bottom: 12px;
    color: #64748b;
    font-size: 13px;
}

.tire-assembly-receive-row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.tire-assembly-receive-row > :first-child {
    flex: 1 1 auto;
}

.tire-assembly-received-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 14px;
    color: #475569;
    font-size: 13px;
    font-weight: 500;
}

.tire-assembly-popup-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.tire-assembly-form-surface .ris-section-grid {
    row-gap: 18px;
}

.tire-assembly-selection-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

.tire-assembly-selection-copy {
    margin-top: -2px;
    color: #64748b;
    font-size: 13px;
}

#tireAssemblyTireSelectorBox .dx-texteditor-input {
    font-size: 13px;
    color: #1f2937;
}

#tireAssemblyTireSelectorBox .dx-tag-container {
    gap: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#tireAssemblyTireSelectorBox .dx-tag {
    max-width: 340px;
    min-height: 28px;
    border-radius: 7px;
    border: 1px solid #cbd8ea;
    background: #f8fbff;
    box-shadow: none;
}

#tireAssemblyTireSelectorBox .dx-tag-content {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
}

#tireAssemblyTireSelectorBox .dx-tag-content span {
    color: #1f2937;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tireAssemblyTireSelectorBox .dx-tag-remove-button {
    color: #64748b;
}

@media (max-width: 1180px) {
    .tire-assembly-popup-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .tire-assembly-receive-row {
        flex-direction: column;
        align-items: stretch;
    }
}

.equipment-profile-thumb {
    width: 72px;
    height: 52px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dbe4ef;
    background: #f8fbff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.equipment-profile-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.equipment-profile-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
}

.equipment-profile-preview-section,
.equipment-profile-remarks-section {
    grid-column: 1 / -1;
}

.equipment-profile-type-section {
    grid-column: 1 / -1;
}

.equipment-profile-layout-designer-section {
    grid-column: 1 / -1;
}

.equipment-profile-type-badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    padding: 6px 12px;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.equipment-profile-type-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.equipment-profile-type-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.equipment-profile-type-card-title {
    margin-bottom: 14px;
    color: #1f2937;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.equipment-profile-preview-copy {
    margin-bottom: 12px;
    color: #64748b;
    font-size: 12px;
}

.equipment-profile-preview-card {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #dbe4ef;
    background: linear-gradient(180deg, #f8fbff, #eef5fb);
    overflow: hidden;
}

.equipment-profile-preview-card img {
    width: 100%;
    max-height: 380px;
    object-fit: contain;
    display: block;
}

.equipment-profile-image-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 16px 0 10px;
    flex-wrap: wrap;
}

.equipment-profile-image-actions #equipmentProfileImageUploader {
    min-width: 240px;
}

.equipment-profile-layout-designer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.equipment-profile-layout-designer-copy {
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.equipment-profile-layout-stage {
    padding: 16px;
    border-radius: 18px;
    border: 1px solid #dbe4ef;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.equipment-profile-layout-canvas {
    position: relative;
    min-height: 620px;
    border-radius: 18px;
    overflow: auto;
    --equipment-slot-width: 92px;
    --equipment-slot-min-height: 116px;
    --equipment-slot-padding-top: 34px;
    --equipment-slot-padding-side: 10px;
    --equipment-slot-code-size: 17px;
    --equipment-slot-tire-size: 12px;
    --equipment-slot-brand-size: 11px;
    --equipment-slot-role-size: 10px;
    --equipment-guide-step: 20px;
    background:
        repeating-linear-gradient(
            0deg,
            rgba(148, 163, 184, 0.08) 0,
            rgba(148, 163, 184, 0.08) 1px,
            transparent 1px,
            transparent var(--equipment-guide-step)
        ),
        repeating-linear-gradient(
            90deg,
            rgba(148, 163, 184, 0.08) 0,
            rgba(148, 163, 184, 0.08) 1px,
            transparent 1px,
            transparent var(--equipment-guide-step)
        ),
        radial-gradient(circle at top left, rgba(96, 165, 250, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(239, 246, 255, 0.8), rgba(248, 250, 252, 0.98));
}

.equipment-profile-layout-canvas img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.18;
    pointer-events: none;
    user-select: none;
}

#equipmentProfileLayoutSlotLayer {
    position: absolute;
    inset: 0;
    z-index: 2;
    min-height: 576px;
}

.equipment-layout-slot-card {
    position: absolute;
    width: var(--equipment-slot-width);
    min-height: var(--equipment-slot-min-height);
    padding: var(--equipment-slot-padding-top) var(--equipment-slot-padding-side) 12px;
    border: 1px dashed #93c5fd;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    cursor: grab;
    transform: translate(-50%, -50%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.equipment-layout-slot-card:hover {
    transform: translate(-50%, -50%) translateY(-2px);
    border-color: #3b82f6;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16);
}

.equipment-layout-slot-card.is-dragging {
    cursor: grabbing;
    transform: translate(-50%, -50%) scale(1.03);
    border-color: #2563eb;
    box-shadow: 0 20px 36px rgba(37, 99, 235, 0.22);
}

.equipment-layout-slot-card.is-occupied {
    border-style: solid;
    border-color: #1d4ed8;
}

.equipment-layout-slot-card.is-spare {
    border-color: #f59e0b;
}

.equipment-layout-slot-role {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 14px);
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #1d4ed8;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(37, 99, 235, 0.08);
}

.equipment-layout-slot-code {
    color: #1d4ed8;
    font-size: var(--equipment-slot-code-size);
    font-weight: 600;
    line-height: 1;
}

.equipment-layout-slot-card.is-spare .equipment-layout-slot-code {
    color: #d97706;
}

.equipment-layout-slot-tire {
    color: #0f172a;
    font-size: var(--equipment-slot-tire-size);
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
}

.equipment-layout-slot-brand {
    color: #64748b;
    font-size: var(--equipment-slot-brand-size);
    font-weight: 600;
    text-align: center;
    line-height: 1.25;
}

.equipment-profile-layout-designer-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.equipment-profile-layout-spacing-bar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding: 14px 16px;
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.equipment-profile-layout-spacing-bar #equipmentProfileSpacingForm {
    flex: 1 1 auto;
}

.equipment-profile-layout-legend {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 14px;
}

.equipment-profile-layout-legend-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.equipment-profile-layout-legend-chip.is-steering {
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
}

.equipment-profile-layout-legend-copy {
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
}

#equipmentProfileSlotConfigGrid {
    margin-top: 14px;
}

.equipment-layout-slot-grid .dx-row > td {
    white-space: nowrap;
}

.equipment-layout-steering-cell {
    background: #eff6ff !important;
}

.fleet-slot-policy-note {
    display: none;
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
}

.fleet-slot-policy-note.is-visible {
    display: block;
}

.fleet-survey-surface {
    overflow: hidden;
}

.fleet-survey-tabbar {
    padding: 0 20px;
    border-top: 1px solid #eef2f7;
    border-bottom: 1px solid #eef2f7;
}

.fleet-survey-tabbar .dx-tabs {
    background: transparent;
}

.fleet-survey-tab-pane {
    display: none;
}

.fleet-survey-tab-pane.is-active {
    display: block;
}

.fleet-survey-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    padding: 18px 20px 16px;
    border-top: 1px solid #eef2f7;
    border-bottom: 1px solid #eef2f7;
}

.fleet-survey-picker-wrap {
    flex: 1;
    max-width: 420px;
}

.fleet-survey-picker-wrap-vehicle .ris-field {
    margin-bottom: 0;
}

.fleet-survey-picker-wrap-vehicle .dx-texteditor,
.fleet-survey-picker-wrap-vehicle .dx-dropdowneditor,
.fleet-survey-picker-wrap-vehicle .dx-dropdowneditor-input-wrapper,
.fleet-survey-picker-wrap-vehicle .dx-texteditor-input-container {
    min-height: 40px;
}

.fleet-survey-picker-wrap-vehicle .dx-texteditor.dx-editor-outlined,
.fleet-survey-picker-wrap-vehicle .dx-dropdowneditor.dx-editor-outlined {
    border-radius: 8px;
}

.fleet-survey-picker-wrap-vehicle .dx-texteditor-input {
    min-height: 38px;
    line-height: 38px;
    font-size: 13px;
}

.fleet-survey-picker-wrap-vehicle .dx-dropdowneditor-button {
    min-height: 38px;
}

.fleet-survey-summary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 18px;
    padding: 18px 20px 8px;
}

.fleet-survey-summary-card,
.fleet-survey-odometer-card {
    padding: 20px 22px;
    border: 1px solid #dbe4ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.fleet-survey-summary-title {
    color: #1f2937;
    font-size: 15px;
    font-weight: 600;
}

.fleet-survey-summary-list {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.fleet-survey-summary-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #334155;
    font-size: 14px;
}

.fleet-survey-summary-item i {
    color: #0f172a;
}

.fleet-survey-summary-item span {
    color: #475569;
}

.fleet-survey-summary-item strong {
    color: #111827;
    font-weight: 700;
}

.fleet-survey-summary-copy {
    margin-top: 14px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
}

.fleet-survey-stage {
    padding: 14px 20px 22px;
}

.fleet-survey-history-section {
    padding: 0 20px 28px;
    gap: 0;
}

.fleet-survey-history-header {
    display: grid;
    gap: 12px;
    padding: 2px 0 18px;
}

.fleet-survey-history-heading {
    padding-bottom: 14px;
    margin-bottom: 0;
}

.fleet-survey-history-title {
    color: #1F2937;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
}

.fleet-survey-history-copy {
    margin: 0;
    padding-left: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
}

#fleetSurveyHistoryGrid {
    padding-bottom: 14px;
}

.fleet-survey-stage-canvas {
    position: relative;
    min-height: 780px;
    padding: 22px;
    border: 1px solid #dbe4ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    overflow: auto;
    --fleet-slot-width: 86px;
    --fleet-slot-min-height: 104px;
    --fleet-slot-padding-top: 40px;
    --fleet-slot-padding-side: 10px;
    --fleet-slot-code-size: 28px;
    --fleet-slot-tire-size: 18px;
    --fleet-slot-brand-size: 11px;
    --fleet-slot-role-size: 10px;
    --fleet-slot-days-size: 10px;
    transition: opacity .24s ease, transform .24s ease;
}

.fleet-survey-stage-canvas.is-refreshing {
    opacity: .8;
    transform: scale(.995);
}

.fleet-survey-stage-canvas img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: .42;
    pointer-events: none;
    transition: opacity .25s ease;
}

#fleetSurveySlotLayer {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 736px;
}

.fleet-slot-card {
    position: absolute;
    width: var(--fleet-slot-width);
    min-height: var(--fleet-slot-min-height);
    padding: calc(var(--fleet-slot-padding-top) + 6px) var(--fleet-slot-padding-side) 12px;
    border: 0;
    border-radius: 12px;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0)),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 12px, rgba(255,255,255,0.05) 12px, rgba(255,255,255,0.05) 24px),
        linear-gradient(180deg, #2a2f39, #0f1117);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.22);
    color: #f8fafc;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.fleet-slot-card:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.3);
    filter: brightness(1.03);
}

.fleet-slot-card.is-empty {
    background: linear-gradient(180deg, #f8fafc, #e2e8f0);
    color: #0f172a;
    border: 1px dashed #94a3b8;
    box-shadow: 0 10px 24px rgba(148, 163, 184, 0.2);
}

.fleet-slot-card.is-spare {
    border: 1px solid rgba(250, 204, 21, 0.55);
}

.fleet-slot-code {
    display: block;
    color: #facc15;
    font-size: var(--fleet-slot-code-size);
    font-weight: 600;
    line-height: 1;
}

.fleet-slot-card.is-empty .fleet-slot-code {
    color: #2563eb;
}

.fleet-slot-days {
    display: inline-flex;
    align-self: center;
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 14px);
    justify-content: center;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #f8fafc;
    font-size: var(--fleet-slot-days-size);
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
    white-space: nowrap;
}

.fleet-slot-card.is-empty .fleet-slot-days {
    display: none;
}

.fleet-slot-tire {
    display: block;
    margin-top: 4px;
    font-size: var(--fleet-slot-tire-size);
    font-weight: 600;
    line-height: 1.05;
    text-align: center;
}

.fleet-slot-brand {
    display: block;
    margin-top: 6px;
    font-size: var(--fleet-slot-brand-size);
    letter-spacing: .03em;
    color: rgba(255,255,255,.72);
    text-align: center;
}

.fleet-slot-brand.is-empty {
    color: #64748b;
}

.fleet-slot-role {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 14px);
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.22);
    color: #93c5fd;
    font-size: var(--fleet-slot-role-size);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fleet-slot-card.is-empty .fleet-slot-role {
    background: rgba(37, 99, 235, 0.10);
    color: #2563eb;
}

.fleet-survey-stage-legend {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 6px 2px;
}

.fleet-survey-stage-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: #1F2937;
    background: #eef2ff;
}

.fleet-survey-stage-chip.is-steering {
    color: #1d4ed8;
    background: rgba(37, 99, 235, 0.12);
}

.fleet-survey-stage-chip.is-mounted {
    color: #065f46;
    background: rgba(16, 185, 129, 0.12);
}

.fleet-survey-stage-chip.is-spare {
    color: #b45309;
    background: rgba(245, 158, 11, 0.12);
}

.fleet-survey-stage-copy {
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.fleet-slot-popup-body {
    padding: 14px 8px 4px;
}

.fleet-slot-popup-section-title {
    margin-bottom: 10px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.fleet-slot-popup-copy {
    margin: 14px 0 12px;
    color: #475569;
    font-size: 13px;
    line-height: 1.5;
}

.fleet-slot-image-section {
    margin-bottom: 14px;
    padding: 16px 18px 18px;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: #ffffff;
}

.fleet-slot-image-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.fleet-slot-image-title {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.fleet-slot-image-note {
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
    text-align: right;
}

.fleet-slot-image-slots {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.fleet-slot-image-tile {
    position: relative;
    min-height: 108px;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    overflow: hidden;
}

.fleet-slot-image-tile.has-image {
    border-style: solid;
    border-color: #dbe4ef;
    background: #0f172a;
}

.fleet-slot-image-thumb {
    width: 100%;
    height: 108px;
    object-fit: cover;
    display: block;
    cursor: pointer;
}

.fleet-slot-image-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fleet-slot-image-empty-copy {
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.fleet-survey-image-preview-host {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #020617;
}

.fleet-survey-image-preview {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.fleet-slot-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 18px;
    margin-bottom: 14px;
    padding: 18px;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: #f8fbff;
}

.fleet-slot-info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fleet-slot-info-label {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.fleet-slot-info-value {
    color: #111827;
    font-size: 16px;
    font-weight: 700;
}

.fleet-slot-popup-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

#fleetSurveySlotPopup .dx-popup-content {
    padding: 10px 14px 14px;
}

#fleetSurveySlotPopup .dx-texteditor,
#fleetSurveySlotPopup .dx-dropdowneditor,
#fleetSurveySlotPopup .dx-numberbox,
#fleetSurveySlotPopup .dx-datebox {
    min-height: 44px;
    height: 44px;
    border-radius: 8px;
}

#fleetSurveySlotPopup .dx-texteditor-container,
#fleetSurveySlotPopup .dx-texteditor-input-container,
#fleetSurveySlotPopup .dx-dropdowneditor-input-wrapper {
    min-height: 44px;
    height: 44px;
}

#fleetSurveySlotPopup .dx-texteditor-input,
#fleetSurveySlotPopup .dx-dropdowneditor .dx-texteditor-input,
#fleetSurveySlotPopup .dx-numberbox .dx-texteditor-input,
#fleetSurveySlotPopup .dx-datebox .dx-texteditor-input {
    height: 42px;
    line-height: 42px;
    font-size: 13px;
}

#fleetSurveySlotPopup .dx-dropdowneditor-button,
#fleetSurveySlotPopup .dx-numberbox-spin-container,
#fleetSurveySlotPopup .dx-datebox-button {
    min-height: 38px;
}

#fleetSurveySlotPopup .dx-texteditor-label .dx-label {
    font-size: 11px;
    letter-spacing: .03em;
}

#fleetSurveySlotPopup .dx-toolbar-after {
    gap: 10px;
}

#fleetSurveySlotPopup .dx-toolbar-after .dx-button {
    min-height: 36px;
    border-radius: 8px;
}

@media (max-width: 1180px) {
    .equipment-profile-form-grid,
    .equipment-profile-type-grid,
    .fleet-survey-summary-grid,
    .fleet-slot-popup-form-grid,
    .fleet-slot-info-grid,
    .fleet-slot-image-slots {
        grid-template-columns: 1fr;
    }

    .fleet-survey-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .fleet-survey-tabbar {
        padding-left: 16px;
        padding-right: 16px;
    }

    .fleet-survey-picker-wrap {
        max-width: none;
    }

    .fleet-survey-stage-canvas {
        min-height: 920px;
    }

    .fleet-slot-image-header {
        flex-direction: column;
    }

    .fleet-slot-image-note {
        text-align: left;
    }
}

.job-order-form-surface .surface-body {
    padding-top: 18px;
}

.job-order-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px 24px;
}

.job-order-form-grid .si-section:nth-child(3),
.job-order-form-grid .si-section:nth-child(4),
.job-order-form-grid .job-order-tabs-shell {
    grid-column: 1 / -1;
}

.job-order-form-grid .ris-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
}

.job-order-outsourced-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.job-order-outsourced-row .dx-checkbox {
    min-width: 176px;
}

.job-order-outsourced-contractor {
    flex: 1;
    min-width: 0;
}

.job-order-attach-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, #ef4444, #f97316);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: 0 12px 22px rgba(239, 68, 68, 0.18);
    cursor: pointer;
}

.job-order-attach-btn:hover {
    filter: brightness(1.03);
}

.job-order-tabs-shell .dx-tabpanel-tabs {
    border-bottom: 1px solid #dbe4ef;
    padding-bottom: 0;
}

.job-order-tabs-shell .dx-tab {
    min-width: 190px;
}

.job-order-tab-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-left: 8px;
    padding: 0 5px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
}

.job-order-tab-plus-btn .dx-button-content {
    padding: 0;
}

.job-order-tab-plus-btn .dx-icon {
    color: #2563eb;
    font-size: 22px;
}

@media (max-width: 1180px) {
    .job-order-form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .job-order-outsourced-row {
        flex-direction: column;
        align-items: stretch;
    }

    .job-order-outsourced-row .dx-checkbox {
        min-width: 0;
    }
}

@media screen {
    .ansaldo-main :where(
        .surface-body,
        .si-surface-body,
        .stock-item-listing-body,
        .specs-rec-tab-body,
        .ris-form-section,
        .ris-detail-shell,
        .ris-detail-grid,
        .transaction-form,
        .form-area,
        .profile-content,
        .company-profile-print,
        .booking-modal-body,
        .booking-approval-modal-body,
        .fleet-slot-popup-body,
        .progress-confirm-body
    ),
    .dx-popup-content {
        line-height: var(--app-readable-line-height);
    }

    .ansaldo-main :where(
        .surface-body,
        .si-surface-body,
        .stock-item-listing-body,
        .specs-rec-tab-body,
        .ris-detail-shell,
        .transaction-form,
        .form-area
    ) :where(
        label,
        input,
        select,
        textarea,
        .dx-texteditor-input,
        .dx-placeholder,
        .dx-field-item-label-text,
        .dx-selectbox .dx-texteditor-input,
        .dx-textarea .dx-texteditor-input,
        .dx-numberbox .dx-texteditor-input,
        .dx-datebox .dx-texteditor-input,
        .dx-checkbox-text,
        .dx-radiobutton .dx-item-content,
        .dx-list-item-content,
        .dx-datagrid-rowsview .dx-row > td,
        .dx-datagrid-total-footer .dx-row > td,
        .dx-datagrid-nodata,
        .stock-item-listing-grid .dx-datagrid,
        p,
        .stock-item-subtitle,
        .si-copy,
        .si-field-value,
        .ris-field-value,
        .ris-detail-cell,
        .user-account-label,
        .user-account-field,
        .equipment-profile-preview-copy,
        .fabrication-formal-report-meta,
        .fabrication-formal-report-metric span,
        .fabrication-formal-report-metric strong
    ),
    .dx-popup-content :where(
        label,
        input,
        select,
        textarea,
        .dx-texteditor-input,
        .dx-placeholder,
        .dx-field-item-label-text,
        .dx-list-item-content,
        .dx-datagrid-rowsview .dx-row > td,
        .dx-datagrid-nodata,
        p,
        span
    ) {
        font-size: var(--app-readable-font-size);
        line-height: var(--app-readable-line-height);
    }

    .ansaldo-main :where(.dx-datagrid-rowsview .dx-row > td, .dx-datagrid-total-footer .dx-row > td),
    .dx-popup-content :where(.dx-datagrid-rowsview .dx-row > td, .dx-datagrid-total-footer .dx-row > td) {
        white-space: normal;
        overflow-wrap: anywhere;
        vertical-align: top;
    }

    .ansaldo-main :where(.dx-datagrid-rowsview .dx-row, .dx-datagrid-content .dx-row),
    .dx-popup-content :where(.dx-datagrid-rowsview .dx-row, .dx-datagrid-content .dx-row) {
        height: auto;
    }

    .ansaldo-main :where(.dx-texteditor, .dx-texteditor-container, .dx-texteditor-input-container),
    .dx-popup-content :where(.dx-texteditor, .dx-texteditor-container, .dx-texteditor-input-container) {
        min-height: var(--ansaldo-field-height);
    }

    .ansaldo-main :where(
        .master-form-section,
        .coa-field,
        .coa-field-full,
        .roles-form-grid-v2,
        .user-account-grid,
        .ris-section-grid,
        .si-form-host,
        .tire-transaction-filter-grid,
        .fleet-survey-picker-wrap-vehicle,
        .decomm-filter-field
    ) :where(.dx-texteditor, .dx-dropdowneditor, .dx-numberbox, .dx-datebox) {
        min-height: var(--ansaldo-field-height) !important;
        height: var(--ansaldo-field-height) !important;
    }

    .ansaldo-main :where(
        .master-form-section,
        .coa-field,
        .coa-field-full,
        .roles-form-grid-v2,
        .user-account-grid,
        .ris-section-grid,
        .si-form-host,
        .tire-transaction-filter-grid,
        .fleet-survey-picker-wrap-vehicle,
        .decomm-filter-field
    ) :where(.dx-texteditor-container, .dx-texteditor-input-container, .dx-dropdowneditor-input-wrapper) {
        min-height: var(--ansaldo-field-height) !important;
        height: var(--ansaldo-field-height) !important;
    }

    .ansaldo-main :where(
        .master-form-section,
        .coa-field,
        .coa-field-full,
        .roles-form-grid-v2,
        .user-account-grid,
        .ris-section-grid,
        .si-form-host,
        .tire-transaction-filter-grid,
        .fleet-survey-picker-wrap-vehicle,
        .decomm-filter-field
    ) :where(.dx-texteditor-input, .dx-dropdowneditor .dx-texteditor-input, .dx-numberbox .dx-texteditor-input, .dx-datebox .dx-texteditor-input) {
        min-height: var(--ansaldo-field-inner-height) !important;
        height: var(--ansaldo-field-inner-height) !important;
        line-height: var(--ansaldo-field-inner-height) !important;
        padding: 0 var(--ansaldo-field-input-padding-x) !important;
        font-size: var(--ansaldo-field-input-size) !important;
    }

    .ansaldo-main :where(
        .master-form-section,
        .coa-field,
        .coa-field-full,
        .roles-form-grid-v2,
        .user-account-grid,
        .ris-section-grid,
        .si-form-host,
        .tire-transaction-filter-grid,
        .fleet-survey-picker-wrap-vehicle,
        .decomm-filter-field
    ) :where(.dx-dropdowneditor-button, .dx-numberbox-spin-container, .dx-datebox-button) {
        min-height: var(--ansaldo-field-inner-height) !important;
        height: var(--ansaldo-field-inner-height) !important;
    }

    .ansaldo-main :where(.ris-label, .dx-field-item-label-text, .dx-texteditor-label .dx-label, .dx-label span) {
        font-size: var(--ansaldo-field-label-size) !important;
        line-height: 1.2 !important;
    }

    .ansaldo-main :where(.stock-item-listing-title) {
        font-size: var(--ansaldo-list-title-size) !important;
        line-height: 1.25 !important;
    }

    .ansaldo-main :where(.stock-item-listing-subtitle) {
        font-size: var(--ansaldo-list-subtitle-size) !important;
        line-height: 1.45 !important;
    }

    .ansaldo-main :where(
        .stock-item-listing-surface,
        .stock-item-listing-body,
        .specs-rec-tab-body,
        .master-standard-grid,
        .specs-rec-standard-grid
    ) :where(.dx-datagrid-table) {
        min-width: var(--ansaldo-list-min-table-width) !important;
    }

    .ansaldo-main :where(
        .stock-item-listing-surface,
        .stock-item-listing-body,
        .specs-rec-tab-body,
        .master-standard-grid,
        .specs-rec-standard-grid
    ) :where(.dx-datagrid-headers .dx-header-row > td, .dx-datagrid-headers .dx-datagrid-text-content) {
        font-size: var(--ansaldo-list-header-size) !important;
        line-height: 1.25 !important;
    }

    .ansaldo-main :where(
        .stock-item-listing-surface,
        .stock-item-listing-body,
        .specs-rec-tab-body,
        .master-standard-grid,
        .specs-rec-standard-grid
    ) :where(.dx-datagrid-headers .dx-header-row > td) {
        padding: 14px var(--ansaldo-list-row-padding-x) !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        vertical-align: middle !important;
    }

    .ansaldo-main :where(
        .stock-item-listing-surface,
        .stock-item-listing-body,
        .specs-rec-tab-body,
        .master-standard-grid,
        .specs-rec-standard-grid
    ) :where(.dx-datagrid-rowsview .dx-data-row) {
        min-height: var(--ansaldo-list-row-min-height) !important;
        height: auto !important;
    }

    .ansaldo-main :where(
        .stock-item-listing-surface,
        .stock-item-listing-body,
        .specs-rec-tab-body,
        .master-standard-grid,
        .specs-rec-standard-grid
    ) :where(.dx-datagrid-rowsview .dx-data-row > td, .dx-datagrid-total-footer .dx-row > td) {
        padding: var(--ansaldo-list-row-padding-y) var(--ansaldo-list-row-padding-x) !important;
        font-size: var(--ansaldo-list-cell-size) !important;
        line-height: var(--app-readable-line-height) !important;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow-wrap: normal;
        vertical-align: middle !important;
    }

    .ansaldo-main :where(
        .stock-item-listing-surface,
        .stock-item-listing-body,
        .specs-rec-tab-body
    ) :where(.stock-item-code-link, .stock-item-currency, .dx-datagrid-nodata) {
        font-size: var(--ansaldo-list-cell-size) !important;
        line-height: var(--app-readable-line-height) !important;
    }

    .ansaldo-main :where(.stock-item-listing-surface, .stock-item-listing-body, .specs-rec-tab-body) :where(
        .specs-rec-purpose-cell,
        .specs-rec-ris-remarks,
        .canvass-review-item-cell,
        .canvass-sheet-item-remarks
    ) {
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    .ansaldo-main :where(.stock-item-status-badge) {
        min-height: var(--ansaldo-list-badge-height) !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: var(--ansaldo-list-badge-size) !important;
        line-height: 1.2 !important;
        white-space: nowrap;
    }

    .ansaldo-main :where(.stock-item-tool-btn, .standard-row-action-menu .dx-button) {
        min-height: var(--ansaldo-list-toolbar-height) !important;
        font-size: var(--ansaldo-list-button-size) !important;
        line-height: 1.2 !important;
    }

    .ansaldo-main :where(.stock-item-tool-icon) {
        width: var(--ansaldo-list-toolbar-height) !important;
        min-width: var(--ansaldo-list-toolbar-height) !important;
    }

    .ansaldo-main :where(.stock-item-toolbar-search .dx-texteditor, .stock-item-toolbar-search .dx-texteditor-container, .stock-item-toolbar-search .dx-texteditor-input-container) {
        min-height: var(--ansaldo-list-toolbar-height) !important;
        height: var(--ansaldo-list-toolbar-height) !important;
    }

    .ansaldo-main :where(.stock-item-toolbar-search .dx-texteditor-input) {
        height: var(--ansaldo-list-toolbar-height) !important;
        line-height: var(--ansaldo-list-toolbar-height) !important;
        font-size: var(--ansaldo-list-cell-size) !important;
    }

}

/* Final RIS field rhythm: compact fields with centered values and border labels. */
.ansaldo-main .ris-section-grid .dx-texteditor,
.ansaldo-main .ris-section-grid .dx-dropdowneditor,
.ansaldo-main .ris-section-grid .dx-numberbox,
.ansaldo-main .ris-section-grid .dx-datebox {
    min-height: 44px !important;
    height: 44px !important;
}

.ansaldo-main .ris-section-grid .dx-texteditor-container,
.ansaldo-main .ris-section-grid .dx-texteditor-input-container,
.ansaldo-main .ris-section-grid .dx-dropdowneditor-input-wrapper {
    min-height: 44px !important;
    height: 44px !important;
    align-items: center !important;
}

.ansaldo-main .ris-section-grid .dx-texteditor-input,
.ansaldo-main .ris-section-grid .dx-dropdowneditor .dx-texteditor-input,
.ansaldo-main .ris-section-grid .dx-numberbox .dx-texteditor-input,
.ansaldo-main .ris-section-grid .dx-datebox .dx-texteditor-input {
    min-height: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 var(--ansaldo-field-input-padding-x, 10px) !important;
    box-sizing: border-box !important;
}

.ansaldo-main .ris-section-grid .dx-placeholder {
    top: 0 !important;
    height: 100% !important;
    pointer-events: none;
}

.ansaldo-main .ris-section-grid .dx-placeholder::before {
    top: 50% !important;
    transform: translateY(-50%) !important;
    max-width: calc(100% - 24px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px !important;
}

.ansaldo-main .ris-section-grid .dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder,
.ansaldo-main .ris-section-grid .dx-texteditor.dx-state-focused .dx-placeholder {
    display: none !important;
}

.ansaldo-main .ris-section-grid .dx-textarea .dx-texteditor-input,
.ansaldo-main .ris-section-grid textarea.dx-texteditor-input {
    line-height: 18px !important;
    padding: 16px var(--ansaldo-field-input-padding-x, 10px) 8px !important;
    box-sizing: border-box !important;
}

.ansaldo-main .ris-detail-search .dx-texteditor-input {
    padding-left: 38px !important;
    padding-right: 12px !important;
}

.ansaldo-main .ris-detail-search.dx-texteditor .dx-placeholder,
.ansaldo-main .ris-detail-search .dx-texteditor .dx-placeholder {
    display: none !important;
}

.ansaldo-main .ris-detail-search.dx-texteditor .dx-texteditor-input::placeholder,
.ansaldo-main .ris-detail-search .dx-texteditor .dx-texteditor-input::placeholder {
    color: #75839a !important;
    opacity: 1;
}

body.theme-dark .ansaldo-main .ris-detail-search.dx-texteditor .dx-texteditor-input::placeholder,
body.theme-dark .ansaldo-main .ris-detail-search .dx-texteditor .dx-texteditor-input::placeholder {
    color: #75839a !important;
}

.ansaldo-main .ris-detail-search.dx-texteditor.dx-has-entered-value .dx-placeholder,
.ansaldo-main .ris-detail-search.dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder,
.ansaldo-main .ris-detail-search.dx-texteditor.dx-state-focused .dx-placeholder,
.ansaldo-main .ris-detail-search .dx-texteditor.dx-has-entered-value .dx-placeholder,
.ansaldo-main .ris-detail-search .dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder,
.ansaldo-main .ris-detail-search .dx-texteditor.dx-state-focused .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search.dx-texteditor.dx-has-entered-value .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search.dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search.dx-texteditor.dx-state-focused .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search .dx-texteditor.dx-has-entered-value .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search .dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search .dx-texteditor.dx-state-focused .dx-placeholder {
    display: none !important;
}

.ris-lookup-searchbar.dx-texteditor .dx-texteditor-input,
.ris-lookup-searchbar .dx-texteditor .dx-texteditor-input {
    padding-left: 38px !important;
    padding-right: 12px !important;
}

.ris-lookup-searchbar.dx-texteditor .dx-placeholder,
.ris-lookup-searchbar .dx-texteditor .dx-placeholder {
    left: 38px !important;
    right: 12px !important;
    width: auto !important;
    max-width: calc(100% - 50px);
    pointer-events: none;
}

.ris-lookup-searchbar.dx-texteditor .dx-placeholder::before,
.ris-lookup-searchbar .dx-texteditor .dx-placeholder::before {
    left: 0 !important;
    right: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ris-lookup-searchbar.dx-texteditor.dx-has-entered-value .dx-placeholder,
.ris-lookup-searchbar.dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder,
.ris-lookup-searchbar.dx-texteditor.dx-state-focused .dx-placeholder,
.ris-lookup-searchbar .dx-texteditor.dx-has-entered-value .dx-placeholder,
.ris-lookup-searchbar .dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder,
.ris-lookup-searchbar .dx-texteditor.dx-state-focused .dx-placeholder {
    display: none !important;
}

/* Enterprise dark-mode refinement layer. */
body.theme-dark {
    background: #070b12;
    color: #e5e7eb;
}

body.theme-dark .ansaldo-main {
    background: #070b12 !important;
    color: #e5e7eb;
}

body.theme-dark .ansaldo-surface,
body.theme-dark .stock-item-listing-surface,
body.theme-dark .stock-item-form-surface,
body.theme-dark .si-form-surface,
body.theme-dark .ris-form-surface {
    background: #0b1220 !important;
    border-color: #243044 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

body.theme-dark .stock-item-listing-pagehead,
body.theme-dark .stock-item-toolbar,
body.theme-dark .specs-rec-tab-toolbar,
body.theme-dark .stock-item-form-toolbar,
body.theme-dark .si-toolbar,
body.theme-dark .ris-detail-toolbar {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
}

body.theme-dark .stock-item-listing-title,
body.theme-dark .stock-item-title,
body.theme-dark .si-form-title,
body.theme-dark .ris-detail-title,
body.theme-dark .ris-section-title {
    color: #e5e7eb !important;
    font-weight: 600;
}

body.theme-dark .stock-item-listing-subtitle,
body.theme-dark .stock-item-subtitle,
body.theme-dark .ris-detail-copy,
body.theme-dark .ris-label,
body.theme-dark .si-toolbar-left strong,
body.theme-dark .stock-item-form-crumb strong {
    color: #a7b0c0 !important;
}

body.theme-dark .si-toolbar-sep,
body.theme-dark .stock-item-form-crumb,
body.theme-dark .dx-datagrid-nodata {
    color: #6b7890 !important;
}

body.theme-dark .stock-item-toolbar-search.dx-texteditor,
body.theme-dark .stock-item-toolbar-search .dx-texteditor,
body.theme-dark .ris-detail-search.dx-texteditor,
body.theme-dark .ris-detail-search .dx-texteditor,
body.theme-dark .ris-lookup-searchbar.dx-texteditor,
body.theme-dark .ris-lookup-searchbar .dx-texteditor {
    min-height: var(--ansaldo-list-toolbar-height, 40px) !important;
    height: var(--ansaldo-list-toolbar-height, 40px) !important;
    background: #111827 !important;
    border-color: #243044 !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.theme-dark .stock-item-toolbar-search.dx-texteditor .dx-texteditor-container,
body.theme-dark .stock-item-toolbar-search .dx-texteditor-container,
body.theme-dark .ris-detail-search.dx-texteditor .dx-texteditor-container,
body.theme-dark .ris-detail-search .dx-texteditor-container,
body.theme-dark .ris-lookup-searchbar.dx-texteditor .dx-texteditor-container,
body.theme-dark .ris-lookup-searchbar .dx-texteditor-container,
body.theme-dark .stock-item-toolbar-search.dx-texteditor .dx-texteditor-input-container,
body.theme-dark .stock-item-toolbar-search .dx-texteditor-input-container,
body.theme-dark .ris-detail-search.dx-texteditor .dx-texteditor-input-container,
body.theme-dark .ris-detail-search .dx-texteditor-input-container,
body.theme-dark .ris-lookup-searchbar.dx-texteditor .dx-texteditor-input-container,
body.theme-dark .ris-lookup-searchbar .dx-texteditor-input-container {
    min-height: var(--ansaldo-list-toolbar-height, 40px) !important;
    height: var(--ansaldo-list-toolbar-height, 40px) !important;
    align-items: center !important;
}

body.theme-dark .stock-item-toolbar-search.dx-texteditor .dx-texteditor-input,
body.theme-dark .stock-item-toolbar-search .dx-texteditor-input,
body.theme-dark .ris-detail-search.dx-texteditor .dx-texteditor-input,
body.theme-dark .ris-detail-search .dx-texteditor-input,
body.theme-dark .ris-lookup-searchbar.dx-texteditor .dx-texteditor-input,
body.theme-dark .ris-lookup-searchbar .dx-texteditor-input {
    height: var(--ansaldo-list-toolbar-height, 40px) !important;
    line-height: var(--ansaldo-list-toolbar-height, 40px) !important;
    padding: 0 12px 0 40px !important;
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
    font-weight: 500 !important;
    background: transparent !important;
}

body.theme-dark .stock-item-toolbar-search.dx-texteditor .dx-icon-search,
body.theme-dark .stock-item-toolbar-search .dx-icon-search,
body.theme-dark .ris-detail-search.dx-texteditor .dx-icon-search,
body.theme-dark .ris-detail-search .dx-icon-search,
body.theme-dark .ris-lookup-searchbar.dx-texteditor .dx-icon-search,
body.theme-dark .ris-lookup-searchbar .dx-icon-search {
    left: 13px !important;
    width: 18px !important;
    color: #75839a !important;
}

body.theme-dark .stock-item-toolbar-search.dx-texteditor .dx-placeholder,
body.theme-dark .stock-item-toolbar-search .dx-placeholder,
body.theme-dark .ris-detail-search.dx-texteditor .dx-placeholder,
body.theme-dark .ris-detail-search .dx-placeholder,
body.theme-dark .ris-lookup-searchbar.dx-texteditor .dx-placeholder,
body.theme-dark .ris-lookup-searchbar .dx-placeholder {
    left: 40px !important;
    right: 12px !important;
    width: auto !important;
    max-width: calc(100% - 52px);
}

body.theme-dark .stock-item-toolbar-search.dx-texteditor .dx-placeholder::before,
body.theme-dark .stock-item-toolbar-search .dx-placeholder::before,
body.theme-dark .ris-detail-search.dx-texteditor .dx-placeholder::before,
body.theme-dark .ris-detail-search .dx-placeholder::before,
body.theme-dark .ris-lookup-searchbar.dx-texteditor .dx-placeholder::before,
body.theme-dark .ris-lookup-searchbar .dx-placeholder::before {
    color: #75839a !important;
    line-height: var(--ansaldo-list-toolbar-height, 40px) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-dark .stock-item-tool-btn,
body.theme-dark .standard-row-action-menu .dx-button {
    min-height: var(--ansaldo-list-toolbar-height, 40px) !important;
    padding: 0 15px !important;
    border-radius: 8px !important;
    border: 1px solid #243044 !important;
    background: #111827 !important;
    color: #dbe3ef !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.theme-dark .stock-item-tool-btn:hover:not(:disabled),
body.theme-dark .standard-row-action-menu .dx-button:hover:not(.dx-state-disabled) {
    background: #151e2e !important;
    border-color: #334155 !important;
    color: #e5e7eb !important;
}

body.theme-dark .stock-item-tool-primary,
body.theme-dark .specs-rec-action-btn.stock-item-tool-primary,
body.theme-dark .apl-action-btn.stock-item-tool-primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #f8fafc !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24) !important;
}

body.theme-dark .stock-item-tool-primary:hover:not(:disabled),
body.theme-dark .specs-rec-action-btn.stock-item-tool-primary:hover:not(:disabled),
body.theme-dark .apl-action-btn.stock-item-tool-primary:hover:not(:disabled) {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

body.theme-dark .stock-item-tool-btn:disabled,
body.theme-dark .stock-item-tool-btn.is-disabled {
    background: #151e2e !important;
    border-color: #1b2536 !important;
    color: #6b7890 !important;
    opacity: 0.62 !important;
    cursor: not-allowed;
}

body.theme-dark .master-standard-grid .dx-datagrid,
body.theme-dark .master-standard-grid .dx-datagrid-rowsview,
body.theme-dark .master-standard-grid .dx-datagrid-content,
body.theme-dark .specs-rec-standard-grid .dx-datagrid,
body.theme-dark .specs-rec-standard-grid .dx-datagrid-rowsview,
body.theme-dark .specs-rec-standard-grid .dx-datagrid-content,
body.theme-dark #stockItemGrid .dx-datagrid,
body.theme-dark #stockItemGrid .dx-datagrid-rowsview,
body.theme-dark #stockItemGrid .dx-datagrid-content {
    background: #0b1220 !important;
}

body.theme-dark .master-standard-grid .dx-datagrid-headers,
body.theme-dark .specs-rec-standard-grid .dx-datagrid-headers,
body.theme-dark #stockItemGrid .dx-datagrid-headers {
    background: #111827 !important;
    border-color: #243044 !important;
}

body.theme-dark .master-standard-grid .dx-header-row > td,
body.theme-dark .specs-rec-standard-grid .dx-header-row > td,
body.theme-dark #stockItemGrid .dx-header-row > td {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #a7b0c0 !important;
    font-size: var(--ansaldo-list-header-size, 10px) !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

body.theme-dark .master-standard-grid .dx-sort,
body.theme-dark .master-standard-grid .dx-header-filter,
body.theme-dark .specs-rec-standard-grid .dx-sort,
body.theme-dark .specs-rec-standard-grid .dx-header-filter,
body.theme-dark #stockItemGrid .dx-sort,
body.theme-dark #stockItemGrid .dx-header-filter {
    color: #75839a !important;
    opacity: 0.85;
}

body.theme-dark .master-standard-grid .dx-data-row > td,
body.theme-dark .specs-rec-standard-grid .dx-data-row > td,
body.theme-dark #stockItemGrid .dx-data-row > td {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
    color: #cbd5e1 !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

body.theme-dark .master-standard-grid .dx-data-row:nth-child(even) > td,
body.theme-dark .specs-rec-standard-grid .dx-data-row:nth-child(even) > td,
body.theme-dark #stockItemGrid .dx-data-row:nth-child(even) > td {
    background: #0d1626 !important;
}

body.theme-dark .master-standard-grid .dx-data-row:hover > td,
body.theme-dark .specs-rec-standard-grid .dx-data-row:hover > td,
body.theme-dark #stockItemGrid .dx-data-row:hover > td {
    background: #151e2e !important;
}

body.theme-dark .master-standard-grid .dx-selection.dx-row > td,
body.theme-dark .specs-rec-standard-grid .dx-selection.dx-row > td,
body.theme-dark #stockItemGrid .dx-selection.dx-row > td {
    background: rgba(37, 99, 235, 0.16) !important;
}

body.theme-dark .stock-item-code-link,
body.theme-dark .stock-item-open-arrow,
body.theme-dark .master-standard-grid a {
    color: #60a5fa !important;
}

body.theme-dark .stock-item-code-link:hover,
body.theme-dark .stock-item-open-arrow:hover,
body.theme-dark .master-standard-grid a:hover {
    color: #93c5fd !important;
}

body.theme-dark .master-standard-grid .dx-data-row > td,
body.theme-dark .specs-rec-standard-grid .dx-data-row > td,
body.theme-dark #stockItemGrid .dx-data-row > td {
    overflow: hidden;
    text-overflow: ellipsis;
}

body.theme-dark .stock-item-status-badge {
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

body.theme-dark .stock-item-status-badge.is-info {
    background: rgba(59, 130, 246, 0.18) !important;
    border-color: rgba(147, 197, 253, 0.16) !important;
    color: #bfdbfe !important;
}

body.theme-dark .stock-item-status-badge.is-active {
    background: rgba(16, 185, 129, 0.16) !important;
    border-color: rgba(167, 243, 208, 0.16) !important;
    color: #a7f3d0 !important;
}

body.theme-dark .stock-item-status-badge.is-neutral,
body.theme-dark .stock-item-status-badge.is-warning {
    background: rgba(245, 158, 11, 0.14) !important;
    border-color: rgba(253, 230, 138, 0.14) !important;
    color: #fde68a !important;
}

body.theme-dark .stock-item-status-badge.is-inactive {
    background: rgba(100, 116, 139, 0.18) !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
    color: #cbd5e1 !important;
}

/* Requisition Slip create form dark-mode polish. */
body.theme-dark .ris-page-shell {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 30%),
        linear-gradient(180deg, #070b12 0%, #0a0f18 100%);
    padding: 26px 32px;
}

body.theme-dark .ris-form-surface {
    max-width: min(100%, 1560px);
    margin: 0 auto;
    overflow: hidden;
    border-radius: 14px !important;
    background: #0b1220 !important;
    border: 1px solid #243044 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.theme-dark .ris-form-surface .si-toolbar {
    min-height: 72px;
    padding: 18px 24px;
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.92), rgba(11, 18, 32, 0.96)) !important;
    border-bottom: 1px solid #243044 !important;
}

body.theme-dark .ris-form-surface .si-toolbar-left {
    gap: 8px;
}

body.theme-dark .ris-form-surface .si-toolbar-left a {
    color: #60a5fa !important;
    font-weight: 700;
}

body.theme-dark .ris-form-surface .si-toolbar-left a:hover {
    color: #93c5fd !important;
}

body.theme-dark .ris-form-surface .si-toolbar-left strong {
    color: #a7b2c5 !important;
    font-style: italic;
    font-weight: 600;
}

body.theme-dark .ris-form-surface .si-toolbar-sep {
    color: #6f7c93 !important;
}

body.theme-dark .ris-form-surface .si-toolbar-actions {
    gap: 10px;
}

body.theme-dark .ris-form-surface .si-btn {
    height: 42px;
    min-height: 42px;
    padding: 0 20px;
    border-radius: 8px;
    border: 1px solid #243044;
    background: #111827;
    color: #dbe3ef;
    font-weight: 700;
    box-shadow: none;
}

body.theme-dark .ris-form-surface .si-btn:hover:not(:disabled) {
    background: #151e2e;
    border-color: #334155;
    color: #e6eaf2;
}

body.theme-dark .ris-form-surface .si-btn-primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #f8fafc !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.26) !important;
}

body.theme-dark .ris-form-surface .si-btn-primary:hover:not(:disabled) {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

body.theme-dark .ris-form-surface .si-btn-outline,
body.theme-dark .ris-form-surface .si-btn-success {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #dbe3ef !important;
}

body.theme-dark .ris-form-surface .si-btn-icon {
    width: 42px;
    min-width: 42px;
    padding: 0;
    background: #111827 !important;
    border-color: #243044 !important;
    color: #a7b2c5 !important;
}

body.theme-dark .ris-form-surface .si-surface-body {
    padding: 22px;
    background: #0b1220 !important;
}

body.theme-dark .ris-form-surface .ris-form-grid {
    gap: 22px;
}

body.theme-dark .ris-form-surface .ris-form-grid > .si-section {
    padding: 20px 22px 22px;
    border: 1px solid #243044;
    border-bottom-color: #1b2536;
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.74), rgba(13, 22, 38, 0.78));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.theme-dark .ris-form-surface .ris-form-grid > .si-section:first-child {
    border-radius: 10px 10px 0 0;
}

body.theme-dark .ris-form-surface .ris-form-grid > .si-section + .si-section {
    margin-top: -22px;
    border-top: none;
}

body.theme-dark .ris-form-surface .ris-form-grid > .si-section:nth-of-type(3) {
    border-radius: 0 0 10px 10px;
}

body.theme-dark .ris-form-surface .si-section-heading {
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #243044;
    color: #e6eaf2 !important;
    font-size: 14px;
    font-weight: 700;
}

body.theme-dark .ris-form-surface .si-dot {
    width: 8px;
    height: 8px;
    box-shadow: 0 0 12px currentColor;
}

body.theme-dark .ris-form-surface .ris-section-grid {
    gap: 16px 18px;
}

body.theme-dark .ris-form-surface .ris-field {
    min-width: 0;
}

body.theme-dark .ris-form-surface .ris-label {
    left: 12px;
    top: -7px;
    padding: 0 6px;
    background: #111827 !important;
    color: #a7b2c5 !important;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
}

body.theme-dark .ris-form-surface .ris-label span {
    color: #f87171 !important;
}

body.theme-dark .ris-form-surface .ris-section-grid .dx-texteditor,
body.theme-dark .ris-form-surface .ris-section-grid .dx-dropdowneditor,
body.theme-dark .ris-form-surface .ris-section-grid .dx-numberbox,
body.theme-dark .ris-form-surface .ris-section-grid .dx-datebox,
body.theme-dark .ris-form-surface .ris-section-grid .dx-textarea,
body.theme-dark .ris-form-surface .ris-section-grid .dx-editor-outlined {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 8px !important;
    background: #111827 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .ris-form-surface .ris-section-grid .dx-texteditor-container,
body.theme-dark .ris-form-surface .ris-section-grid .dx-texteditor-input-container,
body.theme-dark .ris-form-surface .ris-section-grid .dx-dropdowneditor-input-wrapper {
    min-height: 46px !important;
    height: 46px !important;
    align-items: center !important;
}

body.theme-dark .ris-form-surface .ris-section-grid .dx-texteditor-input,
body.theme-dark .ris-form-surface .ris-section-grid .dx-dropdowneditor .dx-texteditor-input,
body.theme-dark .ris-form-surface .ris-section-grid .dx-numberbox .dx-texteditor-input,
body.theme-dark .ris-form-surface .ris-section-grid .dx-datebox .dx-texteditor-input {
    min-height: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 14px !important;
    color: #e6eaf2 !important;
    -webkit-text-fill-color: #e6eaf2 !important;
    font-weight: 600 !important;
}

body.theme-dark .ris-form-surface .ris-section-grid .dx-state-readonly.dx-texteditor,
body.theme-dark .ris-form-surface .ris-section-grid .dx-state-disabled.dx-texteditor,
body.theme-dark .ris-form-surface .ris-section-grid .dx-state-readonly.dx-dropdowneditor,
body.theme-dark .ris-form-surface .ris-section-grid .dx-state-disabled.dx-dropdowneditor,
body.theme-dark .ris-form-surface .ris-section-grid .dx-state-readonly.dx-datebox,
body.theme-dark .ris-form-surface .ris-section-grid .dx-state-disabled.dx-datebox {
    background: #151e2e !important;
    border-color: #1b2536 !important;
    opacity: 1 !important;
}

body.theme-dark .ris-form-surface .ris-section-grid .dx-state-readonly .dx-texteditor-input,
body.theme-dark .ris-form-surface .ris-section-grid .dx-state-disabled .dx-texteditor-input {
    color: #a7b2c5 !important;
    -webkit-text-fill-color: #a7b2c5 !important;
}

body.theme-dark .ris-form-surface .ris-section-grid .dx-placeholder::before {
    color: #6f7c93 !important;
}

/* Job Order uses the same RIS field template on si-form-surface; keep it aligned with the dark form standard. */
body.theme-dark .job-order-form-surface .ris-label {
    left: 12px;
    top: -7px;
    padding: 0 6px;
    background: #0b1220 !important;
    color: #a7b2c5 !important;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
}

body.theme-dark .job-order-form-surface .ris-label span {
    color: #f87171 !important;
}

body.theme-dark .job-order-form-surface .ris-section-grid .dx-texteditor,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-dropdowneditor,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-numberbox,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-datebox,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-editor-outlined {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 8px !important;
    background: #111827 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .job-order-form-surface .ris-section-grid .dx-textarea {
    border-radius: 8px !important;
    background: #111827 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .job-order-form-surface .ris-section-grid .dx-texteditor-container,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-texteditor-input-container,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-dropdowneditor-input-wrapper {
    min-height: 46px !important;
    height: 46px !important;
    align-items: center !important;
}

body.theme-dark .job-order-form-surface .ris-section-grid .dx-texteditor-input,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-dropdowneditor .dx-texteditor-input,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-numberbox .dx-texteditor-input,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-datebox .dx-texteditor-input {
    min-height: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 40px 0 14px !important;
    color: #e6eaf2 !important;
    -webkit-text-fill-color: #e6eaf2 !important;
    font-weight: 600 !important;
}

body.theme-dark .job-order-form-surface .ris-section-grid .dx-textarea .dx-texteditor-input,
body.theme-dark .job-order-form-surface .ris-section-grid textarea.dx-texteditor-input {
    min-height: inherit !important;
    height: auto !important;
    line-height: 18px !important;
    padding: 16px 14px 8px !important;
    color: #e6eaf2 !important;
    -webkit-text-fill-color: #e6eaf2 !important;
}

body.theme-dark .job-order-form-surface .ris-section-grid .dx-placeholder,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-placeholder::before {
    display: none !important;
}

body.theme-dark .job-order-form-surface .ris-section-grid .dx-dropdowneditor-button,
body.theme-dark .job-order-form-surface .ris-section-grid .dx-datebox-button {
    min-height: 44px !important;
    color: #75839a !important;
}

body.theme-dark .ris-form-surface .ris-section-grid .dx-dropdowneditor-button,
body.theme-dark .ris-form-surface .ris-section-grid .dx-datebox-button {
    min-height: 44px !important;
    color: #75839a !important;
}

body.theme-dark .ris-form-surface #risTabs .dx-tabs-wrapper,
body.theme-dark .ris-form-surface #risTabs .dx-tabs {
    background: transparent !important;
    border: none !important;
}

body.theme-dark .ris-form-surface #risTabs .dx-tab {
    min-height: 44px;
    padding: 0 18px;
    color: #a7b2c5 !important;
    border: none !important;
    background: transparent !important;
}

body.theme-dark .ris-form-surface #risTabs .dx-tab-text {
    color: inherit !important;
    font-weight: 600;
}

body.theme-dark .ris-form-surface #risTabs .dx-tab-selected {
    border-bottom: 3px solid #2563eb !important;
    color: #60a5fa !important;
}

body.theme-dark .ris-form-surface #risTabs .dx-multiview-wrapper {
    margin-top: 8px;
    padding-top: 14px;
    border-top: 1px solid #243044 !important;
    background: transparent !important;
}

body.theme-dark .ris-form-surface #risTabs .dx-multiview-item-content {
    background: transparent !important;
}

body.theme-dark .ris-form-surface .ris-detail-toolbar {
    margin: 0 0 16px;
    padding: 16px 18px;
    border: 1px solid #243044;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.82), rgba(13, 22, 38, 0.90)) !important;
}

body.theme-dark .ris-form-surface .ris-detail-title {
    color: #e6eaf2 !important;
    font-size: 14px;
    font-weight: 700;
}

body.theme-dark .ris-form-surface .ris-detail-copy {
    color: #a7b2c5 !important;
}

body.theme-dark .ris-form-surface .ris-detail-toolbar-actions {
    gap: 10px;
}

body.theme-dark .ris-form-surface .ris-detail-add {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid #243044;
    background: #111827;
    color: #60a5fa;
    font-weight: 700;
}

body.theme-dark .ris-form-surface .ris-detail-add:not(:disabled):hover {
    background: #151e2e;
    border-color: #334155;
    color: #93c5fd;
}

body.theme-dark .ris-form-surface #risDetailGrid {
    border-color: #243044 !important;
    background: #0b1220 !important;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-headers,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-rowsview,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-total-footer,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-content,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-table,
body.theme-dark .ris-form-surface #risDetailGrid .dx-row,
body.theme-dark .ris-form-surface #risDetailGrid td {
    border-color: #243044 !important;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-borders > .dx-datagrid-headers,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-borders > .dx-datagrid-rowsview,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left-color: #243044 !important;
    border-right-color: #243044 !important;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-headers,
body.theme-dark .ris-form-surface #risDetailGrid .dx-header-row > td {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #a7b2c5 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-rowsview,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-content {
    background: #0b1220 !important;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-row > td {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-data-row:hover > td {
    background: #151e2e !important;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-nodata {
    display: grid;
    place-items: center;
    min-height: 78px;
    background: #0b1220 !important;
    color: #6f7c93 !important;
    font-size: 12px;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-nodata::before {
    content: none !important;
    display: none !important;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-total-footer,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-total-footer .dx-row > td {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #a7b2c5 !important;
}

body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-summary-item {
    color: #a7b2c5 !important;
    font-weight: 700;
}

body.theme-dark .ris-form-surface .ris-qty-editor .dx-texteditor,
body.theme-dark .ris-form-surface .ris-remarks-editor .dx-texteditor,
body.theme-dark .ris-form-surface .ris-final-decision-editor .dx-texteditor,
body.theme-dark .ris-form-surface .ris-item-picker {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #e6eaf2 !important;
}

body.theme-dark .ris-form-surface .ris-item-picker-title,
body.theme-dark .ris-form-surface .ris-static-cell {
    color: #e6eaf2 !important;
}

body.theme-dark .ris-form-surface .ris-onhand-value {
    background: rgba(16, 185, 129, 0.14);
    color: #6ee7b7;
}

body.theme-dark .ris-allocation-summary-line,
body.theme-dark .ris-allocation-popup-title,
body.theme-dark .ris-allocation-split-name {
    color: #e6eaf2;
}

body.theme-dark .ris-allocation-summary-empty,
body.theme-dark .ris-allocation-summary-meta,
body.theme-dark .ris-allocation-popup-copy,
body.theme-dark .ris-allocation-metric-label {
    color: #a7b2c5;
}

body.theme-dark .ris-allocation-metric,
body.theme-dark .ris-allocation-split-card {
    border-color: #243044;
    background: #111827;
}

body.theme-dark .ris-allocation-inline-btn {
    background: #2563eb;
    border-color: #2563eb;
    color: #eff6ff;
}

body.theme-dark .ris-allocation-split-field .dx-texteditor,
body.theme-dark .ris-allocation-split-field .dx-dropdowneditor {
    background: #0f172a !important;
    border-color: #243044 !important;
    color: #e6eaf2 !important;
}

body.theme-dark .ris-allocation-metric.is-warning {
    background: rgba(245, 158, 11, 0.12);
    border-color: #b45309;
}

body.theme-dark .ris-allocation-metric.is-danger {
    background: rgba(220, 38, 38, 0.12);
    border-color: #b91c1c;
}

body.theme-dark .ris-allocation-metric-value {
    color: #f8fafc;
}

body.theme-dark .ris-allocation-split-remove {
    background: rgba(127, 29, 29, 0.2);
    border-color: #7f1d1d;
    color: #fca5a5;
}

body.theme-dark .ris-form-surface #risDetailGrid .ris-detail-action-column,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-headers td.ris-detail-action-column,
body.theme-dark .ris-form-surface #risDetailGrid .dx-datagrid-rowsview td.ris-detail-action-column {
    background: #111827 !important;
    box-shadow: -8px 0 16px rgba(0, 0, 0, 0.22);
}

body.theme-dark .ris-form-surface .ris-item-picker-subtitle,
body.theme-dark .ris-form-surface .ris-static-note {
    color: #6f7c93 !important;
}

/* RIS fields keep the original Fabrication/DevExtreme border-label rhythm. */
.ansaldo-main .ris-form-surface .ris-field {
    display: block !important;
    position: relative !important;
    padding-top: calc(var(--ansaldo-field-label-size, 10px) * 0.8) !important;
    min-width: 0;
}

.ansaldo-main .ris-form-surface .ris-label {
    position: absolute !important;
    top: 0 !important;
    left: var(--ansaldo-field-input-padding-x, 10px) !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px;
    width: auto !important;
    max-width: calc(100% - (var(--ansaldo-field-input-padding-x, 10px) * 2));
    margin: 0 !important;
    padding: 0 4px !important;
    background: #ffffff !important;
    color: #6b7280 !important;
    font-size: var(--ansaldo-field-label-size, 10px) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
}

.ansaldo-main .ris-form-surface .ris-label span {
    color: #ef4444 !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-texteditor,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-dropdowneditor,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-numberbox,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-datebox {
    min-height: var(--ansaldo-field-height, 40px) !important;
    height: var(--ansaldo-field-height, 40px) !important;
    width: 100%;
    border-radius: 8px !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-texteditor-container,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-texteditor-input-container,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-dropdowneditor-input-wrapper {
    min-height: var(--ansaldo-field-height, 40px) !important;
    height: var(--ansaldo-field-height, 40px) !important;
    align-items: center !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-texteditor-input,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-dropdowneditor .dx-texteditor-input,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-numberbox .dx-texteditor-input,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-datebox .dx-texteditor-input {
    min-height: var(--ansaldo-field-inner-height, 38px) !important;
    height: var(--ansaldo-field-inner-height, 38px) !important;
    line-height: var(--ansaldo-field-inner-height, 38px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: var(--ansaldo-field-input-padding-x, 10px) !important;
    padding-right: var(--ansaldo-field-input-padding-x, 10px) !important;
    font-size: var(--ansaldo-field-input-size, 12px) !important;
    box-sizing: border-box !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-dropdowneditor .dx-texteditor-input,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-datebox .dx-texteditor-input {
    padding-right: calc(var(--ansaldo-field-height, 40px) + 6px) !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-dropdowneditor-button,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-datebox-button,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-clear-button-area {
    min-width: var(--ansaldo-field-height, 40px) !important;
    width: var(--ansaldo-field-height, 40px) !important;
    min-height: var(--ansaldo-field-inner-height, 38px) !important;
    height: var(--ansaldo-field-inner-height, 38px) !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-placeholder {
    top: 0 !important;
    height: 100% !important;
    pointer-events: none;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-placeholder::before {
    top: 50% !important;
    transform: translateY(-50%) !important;
    line-height: var(--ansaldo-field-inner-height, 38px) !important;
    max-width: calc(100% - 18px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-textarea {
    height: auto !important;
    min-height: calc(var(--ansaldo-field-height, 40px) * 1.8) !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-textarea .dx-texteditor-container,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-textarea .dx-texteditor-input-container {
    height: auto !important;
    min-height: calc(var(--ansaldo-field-height, 40px) * 1.8) !important;
    align-items: stretch !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-textarea .dx-texteditor-input,
.ansaldo-main .ris-form-surface .ris-section-grid .dx-textarea textarea {
    height: auto !important;
    min-height: calc(var(--ansaldo-field-height, 40px) * 1.65) !important;
    line-height: var(--app-readable-line-height, 1.5) !important;
    padding: calc(var(--ansaldo-field-label-size, 10px) + 8px) var(--ansaldo-field-input-padding-x, 10px) 8px !important;
}

body.theme-dark .ansaldo-main .ris-form-surface .ris-label {
    background: #111827 !important;
    color: #a7b2c5 !important;
}

body.theme-dark .ansaldo-main .ris-form-surface .ris-label span {
    color: #f87171 !important;
}

body.theme-dark .ansaldo-main .ris-form-surface .ris-section-grid .dx-texteditor,
body.theme-dark .ansaldo-main .ris-form-surface .ris-section-grid .dx-dropdowneditor,
body.theme-dark .ansaldo-main .ris-form-surface .ris-section-grid .dx-numberbox,
body.theme-dark .ansaldo-main .ris-form-surface .ris-section-grid .dx-datebox,
body.theme-dark .ansaldo-main .ris-form-surface .ris-section-grid .dx-textarea {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-placeholder {
    display: none !important;
}

.ansaldo-main .ris-form-surface .ris-section-grid .dx-texteditor-input::placeholder,
.ansaldo-main .ris-form-surface .ris-section-grid textarea::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* Shared search controls: use the native input placeholder only, never the extra DevExtreme layer. */
.stock-item-toolbar-search.dx-texteditor .dx-placeholder,
.stock-item-toolbar-search .dx-texteditor .dx-placeholder,
.stock-item-toolbar-search .dx-placeholder,
.ris-detail-search.dx-texteditor .dx-placeholder,
.ris-detail-search .dx-texteditor .dx-placeholder,
.ris-detail-search .dx-placeholder,
.ris-lookup-searchbar.dx-texteditor .dx-placeholder,
.ris-lookup-searchbar .dx-texteditor .dx-placeholder,
.ris-lookup-searchbar .dx-placeholder,
.dx-texteditor.dx-editor-search .dx-placeholder,
.dx-searchbox .dx-placeholder,
.dx-datagrid-search-panel .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search.dx-texteditor .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search .dx-texteditor .dx-placeholder,
.ansaldo-main .stock-item-toolbar-search .dx-placeholder,
.ansaldo-main .ris-detail-search.dx-texteditor .dx-placeholder,
.ansaldo-main .ris-detail-search .dx-texteditor .dx-placeholder,
.ansaldo-main .ris-detail-search .dx-placeholder,
.ansaldo-main .ris-lookup-searchbar.dx-texteditor .dx-placeholder,
.ansaldo-main .ris-lookup-searchbar .dx-texteditor .dx-placeholder,
.ansaldo-main .ris-lookup-searchbar .dx-placeholder,
.ansaldo-main .dx-texteditor.dx-editor-search .dx-placeholder,
.ansaldo-main .dx-searchbox .dx-placeholder,
.ansaldo-main .dx-datagrid-search-panel .dx-placeholder,
.dx-popup-content .dx-texteditor.dx-editor-search .dx-placeholder,
.dx-popup-content .dx-searchbox .dx-placeholder,
.dx-popup-content .dx-datagrid-search-panel .dx-placeholder {
    display: none !important;
}

.stock-item-toolbar-search.dx-texteditor .dx-texteditor-input::placeholder,
.stock-item-toolbar-search .dx-texteditor-input::placeholder,
.ris-detail-search.dx-texteditor .dx-texteditor-input::placeholder,
.ris-detail-search .dx-texteditor-input::placeholder,
.ris-lookup-searchbar.dx-texteditor .dx-texteditor-input::placeholder,
.ris-lookup-searchbar .dx-texteditor-input::placeholder,
.dx-texteditor.dx-editor-search .dx-texteditor-input::placeholder,
.dx-searchbox .dx-texteditor-input::placeholder,
.dx-datagrid-search-panel .dx-texteditor-input::placeholder,
.ansaldo-main .stock-item-toolbar-search.dx-texteditor .dx-texteditor-input::placeholder,
.ansaldo-main .stock-item-toolbar-search .dx-texteditor-input::placeholder,
.ansaldo-main .ris-detail-search.dx-texteditor .dx-texteditor-input::placeholder,
.ansaldo-main .ris-detail-search .dx-texteditor-input::placeholder,
.ansaldo-main .ris-lookup-searchbar.dx-texteditor .dx-texteditor-input::placeholder,
.ansaldo-main .ris-lookup-searchbar .dx-texteditor-input::placeholder,
.ansaldo-main .dx-texteditor.dx-editor-search .dx-texteditor-input::placeholder,
.ansaldo-main .dx-searchbox .dx-texteditor-input::placeholder,
.ansaldo-main .dx-datagrid-search-panel .dx-texteditor-input::placeholder,
.dx-popup-content .dx-texteditor.dx-editor-search .dx-texteditor-input::placeholder,
.dx-popup-content .dx-searchbox .dx-texteditor-input::placeholder,
.dx-popup-content .dx-datagrid-search-panel .dx-texteditor-input::placeholder {
    color: #75839a !important;
    opacity: 1;
    font-weight: 500 !important;
}

body.theme-dark #prTabs .dx-tabpanel-tabs,
body.theme-dark #prTabs .dx-tabs-wrapper,
body.theme-dark #prTabs .dx-tabs,
body.theme-dark #poTabs .dx-tabpanel-tabs,
body.theme-dark #poTabs .dx-tabs-wrapper,
body.theme-dark #poTabs .dx-tabs,
body.theme-dark #specsRecTabs .dx-tabpanel-tabs,
body.theme-dark #specsRecTabs .dx-tabs-wrapper,
body.theme-dark #specsRecTabs .dx-tabs,
body.theme-dark #canvassTabs .dx-tabpanel-tabs,
body.theme-dark #canvassTabs .dx-tabs-wrapper,
body.theme-dark #canvassTabs .dx-tabs,
body.theme-dark #canvassReviewTabs .dx-tabpanel-tabs,
body.theme-dark #canvassReviewTabs .dx-tabs-wrapper,
body.theme-dark #canvassReviewTabs .dx-tabs,
body.theme-dark #canvassApprovalTabs .dx-tabpanel-tabs,
body.theme-dark #canvassApprovalTabs .dx-tabs-wrapper,
body.theme-dark #canvassApprovalTabs .dx-tabs {
    background: #0b1220 !important;
    border-color: #243044 !important;
}

body.theme-dark #prTabs .dx-tab,
body.theme-dark #poTabs .dx-tab,
body.theme-dark #specsRecTabs .dx-tab,
body.theme-dark #canvassTabs .dx-tab,
body.theme-dark #canvassReviewTabs .dx-tab,
body.theme-dark #canvassApprovalTabs .dx-tab {
    background: transparent !important;
    color: #a7b0c0 !important;
    border-color: transparent !important;
    opacity: 1 !important;
}

body.theme-dark #prTabs .dx-tab .dx-tab-text,
body.theme-dark #poTabs .dx-tab .dx-tab-text,
body.theme-dark #specsRecTabs .dx-tab .dx-tab-text,
body.theme-dark #canvassTabs .dx-tab .dx-tab-text,
body.theme-dark #canvassReviewTabs .dx-tab .dx-tab-text,
body.theme-dark #canvassApprovalTabs .dx-tab .dx-tab-text {
    color: #a7b0c0 !important;
    font-weight: 600 !important;
}

body.theme-dark #prTabs .dx-tab.dx-tab-selected,
body.theme-dark #poTabs .dx-tab.dx-tab-selected,
body.theme-dark #specsRecTabs .dx-tab.dx-tab-selected,
body.theme-dark #canvassTabs .dx-tab.dx-tab-selected,
body.theme-dark #canvassReviewTabs .dx-tab.dx-tab-selected,
body.theme-dark #canvassApprovalTabs .dx-tab.dx-tab-selected {
    color: #60a5fa !important;
    border-bottom: 3px solid #2563eb !important;
    background: rgba(37, 99, 235, 0.12) !important;
    box-shadow: none !important;
}

body.theme-dark #prTabs .dx-tab.dx-tab-selected .dx-tab-text,
body.theme-dark #poTabs .dx-tab.dx-tab-selected .dx-tab-text,
body.theme-dark #specsRecTabs .dx-tab.dx-tab-selected .dx-tab-text,
body.theme-dark #canvassTabs .dx-tab.dx-tab-selected .dx-tab-text,
body.theme-dark #canvassReviewTabs .dx-tab.dx-tab-selected .dx-tab-text,
body.theme-dark #canvassApprovalTabs .dx-tab.dx-tab-selected .dx-tab-text {
    color: #bfdbfe !important;
    font-weight: 700 !important;
}

body.theme-dark #poTabs .dx-tab.dx-tab-selected::after,
body.theme-dark #poTabs .dx-tab.dx-tab-selected::before,
body.theme-dark #canvassReviewTabs .dx-tab.dx-tab-selected::after,
body.theme-dark #canvassReviewTabs .dx-tab.dx-tab-selected::before,
body.theme-dark #canvassApprovalTabs .dx-tab.dx-tab-selected::after {
    background: #2563eb !important;
    border-color: #2563eb !important;
}

body.theme-dark #poTabs .dx-multiview-wrapper,
body.theme-dark #poTabs .dx-multiview-item-content,
body.theme-dark #canvassReviewTabs .dx-multiview-wrapper,
body.theme-dark #canvassApprovalTabs .dx-multiview-wrapper,
body.theme-dark #canvassReviewTabs .dx-multiview-item-content,
body.theme-dark #canvassApprovalTabs .dx-multiview-item-content {
    background: #0b1220 !important;
    color: #e5e7eb !important;
}

/* Shared fix for all RIS-style form tab shells.
   Covers Comm Approval, Warehouse Receiving, Job Order, Tire Card, PO, PR, Canvass, and future forms using the same template. */
body.theme-dark .ris-tabs-shell .dx-tabpanel-tabs,
body.theme-dark .ris-tabs-shell .dx-tabs-wrapper,
body.theme-dark .ris-tabs-shell .dx-tabs {
    background: #0b1220 !important;
    border-color: #243044 !important;
}

body.theme-dark .ris-tabs-shell .dx-tab {
    background: transparent !important;
    border-color: transparent !important;
    color: #a7b0c0 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

body.theme-dark .ris-tabs-shell .dx-tab .dx-tab-text,
body.theme-dark .ris-tabs-shell .dx-tab .dx-tab-content {
    color: #a7b0c0 !important;
    opacity: 1 !important;
}

body.theme-dark .ris-tabs-shell .dx-tab.dx-state-hover,
body.theme-dark .ris-tabs-shell .dx-tab:hover {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #dbeafe !important;
}

body.theme-dark .ris-tabs-shell .dx-tab.dx-tab-selected {
    background: rgba(37, 99, 235, 0.12) !important;
    border-bottom: 3px solid #2563eb !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
}

body.theme-dark .ris-tabs-shell .dx-tab.dx-tab-selected .dx-tab-text,
body.theme-dark .ris-tabs-shell .dx-tab.dx-tab-selected .dx-tab-content {
    color: #bfdbfe !important;
    font-weight: 700 !important;
}

body.theme-dark .ris-tabs-shell .dx-tabs-indicator,
body.theme-dark .ris-tabs-shell .dx-tabpanel-tabs .dx-tabs-indicator,
body.theme-dark .ris-tabs-shell .dx-tab.dx-tab-selected::before,
body.theme-dark .ris-tabs-shell .dx-tab.dx-tab-selected::after {
    display: none !important;
    background: transparent !important;
    border: 0 !important;
}

body.theme-dark .ris-tabs-shell .dx-multiview-wrapper,
body.theme-dark .ris-tabs-shell .dx-multiview-item,
body.theme-dark .ris-tabs-shell .dx-multiview-item-content,
body.theme-dark .ris-tabs-shell .dx-tabpanel-container {
    background: #0b1220 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
}

body.theme-dark .ris-tabs-shell .dx-multiview-wrapper {
    border-top: 1px solid #243044 !important;
}

body.theme-dark .ris-tabs-shell .dx-datagrid,
body.theme-dark .ris-tabs-shell .dx-datagrid-borders > .dx-datagrid-headers,
body.theme-dark .ris-tabs-shell .dx-datagrid-borders > .dx-datagrid-rowsview,
body.theme-dark .ris-tabs-shell .dx-datagrid-borders > .dx-datagrid-total-footer {
    background: #0b1220 !important;
    border-color: #243044 !important;
}

body.theme-dark .ris-tabs-shell .dx-datagrid-headers,
body.theme-dark .ris-tabs-shell .dx-header-row,
body.theme-dark .ris-tabs-shell .dx-header-row > td {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
}

body.theme-dark .ris-tabs-shell .dx-datagrid-rowsview,
body.theme-dark .ris-tabs-shell .dx-datagrid-rowsview .dx-row > td {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
    color: #e5e7eb !important;
}

body.theme-dark .ris-tabs-shell .dx-datagrid-total-footer,
body.theme-dark .ris-tabs-shell .dx-datagrid-total-footer .dx-row > td {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #a7b0c0 !important;
}

body.theme-dark .canvass-review-code {
    background: rgba(96, 165, 250, 0.14);
    border: 1px solid rgba(96, 165, 250, 0.22);
    color: #bfdbfe;
}

body.theme-dark .canvass-review-qty-chip {
    background: rgba(37, 99, 235, 0.20);
    border: 1px solid rgba(96, 165, 250, 0.26);
    color: #dbeafe;
}

body.theme-dark .canvass-review-item-remarks {
    color: #75839a;
}

body.theme-dark .canvass-review-supplier-card {
    position: relative;
    background: #111827;
    border-color: #243044;
    color: #e5e7eb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.theme-dark .canvass-review-supplier-card:hover {
    border-color: #334155;
    background: #151e2e;
}

body.theme-dark .canvass-review-supplier-card.is-selected {
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.20), rgba(17, 24, 39, 0.96));
    border-color: #34d399;
    box-shadow:
        inset 0 0 0 1px rgba(167, 243, 208, 0.24),
        0 0 0 2px rgba(52, 211, 153, 0.16),
        0 10px 24px rgba(0, 0, 0, 0.22);
}

body.theme-dark .canvass-review-supplier-card.is-selected::after {
    content: "SELECTED";
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.18);
    border: 1px solid rgba(167, 243, 208, 0.28);
    color: #a7f3d0;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

body.theme-dark .canvass-review-price-label {
    color: #8ea0bb;
}

body.theme-dark .canvass-review-price {
    color: #e6eaf2;
}

body.theme-dark .canvass-review-supplier-card.is-selected .canvass-review-price {
    color: #d1fae5;
}

body.theme-dark .canvass-review-counter {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.24);
    color: #fde68a;
}

body.theme-dark .canvass-review-supplier-card .stock-item-tool-btn {
    background: #0b1220 !important;
    border-color: #243044 !important;
    color: #bfdbfe !important;
}

body.theme-dark .canvass-review-supplier-card .stock-item-tool-btn:hover:not(:disabled) {
    background: #151e2e !important;
    border-color: #3b82f6 !important;
    color: #e0f2fe !important;
}

body.theme-dark .canvass-review-supplier-card.is-selected .stock-item-tool-btn,
body.theme-dark .canvass-review-supplier-card.is-selected .stock-item-tool-success {
    background: rgba(16, 185, 129, 0.18) !important;
    border-color: rgba(167, 243, 208, 0.34) !important;
    color: #d1fae5 !important;
}

/* Fabrication forms keep the DevExtreme field shape, but use the softer navy dark-mode line. */
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-texteditor,
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-dropdowneditor,
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-numberbox,
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-datebox,
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-textarea,
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-editor-outlined,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-texteditor,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-dropdowneditor,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-numberbox,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-datebox,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-textarea,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-editor-outlined,
body.theme-dark .ris-form-surface .fabrication-attachment-panel {
    background: #111827 !important;
    border: 1px solid #243044 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .ris-form-surface #fabricationRequestForm .dx-texteditor-container,
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-texteditor-input-container,
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-dropdowneditor-input-wrapper,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-texteditor-container,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-texteditor-input-container,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-dropdowneditor-input-wrapper {
    border-color: transparent !important;
    box-shadow: none !important;
}

body.theme-dark .ris-form-surface #fabricationRequestForm .dx-state-hover,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-state-hover {
    border-color: #334155 !important;
}

body.theme-dark .ris-form-surface #fabricationRequestForm .dx-state-focused,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-state-focused {
    border-color: #3b4a64 !important;
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .ris-form-surface #fabricationRequestForm .dx-layout-manager .dx-field-item-label,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-layout-manager .dx-field-item-label,
body.theme-dark .ris-form-surface .fabrication-attachment-label {
    background: #0b1220 !important;
    color: #a7b0c0 !important;
}

body.theme-dark .ris-form-surface #fabricationRequestForm .dx-field-item-label-text,
body.theme-dark .ris-form-surface #fabricationRequestForm .dx-field-item-label-content,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-field-item-label-text,
body.theme-dark .ris-form-surface #fabricationModuleForm .dx-field-item-label-content {
    color: #a7b0c0 !important;
}

/* DevExtreme outlined editors draw an extra outline layer; keep it navy in dark mode too. */
body.theme-dark .ris-form-surface #fabricationRequestForm :where(
    .dx-editor-outlined,
    .dx-texteditor.dx-editor-outlined,
    .dx-dropdowneditor.dx-editor-outlined,
    .dx-numberbox.dx-editor-outlined,
    .dx-datebox.dx-editor-outlined,
    .dx-textarea.dx-editor-outlined
),
body.theme-dark .ris-form-surface #fabricationModuleForm :where(
    .dx-editor-outlined,
    .dx-texteditor.dx-editor-outlined,
    .dx-dropdowneditor.dx-editor-outlined,
    .dx-numberbox.dx-editor-outlined,
    .dx-datebox.dx-editor-outlined,
    .dx-textarea.dx-editor-outlined
) {
    border-color: #243044 !important;
    outline-color: #243044 !important;
    box-shadow: inset 0 0 0 1px #243044, inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .ris-form-surface #fabricationRequestForm :where(
    .dx-editor-outlined,
    .dx-texteditor,
    .dx-dropdowneditor,
    .dx-numberbox,
    .dx-datebox,
    .dx-textarea,
    .dx-texteditor-container,
    .dx-texteditor-input-container,
    .dx-dropdowneditor-input-wrapper
)::before,
body.theme-dark .ris-form-surface #fabricationRequestForm :where(
    .dx-editor-outlined,
    .dx-texteditor,
    .dx-dropdowneditor,
    .dx-numberbox,
    .dx-datebox,
    .dx-textarea,
    .dx-texteditor-container,
    .dx-texteditor-input-container,
    .dx-dropdowneditor-input-wrapper
)::after,
body.theme-dark .ris-form-surface #fabricationModuleForm :where(
    .dx-editor-outlined,
    .dx-texteditor,
    .dx-dropdowneditor,
    .dx-numberbox,
    .dx-datebox,
    .dx-textarea,
    .dx-texteditor-container,
    .dx-texteditor-input-container,
    .dx-dropdowneditor-input-wrapper
)::before,
body.theme-dark .ris-form-surface #fabricationModuleForm :where(
    .dx-editor-outlined,
    .dx-texteditor,
    .dx-dropdowneditor,
    .dx-numberbox,
    .dx-datebox,
    .dx-textarea,
    .dx-texteditor-container,
    .dx-texteditor-input-container,
    .dx-dropdowneditor-input-wrapper
)::after {
    border-color: #243044 !important;
    outline-color: #243044 !important;
    box-shadow: none !important;
}

body.theme-dark .ris-form-surface #fabricationRequestForm :where(.dx-state-focused, .dx-state-active)::before,
body.theme-dark .ris-form-surface #fabricationRequestForm :where(.dx-state-focused, .dx-state-active)::after,
body.theme-dark .ris-form-surface #fabricationModuleForm :where(.dx-state-focused, .dx-state-active)::before,
body.theme-dark .ris-form-surface #fabricationModuleForm :where(.dx-state-focused, .dx-state-active)::after {
    border-color: #3b4a64 !important;
    outline-color: #3b4a64 !important;
}

/* Fabrication DevExtreme outlined labels split the border into label segments; keep every segment navy. */
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-texteditor.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-dropdowneditor.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-numberbox.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-datebox.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-textarea.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-texteditor.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-dropdowneditor.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-numberbox.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-datebox.dx-editor-outlined,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-textarea.dx-editor-outlined {
    background-color: #111827 !important;
    border-color: #243044 !important;
    outline: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(36, 48, 68, 0.92), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-editor-outlined.dx-state-hover,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-editor-outlined.dx-state-hover {
    border-color: #334155 !important;
    box-shadow: inset 0 0 0 1px rgba(51, 65, 85, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-editor-outlined.dx-state-focused,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-editor-outlined.dx-state-active,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-editor-outlined.dx-state-focused,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-editor-outlined.dx-state-active {
    border-color: #3b4a64 !important;
    box-shadow: inset 0 0 0 1px #3b4a64, 0 0 0 1px rgba(96, 165, 250, 0.10) !important;
}

body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-texteditor-label,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-label,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-label-before,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-label-after,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-label-middle,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-texteditor-label,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-label,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-label-before,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-label-after,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-label-middle {
    background-color: #111827 !important;
    border-color: #243044 !important;
    outline-color: #243044 !important;
    color: #a7b0c0 !important;
    box-shadow: none !important;
}

body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-state-focused .dx-texteditor-label,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-state-focused .dx-label,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-state-focused .dx-label-before,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-state-focused .dx-label-after,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-state-focused .dx-label-middle,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-state-focused .dx-texteditor-label,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-state-focused .dx-label,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-state-focused .dx-label-before,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-state-focused .dx-label-after,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-state-focused .dx-label-middle {
    border-color: #3b4a64 !important;
    outline-color: #3b4a64 !important;
}

body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-texteditor::before,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-texteditor::after,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-editor-outlined::before,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationRequestForm .dx-editor-outlined::after,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-texteditor::before,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-texteditor::after,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-editor-outlined::before,
body.theme-dark .ansaldo-main .ris-form-surface #fabricationModuleForm .dx-editor-outlined::after {
    border-color: #243044 !important;
    outline-color: #243044 !important;
    box-shadow: none !important;
}

/* Shared dark-mode DevExtreme grid borders: replace escaped white grid frames with RIS navy lines. */
body.theme-dark .ansaldo-main :where(
    .dx-datagrid,
    .dx-datagrid-borders,
    .dx-datagrid-headers,
    .dx-datagrid-rowsview,
    .dx-datagrid-total-footer,
    .dx-datagrid-content,
    .dx-datagrid-table,
    .dx-datagrid-table-fixed,
    .dx-datagrid-filter-panel
),
body.theme-dark .dx-popup-content :where(
    .dx-datagrid,
    .dx-datagrid-borders,
    .dx-datagrid-headers,
    .dx-datagrid-rowsview,
    .dx-datagrid-total-footer,
    .dx-datagrid-content,
    .dx-datagrid-table,
    .dx-datagrid-table-fixed,
    .dx-datagrid-filter-panel
) {
    border-color: #243044 !important;
}

body.theme-dark .ansaldo-main :where(
    .dx-datagrid-borders > .dx-datagrid-headers,
    .dx-datagrid-borders > .dx-datagrid-rowsview,
    .dx-datagrid-borders > .dx-datagrid-total-footer,
    .dx-datagrid-borders > .dx-datagrid-pager,
    .dx-datagrid-headers + .dx-datagrid-rowsview
),
body.theme-dark .dx-popup-content :where(
    .dx-datagrid-borders > .dx-datagrid-headers,
    .dx-datagrid-borders > .dx-datagrid-rowsview,
    .dx-datagrid-borders > .dx-datagrid-total-footer,
    .dx-datagrid-borders > .dx-datagrid-pager,
    .dx-datagrid-headers + .dx-datagrid-rowsview
) {
    border-top-color: #243044 !important;
    border-right-color: #243044 !important;
    border-bottom-color: #243044 !important;
    border-left-color: #243044 !important;
}

body.theme-dark .ansaldo-main :where(
    .dx-datagrid .dx-row > td,
    .dx-datagrid .dx-row > tr > td,
    .dx-datagrid .dx-header-row > td,
    .dx-datagrid .dx-footer-row > td,
    .dx-datagrid .dx-datagrid-total-footer .dx-row > td
),
body.theme-dark .dx-popup-content :where(
    .dx-datagrid .dx-row > td,
    .dx-datagrid .dx-row > tr > td,
    .dx-datagrid .dx-header-row > td,
    .dx-datagrid .dx-footer-row > td,
    .dx-datagrid .dx-datagrid-total-footer .dx-row > td
) {
    border-color: #1b2536 !important;
}

body.theme-dark .ansaldo-main :where(
    .master-standard-grid,
    .specs-rec-standard-grid,
    .ris-detail-grid,
    .si-detail-grid,
    .fabrication-proposal-detail-grid,
    .fabrication-proposal-standard-grid,
    #risDetailGrid,
    #prDetailGrid,
    #poDetailGrid,
    #canvassLineGrid,
    #canvassReviewGrid,
    #canvassApprovalGrid,
    #risRecommendationGrid,
    #prRecommendationGrid
) :where(.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer) {
    border-color: #243044 !important;
}

/* DevExtreme renders empty grid height as freespace rows; keep those dark too. */
body.theme-dark .ansaldo-main :where(
    .dx-datagrid-rowsview .dx-freespace-row,
    .dx-datagrid-rowsview .dx-freespace-row > td,
    .dx-datagrid-rowsview .dx-empty,
    .dx-datagrid-rowsview .dx-empty > td,
    .dx-datagrid-content .dx-freespace-row,
    .dx-datagrid-content .dx-freespace-row > td,
    .dx-datagrid-content .dx-empty,
    .dx-datagrid-content .dx-empty > td,
    .dx-datagrid-nodata
),
body.theme-dark .dx-popup-content :where(
    .dx-datagrid-rowsview .dx-freespace-row,
    .dx-datagrid-rowsview .dx-freespace-row > td,
    .dx-datagrid-rowsview .dx-empty,
    .dx-datagrid-rowsview .dx-empty > td,
    .dx-datagrid-content .dx-freespace-row,
    .dx-datagrid-content .dx-freespace-row > td,
    .dx-datagrid-content .dx-empty,
    .dx-datagrid-content .dx-empty > td,
    .dx-datagrid-nodata
) {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
    color: #6b7890 !important;
}

/* Cannibalization Request is rebuilt as a dedicated RIS-standard form, not the shared Fabrication dxForm. */
.cannibalization-request-listing {
    max-width: 1540px;
}

.cnb-request-listing-pagehead {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.cnb-request-listing-pagehead .stock-item-tool-btn {
    flex: 0 0 auto;
}

.cnb-request-form-surface {
    max-width: min(100%, 1560px);
    overflow: hidden;
}

.cnb-request-form-surface .si-surface-body {
    overflow: hidden;
    min-width: 0;
}

.cnb-request-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 18px;
    align-items: start;
}

.cnb-request-fields .cnb-span-2 {
    grid-column: span 2;
}

.cnb-request-fields .ris-field-wide {
    grid-column: 1 / -1;
}

.cnb-request-fields .cnb-textarea-field .dx-textarea {
    height: 76px;
}

.cnb-distribution-card {
    border: 1px solid #d8e3f2;
    border-radius: 8px;
    padding: 18px 20px 20px;
    background: #fbfdff;
    min-width: 0;
    overflow: hidden;
}

.cnb-summary-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 18px;
}

.cnb-summary-card {
    min-height: 58px;
    border: 1px solid #d8e3f2;
    border-radius: 8px;
    background: #f8fbff;
    padding: 11px 14px;
}

.cnb-summary-card span {
    display: block;
    margin-bottom: 6px;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cnb-summary-card strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cnb-distribution-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.cnb-distribution-grid .dx-datagrid {
    width: 100% !important;
    max-width: 100%;
}

.cnb-distribution-grid .dx-datagrid-headers,
.cnb-distribution-grid .dx-datagrid-rowsview,
.cnb-distribution-grid .dx-datagrid-content {
    max-width: 100%;
}

.cnb-distribution-grid .dx-datagrid-rowsview {
    min-height: 112px;
    overflow-x: auto;
}

.cnb-distribution-grid .dx-datagrid-headers {
    overflow-x: auto;
}

body.theme-dark .cnb-distribution-card {
    background: #0b1220;
    border-color: #243044;
}

body.theme-dark .cnb-summary-card {
    background: #111827;
    border-color: #243044;
}

body.theme-dark .cnb-summary-card span {
    color: #7c8aa3;
}

body.theme-dark .cnb-summary-card strong {
    color: #e5e7eb;
}

body.theme-dark .cnb-request-form-surface .cnb-distribution-grid :where(
    .dx-datagrid,
    .dx-datagrid-headers,
    .dx-datagrid-rowsview,
    .dx-datagrid-content,
    .dx-datagrid-table,
    .dx-row,
    td
) {
    background: #0b1220 !important;
    border-color: #243044 !important;
}

body.theme-dark .cnb-request-form-surface .cnb-distribution-grid .dx-header-row > td {
    background: #111827 !important;
    color: #a7b0c0 !important;
}

body.theme-dark .cnb-request-form-surface .cnb-distribution-grid .dx-row > td {
    color: #cbd5e1 !important;
    border-color: #1b2536 !important;
}

body.theme-dark .cnb-request-form-surface .cnb-distribution-grid .dx-datagrid-nodata,
body.theme-dark .cnb-request-form-surface .cnb-distribution-grid .dx-freespace-row > td {
    background: #0b1220 !important;
    color: #6b7890 !important;
}

@media (max-width: 1100px) {
    .cnb-request-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cnb-summary-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .cnb-request-fields,
    .cnb-summary-strip {
        grid-template-columns: 1fr;
    }

    .cnb-request-fields .cnb-span-2 {
        grid-column: span 1;
    }
}

/* Specs Recommendation has older ID-based grid rules; dark mode must follow PR/RIS standards. */
body.theme-dark #specsRecTabs .dx-datagrid,
body.theme-dark #specsRecTabs .dx-datagrid-rowsview,
body.theme-dark #specsRecTabs .dx-datagrid-content,
body.theme-dark #specsRecTabs .dx-datagrid-table,
body.theme-dark #specsRecLineGrid .dx-datagrid,
body.theme-dark #specsRecLineGrid .dx-datagrid-rowsview,
body.theme-dark #specsRecLineGrid .dx-datagrid-content,
body.theme-dark #specsRecLineGrid .dx-datagrid-table {
    background: #0b1220 !important;
    border-color: #243044 !important;
}

body.theme-dark #specsRecTabs .dx-datagrid-headers,
body.theme-dark #specsRecTabs .dx-header-row,
body.theme-dark #specsRecTabs .dx-header-row > td,
body.theme-dark #specsRecLineGrid .dx-datagrid-headers,
body.theme-dark #specsRecLineGrid .dx-header-row,
body.theme-dark #specsRecLineGrid .dx-header-row > td {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #a7b0c0 !important;
    font-size: var(--ansaldo-list-header-size, 10px) !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

body.theme-dark #specsRecTabs .dx-row > td,
body.theme-dark #specsRecLineGrid .dx-row > td {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}

body.theme-dark #specsRecTabs .dx-data-row:nth-child(even) > td,
body.theme-dark #specsRecLineGrid .dx-data-row:nth-child(even) > td {
    background: #0d1626 !important;
}

body.theme-dark #specsRecTabs .dx-data-row:hover > td,
body.theme-dark #specsRecLineGrid .dx-data-row:hover > td {
    background: #151e2e !important;
}

body.theme-dark #specsRecTabs .dx-datagrid-borders > .dx-datagrid-headers,
body.theme-dark #specsRecTabs .dx-datagrid-borders > .dx-datagrid-rowsview,
body.theme-dark #specsRecTabs .dx-datagrid-borders > .dx-datagrid-total-footer,
body.theme-dark #specsRecLineGrid .dx-datagrid-borders > .dx-datagrid-headers,
body.theme-dark #specsRecLineGrid .dx-datagrid-borders > .dx-datagrid-rowsview,
body.theme-dark #specsRecLineGrid .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-color: #243044 !important;
}

body.theme-dark #specsRecTabs .dx-freespace-row > td,
body.theme-dark #specsRecTabs .dx-empty > td,
body.theme-dark #specsRecTabs .dx-datagrid-nodata,
body.theme-dark #specsRecLineGrid .dx-freespace-row > td,
body.theme-dark #specsRecLineGrid .dx-empty > td,
body.theme-dark #specsRecLineGrid .dx-datagrid-nodata {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
    color: #6b7890 !important;
}

/* Specs Recommendation create form follows the RIS dark create-form template. */
body.theme-dark .specs-rec-form-page,
body.theme-dark .specs-rec-form-surface .surface-body,
body.theme-dark .specs-rec-form-surface .si-surface-body {
    background: #0b1220 !important;
    color: #e5e7eb !important;
}

body.theme-dark .specs-rec-form-surface .specs-rec-page-title {
    color: #e5e7eb !important;
    font-weight: 600 !important;
}

body.theme-dark .specs-rec-form-surface .specs-rec-page-subtitle,
body.theme-dark .specs-rec-form-surface .specs-rec-lines-copy {
    color: #a7b0c0 !important;
}

body.theme-dark .specs-rec-form-surface .specs-rec-header-layout,
body.theme-dark .specs-rec-form-surface .specs-rec-section,
body.theme-dark .specs-rec-form-surface .specs-rec-lines-section {
    background: #0b1220 !important;
}

body.theme-dark .specs-rec-form-surface .specs-rec-section {
    border-color: #243044 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

body.theme-dark .specs-rec-form-surface .si-section-heading {
    color: #e6eaf2 !important;
    border-bottom-color: #243044 !important;
}

body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-texteditor,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-dropdowneditor,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-numberbox,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-datebox,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-textarea,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-editor-outlined,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-texteditor,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-dropdowneditor,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-textarea,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-editor-outlined {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-texteditor-container,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-texteditor-input-container,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-dropdowneditor-input-wrapper,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-texteditor-container,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-texteditor-input-container,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-dropdowneditor-input-wrapper {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-texteditor-input,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-dropdowneditor .dx-texteditor-input,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-datebox .dx-texteditor-input,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-textarea .dx-texteditor-input,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm textarea,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-texteditor-input,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-dropdowneditor .dx-texteditor-input,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-textarea .dx-texteditor-input,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid textarea {
    background: transparent !important;
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
    caret-color: #e5e7eb !important;
}

body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-layout-manager .dx-field-item-label {
    background: #0b1220 !important;
    color: #a7b0c0 !important;
}

body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-field-item-label-text,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-field-item-label-content {
    color: #a7b0c0 !important;
}

body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-placeholder,
body.theme-dark .specs-rec-form-surface #specsRecHeaderForm .dx-placeholder::before,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-placeholder,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-placeholder::before {
    color: #75839a !important;
}

body.theme-dark .specs-rec-form-surface .specs-rec-static-cell,
body.theme-dark .specs-rec-form-surface .specs-rec-ris-remarks,
body.theme-dark .specs-rec-form-surface .specs-rec-purpose-cell {
    color: #cbd5e1 !important;
}

body.theme-dark .specs-rec-form-surface .specs-rec-code-cell,
body.theme-dark .specs-rec-form-surface .specs-rec-desc-cell {
    color: #e5e7eb !important;
}

body.theme-dark .specs-rec-form-surface .specs-rec-item-title {
    color: #e5e7eb !important;
}

body.theme-dark .specs-rec-form-surface .specs-rec-onhand-pill {
    background: rgba(16, 185, 129, 0.14);
    color: #6ee7b7;
}

body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-datagrid,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-datagrid-headers,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-datagrid-rowsview,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-datagrid-content,
body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-datagrid-table {
    background: #0b1220 !important;
    border-color: #243044 !important;
}

body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-header-row > td {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #a7b0c0 !important;
}

body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-row > td {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
    color: #cbd5e1 !important;
}

body.theme-dark .specs-rec-form-surface #specsRecLineGrid .dx-data-row:hover > td {
    background: #151e2e !important;
}

body.theme-dark .specs-rec-dropdown-popup .dx-overlay-content,
body.theme-dark .specs-rec-dropdown-popup .dx-popup-content,
body.theme-dark .specs-rec-dropdown-popup .dx-list {
    background: #0b1220 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
}

body.theme-dark .specs-rec-dropdown-popup .dx-list-item-content {
    color: #cbd5e1 !important;
}

body.theme-dark .specs-rec-dropdown-popup .dx-list-item.dx-state-hover .dx-list-item-content,
body.theme-dark .specs-rec-dropdown-popup .dx-list-item.dx-state-focused .dx-list-item-content {
    background: #151e2e !important;
    color: #93c5fd !important;
}

/* Canvass supplier matrix follows the RIS dark transaction-detail template. */
body.theme-dark .ris-form-surface .canvass-sheet-board {
    background: #0b1220 !important;
    border-color: #243044 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-header .canvass-sheet-col,
body.theme-dark .ris-form-surface .canvass-sheet-footer .canvass-sheet-footer-item {
    background: #111827 !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-row {
    border-top-color: #1b2536 !important;
    background: #0b1220 !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-col,
body.theme-dark .ris-form-surface .canvass-sheet-footer-item {
    border-right-color: #1b2536 !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-footer {
    border-top-color: #243044 !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-heading,
body.theme-dark .ris-form-surface .canvass-sheet-meta-group span,
body.theme-dark .ris-form-surface .canvass-sheet-total-copy,
body.theme-dark .ris-form-surface .canvass-sheet-footer-item.canvass-sheet-item-col {
    color: #a7b0c0 !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-item-name,
body.theme-dark .ris-form-surface .canvass-sheet-meta-group strong,
body.theme-dark .ris-form-surface .canvass-sheet-total {
    color: #e5e7eb !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-item-remarks,
body.theme-dark .ris-form-surface .canvass-sheet-empty {
    color: #75839a !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-item-code {
    background: rgba(96, 165, 250, 0.12) !important;
    color: #93c5fd !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-qty-chip {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #bfdbfe !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-supplier-select .dx-texteditor,
body.theme-dark .ris-form-surface .canvass-sheet-price-editor .dx-texteditor {
    background: #111827 !important;
    border-color: #243044 !important;
    color: #e5e7eb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-supplier-select .dx-texteditor-input,
body.theme-dark .ris-form-surface .canvass-sheet-price-editor .dx-texteditor-input {
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-supplier-select .dx-placeholder,
body.theme-dark .ris-form-surface .canvass-sheet-supplier-select .dx-placeholder::before {
    color: #75839a !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-counter-btn {
    color: #60a5fa !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-counter-btn:hover:not(:disabled) {
    color: #93c5fd !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-counter-btn:disabled {
    color: #6b7890 !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-counter-card {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: #1d4ed8 !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-counter-label {
    color: #93c5fd !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-counter-item {
    color: #e5e7eb !important;
}

body.theme-dark .ris-form-surface .canvass-sheet-counter-remarks {
    color: #a7b0c0 !important;
}

body.theme-dark .ansaldo-main :where(
    .master-standard-grid,
    .specs-rec-standard-grid,
    .stock-item-listing-grid,
    #stockItemGrid,
    #risDetailGrid,
    #prDetailGrid,
    #poDetailGrid,
    #canvassLineGrid,
    #canvassReviewGrid,
    #canvassApprovalGrid,
    #risRecommendationGrid,
    #prRecommendationGrid
) :where(.dx-freespace-row > td, .dx-empty > td, .dx-datagrid-nodata) {
    background: #0b1220 !important;
    border-color: #1b2536 !important;
    color: #6b7890 !important;
}
.component-profile-filterbar {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(150px, 1fr));
    gap: 12px;
    padding: 0 20px 18px;
}

.component-profile-filterbox {
    display: grid;
    gap: 6px;
    align-content: start;
}

.component-profile-filterlabel {
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.component-profile-filterhelp {
    min-height: 28px;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.3;
}

.component-profile-filterhost .dx-texteditor {
    border-radius: 12px;
}

.component-profile-tree-list .dx-treelist-rowsview .dx-row > td {
    vertical-align: middle;
}

.component-tree-name-shell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.component-tree-level-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(59, 130, 246, 0.22);
    background: rgba(59, 130, 246, 0.08);
    color: #2563eb;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
}

.component-tree-name-text,
.component-tree-path-text {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.component-parent-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    max-width: 100%;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.component-parent-badge.is-parent {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.component-parent-badge.is-root {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
}

.component-flag-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
}

.component-flag-pill.is-true {
    background: rgba(16, 185, 129, 0.14);
    color: #059669;
}

.component-flag-pill.is-false {
    background: rgba(148, 163, 184, 0.14);
    color: #94a3b8;
}

.component-profile-usage-dialog {
    max-width: 100%;
}

.component-profile-usage-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.component-profile-usage-section {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    padding: 14px 16px;
    background: #f8fafc;
    min-height: 200px;
}

.component-profile-usage-heading {
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0;
}

.component-profile-usage-item {
    padding: 10px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.component-profile-usage-item:last-child {
    border-bottom: 0;
}

.component-profile-usage-code {
    font-size: 12px;
    font-weight: 700;
    color: #2563eb;
}

.component-profile-usage-desc,
.component-profile-usage-empty {
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
}

.component-profile-form-grid .dx-checkbox-text {
    white-space: normal;
}

.component-profile-flag-footnote {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #f8fafc;
}

.component-profile-flag-footnote-title {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px;
}

.component-profile-flag-footnote-grid {
    display: grid;
    gap: 8px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
}

.component-profile-flag-footnote-grid strong {
    color: #1f2937;
    font-weight: 700;
}

body.theme-dark .component-profile-usage-section {
    background: rgba(15, 23, 42, 0.8);
    border-color: rgba(148, 163, 184, 0.16);
}

body.theme-dark .component-profile-flag-footnote {
    background: rgba(15, 23, 42, 0.8);
    border-color: rgba(148, 163, 184, 0.16);
}

body.theme-dark .component-profile-flag-footnote-title {
    color: #cbd5e1;
}

body.theme-dark .component-profile-flag-footnote-grid {
    color: #94a3b8;
}

body.theme-dark .component-profile-flag-footnote-grid strong {
    color: #e2e8f0;
}

body.theme-dark .component-profile-filterlabel {
    color: #cbd5e1;
}

body.theme-dark .component-profile-filterhelp {
    color: #94a3b8;
}

body.theme-dark .component-tree-level-chip {
    background: rgba(59, 130, 246, 0.16);
    border-color: rgba(96, 165, 250, 0.26);
    color: #93c5fd;
}

body.theme-dark .component-parent-badge.is-parent {
    background: rgba(220, 38, 38, 0.16);
    color: #fca5a5;
    border-color: rgba(252, 165, 165, 0.28);
}

body.theme-dark .component-parent-badge.is-root {
    background: rgba(249, 115, 22, 0.16);
    color: #fdba74;
    border-color: rgba(253, 186, 116, 0.28);
}

body.theme-dark .component-flag-pill.is-true {
    background: rgba(16, 185, 129, 0.2);
    color: #6ee7b7;
}

body.theme-dark .component-flag-pill.is-false {
    background: rgba(148, 163, 184, 0.18);
    color: #cbd5e1;
}

body.theme-dark .component-profile-usage-heading {
    color: #e2e8f0;
}

body.theme-dark .component-profile-usage-desc,
body.theme-dark .component-profile-usage-empty {
    color: #94a3b8;
}

@media (max-width: 1100px) {
    .component-profile-filterbar,
    .component-profile-usage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .component-profile-filterbar,
    .component-profile-usage-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.task-mgmt-footnote {
    margin-top: 10px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
}

body.theme-dark .task-mgmt-footnote {
    color: #94a3b8;
}