.screen-employees .account-panel,.screen-employee_form .account-panel{max-width:960px;margin:auto}.employee-title,.employee-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.employee-count,.employee-role{background:#f0eaff;color:#624496;padding:7px 11px;border-radius:8px;font-size:13px}.employee-title h1{margin-bottom:14px}.employee-add{display:inline-flex;margin:8px 0 22px;min-height:48px}.employee-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.employee-card{padding:22px;border:1px solid #e9e2f3;border-radius:14px;background:#fff}.employee-card h2{font-size:19px;margin:0;overflow-wrap:anywhere}.employee-card .hint{margin:7px 0}.employee-card-top{align-items:flex-start}.employee-role{max-width:50%;line-height:1.5}.employee-group-summary{color:#73687d;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.employee-disabled{color:#a04444;background:#fff0f0}.employee-form{margin-top:24px}.employee-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.employee-section{border:0;padding:0;margin:24px 0;min-width:0}.employee-section legend{font-size:18px;font-weight:650;margin-bottom:12px}.employee-roles{display:grid;gap:10px}.employee-choice{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #e6deef;border-radius:10px;cursor:pointer;min-height:54px;background:#fff}.employee-choice:has(input:checked){border-color:#9470bd;background:#faf6ff}.employee-choice input{flex:0 0 20px;width:20px;height:20px;accent-color:#8056ad;margin:0}.employee-choice strong,.employee-choice small{display:block}.employee-choice strong{font-size:15px}.employee-choice small{font-size:13px;line-height:1.6;color:#7d718a;margin-top:4px}.employee-groups{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:360px;overflow-y:auto;margin-top:12px;padding:2px}.employee-groups .employee-choice{font-size:14px}.employee-choice[hidden],.employee-section[hidden]{display:none}.employee-enabled{margin:24px 0}.employee-save{width:100%;min-height:52px}.service-control-row{border-top:1px solid #eee;padding:16px 0}.service-control-row h3{margin:0 0 8px}.service-control-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.service-control-actions select{width:100%;min-height:44px;border:1px solid #ded4e8;border-radius:8px;background:white;padding:10px}.service-control-actions button{min-height:46px}.service-disconnect{color:#ad3f54;border-color:#e9bfc7}.service-control-message{font-size:14px;line-height:1.6}.service-control-message[data-error=true]{color:#a72c44}@media(max-width:600px){.employee-list,.employee-fields,.employee-groups{grid-template-columns:1fr}.employee-card{padding:17px}.employee-role{font-size:11px}.employee-add{width:100%}.employee-groups{max-height:330px}.employee-card-top{gap:8px}}

.bottom-nav:has(>a:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}

.service-control-bulk{margin-top:8px;padding-top:22px;border-top:2px solid #e9e2f3}
.service-control-bulk[hidden]{display:none}
.service-control-bulk label{width:100%;font-size:14px;color:#73687d}
.service-control-bulk button{width:100%;min-height:50px}
.service-control-bulk .service-disconnect{background:#fff5f6}
.service-control-bulk .service-activate{background:#eaf7ef;border-color:#a8d9b9;color:#256940}
.service-control-actions[hidden]{display:none}
.service-control-actions :disabled{opacity:.6;cursor:default}
.service-control-message:empty{display:none}
.service-grace{margin-top:12px;padding:20px;background:#faf7fe;border:1px solid #e5daef;border-radius:12px}
.service-grace[hidden],.grace-status[hidden]{display:none}
.service-grace label,.service-grace button,.grace-deadline{width:100%}
.service-grace button{min-height:52px;background:#eaf7ef;border-color:#a8d9b9;color:#256940}
.service-grace .hint{font-size:14px;line-height:1.65;margin:10px 0}
.grace-deadline{color:#6c4b8b;font-weight:600;font-size:14px;margin:2px 0}
.grace-deadline:empty{display:none}
.grace-status{margin-top:16px;padding:18px;border:1px solid #d4e8db;border-radius:10px;background:#f2faf5;line-height:1.6}
.grace-status strong{font-size:17px}.grace-status p{margin:6px 0 0;font-size:14px}
.grace-status[data-error=true]{background:#fff8ec;border-color:#e9d3ac;color:#785414}

.status-warning,.status-partial{background:#fff1e5;color:#914910}.client-meta:has(.status-warning),.client-meta:has(.status-partial){flex-wrap:wrap}
