.page-title-xl {
    font-size: 28px;
    letter-spacing: -0.5px;
}

.ls-wide {
    letter-spacing: 0.8px;
}

.text-green {
    color: #15803D !important;
}

.text-amber {
    color: #B45309 !important;
}

.text-poor {
    color: #DC2626 !important;
}

.fs-11 {
    font-size: 11px;
}

.th-checkbox {
    width: 36px;
    padding-left: 16px;
    font-size: 16px;
}

.td-checkbox {
    padding-left: 16px;
}

.drawer-overlay-custom {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: rgba(36, 36, 36, 0.35);
}

.drawer-panel-custom {
    position: absolute;
    top: 0;
    right: 0;
    width: min(960px, 88vw);
    background: var(--bs-body-bg);
    box-shadow: -12px 0 40px rgba(0, 0, 0, 0.14);
}

.btn-success {
    background-color: #DCFCE7 !important;
    border: 1px solid #15803D !important;
    color: #15803D !important;
    font-weight: 600 !important;
}

.btn-danger {
    background-color: #FEE2E2 !important;
    border: 1px solid #DC2626 !important;
    color: #DC2626 !important;
    font-weight: 600 !important;
}

.btn-warning {
    background-color: #FEF3C7 !important;
    border: 1px solid #B45309 !important;
    color: #B45309 !important;
    font-weight: 600 !important;
}

/* Anchor the absolutely-positioned toast to the wrapper (below the navbar),
   matching SKU's #miss-sku-page-wrapper { position: relative }. */
#part-ingestion-page-wrapper {
    position: relative;
}

/* Resolve / reject toast — fades in from the top-right only when .show is set */
#part-ingestion-page-wrapper .process-completed-msg {
    position: absolute;
    width: 425px;
    max-width: calc(100% - 20px);
    top: 10px;
    right: 10px;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 8px 14px 30px -10px #00000033;
    background-color: var(--app-color-white);
    z-index: 1090;
    transition: opacity 0.5s linear;
}

#part-ingestion-page-wrapper .process-completed-msg:not(.show) {
    opacity: 0;
    pointer-events: none;
}

#part-ingestion-page-wrapper .process-completed-msg.show {
    opacity: 1;
    pointer-events: auto;
}

#part-ingestion-page-wrapper .process-completed-msg p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--app-color-gray);
}

[data-bs-theme="dark"] #part-ingestion-page-wrapper .process-completed-msg {
    background-color: #1A1A1A;
}

[data-bs-theme="dark"] #part-ingestion-page-wrapper .process-completed-msg p {
    color: #E5E5E5;
}