/* Radzen is used only for the sale customer picker and its quick-create dialog. */
.sale-radzen-picker .sale-radzen-control{position:relative}
.sale-radzen-picker .rz-autocomplete{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--input);box-shadow:none}
.sale-radzen-picker .rz-autocomplete:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px #176b5826}
.sale-radzen-picker .rz-autocomplete input{width:100%;min-height:46px;padding-inline:12px;border:0;background:transparent;color:var(--text);font:inherit;text-align:start;direction:rtl}
.rz-autocomplete-panel{direction:rtl;border:1px solid var(--border);border-radius:11px;background:var(--card);box-shadow:0 12px 24px #102f2330}
.rz-autocomplete-panel .rz-autocomplete-list-item{color:var(--text);font:inherit}
.rz-autocomplete-panel .rz-autocomplete-list-item:hover,.rz-autocomplete-panel .rz-autocomplete-list-item.rz-state-highlight{background:var(--brand-soft);color:var(--text)}
.sale-radzen-option{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;text-align:start}
.sale-radzen-option>span:first-child{display:grid;gap:3px}
.sale-radzen-option strong,.sale-radzen-option small{display:block}
.sale-create-option{width:100%;min-height:48px;padding:10px 12px;border:0;background:var(--brand-soft);color:var(--brand-ink);font:inherit;font-weight:700;text-align:start;cursor:pointer}
body:has(.daftar-quick-dialog.rz-dialog) .rz-autocomplete-panel{display:none!important}
.daftar-quick-dialog.rz-dialog{max-width:calc(100vw - 24px);border-radius:16px;background:var(--card);color:var(--text);font-family:Tahoma,Arial,sans-serif;direction:rtl}
.daftar-quick-dialog .rz-dialog-titlebar{background:var(--brand-soft);color:var(--brand-ink);font-weight:800}
.daftar-quick-dialog .rz-dialog-content{padding:18px}
.quick-customer-dialog-form{display:grid;gap:9px}
.quick-customer-dialog-form .button-row{margin-top:10px}
@media(max-width:650px){.rz-autocomplete-panel{max-width:calc(100vw - 32px)}.daftar-quick-dialog .rz-dialog-content{padding:16px}}