.company-owner-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 9px;
  padding: 5px 8px;
  border: 1px solid #d6e7e4;
  border-radius: 8px;
  color: #49666d;
  background: #eef6f5;
}
.company-owner-chip span { font-size: 8px; font-weight: 800; }
.company-owner-chip b { color: #176b66; font-size: 10px; }

.customer-page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  padding: 20px 22px;
  border: 1px solid #dce7ea;
  border-radius: 18px;
  background: linear-gradient(135deg, #f7fbfc, #eef7f5);
}
.customer-page-head span { color: #4d7275; font-size: 12px; font-weight: 800; }
.customer-page-head h2 { margin: 5px 0; font-size: clamp(19px, 2.2vw, 28px); }
.customer-page-head p { margin: 0; color: #65787b; }
.customer-status-cards {
  display: grid;
  grid-template-columns: repeat(7, minmax(110px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.customer-status-cards button {
  min-height: 82px;
  padding: 12px;
  border: 1px solid #d9e4e6;
  border-radius: 15px;
  color: #24484b;
  background: #fff;
  cursor: pointer;
  text-align: right;
}
.customer-status-cards button:hover,
.customer-status-cards button.active {
  border-color: #1e7a72;
  background: #e9f6f3;
  box-shadow: 0 8px 22px rgba(32, 98, 93, .10);
}
.customer-status-cards b { display: block; font-size: 23px; }
.customer-status-cards small { color: #65787b; }
.customer-toolbar { margin-bottom: 14px; }
.score-guide {
  margin: 0 0 14px;
  padding: 12px 15px;
  border: 1px solid #dce7ea;
  border-radius: 14px;
  background: #fff;
}
.score-guide summary { color: #285c60; font-weight: 850; cursor: pointer; }
.score-guide > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.score-guide span { display: inline-flex; gap: 6px; align-items: center; padding: 6px 9px; border-radius: 10px; background: #f3f7f7; color: #526b6d; font-size: 11px; }
.score-guide span b { color: #176b66; }
.score-guide p { margin: 10px 0 0; color: #6c7d7f; font-size: 12px; }
.barrier-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
  white-space: nowrap;
}
.barrier-yellow { color: #765d04; border-color: #f2d86e; background: #fff8d8; }
.barrier-orange { color: #8a4704; border-color: #f2b36d; background: #fff0dd; }
.barrier-red { color: #982c31; border-color: #ec9ca0; background: #ffeaeb; }
@media (max-width: 1180px) {
  .customer-status-cards { grid-template-columns: repeat(4, minmax(120px, 1fr)); }
}
@media (max-width: 720px) {
  .customer-page-head { padding: 15px; }
  .customer-status-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-status-cards button { min-height: 72px; }
}
.employee-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.employee-account-actions button{white-space:nowrap;padding:7px 10px;font-size:11px}
.password-reset-notice{margin:12px 0 16px;padding:13px 14px;border:1px solid #f4d58d;border-radius:12px;background:#fffaf0;color:#684c16}
.password-reset-notice p{margin:5px 0 0;line-height:1.8;font-size:12px}
.password-generate-button{margin:0 0 14px}
.password-reset-success{text-align:center;display:grid;justify-items:center;gap:11px;padding:8px 2px}
.password-reset-success>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e4f5ea;color:#24724a;font-size:26px;font-weight:800}
.password-reset-success h2,.password-reset-success p{margin:0}
.password-reset-success p{max-width:440px;color:var(--muted);line-height:1.8}
.password-reset-success strong{display:block;min-width:170px;padding:12px 22px;border:1px dashed #79aab2;border-radius:12px;background:#f2fafb;color:var(--navy);font-size:30px;letter-spacing:9px;text-align:center}
.password-reset-success small{color:var(--muted);line-height:1.7}
@media(max-width:640px){.employee-detail-head{align-items:stretch}.employee-account-actions{justify-content:space-between}.employee-account-actions button{flex:1}}
.server-time-note{display:flex;align-items:flex-start;gap:11px;margin:10px 0 4px;padding:12px 14px;border:1px solid #bcdde2;border-radius:12px;background:#f0fafb;color:#245b63}
.server-time-note>span{font-size:20px;line-height:1.3}.server-time-note b{display:block;margin-bottom:4px;color:#174d5b}.server-time-note p{margin:0;line-height:1.8;font-size:12px}
.modal-form-error{position:relative;z-index:45;margin:14px 0 8px;padding:13px 15px;border:1px solid #eab5b5;border-right:4px solid #c83232;border-radius:11px;background:#fff2f2;color:#8f1f1f;font-size:13px;font-weight:700;line-height:1.9;box-shadow:0 8px 22px rgba(119,20,20,.10)}
#toast{top:max(18px,env(safe-area-inset-top));right:auto;bottom:auto;left:50%;z-index:2147483647;width:min(620px,calc(100vw - 28px));padding:14px 18px;text-align:center;line-height:1.8;box-shadow:0 16px 40px rgba(3,15,27,.34);transform:translate(-50%,-18px)}
#toast.show{transform:translate(-50%,0)}
.employee-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}
.employee-status.is-active{color:#17633e;border-color:#a9d8bd;background:#edf9f1}
.employee-status.is-locked{color:#8a4a00;border-color:#f0c16f;background:#fff7df}
.employee-status.is-suspended{color:#982c31;border-color:#ec9ca0;background:#ffeaeb}
.danger-button{border-color:#b42318!important;background:#b42318!important;color:#fff!important}
.danger-button:hover{background:#8f1c14!important}
.success-button{border-color:#18794e!important;background:#18794e!important;color:#fff!important}
.success-button:hover{background:#11633e!important}
.account-confirm{display:grid;justify-items:center;gap:12px;padding:10px 2px;text-align:center}
.account-confirm>span{font-size:34px}.account-confirm h2,.account-confirm p{margin:0}.account-confirm p{max-width:520px;color:var(--muted);line-height:1.9}
.manager-rep-card.account-locked,.manager-daily-row.account-locked,.manager-employee-switcher button.account-locked{border-color:#efc366;background:#fffaf0}
.manager-rep-card.account-suspended,.manager-daily-row.account-suspended,.manager-employee-switcher button.account-suspended{border-color:#e7a4a4;background:#fff4f4}
.security-event-board{margin:16px 0;border-color:#e7c56d;background:#fffdf7}
.security-event-board .panel-title-row h2{color:#704b00}
.security-event-list{display:grid;gap:9px}
.security-event-list article{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #ecd9a3;border-radius:11px;background:#fff}
.security-event-list article>span{font-size:20px}.security-event-list article>div{min-width:0;flex:1}.security-event-list b,.security-event-list small{display:block}.security-event-list small{margin-top:4px;color:var(--muted)}
@media(max-width:720px){.security-event-list article{align-items:stretch;flex-wrap:wrap}.security-event-list article>div{flex-basis:calc(100% - 42px)}.security-event-list article button{flex:1}}