/* Restrained section accents; retain existing typography, sizing and layout. */
.erp-ui :is(.attendance-overview-grid,.settings-v2-summary)>article{--section-ink:#287567;--section-tint:#edf6f3;background:linear-gradient(120deg,var(--section-tint),#fff)!important;border-top:2px solid var(--section-ink)!important;}
.erp-ui :is(.attendance-overview-grid,.settings-v2-summary)>article:nth-child(2){--section-ink:#397b9e;--section-tint:#edf5fa;}
.erp-ui :is(.attendance-overview-grid,.settings-v2-summary)>article:nth-child(3){--section-ink:#766097;--section-tint:#f3eff8;}
.erp-ui :is(.attendance-overview-grid,.settings-v2-summary)>article:nth-child(4){--section-ink:#956b32;--section-tint:#faf4e9;}
.erp-ui :is(.attendance-overview-grid,.settings-v2-summary)>article strong{color:var(--section-ink);}
.erp-ui .attendance-v4 .attendance-v4-card,.erp-ui .settings-page-v2 .settings-v2-card{--section-ink:#287567;--section-tint:#edf6f3;border-color:#dce5e9;}
.erp-ui .attendance-v4 .attendance-history-card{--section-ink:#397b9e;--section-tint:#edf5fa;}
.erp-ui .settings-page-v2 .settings-v2-card:nth-of-type(even){--section-ink:#766097;--section-tint:#f3eff8;}
.erp-ui :is(.attendance-v4-card,.settings-v2-card)>header{background:linear-gradient(100deg,var(--section-tint),#fff 85%)!important;border-bottom-color:#dce5e9;}
.erp-ui :is(.attendance-v4-card,.settings-v2-card)>header>div>b{background:var(--section-tint);color:var(--section-ink);}
.erp-ui :is(.attendance-v4-card,.settings-v2-card)>header strong::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--section-ink);vertical-align:middle;}
.erp-ui .attendance-v4 .attendance-v4-head,.erp-ui .attendance-v4 .monthly-attendance-head{background:#f3f7f8;color:#657c85;}
.erp-ui .attendance-v4 .attendance-v4-row.selected{background:#edf6f3;box-shadow:inset 3px 0 #76ab9d;}
.erp-ui .attendance-v4 .attendance-v4-row:hover{background:#f4f9f7;}
.erp-ui .attendance-v4 .staff-identity i{background:#e7f2ee;color:#287567;}
.erp-ui .attendance-v4 .employee-branch-lines>div:first-child>strong{background:linear-gradient(100deg,#e1f0e6,#f5faf7);color:#285b40;}
.erp-ui .attendance-v4 .employee-branch-lines>div:nth-child(2)>strong{background:linear-gradient(100deg,#f2e7d7,#faf7f1);color:#624d35;}
.erp-ui .attendance-v4 .employee-branch-lines>div:nth-child(3)>strong{background:linear-gradient(100deg,#eee5f3,#faf7fc);color:#644975;}
.erp-ui .settings-page-v2 .settings-v2-work-head{background:linear-gradient(110deg,#edf6f3,#fff);border:1px solid #dce5e9;border-left:3px solid #76ab9d;border-radius:7px;padding:12px 14px;}
.erp-ui .settings-page-v2 .settings-v2-menu>button:not(.active){color:#526870;}
.erp-ui .settings-page-v2 .settings-v2-menu>button.active{background:linear-gradient(100deg,#e7f3ed,#f5faf7);color:#24695c;box-shadow:inset 3px 0 #287567;}
.erp-ui .settings-page-v2 .settings-v2-menu>button:hover:not(.active){background:#f5f9fa;}
.erp-ui .settings-page-v2 :is(.settings-switch-list-v2,.settings-rule-card-v2)>div>label{border-bottom-color:#e1e9ed;}
.erp-ui .settings-page-v2 .permission-groups-v2>section{border-color:#dce5e9;}
.erp-ui .settings-page-v2 input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;width:18px;height:18px;min-width:18px;flex:0 0 18px;padding:0;border:1px solid #aebbc2;border-radius:3px;background:#fff!important;box-shadow:none;cursor:pointer;vertical-align:middle;}
.erp-ui .settings-page-v2 input[type=checkbox]::before{content:"";width:9px;height:5px;border-left:2px solid #171717;border-bottom:2px solid #171717;transform:translateY(-1px) rotate(-45deg) scale(0);}
.erp-ui .settings-page-v2 input[type=checkbox]:checked{border-color:#7c898f;}
.erp-ui .settings-page-v2 input[type=checkbox]:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1);}
.erp-ui .settings-page-v2 input[type=checkbox]:focus-visible{outline:2px solid #526870;outline-offset:3px;}
.erp-ui .settings-page-v2 input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed;}
@media(forced-colors:active){.erp-ui .settings-page-v2 input[type=checkbox]{appearance:auto;}.erp-ui .settings-page-v2 input[type=checkbox]::before{display:none;}}
.erp-ui .settings-page-v2 .permission-grade-field{display:flex;align-items:center;gap:14px;padding:16px;font-size:14px;}
.erp-ui .settings-page-v2 .permission-grade-field select{width:180px;max-width:100%;min-height:36px;padding:6px 10px;background:#fff;border:1px solid #cbd9df;border-radius:6px;font:inherit;color:#263d48;}
.erp-ui .settings-page-v2 .permission-grade-field select:focus-visible{outline:2px solid #287567;outline-offset:2px;}
.erp-ui .settings-page-v2 .permission-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;align-items:start;}
.erp-ui .settings-page-v2 .permission-two-columns>section{min-width:0;border:1px solid #dce5e9;border-radius:7px;overflow:hidden;}
.erp-ui .settings-page-v2 .permission-two-columns>section>header{background:linear-gradient(100deg,#edf5f2,#fff);font-weight:500;}
.erp-ui .settings-page-v2 .permission-two-columns>section:nth-child(even)>header{background:linear-gradient(100deg,#f0edf7,#fff);}
.erp-ui .settings-page-v2 .permission-two-columns label strong{font-weight:400;}
.erp-ui .settings-page-v2 .permission-master-only{padding:12px 14px;margin:0;border-top:1px solid #e6ecee;color:#647982;font-size:13px;line-height:1.6;}
@media(max-width:760px){.erp-ui .settings-page-v2 .permission-two-columns{grid-template-columns:1fr;}.erp-ui .settings-page-v2 .permission-grade-field{flex-wrap:wrap;}}
/* Compact account permissions without changing the established type or palette. */
.erp-ui .settings-page-v2 .permission-card-v2>header{padding:10px 12px;min-height:0;gap:10px;flex-wrap:wrap;}
.erp-ui .settings-page-v2 .permission-card-v2 .permission-grade-field{padding:10px 12px;gap:10px;}
.erp-ui .settings-page-v2 .permission-card-v2 .permission-grade-field select{width:140px;min-height:32px;padding:4px 8px;}
.erp-ui .settings-page-v2 .permission-card-v2 .permission-two-columns{gap:8px;padding:10px 12px;}
.erp-ui .settings-page-v2 .permission-card-v2 .permission-two-columns>section>header{min-height:0;padding:7px 10px;}
.erp-ui .settings-page-v2 .permission-card-v2 .permission-two-columns label{min-height:38px;padding:6px 10px;gap:8px;}
.erp-ui .settings-page-v2 .permission-card-v2 .permission-two-columns label>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;min-width:0;}
.erp-ui .settings-page-v2 .permission-card-v2 .permission-two-columns label small{white-space:nowrap;}