/* TeamHub Tester Area shared custom form controls */
.ui-check{position:relative;cursor:pointer;user-select:none}.ui-check .ui-checkbox{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none;margin:0!important}.ui-check-box{width:18px;height:18px;flex:0 0 18px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#1b212a;display:grid;place-items:center;color:#fff;transition:.16s ease;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.ui-check-box i{font-size:13px;opacity:0;transform:scale(.65);transition:.15s ease}.ui-checkbox:checked+.ui-check-box{background:linear-gradient(135deg,#5964ff,#7c6cf7);border-color:transparent;box-shadow:0 5px 16px rgba(89,100,255,.24)}.ui-checkbox:checked+.ui-check-box i{opacity:1;transform:scale(1)}.ui-checkbox:focus-visible+.ui-check-box{outline:3px solid rgba(102,112,255,.22);outline-offset:2px}.ui-checkbox:disabled+.ui-check-box{opacity:.5;cursor:not-allowed}.ui-check strong,.ui-check small{display:block}.ui-check small{margin-top:3px;color:var(--faint,#747c88);font-weight:400;line-height:1.45}

.ui-native-select{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}.ui-select{position:relative;width:100%;min-width:0}.ui-select-button{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:12px;background:#10141a;color:#e7e9ed;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;transition:.16s ease}.ui-select-button:hover{border-color:var(--line2,rgba(255,255,255,.14));background:#141921}.ui-select.is-open .ui-select-button{border-color:rgba(102,112,255,.42);box-shadow:0 0 0 3px rgba(102,112,255,.08)}.ui-select-button>i{font-size:14px;color:#747c88;transition:transform .16s}.ui-select.is-open .ui-select-button>i{transform:rotate(180deg)}.ui-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ui-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:300;padding:5px;border-radius:13px;border:1px solid var(--line2,rgba(255,255,255,.12));background:#171c24;box-shadow:0 18px 50px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.99);transition:.14s ease;max-height:260px;overflow:auto}.ui-select.is-open .ui-select-menu{opacity:1;visibility:visible;transform:none}.ui-select-option{width:100%;min-height:36px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#aeb4bd;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;font-size:11.5px}.ui-select-option:hover,.ui-select-option:focus-visible{background:#202631;color:#f0f1f3;outline:none}.ui-select-option i{font-size:14px;color:#8b8cff;opacity:0}.ui-select-option.is-selected{background:rgba(102,112,255,.1);color:#d7d5ff}.ui-select-option.is-selected i{opacity:1}.ui-select-option:disabled{opacity:.4;cursor:not-allowed}.ui-select-button:disabled{opacity:.55;cursor:not-allowed}

.sort-select .ui-select{min-width:155px}.sort-select .ui-select-button{height:34px;min-height:34px;border:0;background:transparent;padding:0 4px;color:#9ca3ad}.sort-select .ui-select-menu{min-width:210px;left:auto}.profile-form .ui-select-button{height:42px}.admin-form .ui-select-button{height:42px}.admin-form .ui-select-menu{z-index:500}

@media(max-width:600px){.sort-select .ui-select{width:100%;min-width:0}.sort-select .ui-select-menu{left:0;right:0;min-width:0}.ui-select-option{min-height:40px}}

/* Custom confirmation dialog — avoids inline/native confirm flows. */
.ui-confirm-layer{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px}
.ui-confirm-backdrop{position:absolute;inset:0;background:rgba(4,6,10,.72);backdrop-filter:blur(14px)}
.ui-confirm-dialog{position:relative;width:min(420px,100%);padding:22px;border:1px solid var(--line2,rgba(255,255,255,.12));border-radius:20px;background:var(--card,#151a22);box-shadow:0 28px 90px rgba(0,0,0,.46);animation:uiConfirmIn .18s ease}
@keyframes uiConfirmIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.ui-confirm-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,116,116,.1);color:var(--danger,#ff7474);font-size:20px;margin-bottom:13px}
.ui-confirm-dialog h3{margin:0;font-size:17px;line-height:1.35}
.ui-confirm-dialog p{margin:8px 0 18px;color:var(--muted,#a7adb7);font-size:12px;line-height:1.55}
.ui-confirm-actions{display:flex;justify-content:flex-end;gap:8px}
.ui-confirm-actions button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line,rgba(255,255,255,.075));font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.ui-confirm-cancel{background:var(--card-2,#1a2029);color:var(--ink,#f4f5f7)}
.ui-confirm-ok{background:rgba(255,116,116,.12);border-color:rgba(255,116,116,.25)!important;color:#ff9a9a}