/* STAR INDO shared select: canonical dropdown used by Stok Opname and Pembelian. */
.app-select__native{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    min-height:0 !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.app-select{position:relative;width:100%;min-width:0;box-sizing:border-box}
.app-select__trigger{
    width:100%;height:42px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:0 13px;border:1px solid #dbe1ea;border-radius:10px;background:#fff;color:#0f172a;
    font:600 13px/1.2 inherit;text-align:left;cursor:pointer;outline:0;box-sizing:border-box;
    box-shadow:0 1px 0 rgba(15,23,42,.02);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.app-select__trigger:hover{border-color:#c4b5fd;background:#fdfcff}
.app-select__trigger:focus,.app-select.is-open .app-select__trigger{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.app-select.is-disabled .app-select__trigger,.app-select__trigger:disabled{cursor:not-allowed;background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;box-shadow:none}
.app-select.is-error .app-select__trigger{border-color:#ef8b8b;box-shadow:0 0 0 3px rgba(239,68,68,.10)}
.app-select__value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-weight:600}
.app-select__value.is-placeholder{color:#64748b;font-weight:600}
.app-select__arrow{width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:#6b7280;opacity:.78;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease,opacity .18s ease}
.app-select.is-open .app-select__arrow{opacity:1;transform:rotate(225deg) translate(-1px,-1px);color:#6d28d9}
.app-select__error{display:block;margin:5px 2px 0;color:#b91c1c;font-size:11px;font-weight:700;line-height:1.3}.app-select__error[hidden]{display:none}

.app-select__menu{position:fixed;z-index:6000;min-width:150px;max-height:280px;padding:6px;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd6fe;border-radius:10px;background:#fff;box-sizing:border-box;box-shadow:0 16px 34px rgba(15,23,42,.14);overscroll-behavior:contain}
.app-select__menu[hidden]{display:none!important}.app-select__menu::-webkit-scrollbar{width:5px}.app-select__menu::-webkit-scrollbar-track{background:transparent}.app-select__menu::-webkit-scrollbar-thumb{background:rgba(124,58,237,.24);border-radius:999px}.app-select__menu:hover::-webkit-scrollbar-thumb{background:rgba(124,58,237,.42)}
.app-select__search-wrap{position:sticky;top:-6px;z-index:2;padding:6px 2px 7px;background:#fff}.app-select__search-wrap i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:12px;pointer-events:none}
.app-select__search{width:100%;height:38px;padding:0 10px 0 30px;border:1px solid #dbe1ea;border-radius:8px;background:#fff;color:#0f172a;font:600 13px/1.2 inherit;outline:0;box-sizing:border-box}.app-select__search:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.10)}
.app-select__options{display:flex;flex-direction:column;gap:2px}.app-select__option,.app-select__empty{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;background:transparent;color:#0f172a;padding:9px 10px;font:600 13px/1.2 inherit;text-align:left;box-sizing:border-box}.app-select__option{cursor:pointer}.app-select__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select__option:hover,.app-select__option.is-active{background:#f5f3ff;color:#4c1d95}.app-select__option.is-selected{background:#ede9fe;color:#5b21e8;font-weight:700}.app-select__check{width:8px;height:13px;flex:0 0 8px;border-right:2px solid #6d28d9;border-bottom:2px solid #6d28d9;transform:rotate(45deg);margin-right:3px}.app-select__option.is-disabled{cursor:not-allowed;opacity:.5}.app-select__empty{justify-content:center;color:#64748b;cursor:default}

.erp-unified-header:has(.app-select.is-open){z-index:1400}.erp-unified-header-filter .app-select{flex:0 0 178px;width:178px;min-width:158px}.erp-unified-header-filter .app-select__trigger{height:42px;min-height:42px;border-radius:11px}.erp-unified-header-filter .app-select__menu{max-height:240px}.pembelian-bulk-mode-wrap .app-select{width:100%;min-width:0}.pembelian-bulk-mode-wrap .app-select__trigger{height:42px;min-height:42px;border-left:0;border-radius:0 10px 10px 0}.pembelian-drawer .app-select__menu{z-index:6100}

@media(max-width:1500px) and (min-width:1181px){.pembelian-page .erp-unified-header-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.pembelian-page .erp-header-search{grid-column:span 2;min-width:0}.pembelian-page .app-select,.pembelian-page .erp-header-select,.pembelian-page .sk-datepicker,.pembelian-page .erp-header-btn{width:100%;min-width:0;flex:initial}.pembelian-page .app-select{flex-basis:auto}}

@media(max-width:1180px){.erp-unified-header-filter .app-select{flex:1 1 158px;width:auto;min-width:145px}}
@media(max-width:720px){.erp-unified-header-filter .app-select,.pembelian-bulk-mode-wrap .app-select{width:100%;min-width:0;flex:1 1 100%}.app-select__menu{max-width:calc(100vw - 16px)}}

/* Stok Opname compatibility aliases: legacy hooks retain their behavior while using the shared visual system. */
.sk-custom-select{position:relative;width:100%;min-width:0;box-sizing:border-box}.sk-select-trigger{width:100%;height:42px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;border:1px solid #dbe1ea;border-radius:10px;background:#fff;color:#0f172a;font:600 13px/1.2 inherit;text-align:left;cursor:pointer;outline:0;box-sizing:border-box;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.sk-select-trigger:hover{border-color:#c4b5fd;background:#fdfcff}.sk-select-trigger:focus,.sk-custom-select.is-open .sk-select-trigger{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}.sk-custom-select.is-disabled .sk-select-trigger,.sk-select-trigger:disabled{cursor:not-allowed;background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;box-shadow:none}.sk-select-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.sk-select-chevron{width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:#6b7280;opacity:.78;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease,opacity .18s ease}.sk-custom-select.is-open .sk-select-chevron{opacity:1;transform:rotate(225deg) translate(-1px,-1px);color:#6d28d9}.sk-select-menu{position:fixed;z-index:6000;overflow:auto;overscroll-behavior:contain;border:1px solid #ddd6fe;border-radius:10px;background:#fff;padding:6px;box-sizing:border-box;box-shadow:0 16px 34px rgba(15,23,42,.14);scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.24) transparent}.sk-select-menu::-webkit-scrollbar{width:5px}.sk-select-menu::-webkit-scrollbar-track{background:transparent}.sk-select-menu::-webkit-scrollbar-thumb{background:rgba(124,58,237,.24);border-radius:999px}.sk-select-option,.sk-select-empty{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;background:transparent;color:#0f172a;padding:9px 10px;font:600 13px/1.2 inherit;text-align:left;box-sizing:border-box}.sk-select-option{cursor:pointer}.sk-select-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-select-option:hover,.sk-select-option.is-active{background:#f5f3ff;color:#4c1d95}.sk-select-option.is-selected{background:#ede9fe;color:#5b21e8;font-weight:700}.sk-select-option.is-selected::after{content:"";width:8px;height:13px;flex:0 0 8px;border-right:2px solid #6d28d9;border-bottom:2px solid #6d28d9;transform:rotate(45deg);margin-right:3px}.sk-select-option.is-disabled,.sk-select-option:disabled{cursor:not-allowed;opacity:.5}.sk-select-empty{justify-content:center;color:#64748b;cursor:default}
.erp-unified-header-filter .sk-custom-select{flex:0 0 178px;width:178px;min-width:158px}.erp-unified-header-filter .sk-select-trigger{height:42px;min-height:42px;border-radius:11px}.erp-unified-header-filter .sk-select-menu{max-height:240px}@media(max-width:1180px){.erp-unified-header-filter .sk-custom-select{flex:1 1 158px;width:auto;min-width:145px}}@media(max-width:720px){.erp-unified-header-filter .sk-custom-select{width:100%;min-width:0;flex:1 1 100%}.sk-select-menu{max-width:calc(100vw - 16px)}}