/* _content/HMISync.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* ---- HMI Sync Layout ---- */

.hmi-app[b-ttzfqkj9cw] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.hmi-nav-left[b-ttzfqkj9cw] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hmi-nav-brand[b-ttzfqkj9cw] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.hmi-nav-brand:hover[b-ttzfqkj9cw] {
    color: inherit;
    text-decoration: none;
}

.hmi-nav-center[b-ttzfqkj9cw] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.hmi-nav-right[b-ttzfqkj9cw] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hmi-main[b-ttzfqkj9cw] {
    flex: 1;
    background: var(--bg);
    padding: 20px 24px;
}

/* ---- Mobile bottom nav ---- */

.hmi-mobile-nav[b-ttzfqkj9cw] {
    display: none;
}

@media (max-width: 767px) {
    .hmi-main[b-ttzfqkj9cw] {
        padding: 12px;
        padding-bottom: 70px;
    }

    .hmi-mobile-nav[b-ttzfqkj9cw] {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background: var(--steel-900);
        border-top: 1px solid var(--steel-700);
        padding: 6px 0;
        justify-content: space-around;
    }

    .hmi-mobile-nav[b-ttzfqkj9cw]  .hmi-mobile-nav-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
        font-size: 10px;
        color: var(--steel-400);
        text-decoration: none;
        padding: 4px 8px;
        border-radius: var(--radius-md);
        transition: all var(--transition-fast);
    }

    .hmi-mobile-nav[b-ttzfqkj9cw]  .hmi-mobile-nav-link:hover,
    .hmi-mobile-nav[b-ttzfqkj9cw]  .hmi-mobile-nav-link.active {
        color: var(--hmi-red-light);
    }

    .hmi-mobile-nav[b-ttzfqkj9cw]  .hmi-mobile-nav-link i {
        font-size: 16px;
    }
}

/* ── Keyboard shortcut hint button (O1) ────────────────────── */
.hmi-nav-kbd-hint[b-ttzfqkj9cw] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    padding: 4px 10px;
    cursor: pointer;
    font-size: .85em;
    transition: background .15s, border-color .15s;
    display: flex;
    align-items: center;
    gap: 4px;
}
.hmi-nav-kbd-hint:hover[b-ttzfqkj9cw] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff;
}
.hmi-nav-kbd-hint kbd[b-ttzfqkj9cw] {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    color: #fff;
    font-family: ui-monospace, Menlo, Monaco, Consolas, monospace;
    font-size: .85em;
    padding: 0 6px;
}

/* ── Runtime status indicator ───────────────────────────────────
   Non-production DB and local auto-auth state must be visible
   without adding document-flow rows above the app shell. Keep this
   fixed near the nav logo so modals and workspace content never
   shift when test/admin mode is active. */
.hmi-runtime-status[b-ttzfqkj9cw] {
    position: fixed;
    top: 26px;
    left: 8px;
    z-index: 9500;
    width: 20px;
    height: 20px;
}

.hmi-runtime-status-trigger[b-ttzfqkj9cw] {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 50%;
    background: rgba(20, 50, 74, .92);
    color: #f8fbff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: default;
}

.hmi-runtime-status-trigger i[b-ttzfqkj9cw] {
    font-size: 10px;
    line-height: 1;
}

.hmi-runtime-status-trigger-warning[b-ttzfqkj9cw] {
    background: var(--amber, #d97706);
    color: #111318;
    border-color: rgba(255, 255, 255, .72);
}

.hmi-runtime-status-trigger:focus-visible[b-ttzfqkj9cw] {
    outline: 2px solid var(--hmi-red-light);
    outline-offset: 3px;
}

.hmi-runtime-status-card[b-ttzfqkj9cw] {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: min(360px, calc(100vw - 24px));
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--overlay-shadow);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity var(--transition-normal),
        visibility var(--transition-normal),
        transform var(--transition-normal);
}

.hmi-runtime-status:hover .hmi-runtime-status-card[b-ttzfqkj9cw],
.hmi-runtime-status:focus-within .hmi-runtime-status-card[b-ttzfqkj9cw] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.hmi-runtime-status-section[b-ttzfqkj9cw] {
    padding: 8px;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--surface-hover);
}

.hmi-runtime-status-section + .hmi-runtime-status-section[b-ttzfqkj9cw] {
    margin-top: 8px;
}

.hmi-runtime-status-section-warning[b-ttzfqkj9cw] {
    border-color: var(--amber-border, rgba(217, 119, 6, .35));
    background: var(--amber-bg, rgba(217, 119, 6, .1));
}

.hmi-runtime-status-heading[b-ttzfqkj9cw] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--text);
}

.hmi-runtime-status-heading strong[b-ttzfqkj9cw] {
    font-family: var(--font-mono);
    font-size: .74rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.hmi-runtime-status-list[b-ttzfqkj9cw] {
    margin: 0;
    display: grid;
    gap: 6px;
}

.hmi-runtime-status-list div[b-ttzfqkj9cw] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 10px;
    align-items: baseline;
}

.hmi-runtime-status-list dt[b-ttzfqkj9cw] {
    margin: 0;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hmi-runtime-status-list dd[b-ttzfqkj9cw] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--text);
    font-size: .8rem;
}

@media (max-width: 767px) {
    .hmi-runtime-status[b-ttzfqkj9cw] {
        top: 16px;
        left: 6px;
    }
}

@media print {
    .hmi-runtime-status[b-ttzfqkj9cw] {
        display: none;
    }
}
/* _content/HMISync.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.brand-row[b-ql0t56hx7m] {
    padding: 0.95rem 0.78rem 0.82rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.brand-logo-link[b-ql0t56hx7m] {
    display: block;
    text-decoration: none;
}

.brand-logo-image[b-ql0t56hx7m] {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 0 auto;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.36));
}

.navbar-toggler[b-ql0t56hx7m] {
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 2.4rem;
    position: absolute;
    top: 0.95rem;
    right: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    background:
        linear-gradient(#fff 0 0) center 0.65rem / 1.3rem 2px no-repeat,
        linear-gradient(#fff 0 0) center 1.14rem / 1.3rem 2px no-repeat,
        linear-gradient(#fff 0 0) center 1.63rem / 1.3rem 2px no-repeat,
        rgba(255, 255, 255, 0.08);
}

.navbar-toggler:checked[b-ql0t56hx7m] {
    background-color: rgba(234, 31, 40, 0.6);
}

.menu[b-ql0t56hx7m] {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    padding: 0.9rem 0.75rem 1rem;
    flex: 1 1 auto;
}

.menu-status[b-ql0t56hx7m] {
    color: #d0dbe9;
    font-size: 0.84rem;
    padding: 0.9rem 0.85rem;
}

/* S4 — NavMenu unread alert pill. Displayed above the primary
   nav when the current user has active, unread, undismissed
   RoleAlerts. Color = Bootstrap text-bg-warning for a single
   glance-readable signal; the count is bold + slightly larger
   than the icon so the "how many" dominates. */
.nav-alert-pill[b-ql0t56hx7m] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.6rem 0.85rem 0.25rem;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffc107 0%, #ff8c00 100%);
    color: #3b2a00;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: transform 0.1s ease-out;
}
.nav-alert-pill:hover[b-ql0t56hx7m] { transform: scale(1.03); }
.nav-alert-pill-count[b-ql0t56hx7m] { font-size: 0.95rem; font-weight: 700; }

.menu-auth[b-ql0t56hx7m] {
    margin: 0.25rem 0.85rem 0.95rem;
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.menu-signout[b-ql0t56hx7m] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.nav-icon[b-ql0t56hx7m] {
    width: 1rem;
    text-align: center;
}

.menu[b-ql0t56hx7m]  .nav-link {
    color: #e4e4e4;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 6px;
    padding: 0.62rem 0.72rem;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}

.menu[b-ql0t56hx7m]  .nav-link:hover {
    background: rgba(255, 255, 255, 0.08);
    border-left-color: rgba(234, 31, 40, 0.85);
    color: #ffffff;
}

.menu[b-ql0t56hx7m]  .nav-link.active {
    background: rgba(234, 31, 40, 0.24);
    border-left-color: #ea1f28;
    color: #ffffff;
}

.nav-scrollable[b-ql0t56hx7m] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ql0t56hx7m] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ql0t56hx7m] {
        display: none;
    }

    .nav-scrollable[b-ql0t56hx7m] {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 5.2rem);
        overflow: hidden;
    }
}
/* _content/HMISync.Web/Components/Pages/Engineering.razor.rz.scp.css */
/* ---- Engineering Page - HMI Design System ---- */

/* Make BOM artifact check/plus icons more visible */
[b-6ld0xv02wt] .table .btn.p-0 .fa-check,
[b-6ld0xv02wt] .table .btn.p-0 .fa-plus {
    font-size: 1.1em;
}

.eng-grid[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    min-width: 0;
}

.eng-grid-full[b-6ld0xv02wt] {
    grid-template-columns: 1fr;
}

.eng-grid > *[b-6ld0xv02wt] {
    min-width: 0;
}

.eng-card[b-6ld0xv02wt] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    box-shadow: var(--card-shadow);
    padding: 16px;
    min-width: 0;
    max-width: 100%;
}

.eng-sales-attachment-image-dialog[b-6ld0xv02wt] {
    width: min(72rem, calc(100vw - 2rem));
}

.eng-sales-attachment-image[b-6ld0xv02wt] {
    display: block;
    width: 100%;
    max-height: calc(100vh - 10rem);
    object-fit: contain;
    background: var(--surface-hover);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
}

.eng-card h2[b-6ld0xv02wt] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 12px;
}

.eng-note[b-6ld0xv02wt] {
    color: var(--text-muted);
    font-size: 12px;
}

.eng-pill[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-pill);
    border: 1px solid transparent;
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 600;
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.eng-pill-warning[b-6ld0xv02wt] {
    background: var(--amber-bg);
    border-color: var(--amber-border);
    color: var(--amber) !important;
}

.eng-pill-info[b-6ld0xv02wt] {
    background: var(--steel-50);
    border-color: var(--border);
    color: var(--text-muted) !important;
}

.eng-pill-active[b-6ld0xv02wt] {
    background: var(--green-bg);
    border-color: var(--green-border);
    color: var(--green) !important;
    animation: eng-pulse-b-6ld0xv02wt 1.5s ease-in-out infinite;
}

.eng-alert-filter-row[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.eng-alert-filter-chip[b-6ld0xv02wt] {
    cursor: pointer;
    min-height: 1.45rem;
    transition: opacity var(--transition-fast), border-color var(--transition-fast);
}

.eng-alert-filter-chip.is-muted[b-6ld0xv02wt] {
    opacity: 0.68;
}

.eng-alert-filter-chip.is-active[b-6ld0xv02wt] {
    opacity: 1;
}

.eng-alert-trigger-count[b-6ld0xv02wt] {
    font-size: 0.75rem;
}

.eng-alerts-table[b-6ld0xv02wt] {
    table-layout: fixed;
    width: 100%;
}

.eng-alerts-table th[b-6ld0xv02wt],
.eng-alerts-table td[b-6ld0xv02wt] {
    vertical-align: middle;
}

.eng-alerts-table .eng-alert-icon-col[b-6ld0xv02wt] {
    width: 36px;
    max-width: 36px;
    overflow: visible;
    white-space: normal;
}

.eng-alerts-table .eng-alert-type-col[b-6ld0xv02wt] {
    width: 220px;
    max-width: 220px;
    overflow: visible;
    white-space: normal;
}

.eng-alerts-table .eng-alert-message-col[b-6ld0xv02wt] {
    width: auto;
    overflow: visible;
    white-space: normal;
}

.eng-alerts-table .eng-alert-when-col[b-6ld0xv02wt] {
    width: 140px;
    max-width: 140px;
    text-align: left;
}

.eng-alerts-table .eng-alert-count-col[b-6ld0xv02wt] {
    width: 72px;
    max-width: 72px;
}

.eng-alerts-table .eng-alert-action-col[b-6ld0xv02wt] {
    width: 150px;
    max-width: 150px;
}

.eng-alerts-table .eng-alert-type-cell[b-6ld0xv02wt] {
    font-family: var(--font-mono);
    font-size: 0.76rem;
    word-break: break-word;
    max-width: 220px;
    overflow: visible;
    white-space: normal;
}

.eng-alerts-table .eng-alert-message-cell[b-6ld0xv02wt] {
    line-height: 1.35;
    word-break: break-word;
    overflow: visible;
    white-space: normal;
}

.eng-alert-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.eng-alert-action-button[b-6ld0xv02wt] {
    min-height: 1.85rem;
}

@keyframes eng-pulse-b-6ld0xv02wt {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.eng-form-row[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.eng-form-row label[b-6ld0xv02wt] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.eng-card .form-control[b-6ld0xv02wt],
.eng-card .form-select[b-6ld0xv02wt] {
    border-radius: var(--radius-md);
    border-color: var(--border);
    background: var(--surface);
}

.eng-card .form-control:focus[b-6ld0xv02wt],
.eng-card .form-select:focus[b-6ld0xv02wt] {
    border-color: var(--hmi-red);
    box-shadow: 0 0 0 2px var(--hmi-red-glow);
}

.eng-keyword-chip[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--border);
    background: var(--steel-50);
    color: var(--text);
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 500;
    font-family: var(--font-mono);
}

.eng-keyword-remove[b-6ld0xv02wt] {
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    transition: color var(--transition-fast);
}

.eng-keyword-remove:hover[b-6ld0xv02wt] {
    color: var(--hmi-red);
}

.eng-autocomplete[b-6ld0xv02wt] {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--text);
    max-height: 60vh;
    overflow-y: auto;
    margin-bottom: 8px;
    box-shadow: var(--overlay-shadow);
    scrollbar-width: thin;
    scrollbar-color: var(--hmi-red) transparent;
}

.eng-autocomplete-dismiss[b-6ld0xv02wt] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
}

