/* MEZOLA v26 - half-strength blue vs v25: work areas only, page background unchanged. */
:root {
  --work-tint: #f0f7fc;
  --work-tint-soft: #eef5fa;
  --work-input: #f3fafe;
  --work-border: #d3e5ee;
  --work-stripe: #f2f8fc;
}
/* Never tint body, html, shell, top navigation, footer or home menu tiles. */
.loginModal, .ap-card, .photoCard, .staffList, .staffEditor, .drawer {
  background: var(--work-tint)!important;
  border-color: var(--work-border)!important;
}
.loginModalHeader, .staffListHeader, .staffEditorHead, .rightsGroup h4,
.branchHeader, .drawerHead, .settingsInfo {
  background: var(--work-tint-soft)!important;
  border-color: var(--work-border)!important;
}
.staffForm, .staffTableWrap, .rightsItems, .drawerBody, .loginForm {
  background: var(--work-tint)!important;
}
.staffFields input:not([type=checkbox]), .ap-input-wrap input, .formField input,
.loginForm input, .staffForm input:not([type=checkbox]):not([type=file]),
.photoUploadRow, .photoFileName {
  background:var(--work-input)!important;
  border-color: #d2e5ee!important;
}
.staffFields input:focus, .ap-input-wrap input:focus, .formField input:focus,
.staffForm input:focus { border-color:#9ec2d4!important; box-shadow:0 0 0 3px #d1e8f080!important; }
.branchGrid, .staffPhotoField, .rightsGroup {
  border-color:var(--work-border)!important;
  background:var(--work-tint)!important;
}
.staffTable th { background:var(--work-tint-soft)!important; border-color:var(--work-border)!important; }
.staffTable td { background:#f6fafc!important; border-color:#e0edf3!important; }
.staffTable tbody tr:nth-child(odd) td {background:var(--work-stripe)!important;}
.staffTable tbody tr:hover td {background:#e8f3f9!important;}
.branchRow { background:#f6fafc!important; border-color:#e0edf3!important; }
.branchRow:nth-child(odd) { background:var(--work-stripe)!important; }
.rightRow { background:transparent!important; border-color:#e0edf3!important; }
.rightRow:hover, .branchRow:hover { background:#e8f3f9!important; }
.accountMenuPanel, .detail .empty { background:var(--work-tint)!important; border-color:var(--work-border)!important; }
.settingsUsersLink {background:#f0f7fb!important; border-color:#d3e5ee!important;}
.settingsUsersLink:hover {background:#e8f3f9!important;}
@media (prefers-reduced-motion:reduce) { * {scroll-behavior:auto!important;} }