.staff-bubbles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.staff-bubble{background:#fff;border:1px solid #d8e5eb;border-radius:17px;box-shadow:0 5px 14px rgba(12,63,89,.08);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.staff-bubble:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(12,63,89,.14)}.staff-bubble-main{display:flex;align-items:center;gap:13px;padding:19px;color:inherit;text-decoration:none}.staff-bubble-main>span:nth-child(2){display:grid;gap:2px;min-width:0}.staff-bubble-main strong{font-size:18px;color:#153755}.staff-bubble-main small{font-size:12px;color:#60717b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-avatar{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:50%;background:#dff3fb;color:#0a5f93;font-size:19px;font-weight:bold}.staff-bubble-main>b{display:none;color:#0a5f93;font-size:12px}.staff-bubble:hover .staff-bubble-main>b{display:block}.staff-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.staff-profile-stats article{padding:18px;border:1px solid #d8e5eb;border-radius:12px;background:#fff;box-shadow:0 2px 5px rgba(16,42,58,.03)}.staff-profile-stats span,.staff-profile-stats small{display:block;color:#647783;font-size:12px}.staff-profile-stats strong{display:block;margin:7px 0;color:#0a5f93;font-size:23px}.staff-profile-buttons{display:flex;gap:10px}.staff-mini-form{margin-top:14px;padding-top:14px;border-top:1px solid #dce8ed}.staff-mini-form label{font-size:13px}.staff-mini-form input,.staff-mini-form select{width:100%;padding:9px;border:1px solid #bed1dc;border-radius:7px;font:inherit}.staff-detail-table{margin-top:20px}.employee-management{margin-top:22px;border:1px solid #d8e5eb}.employee-management-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.employee-management-actions form{margin:0}.danger-button{background:#b3261e!important;color:#fff!important;border-color:#8f1e18!important}.manual-hours-pay{display:block;margin:14px 0;font-weight:700}.manual-hours-pay input{display:block;width:100%;max-width:280px;margin:5px 0;padding:10px;border:1px solid #bed1dc;border-radius:8px;font:inherit}.manual-hours-pay small{display:block;font-weight:400;color:#647783}@media(max-width:900px){.staff-bubbles{grid-template-columns:repeat(2,1fr)}.staff-profile-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.staff-bubbles,.staff-profile-stats{grid-template-columns:1fr}.staff-bubble-main>b{display:block}.staff-profile-buttons{flex-direction:column}.staff-profile-buttons button{width:100%}.employee-management-actions{align-items:stretch}.employee-management-actions .button,.employee-management-actions button{width:100%}}
.staff-bubble{
  display:flex;
  flex-direction:column;
}
.staff-bubble-main{
  flex:1 1 auto;
}
.staff-bubble-actions{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  margin:0;
  padding:0 16px 16px;
  border-top:1px solid #e6eef3;
  background:#f8fbfd;
  /* fully inside the bubble card */
  box-sizing:border-box;
}
.staff-bubble-actions form{margin:0;display:inline-flex}
.staff-bubble-actions .button,
.staff-bubble-actions button{
  min-height:34px!important;
  padding:6px 14px!important;
  font-size:13px!important;
}
.staff-bubble-main{
  border-bottom:0;
}
.page-heading .button.secondary[href*="staff.php?action=edit"]{display:none}
.employee-option-links{display:flex;gap:9px;flex-wrap:wrap;margin:4px 0 18px}.employee-option-links a{border:1px solid #bcd6e2;border-radius:20px;padding:8px 12px;color:#075984;background:#f8fcfe;text-decoration:none;font-size:13px;font-weight:700;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.employee-option-links a:hover{background:#0a5f93;color:#fff;transform:translateY(-2px);box-shadow:0 5px 12px rgba(10,95,147,.2)}
.manual-pay-fields{display:flex;gap:12px;max-width:520px;margin:7px 0}.manual-pay-fields span{flex:1;font-size:13px}.manual-pay-fields input{max-width:none}@media(max-width:600px){.manual-pay-fields{flex-direction:column}}