.eng-autocomplete-list[b-6ld0xv02wt] {
    position: absolute;
    z-index: 100;
    width: 100%;
}

.eng-autocomplete-empty[b-6ld0xv02wt] {
    padding: 10px 12px;
    color: var(--text-dim);
    font-size: 12px;
}

.eng-autocomplete-item[b-6ld0xv02wt] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2px;
    text-align: left;
    border: none;
    border-bottom: 1px solid var(--border-light);
    background: transparent;
    color: inherit;
    padding: 8px 12px;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.eng-autocomplete-main[b-6ld0xv02wt],
.eng-autocomplete-details[b-6ld0xv02wt] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    min-width: 0;
}

.eng-autocomplete-details[b-6ld0xv02wt] {
    color: var(--text-muted);
}

.eng-autocomplete-select-checkbox[b-6ld0xv02wt] {
    pointer-events: none;
}

.eng-autocomplete-item:last-child[b-6ld0xv02wt] {
    border-bottom: none;
}

.eng-autocomplete-item:hover[b-6ld0xv02wt] {
    background: var(--surface-hover);
}

.eng-autocomplete-item.active[b-6ld0xv02wt] {
    background: var(--hmi-red-soft);
}

.eng-autocomplete-part[b-6ld0xv02wt] {
    color: var(--hmi-red);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--font-mono);
}

.eng-autocomplete-state[b-6ld0xv02wt],
.eng-autocomplete-count[b-6ld0xv02wt] {
    font-size: 0.68rem;
}

.eng-autocomplete-count[b-6ld0xv02wt] {
    opacity: 0.72;
}

.eng-autocomplete-warning[b-6ld0xv02wt] {
    color: var(--amber);
    font-size: 0.75rem;
}

