/* Scoped company group controls: no global button/card overrides. */
#companyGroupsPane .cg-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}
#companyGroupsPane .cg-toolbar label{flex:1;max-width:420px}
#companyGroupsPane .cg-toolbar button{margin-bottom:0}
.cg-scope{border:1px solid #d8e7f7;border-radius:10px;padding:12px;background:#f5faff;margin:12px 0;color:#173557}
.cg-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:210px;overflow:auto;margin:10px 0}
.cg-checks[hidden]{display:none}
.cg-checks label,.cg-device{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #dfebf7;border-radius:8px;background:#fff;margin:0;color:#173557}
.cg-checks input,.cg-device input{width:18px;min-height:18px;margin:0;flex:0 0 18px}
#cgDialog{width:min(700px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:1px solid #d8e7f7;border-radius:14px;padding:20px;color:#173557;background:white}
#cgDialog h2{margin:0 0 14px;font-size:22px;text-align:left}
#cgDialog .cg-tools{display:flex;align-items:center;gap:8px;margin:12px 0}
#cgDialog .cg-tools input{flex:1;min-width:0}
#cgDialog .cg-results{display:grid;gap:6px;max-height:300px;overflow:auto}
#cgDialog .cg-device span{min-width:0;flex:1}
#cgDialog .cg-device small{display:block;color:#627995}
#cgDialog .cg-selected{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow:auto;margin:10px 0}
#cgDialog .cg-selected button{font-size:13px;padding:5px 9px;min-height:28px;background:#eaf4ff;color:#145dae;border:1px solid #c9e1fa;border-radius:8px}
#cgDialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
@media(max-width:550px){#companyGroupsPane .cg-toolbar{align-items:stretch}#companyGroupsPane .cg-toolbar label{flex-basis:100%}#cgDialog{padding:14px}.cg-checks{grid-template-columns:1fr}}
#userGroupChoices label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:10px;padding:8px;min-height:38px}
#userGroupChoices input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0}
#userGroupChoices label span{flex:1;text-align:left}
#usersPage .recessed-tabs [role=tab]{background:transparent;color:#41648a;border:0;box-shadow:none;opacity:1}
#usersPage .recessed-tabs [role=tab][aria-selected=true]{background:#fff;color:#145dae;box-shadow:0 1px 4px #17355718}
#usersPage .recessed-tabs [role=tab]:hover{background:#eaf4ff;color:#145dae}

#employeeSection .device-group-editor{margin:12px 0;padding:12px;border:1px solid #d5e7f4;border-radius:12px;background:#f1f8fe;text-align:left;color:#17344f}
#employeeSection .device-group-editor>label{display:block;margin:0 0 6px;font-size:14px;font-weight:650;color:#17344f}
#employeeSection .device-group-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#employeeSection .device-group-tools select{flex:1 1 180px;min-width:0;width:auto;max-width:440px;height:36px;margin:0;padding:6px 10px;line-height:20px;font-size:14px;box-sizing:border-box;border-radius:9px;background:#fff;color:#17344f}
#employeeSection .device-group-tools button{width:auto;min-height:36px;margin:0;padding:7px 12px;border-radius:9px;white-space:nowrap;font-size:13px}
#employeeSection #deviceCompanyGroupStatus{margin:6px 0 0;font-size:13px;line-height:1.4;color:#385a76}
@media(max-width:520px){#employeeSection .device-group-tools select{flex-basis:100%;max-width:none}}
