.app-select{position:relative;display:block;width:100%;min-width:0}
.app-select-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important}
.app-select-trigger{width:100%;min-width:0;height:39px;padding:0 12px;border:1px solid #d8e0e9;border-radius:8px;background:#fff;color:#17324f;font-family:inherit;font-size:10px;font-weight:600;line-height:1.45;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:right;transition:.18s ease;box-sizing:border-box}
.app-select-trigger:hover{border-color:#9fb2c7;background:#fcfdff}
.app-select-trigger:focus,.app-select.open .app-select-trigger{outline:0;border-color:#eb714c;box-shadow:0 0 0 3px rgba(235,113,76,.12)}
.app-select-trigger:disabled{opacity:.55;cursor:not-allowed;background:#f2f4f7}
.app-select-value{line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-select-arrow{width:7px;height:7px;flex:0 0 7px;border-left:2px solid #60758d;border-bottom:2px solid #60758d;transform:rotate(-45deg);margin:0 2px 4px 0;transition:.18s}
.app-select.open .app-select-arrow{transform:rotate(135deg);margin-top:5px}
.app-select-menu{position:fixed;z-index:10000;display:none;padding:6px;max-height:280px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid #e0e6ed;border-radius:10px;box-shadow:0 16px 38px rgba(18,42,68,.18);box-sizing:border-box;direction:rtl}
.app-select-menu[popover]{margin:0;inset:auto}
.app-select-menu:popover-open{display:block}
.app-select-menu.open{display:block;animation:appSelectOpen .14s ease-out}
.app-select-option{width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#344b63;font-family:inherit;font-size:10px;font-weight:600;line-height:1.45;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:right}
.app-select-option:hover,.app-select-option.keyboard{background:#f3f6f9;color:#17324f}
.app-select-option.selected{background:#fff1ec;color:#d95f3c}
.app-select-option:disabled{opacity:.4;cursor:not-allowed;background:transparent}
.app-select-check{visibility:hidden;color:#eb714c;font-weight:900}
.app-select-option.selected .app-select-check{visibility:visible}
@keyframes appSelectOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.app-select-menu{max-height:230px}.app-select-trigger{height:40px;font-size:10px}}

/* Readable Arabic labels without changing the dashboard footprint */
.app-select-trigger{height:42px;font-size:11px;line-height:1.6}
.app-select-value{padding-block:2px;overflow:visible}
.app-select-option{min-height:40px;font-size:11px;line-height:1.6;padding-block:9px}
@media(max-width:600px){.app-select-trigger{height:42px;font-size:11px}}