.eng-autocomplete-name[b-6ld0xv02wt] {
    color: var(--text-muted);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eng-task-nav[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    min-width: 0;
}

.eng-task-actions[b-6ld0xv02wt] {
    display: flex;
    flex: 1 1 32rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: min(100%, 28rem);
}

.eng-task-actions .hmi-search-anchor[b-6ld0xv02wt] {
    flex: 1 1 22rem;
    min-width: min(100%, 18rem);
    max-width: 34rem;
}

.eng-create-definition-action[b-6ld0xv02wt] {
    margin-left: 0.35rem;
}

.eng-pinned-header[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.eng-definition-context-panel[b-6ld0xv02wt] {
    display: grid;
    gap: 0.75rem;
}

.eng-pinned-title[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
    min-width: 0;
}

.eng-pinned-title h2[b-6ld0xv02wt] {
    margin: 0;
}

.eng-selected-definition-heading[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
    margin: 0;
    min-width: 0;
}

.eng-selected-definition-part[b-6ld0xv02wt] {
    font-family: var(--font-mono);
    font-weight: 800;
    color: var(--text);
}

.eng-selected-definition-name[b-6ld0xv02wt] {
    min-width: 0;
    font-weight: 600;
    color: var(--text);
}

.eng-selected-definition-summary[b-6ld0xv02wt] {
    gap: 0.35rem 0.5rem;
}

.eng-selected-definition-summary .hmi-status-chip[b-6ld0xv02wt] {
    min-height: 1.5rem;
}

.eng-parent-trail-text[b-6ld0xv02wt] {
    min-width: 0;
    font-size: 0.78rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eng-definition-context-grid[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    min-width: 0;
}

.eng-definition-edit-grid[b-6ld0xv02wt] {
    display: grid;
    gap: 0.55rem;
    align-content: start;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
}

.eng-definition-edit-grid[b-6ld0xv02wt] {
    grid-template-columns: repeat(4, minmax(8rem, 1fr));
}

.eng-definition-description-field[b-6ld0xv02wt] {
    grid-column: span 3;
}

.eng-definition-salable-check[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    min-height: 2rem;
    color: var(--text);
}

.eng-definition-salable-check .form-check-input[b-6ld0xv02wt] {
    margin: 0;
}

.eng-definition-section-heading[b-6ld0xv02wt] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.eng-global-definition-search[b-6ld0xv02wt] {
    min-width: 0;
}

.eng-health-state-grid[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
    gap: 0.625rem;
}

.eng-health-state-card[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.35rem 0.5rem;
    min-width: 0;
    padding: 0.75rem;
    color: var(--text);
    text-align: left;
    background: var(--surface-hover);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
}

.eng-health-state-card strong[b-6ld0xv02wt] {
    font-size: 1.15rem;
    line-height: 1;
}

.eng-health-state-card .eng-note[b-6ld0xv02wt] {
    grid-column: 1 / -1;
}

.eng-health-filter-toolbar[b-6ld0xv02wt] {
    align-items: center;
}

.eng-health-definition-table[b-6ld0xv02wt] {
    min-width: 42rem;
}

.eng-health-definition-table th:first-child[b-6ld0xv02wt],
.eng-health-definition-table td:first-child[b-6ld0xv02wt] {
    width: 18rem;
}

.eng-health-definition-table tbody tr[b-6ld0xv02wt] {
    cursor: pointer;
}

.eng-health-definition-part[b-6ld0xv02wt] {
    font-family: var(--font-mono);
    font-weight: 700;
    white-space: nowrap;
}

.eng-health-definition-name[b-6ld0xv02wt] {
    min-width: 0;
    overflow: hidden;
    color: var(--text-muted);
    text-overflow: ellipsis;
    white-space: normal;
}

.eng-health-notes-panel[b-6ld0xv02wt] {
    padding: 0.75rem;
    border: 1px dashed var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
}

@media (max-width: 1500px) {
    .eng-definition-context-grid[b-6ld0xv02wt] {
        grid-template-columns: 1fr;
    }

    .eng-definition-edit-grid[b-6ld0xv02wt] {
        grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr));
    }

    .eng-definition-description-field[b-6ld0xv02wt] {
        grid-column: auto;
    }
}

.eng-bom-toolbar-actions .btn[b-6ld0xv02wt],
.eng-bom-command-row .btn[b-6ld0xv02wt] {
    min-height: 2rem;
    padding-inline: 0.65rem;
}

.eng-upload-action[b-6ld0xv02wt] {
    cursor: pointer;
}

.eng-definition-family-strip[b-6ld0xv02wt],
.eng-definition-recent-strip[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    margin-bottom: 0.45rem;
    color: var(--text-muted);
}

.eng-family-chip[b-6ld0xv02wt],
.eng-recent-chip[b-6ld0xv02wt] {
    cursor: pointer;
    min-height: 1.35rem;
    line-height: 1.15;
}

.eng-family-chip.is-active[b-6ld0xv02wt] {
    opacity: 1;
}

.eng-definition-total[b-6ld0xv02wt],
.eng-definition-recent-label[b-6ld0xv02wt] {
    font-family: var(--font-mono);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.eng-family-toggle[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.eng-family-selected[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.eng-family-clear[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: currentColor;
}

.eng-family-clear:hover[b-6ld0xv02wt],
.eng-family-clear:focus-visible[b-6ld0xv02wt] {
    background: rgba(255, 255, 255, 0.2);
}

.eng-family-chip-list[b-6ld0xv02wt] {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.eng-create-definition-header[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
}

.eng-create-definition-grid[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
    gap: 0.625rem 0.75rem;
    min-width: 0;
    margin-bottom: 0.85rem;
}

.eng-create-definition-grid > *[b-6ld0xv02wt] {
    min-width: 0;
}

.eng-create-definition-span[b-6ld0xv02wt] {
    grid-column: 1 / -1;
}

.eng-create-revision-input[b-6ld0xv02wt] {
    max-width: 6rem;
}

.eng-create-file-section[b-6ld0xv02wt],
.eng-create-artifact-card[b-6ld0xv02wt] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
    margin-bottom: 0.85rem;
    padding: 0.625rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
}

.eng-create-file-grid[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
    gap: 0.5rem 0.75rem;
    min-width: 0;
}

.eng-create-file-row[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: minmax(7.5rem, auto) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.eng-create-file-row--wide[b-6ld0xv02wt] {
    grid-column: 1 / -1;
}

.eng-create-file-label[b-6ld0xv02wt] {
    margin: 0;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.eng-create-file-status[b-6ld0xv02wt] {
    min-width: 0;
    overflow: hidden;
    color: var(--text-muted);
    font-size: 0.85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eng-create-file-status.is-present[b-6ld0xv02wt] {
    color: var(--green);
    font-weight: 700;
}

.eng-create-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

@media (max-width: 700px) {
    .eng-create-file-row[b-6ld0xv02wt] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}

.eng-bom-toolbar[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: minmax(13rem, 1fr) auto minmax(13rem, 1fr);
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    min-width: 0;
}

.eng-bom-title-group[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.eng-bom-title[b-6ld0xv02wt] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: var(--text);
}

.eng-bom-toolbar-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.375rem;
    min-width: 0;
}

.eng-bom-toolbar-command-group[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    justify-self: center;
}

.eng-bom-root-finish[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
}

.eng-bom-root-finish-label[b-6ld0xv02wt] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.eng-bom-root-finish-multiple-text[b-6ld0xv02wt] {
    color: var(--amber);
    font-family: var(--font-mono);
    font-size: 0.9rem;
    font-weight: 800;
    white-space: nowrap;
}

.eng-bom-finish-select[b-6ld0xv02wt] {
    width: 14rem;
    max-width: min(100%, 14rem);
}

@media (max-width: 900px) {
    .eng-bom-toolbar[b-6ld0xv02wt] {
        grid-template-columns: 1fr;
    }

    .eng-bom-toolbar-command-group[b-6ld0xv02wt] {
        justify-self: start;
    }

    .eng-bom-toolbar-actions[b-6ld0xv02wt] {
        justify-content: flex-start;
    }
}

.eng-bom-revision-row[b-6ld0xv02wt],
.eng-bom-command-row[b-6ld0xv02wt],
.eng-bom-meta-row[b-6ld0xv02wt],
.eng-bom-control-left[b-6ld0xv02wt],
.eng-bom-control-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.625rem;
    min-width: 0;
}

.eng-bom-control-shell[b-6ld0xv02wt] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    margin-bottom: 0.6rem;
    padding: 0.5rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
}

.eng-bom-filter-row[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.6rem;
    min-width: 0;
}

.eng-bom-control-main[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: minmax(24rem, 1fr) auto minmax(10rem, 1fr);
    align-items: center;
    gap: 0.45rem 0.75rem;
    min-width: 0;
}

.eng-bom-control-left[b-6ld0xv02wt] {
    justify-content: flex-start;
}

.eng-bom-control-actions[b-6ld0xv02wt] {
    justify-content: flex-end;
}

.eng-bom-filter-row[b-6ld0xv02wt] {
    justify-content: space-between;
    padding-top: 0.45rem;
    border-top: 1px solid var(--border-light);
}

.eng-bom-control-cluster[b-6ld0xv02wt],
.eng-bom-command-group[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.45rem;
    min-width: 0;
}

.eng-bom-revision-row[b-6ld0xv02wt] {
    flex: 0 1 auto;
}

.eng-bom-command-group[b-6ld0xv02wt] {
    flex: 2 1 34rem;
}

.eng-bom-meta-row[b-6ld0xv02wt] {
    justify-content: center;
    color: var(--text-muted);
    font-size: 0.875rem;
    text-align: center;
}

.eng-bom-row-label[b-6ld0xv02wt] {
    margin: 0;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.eng-bom-revision-select[b-6ld0xv02wt] {
    width: auto;
    min-width: 9rem;
}

.eng-bom-bulk-toolbar[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem;
    min-width: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-hover);
}

.eng-bom-bulk-count[b-6ld0xv02wt],
.eng-bom-bulk-confirm[b-6ld0xv02wt] {
    white-space: nowrap;
}

.eng-bom-bulk-confirm[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-bom-bulk-divider[b-6ld0xv02wt] {
    align-self: stretch;
    min-height: 1.75rem;
    border-left: 1px solid var(--border);
}

.eng-bom-bulk-select[b-6ld0xv02wt] {
    width: auto;
    min-width: 8rem;
    max-width: min(100%, 13rem);
}

.eng-bom-bulk-rev[b-6ld0xv02wt] {
    flex: 0 0 4rem;
    width: 4rem;
    min-width: 4rem;
    max-width: 4rem;
}

.eng-bom-readiness-pill[b-6ld0xv02wt] {
    font-weight: 700;
    white-space: nowrap;
}

.eng-bom-readiness-pill.is-ready[b-6ld0xv02wt] {
    color: var(--green);
}

.eng-bom-readiness-pill.is-warning[b-6ld0xv02wt] {
    color: var(--amber);
}

.eng-bom-search-filter[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.eng-bom-search-filter[b-6ld0xv02wt] {
    flex: 1 1 21rem;
    justify-content: flex-end;
}

@media (max-width: 1100px) {
    .eng-bom-control-main[b-6ld0xv02wt] {
        grid-template-columns: 1fr;
    }

    .eng-bom-meta-row[b-6ld0xv02wt] {
        justify-content: flex-start;
        text-align: left;
    }

    .eng-bom-control-actions[b-6ld0xv02wt] {
        justify-content: flex-start;
    }
}

[b-6ld0xv02wt] .eng-bom-search-filter .hmi-search {
    flex: 1 1 18rem;
    max-width: 26rem;
}

.eng-bom-mapping-toggle[b-6ld0xv02wt] {
    font-size: 0.82rem;
}

.eng-bom-incomplete-toggle[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.875rem;
}

.eng-pinned-actions[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.eng-table-wrap[b-6ld0xv02wt] {
    width: 100%;
    overflow-x: auto;
}

.eng-table-wrap .table[b-6ld0xv02wt] {
    width: 100%;
    min-width: 980px;
}

.eng-group-row td[b-6ld0xv02wt] {
    background: var(--steel-50);
    color: var(--text);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.eng-group-toggle[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-align: left;
    padding: 2px 0;
    cursor: pointer;
}

.eng-group-toggle:hover[b-6ld0xv02wt],
.eng-group-toggle:focus-visible[b-6ld0xv02wt] {
    color: var(--hmi-red);
}

.eng-group-toggle:focus-visible[b-6ld0xv02wt] {
    outline: 2px solid var(--hmi-red-glow);
    outline-offset: 2px;
}

.eng-card hr[b-6ld0xv02wt] {
    border-top: 1px solid var(--border-light);
    margin: 12px 0;
}

.eng-card code[b-6ld0xv02wt] {
    color: var(--hmi-red);
    font-size: 12px;
    font-family: var(--font-mono);
}

.eng-table-wrap .form-control.form-control-sm[b-6ld0xv02wt] {
    min-width: 200px;
}

[b-6ld0xv02wt] .eng-bom-table th {
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

[b-6ld0xv02wt] .eng-bom-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eng-bom-table-wrap[b-6ld0xv02wt] {
    --eng-bom-col-select: 36px;
    --eng-bom-col-part: 220px;
    --eng-bom-col-description: 320px;
    --eng-bom-col-qty: 52px;
    --eng-bom-col-rev: 52px;
    --eng-bom-col-type: 120px;
    --eng-bom-col-material: 140px;
    --eng-bom-col-thickness: 84px;
    --eng-bom-col-profile: 170px;
    --eng-bom-col-finish: 190px;
    --eng-bom-col-artifact: 76px;
    --eng-bom-col-actions: 72px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

[b-6ld0xv02wt] .eng-bom-table .form-control.form-control-sm,
[b-6ld0xv02wt] .eng-bom-table .form-select.form-select-sm {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
}

[b-6ld0xv02wt] .eng-bom-table .btn {
    max-width: 100%;
}

.eng-bom-nowrap[b-6ld0xv02wt] {
    white-space: nowrap;
}

.eng-bom-nested-row-level-1[b-6ld0xv02wt] {
    font-size: 0.95rem;
}

.eng-bom-nested-row-level-2[b-6ld0xv02wt],
.eng-bom-nested-row-fallback[b-6ld0xv02wt] {
    font-size: 0.9rem;
}

.eng-bom-nested-part-cell[b-6ld0xv02wt] {
    white-space: nowrap;
}

.eng-bom-nested-part-cell-level-1[b-6ld0xv02wt] {
    padding-left: 1.5em;
}

.eng-bom-nested-part-cell-level-2[b-6ld0xv02wt] {
    padding-left: 3em;
}

.eng-bom-item-marker[b-6ld0xv02wt] {
    font-size: 0.75rem;
}

.eng-bom-item-marker-level-2[b-6ld0xv02wt] {
    font-size: 0.68rem;
}

.eng-bom-global-qty[b-6ld0xv02wt] {
    font-size: 0.75rem;
}

.eng-bom-finish-editor-cell[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-bom-inline-select[b-6ld0xv02wt] {
    width: 100%;
    font-size: 0.875rem;
}

.eng-bom-inline-select-disabled[b-6ld0xv02wt] {
    opacity: 0.35;
}

.eng-bom-alert-dot[b-6ld0xv02wt] {
    cursor: help;
    font-size: 0.75rem;
}

.eng-bom-source-count-badge[b-6ld0xv02wt],
.eng-bom-where-used-badge[b-6ld0xv02wt],
.eng-bom-resolution-icon[b-6ld0xv02wt] {
    font-size: 0.75rem;
}

.eng-bom-where-used-badge[b-6ld0xv02wt] {
    cursor: pointer;
}

.eng-bom-description-input[b-6ld0xv02wt] {
    width: 100%;
    min-width: 0;
}

.eng-bom-compact-input[b-6ld0xv02wt] {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
}

.eng-bom-rev-placeholder[b-6ld0xv02wt] {
    display: inline-block;
    width: 3rem;
    text-align: center;
    opacity: 0.5;
}

.eng-bom-rev-placeholder.is-purchased[b-6ld0xv02wt] {
    opacity: 0.4;
}

.eng-bom-where-used-row > td[b-6ld0xv02wt] {
    background: color-mix(in srgb, var(--clickable-info-text) 10%, var(--surface));
}

.eng-bom-where-used-panel[b-6ld0xv02wt] {
    max-width: 34rem;
}

.eng-bom-where-used-header[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.eng-bom-where-used-title[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-bom-where-used-close[b-6ld0xv02wt] {
    font-size: 0.8rem;
}

.eng-bom-where-used-table[b-6ld0xv02wt] {
    font-size: 0.875rem;
    max-width: 32rem;
}

.eng-bom-where-used-qty-col[b-6ld0xv02wt] {
    width: 2.5rem;
}

.eng-bom-footer-row[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-sheet-edit-input[b-6ld0xv02wt] {
    min-width: 7.5rem;
    font-size: 0.875rem;
}

.eng-sheet-revision-input[b-6ld0xv02wt] {
    min-width: 5rem;
}

.eng-sheet-version-panel[b-6ld0xv02wt] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-hover);
}

.eng-sheet-version-panel.is-info[b-6ld0xv02wt] {
    border-color: color-mix(in srgb, var(--clickable-info-text) 30%, transparent);
    background: color-mix(in srgb, var(--clickable-info-text) 6%, var(--surface));
}

.eng-sheet-version-panel.is-warning[b-6ld0xv02wt] {
    border-color: color-mix(in srgb, var(--amber) 35%, transparent);
    background: color-mix(in srgb, var(--amber) 8%, var(--surface));
}

.eng-sheet-source-cell[b-6ld0xv02wt],
.eng-artifact-filename-cell[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-sheet-delete-prompt[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-artifact-dialog-table[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-artifact-dialog-actions[b-6ld0xv02wt],
.eng-sales-doc-upload-row[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.eng-artifact-size-cell[b-6ld0xv02wt] {
    font-size: 0.8rem;
    white-space: nowrap;
}

.eng-artifact-date-cell[b-6ld0xv02wt] {
    font-size: 0.8rem;
    white-space: nowrap;
}

.eng-artifact-upload-row[b-6ld0xv02wt],
.eng-artifact-link-list[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.eng-artifact-upload-file[b-6ld0xv02wt] {
    max-width: 18rem;
}

.eng-artifact-upload-category[b-6ld0xv02wt] {
    max-width: 14rem;
}

.eng-artifact-upload-revision[b-6ld0xv02wt] {
    max-width: 7.5rem;
}

.eng-artifact-link-option[b-6ld0xv02wt] {
    font-size: 0.75rem;
}

.eng-hidden-file-input[b-6ld0xv02wt] {
    display: none !important;
}

.eng-bom-new-revision-form[b-6ld0xv02wt] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.eng-bom-new-revision-letter[b-6ld0xv02wt] {
    width: 3.75rem;
}

.eng-bom-new-revision-notes[b-6ld0xv02wt] {
    width: 10rem;
}

.eng-bom-readonly-alert[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-bom-needs-revision-warning[b-6ld0xv02wt] {
    color: var(--red, var(--hmi-red));
    cursor: help;
}

.eng-mapping-review-panel[b-6ld0xv02wt] {
    margin-bottom: 0.75rem;
    padding: 0.625rem;
    border: 1px solid color-mix(in srgb, var(--clickable-info-text) 35%, transparent);
    border-radius: var(--radius-md);
    background: var(--surface-hover);
    font-size: 0.875rem;
}

.eng-mapping-review-header[b-6ld0xv02wt],
.eng-mapping-review-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.eng-mapping-review-header[b-6ld0xv02wt] {
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.eng-mapping-review-actions[b-6ld0xv02wt] {
    margin-bottom: 0.4rem;
    padding-left: 0.25rem;
}

.eng-mapping-review-table-wrap[b-6ld0xv02wt] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

[b-6ld0xv02wt] .eng-mapping-review-table {
    min-width: 820px;
    width: 100%;
    table-layout: fixed;
    font-size: 0.875rem;
}

[b-6ld0xv02wt] .eng-mapping-review-table th,
[b-6ld0xv02wt] .eng-mapping-review-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

[b-6ld0xv02wt] .eng-mapping-col-select {
    width: 2rem;
}

[b-6ld0xv02wt] .eng-mapping-col-sheet {
    width: 5rem;
}

[b-6ld0xv02wt] .eng-mapping-col-description {
    width: 26%;
}

[b-6ld0xv02wt] .eng-mapping-col-match-target {
    width: 30%;
}

[b-6ld0xv02wt] .eng-mapping-col-confidence {
    width: 6.5rem;
}

[b-6ld0xv02wt] .eng-mapping-col-action {
    width: 3rem;
    text-align: center;
}

[b-6ld0xv02wt] .eng-mapping-review-table td:nth-child(3),
[b-6ld0xv02wt] .eng-mapping-review-table td:nth-child(4) {
    white-space: normal;
}

.eng-mapping-link-select[b-6ld0xv02wt] {
    width: 100%;
    min-width: 0;
}

.eng-mapping-action-button[b-6ld0xv02wt] {
    min-width: 1.75rem;
}

.eng-mapping-preview-row td[b-6ld0xv02wt] {
    background: color-mix(in srgb, var(--surface-hover) 70%, var(--bg));
}

.eng-mapping-preview-title[b-6ld0xv02wt],
.eng-mapping-warning[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-mapping-preview-frame[b-6ld0xv02wt] {
    width: 100%;
    height: min(52vh, 32rem);
    min-height: 22rem;
    overflow: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-hover);
    -webkit-overflow-scrolling: touch;
}

.eng-mapping-detail-table[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-mapping-detail-label[b-6ld0xv02wt] {
    width: 8rem;
}

.eng-modal-backdrop[b-6ld0xv02wt] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9500;
}

.eng-modal[b-6ld0xv02wt] {
    --eng-modal-top: clamp(10rem, 16vh, 12rem);
    position: fixed;
    z-index: 9501;
    top: var(--eng-modal-top);
    left: 50%;
    transform: translateX(-50%);
    width: min(920px, calc(100vw - 2rem));
    max-height: calc(100vh - var(--eng-modal-top) - 1rem);
    overflow: auto;
    background: var(--overlay-bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    box-shadow: var(--overlay-shadow);
    padding: 16px;
}

.eng-modal-narrow[b-6ld0xv02wt] {
    width: min(420px, calc(100vw - 2rem));
}

.eng-modal-large[b-6ld0xv02wt] {
    width: min(1280px, calc(100vw - 1rem));
    top: 1vh;
    height: 98vh;
    max-height: 98vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.eng-modal-header[b-6ld0xv02wt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.eng-modal h3[b-6ld0xv02wt] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
}

.eng-modal-close[b-6ld0xv02wt] {
    line-height: 1;
    font-size: 1.2rem;
}

.eng-sales-attachment-list[b-6ld0xv02wt] {
    display: grid;
    gap: 0.35rem;
}

.eng-sales-attachment-row[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) max-content 2.25rem 2.25rem;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.25rem;
    padding: 0.35rem 0.45rem;
    color: var(--text);
    border-radius: var(--radius-md);
}

.eng-sales-attachment-row:hover[b-6ld0xv02wt] {
    background: var(--surface-hover);
}

.eng-sales-attachment-name[b-6ld0xv02wt] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eng-sales-attachment-type[b-6ld0xv02wt] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.eng-bom-summary-dialog[b-6ld0xv02wt] {
    width: min(900px, calc(100vw - 2rem));
}

.eng-bom-summary-actions[b-6ld0xv02wt] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.eng-bom-summary-pre[b-6ld0xv02wt] {
    margin: 0;
    max-height: calc(80vh - 120px);
    overflow: auto;
    white-space: pre;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
    color: var(--text);
    font-size: 0.85em;
}

.engineering-workspace-tabs[b-6ld0xv02wt] {
    align-items: center;
    margin-bottom: 0;
}

.eng-section-title[b-6ld0xv02wt] {
    margin: 0;
    color: var(--text);
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.eng-section-toolbar[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin: 0 0 8px;
    min-width: 0;
}

.eng-artifact-doc-grid[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: 10px;
}

.eng-artifact-doc-card[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
}

.eng-artifact-doc-main[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.55rem;
    min-width: 0;
}

.eng-artifact-doc-actions[b-6ld0xv02wt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.15rem;
    min-width: 0;
}

.eng-artifact-doc-actions--single[b-6ld0xv02wt] {
    justify-content: flex-start;
}

.eng-artifact-doc-button[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eng-source-drawings-toolbar[b-6ld0xv02wt],
.eng-source-bom-dialog-action[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.eng-source-drawings-dialog[b-6ld0xv02wt] {
    width: min(760px, calc(100vw - 32px));
}

.eng-source-drawings-table-wrap[b-6ld0xv02wt] {
    max-height: min(60vh, 32rem);
    overflow: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
}

.eng-source-drawings-table-wrap .table[b-6ld0xv02wt] {
    margin-bottom: 0;
}

.eng-source-drawings-table-wrap th[b-6ld0xv02wt],
.eng-source-drawings-table-wrap td[b-6ld0xv02wt] {
    vertical-align: middle;
}

.eng-source-drawings-filename[b-6ld0xv02wt] {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eng-source-drawings-actions[b-6ld0xv02wt] {
    width: 132px;
    text-align: right;
    white-space: nowrap;
}

.eng-add-bom-dialog[b-6ld0xv02wt] {
    width: min(860px, calc(100vw - 32px));
}

.eng-add-bom-grid[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: minmax(16rem, 1.25fr) minmax(16rem, 1.5fr) minmax(5rem, 0.45fr);
    gap: 0.625rem 0.75rem;
    min-width: 0;
}

.eng-add-bom-grid > *[b-6ld0xv02wt] {
    min-width: 0;
}

.eng-add-bom-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.eng-artifact-doc-card--source-bom[b-6ld0xv02wt] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.eng-artifact-doc-body[b-6ld0xv02wt] {
    min-width: 0;
}

.eng-artifact-doc-label[b-6ld0xv02wt] {
    min-width: 0;
    color: var(--text);
    font-weight: 700;
}

.eng-artifact-doc-status[b-6ld0xv02wt] {
    justify-self: end;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.eng-artifact-doc-status.is-present[b-6ld0xv02wt] {
    color: var(--green);
}

.eng-artifact-doc-status.is-missing[b-6ld0xv02wt] {
    color: var(--amber);
}

.eng-definition-artifact-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.eng-definition-artifact-button[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 1.85rem;
}

.eng-artifact-count-badge[b-6ld0xv02wt] {
    margin-left: 0.1rem;
    min-width: 1.35rem;
    font-family: var(--font-mono);
    text-align: center;
}

.eng-group-collapse-control[b-6ld0xv02wt] {
    flex: 0 0 auto;
}

.eng-edit-admin-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.eng-edit-actions[b-6ld0xv02wt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    grid-column: 1 / -1;
    min-width: 0;
}

.eng-definition-quick-view-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    min-width: 0;
}

.eng-definition-quick-view-button[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 1.85rem;
    padding-inline: 0.55rem;
}

.eng-edit-primary-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    grid-column: 2;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-width: 0;
}

.eng-edit-secondary-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    grid-column: 3;
    justify-self: end;
}

@media (max-width: 720px) {
    .eng-edit-actions[b-6ld0xv02wt] {
        grid-template-columns: 1fr;
    }

    .eng-edit-primary-actions[b-6ld0xv02wt],
    .eng-edit-secondary-actions[b-6ld0xv02wt],
    .eng-definition-quick-view-actions[b-6ld0xv02wt] {
        grid-column: 1;
        justify-self: center;
    }

    .eng-definition-quick-view-actions[b-6ld0xv02wt] {
        justify-content: center;
    }
}

.eng-keyword-dialog-list[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    margin-bottom: 0.75rem;
    padding: 0.625rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
}

.eng-edit-merge-panel[b-6ld0xv02wt] {
    flex: 1 1 100%;
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    margin-top: 0.5rem;
    padding: 0.625rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
}

.eng-edit-merge-title[b-6ld0xv02wt] {
    color: var(--text);
    font-size: 0.85rem;
}

.eng-edit-merge-search[b-6ld0xv02wt] {
    position: relative;
    z-index: 5;
    min-width: 0;
}

.eng-edit-merge-warning[b-6ld0xv02wt] {
    font-size: 0.85rem;
}

.eng-request-action-dialog[b-6ld0xv02wt] {
    width: min(640px, calc(100vw - 32px));
}

.eng-request-link-dialog[b-6ld0xv02wt] {
    width: min(760px, calc(100vw - 32px));
}

.eng-request-action-body[b-6ld0xv02wt] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.eng-request-action-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.engineering-page-shell[b-6ld0xv02wt] {
    box-sizing: border-box;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    outline: none;
    padding: 0 12px;
    position: relative;
    right: 50%;
    width: 100vw;
}

.eng-request-toolbar .hmi-toolbar-controls[b-6ld0xv02wt] {
    align-items: center;
    gap: 0.5rem;
}

.eng-request-status-filter[b-6ld0xv02wt] {
    flex: 0 0 9.5rem;
    min-width: 9.5rem;
}

.eng-request-table-frame[b-6ld0xv02wt] {
    max-height: 60vh;
    overflow: auto;
}

.eng-request-table[b-6ld0xv02wt] {
    min-width: 1320px;
}

.eng-request-table th[b-6ld0xv02wt],
.eng-request-table td[b-6ld0xv02wt] {
    vertical-align: middle;
}

.eng-request-icon-col[b-6ld0xv02wt] {
    width: 2.25rem;
}

.eng-request-icon-cell[b-6ld0xv02wt] {
    text-align: center;
    width: 2.25rem;
}

.eng-request-icon-action[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-width: 2rem;
    min-height: 2rem;
    border: 0;
    border-radius: 0.25rem;
    background: transparent;
    color: var(--text-muted);
    padding: 0.15rem;
}

.eng-request-icon-action:hover[b-6ld0xv02wt],
.eng-request-icon-action:focus[b-6ld0xv02wt] {
    background: var(--surface-hover);
    color: var(--text);
}

.eng-request-attachment-count[b-6ld0xv02wt] {
    margin-left: 0.1rem;
    min-width: 1rem;
    font-family: var(--font-mono);
    font-size: 0.75rem;
}

.eng-request-status-text[b-6ld0xv02wt] {
    color: var(--text);
    font-weight: 700;
    white-space: nowrap;
}

.eng-request-status-text.is-completed[b-6ld0xv02wt] {
    color: var(--green);
}

.eng-request-status-text.is-rejected[b-6ld0xv02wt] {
    color: var(--clickable-danger-text);
}

.eng-request-status-text.is-in-progress[b-6ld0xv02wt] {
    color: var(--clickable-warning-text);
}

.eng-result-part-link[b-6ld0xv02wt] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: 0;
    background: transparent;
    color: var(--text);
    padding: 0;
    text-align: left;
}

.eng-result-part-link:hover[b-6ld0xv02wt],
.eng-result-part-link:focus[b-6ld0xv02wt] {
    color: var(--hmi-red);
    text-decoration: underline;
}

.eng-request-urgency-normal[b-6ld0xv02wt],
.eng-request-table-footer[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-alert-count-badge[b-6ld0xv02wt] {
    font-size: 0.75rem;
}

.eng-bom-alerts-heading[b-6ld0xv02wt] {
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.eng-bom-alerts-selected[b-6ld0xv02wt] {
    display: inline;
    font-size: 0.85rem;
    letter-spacing: 0;
    text-transform: none;
}

.eng-bom-alerts-empty[b-6ld0xv02wt],
.eng-bom-alerts-ok[b-6ld0xv02wt] {
    font-size: 0.925rem;
}

.eng-bom-alerts-summary[b-6ld0xv02wt] {
    align-items: center;
}

.eng-bom-alerts-table[b-6ld0xv02wt] {
    min-width: 760px;
}

.eng-bom-alert-icon-col[b-6ld0xv02wt] {
    width: 2rem;
}

.eng-revision-create-panel[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
}

.eng-revision-letter-field[b-6ld0xv02wt] {
    flex: 0 0 5rem;
    min-width: 5rem;
}

.eng-revision-notes-field[b-6ld0xv02wt] {
    flex: 1 1 18rem;
    min-width: min(18rem, 100%);
}

.eng-revision-create-actions[b-6ld0xv02wt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.eng-revisions-table[b-6ld0xv02wt] {
    min-width: 720px;
}

.eng-revision-col-revision[b-6ld0xv02wt] {
    width: 6.25rem;
}

.eng-revision-col-latest[b-6ld0xv02wt],
.eng-revision-col-actions[b-6ld0xv02wt] {
    width: 7.5rem;
}

.eng-revision-col-created[b-6ld0xv02wt] {
    width: 10rem;
}

.eng-release-readiness-panel[b-6ld0xv02wt] {
    border-color: var(--border);
}

.eng-release-readiness-header[b-6ld0xv02wt] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.eng-release-readiness-actions[b-6ld0xv02wt] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.eng-release-readiness-list[b-6ld0xv02wt] {
    border-top: 1px solid var(--border-light);
}

.eng-release-readiness-item[b-6ld0xv02wt] {
    background: transparent;
    border-color: var(--border-light);
    color: var(--text);
}

.eng-release-readiness-icon-pass[b-6ld0xv02wt],
.eng-release-readiness-icon-fail[b-6ld0xv02wt] {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
}

.eng-release-readiness-icon-pass[b-6ld0xv02wt] {
    color: var(--green);
}

.eng-release-readiness-icon-fail[b-6ld0xv02wt] {
    color: var(--error);
}

.eng-release-readiness-detail[b-6ld0xv02wt],
.eng-release-readiness-help[b-6ld0xv02wt] {
    font-size: 0.875rem;
}

.eng-compare-dialog[b-6ld0xv02wt] {
    max-width: min(62rem, calc(100vw - 2rem));
}

.eng-compare-header[b-6ld0xv02wt] {
    align-items: center;
    gap: 0.75rem;
}

.eng-compare-actions[b-6ld0xv02wt] {
    align-items: center;
    display: flex;
    flex: 1 1 22rem;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    min-width: min(22rem, 100%);
}

.eng-compare-select[b-6ld0xv02wt] {
    flex: 1 1 20rem;
    min-width: min(20rem, 100%);
}

.eng-compare-table[b-6ld0xv02wt],
.eng-compare-bom-table[b-6ld0xv02wt] {
    font-size: 0.875rem;
    min-width: 720px;
}

.eng-compare-col-field[b-6ld0xv02wt] {
    width: 30%;
}

.eng-compare-col-part[b-6ld0xv02wt] {
    width: 35%;
}

.eng-compare-row-diff[b-6ld0xv02wt] {
    background: color-mix(in srgb, var(--amber) 14%, transparent);
}

.eng-compare-row-added[b-6ld0xv02wt] {
    background: color-mix(in srgb, var(--green) 13%, transparent);
}

.eng-compare-row-removed[b-6ld0xv02wt] {
    background: color-mix(in srgb, var(--error) 13%, transparent);
}

.eng-compare-row-qty[b-6ld0xv02wt] {
    background: color-mix(in srgb, var(--amber) 14%, transparent);
}

.eng-compare-bom-title[b-6ld0xv02wt] {
    color: var(--text);
    font-size: 0.95rem;
    font-weight: 700;
}

.eng-artifact-table-wrap[b-6ld0xv02wt] {
    max-height: 62vh;
    overflow: auto;
}

.eng-artifact-table[b-6ld0xv02wt] {
    min-width: 1160px;
    table-layout: fixed;
}

.eng-artifact-table th[b-6ld0xv02wt],
.eng-artifact-table td[b-6ld0xv02wt] {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.eng-artifact-col-part[b-6ld0xv02wt] {
    width: 210px;
}

.eng-artifact-col-kind[b-6ld0xv02wt] {
    width: 96px;
}

.eng-artifact-col-material[b-6ld0xv02wt] {
    width: 110px;
}

.eng-artifact-col-spec[b-6ld0xv02wt] {
    width: 130px;
}

.eng-artifact-col-finish[b-6ld0xv02wt] {
    width: 150px;
}

.eng-artifact-col-status[b-6ld0xv02wt] {
    width: 70px;
}

.eng-artifact-col-status-wide[b-6ld0xv02wt] {
    width: 76px;
}

.eng-artifact-col-actions[b-6ld0xv02wt] {
    width: 70px;
}

.eng-artifact-row-action[b-6ld0xv02wt] {
    min-width: 2rem;
}

@media (min-width: 960px) {
    .eng-grid[b-6ld0xv02wt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eng-grid-full[b-6ld0xv02wt] {
        grid-template-columns: 1fr;
    }

    .eng-form-row[b-6ld0xv02wt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .eng-add-bom-grid[b-6ld0xv02wt] {
        grid-template-columns: 1fr;
    }
}
/* _content/HMISync.Web/Components/Pages/Estimates.razor.rz.scp.css */
.estimates-note-cell[b-9vrnzdclue] {
    max-width: 420px;
}

.estimating-workflow-launcher-grid[b-9vrnzdclue] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr));
    gap: 0.75rem;
}

.estimating-workflow-launcher[b-9vrnzdclue] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    width: 100%;
    min-height: 5.25rem;
    padding: 0.85rem 1rem;
    text-align: left;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--card-shadow);
}

.estimating-workflow-launcher:hover[b-9vrnzdclue],
.estimating-workflow-launcher:focus-visible[b-9vrnzdclue] {
    border-color: var(--hmi-red);
    box-shadow: 0 0 0 0.15rem var(--hmi-red-soft);
}

.estimating-workflow-launcher-icon[b-9vrnzdclue] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    color: var(--hmi-red);
    background: var(--hmi-red-soft);
    border-radius: var(--radius-md);
}

.estimating-workflow-launcher strong[b-9vrnzdclue],
.estimating-workflow-launcher small[b-9vrnzdclue] {
    display: block;
}

.estimating-workflow-launcher small[b-9vrnzdclue] {
    margin-top: 0.2rem;
    color: var(--text-muted);
}

.estimating-workflow-overlay[b-9vrnzdclue] {
    position: fixed;
    inset: 0;
    z-index: 1502;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.42);
}

.estimating-workflow-dialog[b-9vrnzdclue] {
    width: min(96vw, 88rem);
    max-height: calc(100vh - 1rem);
    overflow: visible;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--overlay-shadow);
}

.estimating-workflow-panel-body[b-9vrnzdclue] {
    max-height: calc(100vh - 1rem);
    overflow: auto;
    padding: 1rem;
}

.estimating-workflow-header[b-9vrnzdclue] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2rem;
    gap: 0.75rem;
    align-items: start;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-light);
}

.estimating-workflow-title[b-9vrnzdclue] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    font-weight: 700;
}

.estimating-workflow-steps[b-9vrnzdclue] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.estimating-workflow-close-button[b-9vrnzdclue] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
}

.estimating-workflow-section[b-9vrnzdclue] {
    display: grid;
    gap: 1rem;
    padding-block: 1rem;
}

.estimating-workflow-section-copy[b-9vrnzdclue] {
    display: grid;
    gap: 0.25rem;
    color: var(--text-muted);
}

.estimating-workflow-section-copy strong[b-9vrnzdclue] {
    color: var(--text);
}

.estimating-existing-picker[b-9vrnzdclue] {
    max-width: 44rem;
}

.estimating-workflow-selected-source[b-9vrnzdclue] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.5rem;
    padding: 0.55rem 0.65rem;
    background: var(--surface-hover);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
}

.estimating-provisional-grid[b-9vrnzdclue] {
    display: grid;
    grid-template-columns: minmax(16rem, 1.4fr) minmax(11rem, 0.8fr) minmax(6rem, 0.4fr) minmax(14rem, 1fr);
    gap: 0.65rem;
    align-items: end;
}

.estimating-provisional-grid > *[b-9vrnzdclue] {
    min-width: 0;
}

.estimating-provisional-wide[b-9vrnzdclue] {
    grid-column: span 2;
}

.estimating-workflow-footer[b-9vrnzdclue] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-light);
}

@media (max-width: 900px) {
    .estimating-provisional-grid[b-9vrnzdclue] {
        grid-template-columns: 1fr 1fr;
    }

    .estimating-provisional-wide[b-9vrnzdclue] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .estimating-workflow-header[b-9vrnzdclue],
    .estimating-provisional-grid[b-9vrnzdclue] {
        grid-template-columns: 1fr;
    }

    .estimating-workflow-close-button[b-9vrnzdclue] {
        justify-self: end;
    }
}
/* _content/HMISync.Web/Components/Pages/Login.razor.rz.scp.css */
/* ---- Login Page - HMI Design System ---- */

.login-page[b-1un4cq11um] {
    min-height: 80vh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.login-card[b-1un4cq11um] {
    width: min(100%, 400px);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    padding: 32px 24px;
    box-shadow: var(--card-shadow);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.login-logo[b-1un4cq11um] {
    width: min(100%, 220px);
    height: auto;
    display: block;
}

.login-btn[b-1un4cq11um] {
    min-width: 160px;
    text-align: center;
    justify-content: center;
}

.login-alert[b-1un4cq11um] {
    width: 100%;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.35;
    text-align: left;
}
/* _content/HMISync.Web/Components/Pages/Sales.razor.rz.scp.css */
.sales-quote-toolbar[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: flex-start;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

.sales-quote-toolbar-filters[b-7ivv41ksit] {
    flex: 1 1 52rem;
    min-width: 0;
}

.sales-quote-toolbar-actions[b-7ivv41ksit] {
    flex: 0 0 auto;
    align-self: flex-start;
    justify-self: end;
}

.sales-toolbar-action[b-7ivv41ksit] {
    height: 32px;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    line-height: 1;
    white-space: nowrap;
    border-color: var(--border);
    color: var(--text);
    background: var(--surface);
}

.sales-toolbar-action:hover[b-7ivv41ksit],
.sales-toolbar-action:focus[b-7ivv41ksit] {
    color: var(--text);
    background: var(--surface-hover);
    border-color: var(--steel-400);
}

.sales-toolbar-action.active[b-7ivv41ksit],
.sales-toolbar-action[aria-pressed="true"][b-7ivv41ksit] {
    color: #fff;
    background: var(--steel-700);
    border-color: var(--steel-700);
}

.sales-collateral-panel[b-7ivv41ksit] {
    padding: 0.65rem 0.75rem;
}

.sales-collateral-panel-header[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.sales-collateral-list[b-7ivv41ksit],
.sales-rfi-collateral-options[b-7ivv41ksit] {
    display: grid;
    gap: 0.35rem;
}

.sales-collateral-link[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
    min-height: 2rem;
    padding: 0.35rem 0.45rem;
    border-radius: var(--radius-md);
    color: var(--text);
    text-decoration: none;
}

.sales-collateral-link:hover[b-7ivv41ksit],
.sales-collateral-link:focus[b-7ivv41ksit] {
    background: var(--surface-hover);
    color: var(--text);
}

.sales-collateral-link span[b-7ivv41ksit] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-collateral-link small[b-7ivv41ksit] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.sales-collateral-row[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) max-content 2.25rem 2.25rem;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.25rem;
    padding: 0.35rem 0.45rem;
    color: var(--text);
    border-radius: var(--radius-md);
}

.sales-collateral-row span[b-7ivv41ksit] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-collateral-row small[b-7ivv41ksit] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.sales-attachment-image-dialog[b-7ivv41ksit] {
    width: min(72rem, calc(100vw - 2rem));
}

.sales-attachment-image[b-7ivv41ksit] {
    display: block;
    width: 100%;
    max-height: calc(100vh - 10rem);
    object-fit: contain;
    background: var(--surface-hover);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
}

.sales-rfi-collateral-button[b-7ivv41ksit] {
    gap: 0.25rem;
    min-width: 2.25rem;
    width: auto;
    height: 2.25rem;
    min-height: 2.25rem;
    padding-inline: 0.45rem;
}

.sales-rfi-collateral-count[b-7ivv41ksit] {
    color: currentColor;
    font-family: var(--font-mono);
    font-size: 0.78rem;
    line-height: 1;
}

.card:has(.sales-presets-trigger)[b-7ivv41ksit] {
    overflow: visible;
}

.sales-presets-trigger[b-7ivv41ksit] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    z-index: 1056;
}

.sales-presets-menu[b-7ivv41ksit] {
    padding: 0.35rem;
    border-radius: 0.5rem;
    color: var(--text);
    background: var(--surface);
    border-color: var(--border);
    box-shadow: var(--overlay-shadow);
}

.sales-presets-menu-panel[b-7ivv41ksit] {
    display: block;
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: auto;
    z-index: 1056;
    width: min(22rem, calc(100vw - 2rem));
    min-width: min(15rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
}

.sales-presets-item[b-7ivv41ksit] {
    margin: 0 0 0.15rem;
    padding: 0.55rem 0.65rem;
    border-radius: 0.375rem;
    color: var(--text);
}

.sales-quote-meta-grid[b-7ivv41ksit],
.sales-quote-terms-grid[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.5rem;
}

.sales-quick-quote-wizard[b-7ivv41ksit] {
    width: min(98vw, 128rem);
    max-width: calc(100vw - 1rem);
}

.sales-wizard-overlay[b-7ivv41ksit] {
    position: fixed;
    inset: 0;
    z-index: 1502;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0.5rem;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.42);
}

.sales-wizard-dialog[b-7ivv41ksit] {
    max-height: calc(100vh - 1rem);
    overflow: visible;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--overlay-shadow);
}

.sales-wizard-panel-body[b-7ivv41ksit] {
    max-height: calc(100vh - 1rem);
    overflow: auto;
    padding: 1rem;
}

.sales-wizard-header[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) 2rem;
    align-items: center;
    gap: 0.75rem;
}

.sales-wizard-title[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.sales-wizard-steps[b-7ivv41ksit] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 0.35rem;
}

.sales-wizard-step-badge[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: 0.35rem 0.55rem;
    white-space: nowrap;
}

.sales-wizard-close-button[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    flex: 0 0 auto;
}

.sales-wizard-line-entry-grid[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(24rem, 2fr) minmax(22rem, 1.5fr) minmax(10rem, 0.85fr) minmax(6rem, 0.45fr) minmax(12rem, 0.85fr) 5.5rem;
    gap: 0.5rem;
    align-items: end;
    margin-bottom: 0.5rem;
}

.sales-wizard-line-entry-grid > *[b-7ivv41ksit] {
    min-width: 0;
}

.sales-wizard-finish-field[b-7ivv41ksit] {
    min-width: 0;
}

.sales-wizard-dialog[b-7ivv41ksit]  .hmi-part-search-results-shell.with-preview {
    z-index: calc(var(--hmi-part-search-z, 2100) + 20);
}

.sales-wizard-add-field[b-7ivv41ksit] {
    display: flex;
    align-items: flex-end;
    justify-content: stretch;
}

.sales-wizard-add-button[b-7ivv41ksit],
.sales-wizard-nav-button[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    white-space: nowrap;
}

.sales-wizard-add-button[b-7ivv41ksit] {
    width: 100%;
    min-width: 5.5rem;
}

.sales-wizard-nav-button[b-7ivv41ksit] {
    min-width: 5.25rem;
}

.sales-wizard-footer-actions[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.sales-wizard-footer-actions.is-end[b-7ivv41ksit] {
    justify-content: flex-end;
}

.sales-quote-review-grid[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(54rem, 1fr) minmax(24rem, 32rem);
    gap: 1rem;
    align-items: start;
}

.sales-quote-review-grid > *[b-7ivv41ksit] {
    min-width: 0;
}

@media (max-width: 991.98px) {
    .sales-quote-review-grid[b-7ivv41ksit] {
        grid-template-columns: 1fr;
    }

    .sales-wizard-line-entry-grid[b-7ivv41ksit] {
        grid-template-columns: minmax(16rem, 1fr) minmax(14rem, 1fr) minmax(5rem, 0.4fr);
    }
}

@media (max-width: 767.98px) {
    .sales-wizard-header[b-7ivv41ksit],
    .sales-wizard-header-actions[b-7ivv41ksit],
    .sales-wizard-footer-actions[b-7ivv41ksit] {
        align-items: stretch;
    }

    .sales-wizard-header-actions[b-7ivv41ksit],
    .sales-wizard-steps[b-7ivv41ksit],
    .sales-wizard-line-entry-grid[b-7ivv41ksit] {
        width: 100%;
    }

    .sales-wizard-steps[b-7ivv41ksit] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .sales-wizard-line-entry-grid[b-7ivv41ksit] {
        grid-template-columns: 1fr;
    }

    .sales-wizard-add-field[b-7ivv41ksit] {
        justify-content: flex-start;
    }
}

.sales-day-stepper[b-7ivv41ksit] {
    max-width: 11rem;
}

.sales-week-stepper[b-7ivv41ksit] {
    max-width: 7rem;
}

.sales-day-stepper .btn[b-7ivv41ksit] {
    width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sales-day-stepper .form-control[b-7ivv41ksit] {
    min-width: 4.25rem;
    text-align: center;
}

.sales-quote-compact-number[b-7ivv41ksit] {
    height: 31px;
    min-height: 31px;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.sales-lead-time-range-preview[b-7ivv41ksit] {
    display: block;
    margin: 0 0 0.15rem;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.2;
}

.sales-request-form-grid[b-7ivv41ksit] {
    display: grid;
    grid-template-columns:
        minmax(8rem, 0.75fr)
        minmax(16rem, 1.45fr)
        minmax(13rem, 1.1fr)
        minmax(8rem, 0.65fr)
        minmax(12rem, 0.95fr);
    gap: 0.5rem;
    align-items: start;
}

.sales-request-form-grid--revision[b-7ivv41ksit] {
    grid-template-columns:
        minmax(8rem, 0.75fr)
        minmax(18rem, 1.65fr)
        minmax(14rem, 1.2fr)
        minmax(8rem, 0.7fr);
}

.sales-request-detail-grid[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(14rem, 0.85fr) minmax(24rem, 2.2fr);
    gap: 0.5rem;
    align-items: start;
}

.sales-request-notes-field textarea[b-7ivv41ksit] {
    min-height: 8rem;
}

.sales-request-urgency-field[b-7ivv41ksit] {
    min-width: 8rem;
}

.sales-request-material-field[b-7ivv41ksit] {
    min-width: 12rem;
}

.sales-request-urgency-filter[b-7ivv41ksit] {
    width: 8.5rem;
    min-width: 8.5rem;
}

.sales-request-icon-btn[b-7ivv41ksit] {
    min-width: 2rem;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.25rem 0.45rem;
    line-height: 1;
}

.sales-request-icon-count[b-7ivv41ksit] {
    color: var(--text-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.sales-request-result-cell[b-7ivv41ksit] {
    vertical-align: middle;
}

.sales-request-result-content[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.sales-request-create-quote-col[b-7ivv41ksit],
.sales-request-create-quote-cell[b-7ivv41ksit] {
    width: 2.5rem;
    min-width: 2.5rem;
    text-align: center;
    vertical-align: middle;
}

.sales-request-create-quote-btn[b-7ivv41ksit] {
    min-width: 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.25rem;
}

.sales-request-action-placeholder[b-7ivv41ksit] {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
}

.sales-request-dialog[b-7ivv41ksit] {
    width: min(720px, 100%);
}

.sales-request-dialog-text[b-7ivv41ksit] {
    white-space: pre-wrap;
    color: var(--text);
    line-height: 1.45;
}

.sales-request-dialog-subtitle[b-7ivv41ksit] {
    margin-bottom: 0.35rem;
    color: var(--text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.sales-quote-quick-info[b-7ivv41ksit] {
    margin-bottom: 0.75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
}

.sales-quote-quick-info-counts[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
    font-size: 0.85em;
}

.sales-quote-quick-info-body[b-7ivv41ksit] {
    padding: 0.75rem;
    background: var(--surface-alt);
}

.sales-table-scroll[b-7ivv41ksit] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.sales-table-scroll > .table[b-7ivv41ksit] {
    min-width: 960px;
    margin-bottom: 0;
}

.sales-tool-overlay[b-7ivv41ksit] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1rem, 4vh, 2.5rem) clamp(0.75rem, 3vw, 2rem);
    background: rgba(15, 23, 42, 0.42);
    overflow-y: auto;
}

.sales-tool-dialog[b-7ivv41ksit] {
    width: min(980px, 100%);
    max-height: calc(100vh - 3rem);
    display: flex;
    flex-direction: column;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    box-shadow: var(--overlay-shadow);
}

.sales-tool-dialog-xl[b-7ivv41ksit] {
    width: min(1180px, 100%);
}

.sales-tool-dialog-header[b-7ivv41ksit] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}

.sales-tool-dialog-body[b-7ivv41ksit] {
    overflow: auto;
    padding: 1rem;
}

.sales-followup-calendar[b-7ivv41ksit]{min-width:760px}
.sales-followup-weekdays[b-7ivv41ksit],.sales-followup-calendar-grid[b-7ivv41ksit]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}
.sales-followup-weekdays[b-7ivv41ksit]{margin-bottom:.5rem;color:var(--text-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}
.sales-followup-day[b-7ivv41ksit],.sales-followup-card[b-7ivv41ksit]{color:var(--text);border:1px solid var(--border);border-radius:.375rem}
.sales-followup-day[b-7ivv41ksit]{min-height:8.25rem;padding:.5rem;background:var(--surface-alt)}
.sales-followup-card[b-7ivv41ksit]{margin-top:.45rem;padding:.45rem;cursor:pointer;background:var(--surface)}
.sales-followup-day.is-today[b-7ivv41ksit],.sales-followup-card.is-today[b-7ivv41ksit]{border-color:var(--steel-400)}
.sales-followup-day.is-outside-month[b-7ivv41ksit]{opacity:.62}
.sales-followup-day-header[b-7ivv41ksit],.sales-followup-card-title[b-7ivv41ksit],.sales-followup-actions[b-7ivv41ksit],.sales-followup-inline-edit[b-7ivv41ksit]{display:flex;align-items:center;gap:.35rem}
.sales-followup-day-header[b-7ivv41ksit],.sales-followup-card-title[b-7ivv41ksit]{justify-content:space-between}
.sales-followup-month-hint[b-7ivv41ksit],.sales-followup-card-customer[b-7ivv41ksit],.sales-followup-card-notes[b-7ivv41ksit]{color:var(--text-muted);font-size:.78rem}
.sales-followup-month-hint[b-7ivv41ksit]{margin-right:auto;font-size:.72rem}
.sales-followup-count[b-7ivv41ksit]{min-width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--green);border-radius:999px;font-size:.72rem;font-weight:700}
.sales-followup-count.is-overdue[b-7ivv41ksit]{background:var(--error)}
.sales-followup-count.is-today[b-7ivv41ksit]{background:var(--steel-700)}
.sales-followup-card.is-overdue[b-7ivv41ksit]{border-color:var(--error)}
.sales-followup-card-customer[b-7ivv41ksit],.sales-followup-card-notes[b-7ivv41ksit]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-followup-actions[b-7ivv41ksit]{justify-content:flex-end;margin-top:.45rem}
.sales-followup-actions .btn[b-7ivv41ksit],.sales-followup-inline-edit .btn[b-7ivv41ksit]{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0}
.sales-followup-inline-edit[b-7ivv41ksit]{align-items:stretch;margin-top:.45rem}

.sales-quote-overlay[b-7ivv41ksit] {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15vh clamp(0.75rem, 2vw, 1.5rem) 2vh;
    background: rgba(15, 23, 42, 0.5);
}

.sales-quote-dialog[b-7ivv41ksit] {
    position: relative;
    width: min(98vw, 1800px);
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    box-shadow: var(--overlay-shadow);
}

.sales-quote-dialog-close[b-7ivv41ksit] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--text-muted);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0.375rem;
}

.sales-quote-dialog-close:hover[b-7ivv41ksit],
.sales-quote-dialog-close:focus-visible[b-7ivv41ksit] {
    color: var(--text);
    background: var(--surface-alt);
}

.sales-quote-dialog-body[b-7ivv41ksit] {
    overflow: auto;
    padding: 1rem 3.25rem 1rem 1rem;
}

.sales-secondary-dialog-backdrop[b-7ivv41ksit] {
    position: fixed;
    inset: 0;
    z-index: 1120;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(0.75rem, 3vh, 1.5rem);
    background: rgba(15, 23, 42, 0.5);
}

.sales-secondary-dialog[b-7ivv41ksit] {
    width: min(760px, calc(100vw - 1rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    box-shadow: var(--overlay-shadow);
}

.sales-quote-lines[b-7ivv41ksit] {
    overflow-x: auto;
}

.sales-quote-line-table th[b-7ivv41ksit] {
    overflow: visible;
}

.sales-quote-line-table td[b-7ivv41ksit] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-quote-line-table td.sales-quote-line-actions-cell[b-7ivv41ksit] {
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

.sales-quote-line-actions-cell .btn[b-7ivv41ksit] {
    max-width: none;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.sales-quote-line-actions-cell .btn:hover[b-7ivv41ksit],
.sales-quote-line-actions-cell .btn:focus-visible[b-7ivv41ksit] {
    background: var(--surface-hover);
}

.sales-quote-line-qty-cell[b-7ivv41ksit] {
    width: 3.875rem;
}

.sales-quote-line-qty-input[b-7ivv41ksit] {
    width: 3.5rem;
    min-width: 3.5rem;
    max-width: 3.5rem;
    margin-left: auto;
    padding-inline: 0.25rem;
}

.sales-quote-line-finish-select[b-7ivv41ksit] {
    width: 100%;
    min-width: 0;
}

.sales-wizard-line-qty-input[b-7ivv41ksit] {
    width: 3.5rem;
    min-width: 3.5rem;
    max-width: 3.5rem;
    margin-left: auto;
    padding-inline: 0.25rem;
}

.sales-wizard-line-table-wrap[b-7ivv41ksit] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.sales-wizard-line-table[b-7ivv41ksit] {
    width: 100%;
    min-width: min(100%, 76rem);
    table-layout: fixed;
}

.sales-wizard-review-table[b-7ivv41ksit] {
    min-width: min(100%, 72rem);
}

.sales-wizard-line-table th[b-7ivv41ksit],
.sales-wizard-line-table td[b-7ivv41ksit] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-wizard-line-table td.sales-wizard-line-actions-cell[b-7ivv41ksit] {
    overflow: visible;
    text-overflow: clip;
}

.sales-wizard-line-table .sales-wizard-qty-column[data-hmi-ignore-content-min="true"][b-7ivv41ksit] {
    width: 3.75rem;
}

.sales-wizard-review-line-pricing[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    white-space: nowrap;
}

.sales-wizard-notes-textarea[b-7ivv41ksit] {
    min-height: 9rem;
    resize: vertical;
}

.sales-customer-dialog-host > td[b-7ivv41ksit] {
    padding: 0;
    border: 0;
}

.sales-customer-overlay[b-7ivv41ksit] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 15vh clamp(0.75rem, 2vw, 1.5rem) 2vh;
    background: rgba(15, 23, 42, 0.55);
    overflow-y: auto;
}

.sales-customer-dialog[b-7ivv41ksit] {
    width: min(1180px, calc(100vw - 1rem));
    max-height: 83vh;
    display: flex;
    flex-direction: column;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    box-shadow: var(--overlay-shadow);
}

.sales-customer-dialog-header[b-7ivv41ksit] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}

.sales-customer-dialog-body[b-7ivv41ksit] {
    overflow: auto;
    padding: 1rem;
}

.sales-customer-pane-actions[b-7ivv41ksit],
.sales-customer-pager[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.sales-customer-pane-tabs .hmi-workspace-tab[b-7ivv41ksit] {
    min-height: 30px;
    padding: 0.25rem 0.65rem;
    font-size: 0.875rem;
}

.sales-customer-contact-grid[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr));
    gap: 0.75rem;
}

.sales-contact-edit-backdrop[b-7ivv41ksit] {
    position: fixed;
    inset: 0;
    z-index: 1120;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(1rem, 4vh, 2rem);
    background: rgba(15, 23, 42, 0.42);
    overflow-y: auto;
}

.sales-contact-edit-dialog[b-7ivv41ksit] {
    width: min(620px, calc(100vw - 1rem));
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    box-shadow: var(--overlay-shadow);
}

.sales-contact-edit-header[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border);
}

.sales-contact-edit-body[b-7ivv41ksit] {
    padding: 1rem;
}

.sales-email-dialog-backdrop[b-7ivv41ksit] {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.58);
}

.sales-email-dialog[b-7ivv41ksit] {
    width: min(720px, 100%);
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    box-shadow: var(--overlay-shadow);
}

.sales-email-dialog-header[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border);
}

.sales-email-dialog-body[b-7ivv41ksit] {
    overflow: auto;
    padding: 1rem;
}

.sales-email-body[b-7ivv41ksit] {
    min-height: 14rem;
    resize: vertical;
}

.sales-email-recipient-summary[b-7ivv41ksit],
.sales-quote-recipients[b-7ivv41ksit] {
    color: var(--text);
}

.sales-email-recipient-summary[b-7ivv41ksit] {
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--border);
    border-radius: 0.25rem;
    background: var(--surface-alt);
}

.sales-quote-recipients[b-7ivv41ksit] {
    max-width: min(720px, 100%);
    padding: 0.55rem;
    border: 1px solid var(--border);
    border-radius: 0.375rem;
    background: var(--surface-alt);
}

.sales-quote-recipient-list[b-7ivv41ksit] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.sales-quote-recipient-compact[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: min(40rem, 100%);
    min-width: 0;
    color: var(--text);
}

.sales-quote-recipient-trigger[b-7ivv41ksit] {
    flex: 0 0 auto;
}

.sales-quote-recipient-summary[b-7ivv41ksit] {
    min-width: 0;
    overflow: hidden;
    color: var(--text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-quote-recipient-dialog[b-7ivv41ksit] {
    width: min(540px, calc(100vw - 1rem));
    padding: 1rem;
}

.sales-quote-recipient-scroll[b-7ivv41ksit] {
    max-height: min(46vh, 24rem);
    overflow-y: auto;
}

.sales-quote-recipient-scroll .sales-quote-recipient-list[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.4rem;
}

.sales-quote-recipient-scroll .sales-quote-recipient-option[b-7ivv41ksit] {
    width: 100%;
    justify-content: flex-start;
}

.sales-quote-actions[b-7ivv41ksit] {
    align-self: flex-start;
}

.sales-quote-action-stack[b-7ivv41ksit] {
    padding-right: 2.5rem;
}

.sales-quote-secondary-actions[b-7ivv41ksit] {
    justify-content: flex-end;
}

.sales-quote-recipient-option[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--border);
    border-radius: 0.25rem;
    background: var(--surface);
}

.sales-email-contact-add[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) minmax(11rem, 1fr) minmax(9rem, 0.8fr) auto auto;
    gap: 0.5rem;
    align-items: center;
}

.sales-line-edit-row td[b-7ivv41ksit],
.sales-line-edit-details td[b-7ivv41ksit] {
    background: var(--surface-alt);
}

.sales-line-edit-panel[b-7ivv41ksit] {
    padding: 0.65rem;
    border: 1px solid var(--border);
    border-radius: 0.375rem;
    background: var(--surface);
}

.sales-readonly-field[b-7ivv41ksit] {
    min-height: 31px;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--border);
    border-radius: 0.25rem;
    color: var(--text);
    background: var(--surface-alt);
}

.sales-line-actions[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.2rem;
    width: max-content;
    min-width: 0;
    margin-left: auto;
}

.sales-line-action-button[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.sales-follow-up-form[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(11rem, 12rem) minmax(18rem, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
}

.sales-follow-up-date-input[b-7ivv41ksit] {
    width: 100%;
    min-width: 11rem;
}

.sales-follow-up-actions-field[b-7ivv41ksit] {
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
    white-space: nowrap;
}

.sales-followup-inline-edit input[type="date"][b-7ivv41ksit] {
    min-width: 9.5rem;
}

@media (max-width: 767.98px) {
    .sales-follow-up-form[b-7ivv41ksit] {
        grid-template-columns: 1fr;
    }

    .sales-follow-up-actions-field[b-7ivv41ksit] {
        justify-content: flex-start;
    }
}

.sales-line-delete-confirm[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.sales-line-confirm-button[b-7ivv41ksit] {
    min-height: 2rem;
    padding-inline: 0.55rem;
}

.sales-line-pricing-review-row td[b-7ivv41ksit] {
    background: var(--surface-alt);
}

.sales-pricing-review-panel[b-7ivv41ksit] {
    padding: 0.75rem;
    border: 1px solid var(--warning, #ffc107);
    border-radius: 0.375rem;
    color: var(--text);
    background: color-mix(in srgb, var(--warning, #ffc107) 12%, var(--surface));
}

.sales-status-text[b-7ivv41ksit] {
    color: var(--text);
    font-weight: 600;
    white-space: nowrap;
}

.sales-table-link[b-7ivv41ksit] {
    display: inline;
    padding: 0;
    color: var(--clickable-action-text);
    font: inherit;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    background: transparent;
    border: 0;
}

.sales-table-link:hover[b-7ivv41ksit],
.sales-table-link:focus-visible[b-7ivv41ksit] {
    color: var(--clickable-action-hover);
    text-decoration: underline;
}

.sales-table-code-link[b-7ivv41ksit] {
    font-family: var(--bs-font-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
}

.sales-money[b-7ivv41ksit] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.sales-order-cell-value[b-7ivv41ksit] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    white-space: nowrap;
}

.sales-order-cell-text[b-7ivv41ksit] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sales-order-po-cell[b-7ivv41ksit],
.sales-order-due-cell[b-7ivv41ksit] {
    position: relative;
}

.sales-order-due-cell[b-7ivv41ksit] {
    overflow: visible !important;
}

.sales-order-borderless-action[b-7ivv41ksit] {
    min-width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0;
    border: 0;
    color: var(--text-muted);
    background: transparent;
    line-height: 1;
}

.sales-order-borderless-action.is-text[b-7ivv41ksit] {
    width: auto;
    padding-inline: 0.15rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.sales-order-borderless-action.is-add[b-7ivv41ksit],
.sales-order-borderless-action.is-edit[b-7ivv41ksit] {
    color: var(--clickable-action-text);
}

.sales-order-borderless-action.is-save[b-7ivv41ksit] {
    color: var(--clickable-success-text);
}

.sales-order-borderless-action.is-cancel[b-7ivv41ksit] {
    color: var(--clickable-danger-text);
}

.sales-order-borderless-action:hover[b-7ivv41ksit],
.sales-order-borderless-action:focus-visible[b-7ivv41ksit] {
    color: var(--clickable-action-hover);
    background: transparent;
}

.sales-order-po-edit[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
}

.sales-order-date-popover[b-7ivv41ksit] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: max-content;
    min-width: 12.75rem;
    padding: 0.45rem 0.55rem;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0.375rem;
    box-shadow: var(--overlay-shadow);
    white-space: nowrap;
}

.sales-order-date-input[b-7ivv41ksit] {
    width: 10rem;
}

.sales-order-po-input[b-7ivv41ksit] {
    min-width: 0;
    width: 100%;
}

.sales-order-details-action[b-7ivv41ksit] {
    white-space: nowrap;
}

.sales-quote-total-cell[b-7ivv41ksit] {
    text-align: right;
}

.sales-quote-total-group[b-7ivv41ksit] {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 0.75rem;
    white-space: nowrap;
}

.sales-quote-total-label[b-7ivv41ksit] {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.78rem;
}

.sales-quote-total-value[b-7ivv41ksit] {
    min-width: max-content;
}

.sales-table-icon-action[b-7ivv41ksit] {
    min-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--clickable-action-text);
    background: transparent;
    border: 0;
    font-size: 1.05rem;
    line-height: 1;
}

.sales-table-icon-action.is-success[b-7ivv41ksit] {
    color: var(--clickable-success-text);
}

.sales-table-icon-action.is-danger[b-7ivv41ksit] {
    color: var(--clickable-danger-text);
}

.sales-table-icon-action.is-warning[b-7ivv41ksit] {
    color: var(--clickable-warning-text);
}

.sales-table-icon-action:hover[b-7ivv41ksit],
.sales-table-icon-action:focus-visible[b-7ivv41ksit] {
    color: var(--clickable-action-hover);
    background: transparent;
}

.sales-table-icon-action:disabled[b-7ivv41ksit],
.sales-table-icon-action[disabled][b-7ivv41ksit] {
    color: var(--text-dim);
    cursor: not-allowed;
    opacity: 0.55;
}

.sales-line-edit-details-button[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 2rem;
    padding: 0.25rem 0.55rem;
    border: 0;
    border-radius: 0.25rem;
    color: var(--clickable-action-text);
    background: transparent;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.sales-line-edit-details-button:hover[b-7ivv41ksit],
.sales-line-edit-details-button:focus-visible[b-7ivv41ksit] {
    color: var(--clickable-action-hover);
    background: transparent;
}

.sales-quote-row-actions[b-7ivv41ksit] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.sales-order-detail-dialog[b-7ivv41ksit] {
    width: min(1100px, 100%);
}

html.hm-font-large .sales-toolbar-action[b-7ivv41ksit] {
    min-height: 36px;
    padding-inline: 0.75rem;
}

html.hm-font-large .sales-table-scroll > .table[b-7ivv41ksit] {
    min-width: 1120px;
}

@media (max-width: 991.98px) {
    .sales-quote-toolbar[b-7ivv41ksit] {
        grid-template-columns: 1fr;
    }

    .sales-quote-toolbar-actions[b-7ivv41ksit] {
        justify-self: start;
    }
}

html.hm-font-large .sales-quote-dialog[b-7ivv41ksit] {
    width: min(98vw, 1800px);
    max-height: calc(100vh - 1rem);
}

html.hm-font-large .sales-quote-dialog-body[b-7ivv41ksit] {
    padding: 1.25rem 3.75rem 1.25rem 1.25rem;
}

html.hm-font-large .sales-tool-dialog[b-7ivv41ksit] {
    width: min(1100px, calc(100vw - 1rem));
}

html.hm-font-large .sales-tool-dialog-xl[b-7ivv41ksit] {
    width: min(1320px, calc(100vw - 1rem));
}

html.hm-font-large .sales-email-dialog[b-7ivv41ksit] {
    width: min(820px, calc(100vw - 1rem));
}

html.hm-font-large .sales-presets-menu-panel[b-7ivv41ksit] {
    width: min(24rem, calc(100vw - 2rem));
}

html.hm-font-large .sales-request-urgency-field[b-7ivv41ksit] {
    min-width: 9.5rem;
}

html.hm-font-large .sales-request-form-grid[b-7ivv41ksit] {
    grid-template-columns:
        minmax(9.5rem, 0.8fr)
        minmax(18rem, 1.45fr)
        minmax(15rem, 1.1fr)
        minmax(9.5rem, 0.7fr)
        minmax(14rem, 1fr);
}

html.hm-font-large .sales-request-form-grid--revision[b-7ivv41ksit] {
    grid-template-columns:
        minmax(9.5rem, 0.8fr)
        minmax(20rem, 1.65fr)
        minmax(16rem, 1.2fr)
        minmax(9.5rem, 0.7fr);
}

html.hm-font-large .sales-request-detail-grid[b-7ivv41ksit] {
    grid-template-columns: minmax(16rem, 0.85fr) minmax(28rem, 2.2fr);
}

html.hm-font-large .sales-request-urgency-filter[b-7ivv41ksit] {
    width: 10rem;
    min-width: 10rem;
}

@media (max-width: 991.98px) {
    .sales-request-form-grid[b-7ivv41ksit],
    .sales-request-form-grid--revision[b-7ivv41ksit],
    html.hm-font-large .sales-request-form-grid[b-7ivv41ksit],
    html.hm-font-large .sales-request-form-grid--revision[b-7ivv41ksit],
    .sales-request-detail-grid[b-7ivv41ksit],
    html.hm-font-large .sales-request-detail-grid[b-7ivv41ksit] {
        grid-template-columns: 1fr;
    }
}

.sales-sort-button[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.sales-sort-button:hover[b-7ivv41ksit],
.sales-sort-button:focus-visible[b-7ivv41ksit] {
    color: var(--hmi-red);
}

.sales-sort-icon[b-7ivv41ksit] {
    font-size: 0.95rem;
    line-height: 1;
}

.sales-sort-icon-muted[b-7ivv41ksit] {
    opacity: 0.35;
}

.sales-part-lookup-results[b-7ivv41ksit] {
    max-height: 60vh;
    overflow: auto;
}

.sales-part-lookup-card[b-7ivv41ksit],
.sales-part-lookup-card .card-body[b-7ivv41ksit] {
    overflow: visible;
}

.sales-part-lookup-heading[b-7ivv41ksit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.sales-part-lookup-actions[b-7ivv41ksit] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.sales-rfi-card[b-7ivv41ksit],
.sales-rfi-card .card-body[b-7ivv41ksit] {
    overflow: visible;
}

.sales-rfi-grid[b-7ivv41ksit] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.sales-rfi-compose-panel[b-7ivv41ksit] {
    min-width: 0;
    padding: 0.85rem;
}

.sales-rfi-contact-list[b-7ivv41ksit] {
    display: grid;
    gap: 0.4rem;
}

.sales-dwg-include-option[b-7ivv41ksit] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-alt);
}

.sales-dwg-include-option .form-check-input[b-7ivv41ksit] {
    flex: 0 0 auto;
    margin-top: 0.15rem;
}

.sales-rfi-part-table[b-7ivv41ksit] {
    max-height: 55vh;
    overflow: auto;
}

.sales-package-cell[b-7ivv41ksit] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.sales-package-cell .form-select[b-7ivv41ksit] {
    min-width: 10rem;
}

@media (max-width: 767.98px) {
    .sales-tool-overlay[b-7ivv41ksit] {
        padding: 0.5rem;
    }

    .sales-tool-dialog[b-7ivv41ksit] {
        max-height: calc(100vh - 1rem);
    }

    .sales-quote-dialog[b-7ivv41ksit] {
        max-height: calc(100vh - 1rem);
    }

    .sales-email-contact-add[b-7ivv41ksit] {
        grid-template-columns: 1fr;
    }

    .sales-tool-dialog-header[b-7ivv41ksit] {
        align-items: center;
    }

    .sales-rfi-grid[b-7ivv41ksit] {
        grid-template-columns: 1fr;
    }
}
/* _content/HMISync.Web/Components/Pages/Settings.razor.rz.scp.css */
/* ---- Settings Page - HMI Design System ---- */

.settings-card[b-kq667po9fa] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    box-shadow: var(--card-shadow);
    padding: 16px;
}

.settings-launch-grid[b-kq667po9fa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
    gap: 12px;
    align-items: stretch;
}

.settings-launch-card[b-kq667po9fa] {
    appearance: none;
    width: 100%;
    min-height: 6.25rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    padding: 14px;
    color: var(--text);
    text-align: left;
    cursor: pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);
}

.settings-launch-card:hover[b-kq667po9fa],
.settings-launch-card:focus-visible[b-kq667po9fa] {
    border-color: var(--hmi-red);
    background: var(--surface-hover);
    box-shadow: var(--btn-shadow);
    transform: translateY(-1px);
}

.settings-launch-card:focus-visible[b-kq667po9fa] {
    outline: 2px solid var(--hmi-red);
    outline-offset: 2px;
}

.settings-launch-icon[b-kq667po9fa] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--hmi-red);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-hover);
}

.settings-launch-main[b-kq667po9fa] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.settings-launch-title[b-kq667po9fa] {
    font-weight: 700;
    line-height: 1.2;
}

.settings-launch-desc[b-kq667po9fa] {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.35;
}

.settings-launch-meta[b-kq667po9fa] {
    align-self: start;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 11px;
    text-transform: uppercase;
}

.settings-panel-backdrop[b-kq667po9fa] {
    z-index: 9500;
}

.settings-panel-modal[b-kq667po9fa] {
    position: fixed;
    z-index: 9501;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(1040px, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    display: none;
    flex-direction: column;
    overflow: auto;
    color: var(--text);
    background: var(--overlay-bg);
}

.settings-panel-modal.is-open[b-kq667po9fa] {
    display: flex;
}

.settings-panel-modal-body[b-kq667po9fa] {
    overflow: auto;
}

.settings-panel-modal .settings-card-header[b-kq667po9fa],
.settings-modal-header[b-kq667po9fa] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-light);
    background: var(--overlay-bg);
}

.settings-card-header[b-kq667po9fa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.settings-card-header h2[b-kq667po9fa] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

.settings-note[b-kq667po9fa] {
    color: var(--text-muted);
    font-size: 12px;
}

.settings-create-user[b-kq667po9fa] {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--steel-50);
    padding: 12px;
}

.settings-create-user h3[b-kq667po9fa] {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
}

.settings-form-grid[b-kq667po9fa] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 8px;
}

.settings-toggle-grid[b-kq667po9fa] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    align-content: center;
}

.settings-form-grid label[b-kq667po9fa] {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.settings-modal[b-kq667po9fa] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(720px, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    z-index: 9501;
    background: var(--overlay-bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    padding: 16px;
    box-shadow: var(--overlay-shadow);
}

.settings-modal-header[b-kq667po9fa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.settings-modal-header h3[b-kq667po9fa] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

.settings-modal-actions[b-kq667po9fa] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.settings-role-grid[b-kq667po9fa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 4px 14px;
}

html.hm-font-large .settings-panel-modal[b-kq667po9fa],
html.hm-font-large .settings-modal[b-kq667po9fa] {
    width: min(1120px, calc(100vw - 1rem));
}

@media (min-width: 768px) {
    .settings-form-grid[b-kq667po9fa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .settings-toggle-grid[b-kq667po9fa] {
        padding-top: 16px;
    }
}

@media (max-width: 767px) {
    .settings-launch-card[b-kq667po9fa] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .settings-launch-meta[b-kq667po9fa] {
        grid-column: 2;
    }

    .settings-panel-modal[b-kq667po9fa],
    .settings-modal[b-kq667po9fa] {
        width: calc(100vw - 1rem);
        max-height: calc(100dvh - 1rem);
        padding: 12px;
    }
}
/* _content/HMISync.Web/Components/PageSections/EngineeringSourceBomCsvPanel.razor.rz.scp.css */
.engineering-source-bom-panel[b-2q75kp02mx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.6rem;
    width: 100%;
    min-width: 0;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.engineering-source-bom-panel.is-compact[b-2q75kp02mx] {
    flex: 1 1 22rem;
    width: auto;
    margin-bottom: 0;
    padding: 0.375rem 0.5rem;
}

.engineering-source-bom-panel.is-button-only[b-2q75kp02mx] {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.engineering-source-bom-panel.is-compact .engineering-source-bom-file[b-2q75kp02mx] {
    flex-basis: 7rem;
}

.engineering-source-bom-panel.is-button-only .engineering-source-bom-label[b-2q75kp02mx],
.engineering-source-bom-panel.is-button-only .engineering-source-bom-file[b-2q75kp02mx] {
    display: none;
}

.engineering-source-bom-label[b-2q75kp02mx] {
    flex: 0 0 auto;
    color: var(--text-muted);
    font-weight: 700;
}

.engineering-source-bom-file[b-2q75kp02mx] {
    flex: 1 1 8rem;
    min-width: 0;
    overflow: hidden;
    color: var(--text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.engineering-source-bom-file.is-missing[b-2q75kp02mx] {
    color: var(--amber);
}

.engineering-source-bom-action[b-2q75kp02mx] {
    flex: 0 0 auto;
    margin-left: auto;
    cursor: pointer;
}

.engineering-source-bom-panel.is-button-only .engineering-source-bom-action[b-2q75kp02mx] {
    margin-left: 0;
}

@media (max-width: 520px) {
    .engineering-source-bom-action[b-2q75kp02mx] {
        margin-left: 0;
    }
}
/* _content/HMISync.Web/Components/PageSections/SalesTabBar.razor.rz.scp.css */
.sales-primary-tab-button[b-sdfunpye19] {
    min-height: 32px;
}

.sales-primary-tab-button .badge[b-sdfunpye19] {
    margin-left: 0.15rem;
}

.sales-tools-menu[b-sdfunpye19] {
    padding: 0.35rem;
    min-width: 240px;
    border-radius: 0.5rem;
    box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.18);
}

.sales-tools-item[b-sdfunpye19] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 0.15rem;
    padding: 0.55rem 0.65rem;
    border-radius: 0.375rem;
    white-space: nowrap;
}

.sales-tools-item:last-child[b-sdfunpye19] {
    margin-bottom: 0;
}
/* _content/HMISync.Web/Components/Shared/AuditDiffView.razor.rz.scp.css */
/* Colorized field-by-field audit diff. Colors follow the
   project's existing diff convention (yellow=modified,
   green=added, red=removed, muted=unchanged). */

.hmi-audit-diff[b-j4wpwj9dyl] {
    font-size: .85rem;
}

.hmi-audit-diff-table code[b-j4wpwj9dyl] {
    font-size: .82rem;
    color: #495057;
    background: transparent;
    padding: 0;
}

.hmi-audit-diff-table td[b-j4wpwj9dyl] {
    padding: 4px 8px;
    word-break: break-word;
}

.hmi-audit-diff-value[b-j4wpwj9dyl] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .82rem;
    color: #212529;
}

/* Modified: amber background + darker left border */
.hmi-audit-diff-modified[b-j4wpwj9dyl] {
    background-color: #fff8e1;
    border-left: 3px solid #ffc107;
}

/* Added: light green */
.hmi-audit-diff-added[b-j4wpwj9dyl] {
    background-color: #e6f4ea;
    border-left: 3px solid #28a745;
}
.hmi-audit-diff-added .hmi-audit-diff-value[b-j4wpwj9dyl] {
    color: #155724;
    font-weight: 500;
}

/* Removed: light red with strike-through */
.hmi-audit-diff-removed[b-j4wpwj9dyl] {
    background-color: #fce9e9;
    border-left: 3px solid #dc3545;
}
.hmi-audit-diff-removed .hmi-audit-diff-value[b-j4wpwj9dyl] {
    color: #721c24;
    text-decoration: line-through;
}

/* Unchanged: muted */
.hmi-audit-diff-unchanged[b-j4wpwj9dyl] {
    color: #6c757d;
}
/* _content/HMISync.Web/Components/Shared/HmiCustomerSearch.razor.rz.scp.css */
.hmi-customer-search-control[b-wgsd19otj2] {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}

.hmi-customer-search-prefix[b-wgsd19otj2] {
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    color: var(--text-muted);
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-right: 0;
    border-radius: var(--radius-md) 0 0 var(--radius-md);
}

.hmi-customer-search-input[b-wgsd19otj2] {
    flex: 1 1 auto;
    min-width: 0;
    width: 1%;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.hmi-customer-search-control.has-clear .hmi-customer-search-input[b-wgsd19otj2] {
    border-radius: 0;
}

.hmi-customer-search-clear[b-wgsd19otj2] {
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.hmi-customer-search-item[b-wgsd19otj2] {
    display: flex;
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 8px 10px;
    text-align: left;
    font-size: .9em;
}

.hmi-customer-search-item:hover[b-wgsd19otj2],
.hmi-customer-search-item.active[b-wgsd19otj2] {
    background: var(--surface-hover, rgba(13, 110, 253, .08));
}

@media (max-width: 767px) {
    .hmi-customer-search-dropdown[b-wgsd19otj2] {
        max-height: 45vh !important;
    }
}
/* _content/HMISync.Web/Components/Shared/HmiLoadingSpinner.razor.rz.scp.css */
/* HMI Sync loading spinner — shared across every page's initial
   render path. Three sizes; see HmiLoadingSpinner.razor for the
   usage contract. */

.hmi-loading[b-oghgiq9s0l] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #6c757d;
    font-size: .9rem;
    user-select: none;
}

.hmi-loading-spinner i[b-oghgiq9s0l] {
    color: #dc3545;
    font-size: 1.2em;
}

/* ── Inline: small spinner beside an existing text flow ───────── */
.hmi-loading-inline[b-oghgiq9s0l] {
    padding: 6px 0;
}

/* ── Full: centred card filling the main content area ─────────── */
.hmi-loading-full[b-oghgiq9s0l] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 240px;
    text-align: center;
    padding: 32px 16px;
}
.hmi-loading-full .hmi-loading-spinner i[b-oghgiq9s0l] {
    font-size: 2.25em;
    margin-bottom: 12px;
}
.hmi-loading-full .hmi-loading-label[b-oghgiq9s0l] {
    font-size: 1rem;
    color: #495057;
}

/* ── Card: spinner sized for a panel body ─────────────────────── */
.hmi-loading-card[b-oghgiq9s0l] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 120px;
    padding: 16px;
}
.hmi-loading-card .hmi-loading-spinner i[b-oghgiq9s0l] {
    font-size: 1.5em;
    margin-bottom: 8px;
}

/* ── Skeleton placeholder bars ────────────────────────────────── */
.hmi-loading-skeleton[b-oghgiq9s0l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    width: 100%;
    max-width: 360px;
}
.hmi-loading-skel-bar[b-oghgiq9s0l] {
    height: 10px;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.06) 0%,
        rgba(0, 0, 0, 0.14) 50%,
        rgba(0, 0, 0, 0.06) 100%
    );
    background-size: 200% 100%;
    border-radius: 4px;
    animation: hmi-skeleton-shimmer-b-oghgiq9s0l 1.4s ease-in-out infinite;
}
.hmi-loading-skel-bar-50[b-oghgiq9s0l] { width: 50%; }
.hmi-loading-skel-bar-60[b-oghgiq9s0l] { width: 60%; }
.hmi-loading-skel-bar-80[b-oghgiq9s0l] { width: 80%; }
.hmi-loading-skel-bar-90[b-oghgiq9s0l] { width: 90%; }

@keyframes hmi-skeleton-shimmer-b-oghgiq9s0l {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Respect prefers-reduced-motion: kill the shimmer + spin for
   users who asked the browser not to animate. The reduced-motion
   style is an opacity pulse instead so the signal survives. */
@media (prefers-reduced-motion: reduce) {
    .hmi-loading-spinner i[b-oghgiq9s0l] {
        animation: none !important;
    }
    .hmi-loading-skel-bar[b-oghgiq9s0l] {
        animation: hmi-skeleton-pulse-b-oghgiq9s0l 2s ease-in-out infinite;
    }
    @keyframes hmi-skeleton-pulse-b-oghgiq9s0l {
        0%, 100% { opacity: .5; }
        50%      { opacity: 1; }
    }
}
/* _content/HMISync.Web/Components/Shared/HmiPartKeywordManager.razor.rz.scp.css */
/* ---- HMI Part Keyword Manager - HMI Design System ---- */

.hmi-keyword-card[b-7ehf6ibf94] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    box-shadow: var(--card-shadow);
    padding: 16px;
}

.hmi-keyword-header[b-7ehf6ibf94] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.hmi-keyword-header h3[b-7ehf6ibf94] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.hmi-keyword-note[b-7ehf6ibf94] {
    color: var(--text-muted);
    font-size: 12px;
    margin-bottom: 8px;
}

.hmi-keyword-grid[b-7ehf6ibf94] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.hmi-keyword-grid label[b-7ehf6ibf94] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.hmi-keyword-chip[b-7ehf6ibf94] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    padding: 3px 10px;
    background: var(--steel-50);
    color: var(--text);
    font-weight: 500;
    font-size: 11px;
    font-family: var(--font-mono);
}

.hmi-keyword-remove[b-7ehf6ibf94] {
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    transition: color var(--transition-fast);
}

.hmi-keyword-remove:hover[b-7ehf6ibf94] {
    color: var(--hmi-red);
}

@media (min-width: 960px) {
    .hmi-keyword-grid[b-7ehf6ibf94] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/HMISync.Web/Components/Shared/HmiPartSearch.razor.rz.scp.css */
/* HmiPartSearch shared component styles */
.hmi-part-search-item[b-mgey7z86p9] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 6px 10px;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font-size: .85em;
    gap: 2px;
    overflow: hidden;
    transition: background var(--transition-fast, 0.1s ease);
}

.hmi-part-search-item:hover[b-mgey7z86p9],
.hmi-part-search-item.active[b-mgey7z86p9] {
    background: var(--surface-hover, #f0f0f0);
}

.hmi-part-search-item code[b-mgey7z86p9] {
    font-family: var(--font-mono, monospace);
    font-weight: 600;
    min-width: 0;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hmi-part-search-item .text-muted[b-mgey7z86p9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hmi-part-search-item .badge[b-mgey7z86p9] {
    flex: 0 0 auto;
}

.hmi-part-search-dropdown[b-mgey7z86p9] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: min(28rem, 60vh);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    background: var(--surface, #fff);
    border: 1px solid var(--border, #ddd);
    border-radius: 0 0 var(--radius-md, .25rem) var(--radius-md, .25rem);
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    scrollbar-width: thin;
    scrollbar-color: var(--hmi-red, #CC2229) transparent;
    z-index: var(--hmi-part-search-z, 2100);
}

.hmi-part-search-dropdown[b-mgey7z86p9]::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

.hmi-part-search-dropdown[b-mgey7z86p9]::-webkit-scrollbar-track {
    background: transparent;
}

.hmi-part-search-dropdown[b-mgey7z86p9]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--hmi-red, #CC2229) 70%, var(--surface, #fff));
    border: 2px solid var(--surface, #fff);
    border-radius: var(--radius-pill, 20px);
}

.hmi-part-search-dropdown[b-mgey7z86p9]::-webkit-scrollbar-thumb:hover {
    background: var(--hmi-red, #CC2229);
}

.hmi-part-search-dismiss-layer[b-mgey7z86p9] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--hmi-part-search-z, 2100) - 1);
    background: transparent;
}

/* Dark mode */
[b-mgey7z86p9] .dark .hmi-part-search-dropdown {
    background: var(--steel-800, #24272f);
    border-color: var(--steel-700, #353945);
}

[b-mgey7z86p9] .dark .hmi-part-search-dropdown::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--hmi-red, #CC2229) 65%, var(--steel-700, #353945));
    border-color: var(--steel-800, #24272f);
}

[b-mgey7z86p9] .dark .hmi-part-search-item:hover,
[b-mgey7z86p9] .dark .hmi-part-search-item.active {
    background: var(--steel-700, #353945);
}

@media print {
    .hmi-part-search-dropdown[b-mgey7z86p9] {
        display: none;
    }
}