.cb .cp-tabs{display:flex;gap:12px;width:600px;max-width:100%;margin-bottom:12px}.cb .cp-tabs button{flex:1;padding:10px;background:#202020;border:1px solid #393939;border-radius:5px;font-size:14px}.cb .cp-dialog .cw-main{height:min(850px,calc(100dvh - 140px))}.cb .cp-tabs .active,.cb .cp-races .active{border-color:#4ba4df}.cb .cp-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.cb .cp-filters button{padding:4px 8px;font-size:12px;border:1px solid #393939;border-radius:4px;background:#292929}.cb .cp-filters .active{background:#428dbb}.cb .cp-list .cw-row label{max-width:115px}.cb .cp-list select{width:100%;height:32px}.cb .cp-races{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 16px}.cb .cp-races button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;background:#242424;border:1px solid #3b3b3b;border-radius:5px;font-size:13px}.cb .cp-races img{width:28px;height:28px;object-fit:contain}.cb .cp-races small{display:block;color:#60ace0;margin-top:5px}.cb .cp-insights{flex:1;overflow:auto;min-height:0}.cb .cp-slot{display:grid;grid-template-columns:32px minmax(100px,1fr) 102px 43px 43px;gap:6px;align-items:center;margin-bottom:8px}.cb .cp-index{display:grid;place-items:center;height:32px;background:#292929;border:1px solid #393939;border-radius:4px}.cb .cp-slot select{width:100%;min-width:0;height:32px;font-size:12px;background-color:#292929}.cb .cp-value{display:flex;align-items:center;gap:3px}.cb .cp-value input{width:84px;min-width:0;height:32px;padding:4px 5px}.cb .cp-value span{width:12px;font-size:12px}.cb .cp-slot button{height:32px;padding:4px;font-size:12px;background:#292929;border:1px solid #393939;border-radius:4px}.cb .cp-slot button:last-child:not(:disabled){background:#3eab7f}.cb .cp-slot :disabled{opacity:.4}
@media(max-width:700px){.cb .cp-dialog .cw-main{height:70dvh}.cb .cp-races{gap:4px}.cb .cp-races button{flex-direction:column}.cb .cp-slot{grid-template-columns:28px minmax(90px,1fr) 86px;gap:4px}.cb .cp-slot button:nth-last-child(2){grid-column:2}.cb .cp-value input{width:68px}}
.cb .cp-select{display:block;position:relative;min-width:0;width:100%}.cb .cp-select select{appearance:none;padding-right:25px}.cb .cp-select::after{content:'';pointer-events:none;position:absolute;right:6px;top:6px;width:20px;height:20px;background:#b9c8d4;mask:url('/public/assets/img/fluent/chevron-down-20-regular.svg') center/contain no-repeat}
.cb .cp-list .cw-row:has(input[data-progress="owned"]:enabled){cursor:pointer}.cb .cp-list .cw-row:has(input[data-progress="owned"]:enabled):hover{border-color:#5a8ba5}.cb .cp-list .cw-row label{cursor:default}
.cb .cp-slot select[data-progress="insight"],.cb .cp-slot optgroup,.cb .cp-slot option{color:var(--cb-grade,#b8c4ce)}.cb .cp-slot optgroup,.cb .cp-slot option{background:#202020}.cb .cp-slot option[value=""]{color:#b8c4ce}