.ehr2-managers {
  --color-primary:#015b3a; --color-primary-hover:#013e28; --color-primary-active:#012b1c;
  --color-primary-light:#e6f2ec; --color-primary-lighter:#f2f9f6; --color-on-primary:#fff;
  --color-success:#1e8e5a; --color-success-bg:#e8f6ee; --color-warning:#b8860b;
  --color-warning-bg:#fff6e0; --color-danger:#c62828; --color-danger-bg:#fdeaea;
  --color-info:#2563eb; --color-info-bg:#eaf1fe; --color-text:#1a1f1c;
  --color-text-muted:#6b7670; --color-border:#e1e6e3; --color-border-strong:#c7cfc9;
  --color-bg:#f6f8f7; --color-surface:#fff; --color-surface-alt:#fafbfa;
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px;
  --shadow-sm:0 1px 2px rgba(15,23,18,.06); --shadow-md:0 4px 12px rgba(15,23,18,.08);
  color:var(--color-text); font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.ehr2-managers .manager-card,.ehr2-managers .form-card,.ehr2-managers .table-container {
  border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface);
  box-shadow:var(--shadow-sm); overflow:hidden;
}
.ehr2-managers .manager-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.ehr2-managers .manager-card-header,.ehr2-managers .form-card-header {
  background:var(--color-surface); color:var(--color-text); padding:1.5rem; text-align:left;
  border-top:4px solid var(--color-primary); border-radius:0;
}
.ehr2-managers .form-card-header::before { display:none; }
.ehr2-managers .manager-card-title,.ehr2-managers .form-card-header h4 {
  color:var(--color-text); font-size:1.25rem; font-weight:600;
}
.ehr2-managers .manager-page-title { margin:0; color:var(--color-text); font-size:1.75rem; font-weight:600; }
.ehr2-managers .form-card-header p { color:var(--color-text-muted); opacity:1; }
.ehr2-managers .manager-stats { display:grid; grid-template-columns:repeat(3,minmax(130px,1fr)); gap:1rem; }
.ehr2-managers .stat-item {
  min-width:0; padding:1rem; text-align:left; background:var(--color-primary-lighter);
  border:1px solid var(--color-primary-light); border-radius:var(--radius-md); color:var(--color-text-muted);
}
.ehr2-managers .stat-item .h5 { color:var(--color-primary)!important; font-size:1.4rem; }
.ehr2-managers .add-manager-btn,.ehr2-managers .btn-submit {
  min-height:44px; border:1px solid var(--color-primary); border-radius:var(--radius-md);
  padding:.65rem 1rem; background:var(--color-primary); color:var(--color-on-primary);
  box-shadow:none; transform:none; font-weight:600;
}
.ehr2-managers .add-manager-btn:hover,.ehr2-managers .btn-submit:hover {
  background:var(--color-primary-hover); border-color:var(--color-primary-hover); color:#fff; transform:none; box-shadow:none;
}
.ehr2-managers .btn-cancel {
  min-height:44px; padding:.65rem 1rem; background:#fff; color:var(--color-text);
  border:1px solid var(--color-border-strong); border-radius:var(--radius-md); box-shadow:none;
}
.ehr2-managers .btn-cancel:hover { background:var(--color-surface-alt); color:var(--color-text); transform:none; box-shadow:none; }
.ehr2-managers .table-container { padding:0; }
.ehr2-managers .table-responsive { padding:1rem; }
.ehr2-managers .custom-table thead th {
  position:static; padding:.8rem 1rem; background:var(--color-surface-alt); color:var(--color-text-muted);
  border-bottom:1px solid var(--color-border); font-size:.75rem; letter-spacing:.02em;
}
.ehr2-managers .custom-table tbody td { padding:1rem; border-bottom:1px solid var(--color-border); }
.ehr2-managers .custom-table tbody tr:hover { background:var(--color-primary-lighter); }
.ehr2-managers .team-badge,.ehr2-managers .position-badge,.ehr2-managers .manager-id-badge {
  display:inline-flex; padding:.3rem .65rem; border-radius:999px; background:var(--color-primary-light);
  color:var(--color-primary); font-size:.78rem; font-weight:600;
}
.ehr2-managers .btn-edit,.ehr2-managers .btn-delete {
  width:44px; height:44px; min-width:44px; border-radius:var(--radius-md); box-shadow:none; transform:none;
}
.ehr2-managers .btn-edit { background:var(--color-primary-light); color:var(--color-primary); border:1px solid var(--color-primary-light); }
.ehr2-managers .btn-edit:hover { background:var(--color-primary); color:#fff; transform:none; box-shadow:none; }
.ehr2-managers .btn-delete { background:var(--color-danger-bg); color:var(--color-danger); border:1px solid var(--color-danger-bg); }
.ehr2-managers .btn-delete:hover { background:var(--color-danger); color:#fff; transform:none; box-shadow:none; }
.ehr2-managers .form-section { padding:1.5rem; }
.ehr2-managers .section-title {
  color:var(--color-text); font-size:1.05rem; border-bottom:1px solid var(--color-border); padding-bottom:.75rem;
}
.ehr2-managers .section-title::before { background:var(--color-primary); }
.ehr2-managers .form-label { color:var(--color-text); font-size:.8125rem; }
.ehr2-managers .form-control {
  min-height:44px; border:1px solid var(--color-border-strong); border-radius:var(--radius-md); background:#fff;
}
.ehr2-managers .form-control:focus {
  border-color:var(--color-primary); box-shadow:0 0 0 .2rem var(--color-primary-light); background:#fff;
}
.ehr2-managers .input-group-text {
  border:1px solid var(--color-border-strong); border-right:0; background:var(--color-surface-alt); color:var(--color-text-muted);
}
.ehr2-managers .input-group .form-control { border-left:0; }
.ehr2-managers .password-toggle { cursor:pointer; border-left:1px solid var(--color-border-strong)!important; border-radius:0 var(--radius-md) var(--radius-md) 0; }
.ehr2-managers .input-group-text[onclick]:hover { background:var(--color-primary-light); color:var(--color-primary); }
.ehr2-managers .alert-info { background:var(--color-info-bg); border-color:#cbdcff!important; color:var(--color-text); }
.ehr2-managers .required::after,.ehr2-managers .invalid-feedback { color:var(--color-danger); }
.ehr2-managers .dataTables_filter input,.ehr2-managers .dataTables_length select { border:1px solid var(--color-border-strong); }
.ehr2-managers .page-item.active .page-link { background:var(--color-primary); border-color:var(--color-primary); }
.ehr2-managers a:focus-visible,.ehr2-managers button:focus-visible,.ehr2-managers input:focus-visible {
  outline:3px solid var(--color-primary-light); outline-offset:2px;
}
@media (max-width:767.98px) {
  .ehr2-managers .manager-stats { grid-template-columns:1fr; }
  .ehr2-managers .manager-directory-header { align-items:stretch!important; flex-direction:column; gap:1rem; }
  .ehr2-managers .add-manager-btn { justify-content:center; width:100%; }
  .ehr2-managers .form-section { padding:1rem; }
  .ehr2-managers .form-actions > div { margin-bottom:.75rem; }
  .ehr2-managers .manager-page-title { font-size:1.5rem; }
}