.client-group-panel{margin:16px 0;padding:14px;border:1px solid #314152;border-radius:14px;background:#0d151f}.client-group-panel [hidden]{display:none!important}
.client-group-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.client-group-tools select{flex:1;min-width:190px;margin:0}.client-group-tools button{white-space:nowrap}.client-group-panel>small{display:block;margin-top:9px;color:#a7b4c5}
.client-group-tools select,.client-group-enabled #clientFolder{box-sizing:border-box;background:#0d141d;color:#f5f7fa;border:1px solid #34465c;border-radius:9px;padding:11px;font:inherit}.client-group-enabled #clientFolder{width:100%;margin-top:6px}.client-group-tools button{background:#ff7100;border:1px solid #ff8a2d;border-radius:9px;padding:10px 14px;color:#fff;cursor:pointer;font-weight:600}.client-group-tools button.secondary{background:#19232f;border-color:#3b4b60}.client-group-tools button:hover{filter:brightness(1.1)}.client-group-tools select:focus,.client-group-enabled #clientFolder:focus{outline:1px solid #ff7900}
.client-group-dialog{width:min(610px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #3a4b60;border-radius:18px;background:#111923;color:#f5f7fa;padding:22px;box-shadow:0 28px 90px #0009}
.client-group-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.client-group-dialog header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.client-group-dialog h2{margin:4px 0 9px}.client-group-dialog header small{color:#ff8c35;font-size:10px;letter-spacing:.08em}.client-group-dialog p{font-size:13px;color:#a7b4c5}
.client-group-dialog label{display:block;margin-top:13px;font-size:12px;color:#a7b4c5}.client-group-dialog input:not([type=checkbox]),.client-group-dialog select{width:100%;box-sizing:border-box;background:#0d141d;border:1px solid #34465c;border-radius:9px;padding:10px;color:#f5f7fa;margin-top:6px;font:inherit}
.client-group-dialog input:focus,.client-group-dialog select:focus{outline:1px solid #ff7900}.client-group-dialog button{background:#ff7100;border:1px solid #ff8a2d;border-radius:9px;padding:10px 14px;color:white;cursor:pointer;font-weight:600}.client-group-dialog button.secondary{background:#19232f;border-color:#3b4b60}.client-group-dialog button:disabled{opacity:.5;cursor:wait}.client-group-dialog footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
.client-group-dialog [data-members]{max-height:290px;overflow:auto;margin-top:12px}.client-group-dialog .client-group-member{display:flex;gap:10px;align-items:center;border:1px solid #2c3c4e;border-radius:10px;padding:9px;margin:7px 0}.client-group-member input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#ff7900}.client-group-member span{flex:1;min-width:0}.client-group-member small{display:block;overflow-wrap:anywhere;font-size:10px}.client-group-dialog .client-group-member select{width:auto;max-width:180px;margin:0;font-size:11px}.client-group-dialog [hidden]{display:none!important}.client-group-dialog .notice{color:#ff8790;overflow-wrap:anywhere}
.client-group-inheritance{color:#a7b4c5;font-size:12px;padding:10px 0}.client-group-tag{color:#ffb476!important}.client-group-enabled #clientShareWrap{display:none!important}
@media(max-width:600px){.client-group-tools select{width:100%;flex-basis:100%}.client-group-tools button{flex:1}.client-group-dialog{padding:17px}.client-group-dialog .client-group-member{flex-wrap:wrap}.client-group-dialog .client-group-member select{width:100%;max-width:none}}