.refdb{height:100%;display:flex;flex-direction:column;padding-top:0;overflow:hidden}.refdb-title{height:41.6px;display:flex;align-items:center;flex:0 0 41.6px;padding:0 3.2px}.refdb-title h2{margin:0 auto 0 0;color:#0f0;font-size:23.2px;font-weight:600}.refdb-title button{height:30.4px;padding:0 20px;border:.8px solid #fff;border-radius:5.6px;background:#00c;color:#fff;font-size:12px;font-weight:500;cursor:pointer}.refdb-table-wrap{min-height:0;flex:1;overflow:auto;scrollbar-color:#00ffff transparent}.refdb-row{width:100%;min-width:0;display:grid;grid-template-columns:54.4px 196px 68.8px 140px 1fr 120px 216px 68px 60px 64px 64px 64px 68px 60px 60px;gap:5.6px;align-items:center}.refdb-head{height:39.2px;position:sticky;top:0;z-index:2;padding:0 6.4px;border:.8px solid #ff0000;border-top-width:2.4px;border-radius:0 0 5.6px 5.6px;background:#000;color:#0f0;font-size:12px;font-weight:400}.refdb-head>span:nth-child(3),.refdb-head>span:nth-child(n+9){text-align:center}.refdb-data{min-height:52.8px;padding:4px 6.4px;border-bottom:.8px solid rgba(0,255,255,.25);font-size:14.4px;font-weight:500}.refdb-data:hover{background:#00ffff0b}.is-placeholder{color:#74869a}.is-placeholder .refdb-icon,.is-placeholder .refdb-check,.is-placeholder .refdb-sevens{pointer-events:none;opacity:.25}.refdb-data>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refdb-data>span:nth-child(3),.refdb-data>input,.refdb-data>.refdb-icon,.refdb-data>.refdb-sevens{justify-self:center;text-align:center}.refdb-photo{width:35.2px;height:35.2px;object-fit:cover;border:.8px solid #00ffff;border-radius:4px}.refdb-name{min-height:34.4px;display:flex;align-items:center;padding:0 8px;border:1.6px solid var(--rank-colour);border-radius:4px;background:#1d1645;color:#fff;font-size:15.2px;font-weight:600;text-transform:uppercase}.refdb-rank{color:#0ff;font-weight:500}.refdb-region{white-space:normal!important;line-height:1.25}.refdb-sevens{width:30px;height:30px;display:block;padding:0;border:0;background:transparent;cursor:pointer;opacity:.25}.refdb-sevens.is-active{opacity:1}.refdb-sevens img{width:30px;height:30px;display:block;object-fit:contain}.refdb-sevens:focus-visible{outline:1.6px solid #00ffff;outline-offset:2px}.refdb-icon{width:41.6px;height:41.6px;display:grid;place-items:center;padding:0;border:.8px solid transparent;border-radius:4px;background:transparent;color:#fff;font-size:16px;cursor:pointer}.refdb-icon img{width:36px;height:36px;object-fit:contain}.refdb-icon[data-link]{width:54.4px}.refdb-icon[data-link] img{width:48px;height:36px}.refdb-icon:hover{border-color:#0ff;background:#111939}.refdb-icon.delete{color:#ff2020}.refdb-check{width:24px;height:24px;margin:auto;accent-color:#008cff}.refdb-message{padding:20px;color:#91a8bf}.refdb-status{height:19.2px;flex:0 0 19.2px;margin:0;padding:4px;color:#ff0;font-size:9.6px}.refdb-modal,.refdb-modal *{box-sizing:border-box}.refdb-modal{position:fixed;inset:0;z-index:4500;display:grid;place-items:center;padding:16px;background:#000c}.refdb-modal[hidden]{display:none}.refdb-card{width:min(880px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:2px solid #00ffff;border-radius:10px;background:linear-gradient(155deg,#17113e,#020713 72%);box-shadow:0 18px 44px #000}.refdb-card>header{min-height:52px;display:flex;align-items:center;gap:12px;padding:0 12px 0 20px;background:#00f;flex-shrink:0}.refdb-card>header h2{min-width:0;margin:0 auto 0 0;font-size:20px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.refdb-close{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:5px;background:transparent;color:#fff;font-size:20px;cursor:pointer}#refdbModalBody{display:flex;flex-direction:column;min-height:0}.refdb-form{display:flex;flex-direction:column;min-height:0;margin:0;overflow:hidden}.refdb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.refdb-fields>label,.refdb-group{min-width:0;display:grid;gap:6px;color:#0ff;font-size:14px;font-weight:500;align-content:start}.refdb-form input:not([type=checkbox]):not([type=radio]),.refdb-form select{min-width:0;width:100%;height:44px;padding:8px 10px;border:1px solid #00ffff;border-radius:5px;background:#f2f5ff;color:#07101c;font-family:inherit;font-size:16px;font-weight:400}.refdb-wide{grid-column:1/-1}.refdb-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(0,255,255,.45);border-radius:5px}.refdb-options label,.refdb-active{display:flex;align-items:center;min-width:0;min-height:44px;gap:10px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;line-height:1.25}.refdb-form input[type=checkbox],.refdb-form input[type=radio]{flex:0 0 22px;width:22px;height:22px;margin:0;accent-color:#00ccff}.refdb-active{padding:0 12px;border:1px solid rgba(0,255,255,.45);border-radius:5px}.refdb-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;flex-shrink:0;padding:16px 20px;border-top:1px solid rgba(0,255,255,.45);background:#080c1b}.refdb-form-status{margin:0;min-width:0;color:#ff0;font-size:14px;line-height:1.35}.refdb-actions button{height:44px;padding:0 20px;border:1px solid #9aa9c4;border-radius:5px;background:#0000b3;color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.refdb-actions .save{background:#00a83d}.refdb-modal :focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media (max-width:640px){.refdb-fields{grid-template-columns:minmax(0,1fr);padding:16px;gap:14px}.refdb-wide{grid-column:1}.refdb-options{grid-template-columns:repeat(2,minmax(0,1fr))}.refdb-card>header{padding-left:16px}.refdb-card>header h2{font-size:18px}.refdb-actions{grid-template-columns:1fr 1fr;padding:12px 16px;gap:10px}.refdb-form-status{grid-column:1/-1}.refdb-form-status:empty{display:none}.refdb-actions button{padding:0 10px}}.refdb-types{grid-template-columns:repeat(3,minmax(0,1fr))}.refdb-regions{grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,3fr) minmax(0,3fr);gap:0}.refdb-regions label{font-size:13px;gap:6px;padding-right:4px}.refdb-types label{font-size:15px}.refdb-help{font-size:12px;line-height:1.4;color:#aabbd0}.refdb-form .is-dimmed{opacity:.5}.refdb-actions button[data-cancel]{background:red;color:#fff}.refdb-actions .save{background:#0f0;color:#00c}.refdb-actions .save:disabled{opacity:.4;cursor:not-allowed}.refdb-rank{white-space:normal!important;font-size:12px;line-height:1.2}@media (max-width:640px){.refdb-types{grid-template-columns:repeat(3,minmax(0,1fr))}.refdb-types label{font-size:12px;gap:5px}.refdb-regions label{flex-direction:column;align-items:flex-start;font-size:11px;gap:6px;overflow-wrap:anywhere}.refdb-role-options label{font-size:13px}}.refdb-row{width:auto;grid-template-columns:68px 245px 86px 175px minmax(0,1fr) 150px 270px 85px 75px 80px 80px 80px 85px 75px 75px;gap:7px}.refdb-head{height:35.2px}.refdb-head>span:nth-child(n+9){text-align:center}.refdb-data:hover{background:#0000cc8c}
