.sa-yesterday-board{margin:20px 0;padding:18px;border:1px solid #dbe3f0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);font-family:Inter,sans-serif}.sa-yesterday-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.sa-yesterday-head h2{margin:0;color:#111827;font:800 17px/1.25 "Plus Jakarta Sans",Inter,sans-serif}.sa-yesterday-head p{margin:4px 0 0;color:#64748b;font-size:12px}.sa-yesterday-count{padding:7px 11px;border-radius:999px;background:#fff1f2;color:#be123c;font-size:12px;font-weight:800}.sa-yesterday-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.sa-yesterday-person{padding:11px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.sa-yesterday-person strong{display:block;color:#1e293b;font-size:13px}.sa-yesterday-person span{display:block;margin-top:3px;color:#64748b;font-size:11px}.sa-paid-leave{color:#047857!important;font-weight:800}.sa-empty{padding:16px;border-radius:12px;background:#ecfdf5;color:#047857;font-size:13px;font-weight:700}.sa-leave-domain{border:1px solid #f59e0b!important;background:#fffbeb!important;color:#92400e!important}.sa-enhancement-dialog{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.62);font-family:Inter,sans-serif}.sa-enhancement-dialog form{width:min(520px,100%);padding:24px;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.35)}.sa-enhancement-dialog h2{margin:0 0 6px;font:800 20px "Plus Jakarta Sans",sans-serif}.sa-enhancement-dialog p{margin:0 0 18px;color:#64748b;font-size:13px}.sa-enhancement-dialog label{display:block;margin:12px 0 5px;color:#334155;font-size:12px;font-weight:800}.sa-enhancement-dialog input,.sa-enhancement-dialog textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.sa-enhancement-dialog textarea{min-height:100px;resize:vertical}.sa-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.sa-dialog-actions button{padding:10px 16px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font-weight:800}.sa-dialog-actions button[type=submit]{border-color:#f59e0b;background:#f59e0b;color:#fff}.sa-form-error{min-height:18px;margin-top:8px;color:#dc2626;font-size:12px}.sa-polished-modal{align-items:center!important;padding:16px!important}.sa-polished-modal>div{max-height:calc(100vh - 32px)!important;overflow:hidden!important}.sa-polished-modal [class*="overflow-y-auto"]{overscroll-behavior:contain;scrollbar-gutter:stable}.sa-polished-modal [class*="min-h-"]{min-height:0!important}.sa-polished-modal [class*="h-\["]{max-height:72vh!important}.sa-polished-modal button:focus-visible,.sa-enhancement-dialog button:focus-visible,.sa-enhancement-dialog input:focus-visible,.sa-enhancement-dialog textarea:focus-visible{outline:3px solid rgba(79,70,229,.3);outline-offset:2px}@media(max-width:720px){.sa-yesterday-list{grid-template-columns:1fr}.sa-yesterday-head{flex-direction:column}.sa-polished-modal{padding:0!important}.sa-polished-modal>div{width:100vw!important;max-width:none!important;max-height:100vh!important;border-radius:0!important}.sa-enhancement-dialog{padding:10px}.sa-enhancement-dialog form{padding:18px}}
.sa-reminder-tabs{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-left:auto}.sa-reminder-tabs button{min-width:62px;padding:8px 11px;border:1px solid #c7d2fe;border-radius:10px;background:#fff;color:#4338ca;font:800 11px/1 Inter,sans-serif;cursor:pointer}.sa-reminder-tabs button:hover{border-color:#6366f1;background:#eef2ff}.sa-reminder-tabs button[aria-selected="true"]{border-color:#4f46e5;background:#4f46e5;color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.2)}.sa-reminder-results{flex-basis:100%;margin:8px 0 0;padding:10px 12px;border:1px solid #ddd6fe;border-radius:10px;background:rgba(255,255,255,.72);color:#475569;font-size:12px}.sa-reminder-results strong{color:#312e81}.sa-reminder-domain-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.sa-reminder-domain-list span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#334155;font-weight:700}@media(max-width:720px){.sa-reminder-tabs{justify-content:flex-start;width:100%;margin:10px 0 0}.sa-reminder-tabs button{flex:1;min-width:52px}}
.sa-attendance-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sa-attendance-nav button,.sa-attendance-nav input{height:36px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;font:700 12px Inter,sans-serif}.sa-attendance-nav button{min-width:36px;padding:0 10px;cursor:pointer}.sa-attendance-nav button:hover:not(:disabled){border-color:#6366f1;background:#eef2ff;color:#4338ca}.sa-attendance-nav button:disabled{cursor:not-allowed;opacity:.45}.sa-attendance-nav input{padding:0 10px}.sa-attendance-nav-status{min-width:84px;text-align:center;color:#64748b;font-size:11px;font-weight:700}@media(max-width:720px){.sa-attendance-nav{width:100%;justify-content:space-between}.sa-attendance-nav input{flex:1}}
.sa-week-off-count,.sa-paid-leave-count{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.sa-week-off-count{background:#eff6ff;color:#1d4ed8}.sa-paid-leave-count{background:#ecfdf5;color:#047857}.sa-status-week_off{border-color:#bfdbfe;background:#eff6ff}.sa-status-paid_leave{border-color:#a7f3d0;background:#ecfdf5}.sa-week-off{color:#1d4ed8!important;font-weight:800}.sa-absent{color:#64748b!important}.sa-paid-leave{color:#047857!important;font-weight:800}@media(max-width:720px){.sa-yesterday-count,.sa-week-off-count,.sa-paid-leave-count{flex:1;text-align:center}}

/* Employee workspace: use the available viewport without making forms hard to scan. */
.sa-polished-modal{align-items:center!important;padding:clamp(8px,1.5vw,24px)!important}
.sa-employee-modal{width:min(92vw,1360px)!important;max-width:1360px!important;height:min(90vh,920px)!important;max-height:calc(100vh - 24px)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 24px 70px rgba(15,23,42,.28)!important}
.sa-employee-header{min-height:82px;padding:16px clamp(18px,2vw,32px)!important;gap:14px;flex-wrap:wrap}
.sa-employee-workspace{min-height:0!important;overflow:hidden}
.sa-employee-tabs{width:clamp(210px,13vw,232px)!important;padding:14px 12px!important;border-right:1px solid #e2e8f0;background:#f8fafc}
.sa-employee-tabs button{min-height:40px!important;border-radius:11px!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}
.sa-employee-body{min-width:0!important;padding:clamp(20px,2vw,32px)!important;overscroll-behavior:contain;scrollbar-gutter:stable;background:#f8fafc!important}
.sa-employee-content{width:min(100%,980px)!important;max-width:980px!important;margin-inline:auto}
.sa-polished-modal [class*="min-h-"]{min-height:0!important}
.sa-polished-modal button:focus-visible,.sa-polished-modal input:focus-visible,.sa-polished-modal select:focus-visible,.sa-enhancement-dialog button:focus-visible,.sa-enhancement-dialog input:focus-visible,.sa-enhancement-dialog textarea:focus-visible{outline:3px solid rgba(79,70,229,.3)!important;outline-offset:2px}
.sa-polished-modal button,.sa-polished-modal input,.sa-polished-modal select{touch-action:manipulation}
@media(max-width:900px){.sa-polished-modal{padding:8px!important}.sa-employee-modal{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-height:none!important;border-radius:20px!important}.sa-employee-header{min-height:auto;padding:14px 16px!important}.sa-employee-workspace{flex-direction:column!important}.sa-employee-tabs{width:100%!important;height:auto!important;max-height:none!important;min-height:62px;display:flex!important;flex-direction:row!important;gap:8px;padding:10px 12px!important;border-right:0;border-bottom:1px solid #e2e8f0;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin}.sa-employee-tabs button{flex:0 0 auto!important;min-height:40px!important;padding-inline:14px!important;white-space:nowrap}.sa-employee-body{padding:18px!important}.sa-employee-content{width:100%!important;max-width:none!important}}
@media(max-width:640px){.sa-yesterday-list{grid-template-columns:1fr}.sa-yesterday-head{flex-direction:column}.sa-polished-modal{padding:0!important}.sa-employee-modal{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important}.sa-employee-header{position:relative;padding:12px!important;gap:10px}.sa-employee-header>div:first-child{min-width:0}.sa-employee-header h3{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-employee-header select{height:40px!important}.sa-employee-tabs{min-height:58px;padding:8px!important}.sa-employee-tabs button{min-height:38px!important;font-size:11px!important}.sa-employee-body{padding:14px!important}.sa-employee-content{gap:16px!important}.sa-enhancement-dialog{padding:10px}.sa-enhancement-dialog form{padding:18px}}
@media(prefers-reduced-motion:reduce){.sa-employee-tabs button{transition:none}}

/* Final balanced shell. Kept highly specific so the compiled Tailwind widths cannot override it. */
.employee-detail-backdrop.sa-polished-modal>.employee-detail-modal.sa-employee-modal{width:min(calc(100vw - 48px),1200px)!important;max-width:1200px!important;height:min(86vh,780px)!important;max-height:calc(100vh - 40px)!important;border-radius:22px!important}
.employee-detail-modal.sa-employee-modal .employee-detail-tabs.sa-employee-tabs{width:220px!important;min-width:220px!important}
.employee-detail-modal.sa-employee-modal .employee-detail-modal-body.sa-employee-body{padding:24px 28px!important}
.employee-detail-modal.sa-employee-modal .employee-detail-modal-body.sa-employee-body>.sa-employee-content{width:min(100%,880px)!important;max-width:880px!important}
@media(max-width:1100px){.employee-detail-backdrop.sa-polished-modal>.employee-detail-modal.sa-employee-modal{width:calc(100vw - 28px)!important;height:calc(100vh - 28px)!important;max-height:none!important}.employee-detail-modal.sa-employee-modal .employee-detail-tabs.sa-employee-tabs{width:205px!important;min-width:205px!important}.employee-detail-modal.sa-employee-modal .employee-detail-modal-body.sa-employee-body{padding:20px!important}}
@media(max-width:900px){.employee-detail-backdrop.sa-polished-modal>.employee-detail-modal.sa-employee-modal{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important}.employee-detail-modal.sa-employee-modal .employee-detail-tabs.sa-employee-tabs{width:100%!important;min-width:0!important}.employee-detail-modal.sa-employee-modal .employee-detail-modal-body.sa-employee-body>.sa-employee-content{width:100%!important;max-width:none!important}}
@media(max-width:640px){.employee-detail-backdrop.sa-polished-modal>.employee-detail-modal.sa-employee-modal{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}}

/* Compact calendar sections: keep navigation, summary, calendar and requests visible together. */
.sa-login-errors-view .sa-employee-tabs{gap:3px!important;padding:10px!important;overflow-y:hidden!important}
.sa-login-errors-view .sa-employee-tabs button{height:30px!important;min-height:30px!important;padding:4px 10px!important;border-radius:9px!important;font-size:10px!important;line-height:11px!important}
.sa-login-errors-view .sa-employee-body{overflow-y:hidden!important;padding-block:16px!important}
.sa-login-errors-view .sa-employee-content{height:100%!important;display:grid!important;grid-template-rows:76px minmax(0,1fr)!important;gap:14px!important}
.sa-login-errors-view .sa-employee-content>div:first-child{height:76px!important;gap:14px!important}
.sa-login-errors-view .sa-employee-content>div:first-child>div{height:76px!important;padding:14px 16px!important;border-radius:20px!important}
.sa-login-errors-view .sa-employee-content>div:nth-child(2){height:100%!important;min-height:0!important;gap:18px!important;grid-template-columns:minmax(0,2fr) minmax(250px,1fr)!important}
.sa-login-errors-view .sa-employee-content>div:nth-child(2)>*{height:100%!important;min-height:0!important}
.sa-login-errors-view .unified-calendar{height:100%!important;border-radius:16px!important}
.sa-login-errors-view .unified-calendar>div:first-child{height:48px!important;padding:8px 14px!important;gap:6px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2){height:calc(100% - 80px)!important;padding:8px 10px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2)>div{height:100%!important;padding:6px!important;border-radius:16px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2)>div>div:first-child{height:28px!important;margin-bottom:4px!important;align-items:center!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2)>div>div:nth-child(2){height:calc(100% - 32px)!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:5px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2)>div>div:nth-child(2)>*{min-height:0!important;padding:4px!important;border-radius:12px!important}
.sa-login-errors-view .unified-calendar>div:last-child{height:32px!important;padding:6px 14px!important;gap:12px!important}
@media(max-width:900px){.sa-login-errors-view .sa-employee-body{overflow-y:auto!important}.sa-login-errors-view .sa-employee-content{height:auto!important;display:block!important}.sa-login-errors-view .sa-employee-content>div:first-child{height:auto!important;margin-bottom:14px}.sa-login-errors-view .sa-employee-content>div:nth-child(2){height:auto!important;display:grid!important;grid-template-columns:1fr!important}.sa-login-errors-view .sa-employee-content>div:nth-child(2)>*{height:430px!important}}

/* Stable dense-admin layout: natural heights prevent compressed or overlapping calendar rows. */
.sa-login-errors-view .sa-employee-tabs{gap:2px!important;padding:10px!important}
.sa-login-errors-view .sa-employee-tabs button{height:34px!important;min-height:34px!important;padding:5px 10px!important;font-size:10.5px!important;line-height:12px!important}
.sa-login-errors-view .sa-employee-body{overflow-y:auto!important;padding:16px 24px!important}
.sa-login-errors-view .sa-employee-content{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:16px!important}
.sa-login-errors-view .sa-employee-content>div:first-child{height:88px!important;min-height:88px!important;margin:0!important;gap:14px!important}
.sa-login-errors-view .sa-employee-content>div:first-child>div{height:88px!important;padding:16px 18px!important;border-radius:18px!important}
.sa-login-errors-view .sa-employee-content>div:nth-child(2){display:grid!important;grid-template-columns:minmax(0,2fr) minmax(270px,1fr)!important;gap:18px!important;height:450px!important;min-height:450px!important}
.sa-login-errors-view .sa-employee-content>div:nth-child(2)>*{height:450px!important;min-height:450px!important;grid-column:auto!important}
.sa-login-errors-view .unified-calendar{height:450px!important;border-radius:16px!important}
.sa-login-errors-view .unified-calendar>div:first-child{height:52px!important;padding:10px 16px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2){height:360px!important;padding:10px 12px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2)>div{height:340px!important;padding:7px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2)>div>div:first-child{height:30px!important;margin-bottom:5px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2)>div>div:nth-child(2){height:291px!important;grid-template-rows:repeat(5,55px)!important;gap:4px!important}
.sa-login-errors-view .unified-calendar>div:nth-child(2)>div>div:nth-child(2)>*{min-height:55px!important;padding:6px!important;border-radius:11px!important}
.sa-login-errors-view .unified-calendar>div:last-child{height:36px!important;padding:8px 16px!important}
@media(max-width:760px){.sa-login-errors-view .sa-employee-tabs button{height:44px!important;min-height:44px!important;font-size:11px!important}.sa-login-errors-view .sa-employee-content>div:first-child{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}.sa-login-errors-view .sa-employee-content>div:first-child>div{height:82px!important}.sa-login-errors-view .sa-employee-content>div:nth-child(2){grid-template-columns:1fr!important;height:auto!important;min-height:0!important}.sa-login-errors-view .sa-employee-content>div:nth-child(2)>*{height:450px!important;min-height:450px!important}}

/* Tab rail only: retain the exact live modal and content layout. */
.sa-clean-employee-tabs{gap:3px!important;padding:10px 12px!important;background:#f8fafc!important;overflow-y:auto!important;scrollbar-width:none!important}
.sa-clean-employee-tabs::-webkit-scrollbar{display:none!important}
.sa-clean-employee-tabs button{min-height:34px!important;height:auto!important;padding:7px 12px!important;border:1px solid transparent!important;border-radius:9px!important;color:#64748b!important;font-size:10.5px!important;line-height:13px!important;font-weight:800!important;text-align:left!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}
.sa-clean-employee-tabs button:hover{background:#eef2ff!important;border-color:#e0e7ff!important;color:#4338ca!important}
.sa-clean-employee-tabs button[class*="bg-indigo"],.sa-clean-employee-tabs button[aria-current="page"]{background:#4f46e5!important;border-color:#4338ca!important;color:#fff!important;box-shadow:0 2px 6px rgba(79,70,229,.2)!important}
.sa-clean-employee-tabs button:focus-visible{outline:3px solid rgba(79,70,229,.25)!important;outline-offset:1px!important}
.sa-employee-tab-help{display:none!important}
@media(max-width:720px){.sa-clean-employee-tabs{gap:6px!important;padding:8px!important;scrollbar-width:thin!important}.sa-clean-employee-tabs button{min-height:44px!important;padding:9px 14px!important;font-size:11px!important;white-space:nowrap!important}}
.sa-profile-email-card{min-width:0!important;overflow:hidden!important}
.sa-profile-email{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;line-height:1.35!important}
.employee-detail-modal .grid.grid-cols-1.md\:grid-cols-3.gap-6>div{border-radius:18px!important}

/* Notification center: compact, calm admin UI with clear information hierarchy. */
.notification-center-modal{
  width:min(440px,calc(100vw - 24px))!important;
  max-height:min(72vh,560px)!important;
  border:1px solid #dfe5ef!important;
  border-radius:20px!important;
  box-shadow:0 24px 60px rgba(15,23,42,.22)!important;
}
.notification-center-modal>div:first-child{
  padding:18px 20px 16px!important;
  background:#fff!important;
  border-bottom:1px solid #e8edf5!important;
}
.notification-center-modal>div:first-child h4{
  color:#172033!important;
  font-size:17px!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
}
.notification-center-modal>div:first-child p{
  margin-top:3px!important;
  color:#718096!important;
  font-size:12px!important;
}
.notification-center-modal>div:first-child span{
  padding:5px 9px!important;
  border:1px solid #dfe3ff!important;
  border-radius:8px!important;
  background:#f4f5ff!important;
  color:#4f46e5!important;
  box-shadow:none!important;
  font-size:11px!important;
}
.notification-center-modal button[aria-label="Close notifications"]{
  width:34px!important;
  height:34px!important;
  border:1px solid #e5e9f1!important;
  border-radius:10px!important;
  background:#f7f9fc!important;
  color:#708099!important;
}
.notification-center-modal button[aria-label="Close notifications"]:hover{
  background:#eef1f7!important;
  color:#25324a!important;
}
.notification-center-modal>div:nth-child(2){
  max-height:min(50vh,360px)!important;
  background:#fff!important;
}
.notification-center-modal>div:nth-child(2)>div.group{
  padding:15px 20px!important;
  background:#fff!important;
  border-left:3px solid transparent!important;
}
.notification-center-modal>div:nth-child(2)>div.group:hover{
  background:#f8fafc!important;
}
.notification-center-modal>div:nth-child(2)>div.group:not(.bg-white){
  background:#fafaff!important;
  border-left-color:#635bff!important;
}
.notification-center-modal>div:nth-child(2)>div.group>div>div:first-child{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
}
.notification-center-modal>div:nth-child(2)>div.group p:first-child{
  color:#202a3d!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.notification-center-modal>div:nth-child(2)>div.group p+ p{
  margin-top:4px!important;
  color:#8a97aa!important;
  font-size:11px!important;
}
.notification-center-modal>div:nth-child(2)>div.group button{
  opacity:.7!important;
  border-radius:8px!important;
}
.notification-center-modal>div:nth-child(2)>div.group button:hover,
.notification-center-modal>div:nth-child(2)>div.group button:focus-visible{
  opacity:1!important;
}
.notification-center-modal>div:last-child.px-5{
  padding:12px 20px 14px!important;
  background:#fff!important;
  border-top:1px solid #e8edf5!important;
}
.notification-center-modal>div:last-child.px-5>button{
  width:auto!important;
  height:34px!important;
  margin-left:auto!important;
  margin-right:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#64748b!important;
  box-shadow:none!important;
  letter-spacing:.08em!important;
}
.notification-center-modal>div:last-child.px-5>button:hover{
  transform:none!important;
  background:#fff1f2!important;
  color:#e11d48!important;
}
@media (max-width:640px){
  .notification-center-modal{
    width:calc(100vw - 20px)!important;
    max-height:82vh!important;
    border-radius:18px!important;
  }
  .notification-center-modal>div:first-child,
  .notification-center-modal>div:nth-child(2)>div.group{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

.sa-domain-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 10px;padding:10px 12px;border:1px solid #dbe3f0;border-radius:10px;background:#fff;color:#334155}.sa-domain-bulk-bar strong{font-size:12px}.sa-domain-bulk-bar>div{display:flex;flex-wrap:wrap;gap:7px}.sa-domain-bulk-bar button{min-height:34px;padding:0 11px;border:1px solid #c7d2fe;border-radius:8px;background:#f8faff;color:#4338ca;font-size:11px;font-weight:800;cursor:pointer}.sa-domain-bulk-bar .sa-bulk-leave{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.sa-domain-bulk-bar .sa-bulk-clear{border-color:#e2e8f0;background:#fff;color:#64748b}.sa-domain-bulk-bar button:disabled{cursor:not-allowed;opacity:.45}.sa-domain-select-head,.sa-domain-select-cell{box-sizing:border-box;width:42px!important;padding-left:14px!important;padding-right:4px!important;text-align:center}.sa-domain-select-head input,.sa-domain-select-cell input{width:16px;height:16px;accent-color:#4f46e5;cursor:pointer}.sa-no-expiry-row{background:#fffbeb!important}.sa-no-expiry-row:hover{background:#fff7d6!important}.sa-no-expiry{display:inline-block;padding:4px 7px;border:1px solid #fbbf24;border-radius:6px;background:#fef3c7;color:#92400e;font-size:9px;font-weight:900;letter-spacing:.05em}.sa-no-expiry+small{display:block;margin-top:4px;color:#a16207;font-size:9px;line-height:1.25}.sa-danger-action{background:#dc2626!important}.sa-danger-action:hover{background:#b91c1c!important}@media(max-width:720px){.sa-domain-bulk-bar{align-items:flex-start;flex-direction:column;margin-left:8px;margin-right:8px}.sa-domain-bulk-bar>div{width:100%}.sa-domain-bulk-bar button{flex:1}.sa-domain-select-head,.sa-domain-select-cell{width:34px!important;padding-left:8px!important}}
.sa-domain-cards{grid-column:1/-1;margin:4px 0 2px;padding:15px;border:1px solid #dbe3f0;border-radius:14px;background:#fff}.sa-domain-cards-head,.sa-domain-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.sa-domain-cards-head strong{display:block;color:#172033;font-size:13px}.sa-domain-cards-head span{display:block;margin-top:3px;color:#64748b;font-size:11px}.sa-add-card,.sa-save-cards{padding:9px 13px;border:1px solid #c7d2fe;border-radius:9px;background:#fff;color:#4338ca;font-size:12px;font-weight:800;cursor:pointer}.sa-save-cards{border-color:#4f46e5;background:#4f46e5;color:#fff}.sa-domain-card-list{display:grid;gap:9px;margin-top:12px}.sa-domain-card-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 36px;align-items:end;gap:9px;padding:10px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}.sa-domain-card-row label span{display:block;margin:0 0 5px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sa-domain-card-row input{box-sizing:border-box;width:100%;height:38px;padding:0 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033;font:600 13px Inter,sans-serif}.sa-remove-card{width:36px;height:38px;border:1px solid #fecaca;border-radius:8px;background:#fff;color:#dc2626;font-size:20px;cursor:pointer}.sa-domain-card-footer{margin-top:10px}.sa-card-status{min-height:17px;color:#64748b;font-size:11px}.sa-card-status[data-state=error]{color:#dc2626}.sa-card-status[data-state=success]{color:#047857;font-weight:700}.sa-save-cards:disabled{cursor:wait;opacity:.6}@media(max-width:640px){.sa-domain-card-row{grid-template-columns:1fr 100px 36px}.sa-domain-cards-head{align-items:flex-start;flex-direction:column}.sa-add-card{width:100%}}
.sa-domain-cards-inline{grid-column:auto;align-self:stretch;box-sizing:border-box;min-width:0;margin:0;padding:12px;box-shadow:none}.sa-domain-cards-inline .sa-domain-cards-head span{display:none}.sa-domain-cards-inline .sa-domain-card-list{max-height:132px;overflow:auto}.sa-domain-cards-inline .sa-domain-card-row{grid-template-columns:minmax(0,1fr) 96px 32px;padding:7px}.sa-domain-cards-inline .sa-domain-card-row input{height:34px}.sa-domain-cards-inline .sa-remove-card{width:32px;height:34px}.sa-domain-cards-inline .sa-add-card,.sa-domain-cards-inline .sa-save-cards{padding:8px 10px}
@media(max-width:760px){.sa-domain-cards-inline{grid-column:1/-1}.sa-domain-cards-inline .sa-domain-card-row{grid-template-columns:minmax(0,1fr) 90px 32px}}

/* Reminders: keep the completed action close to its section label and make its purpose clear. */
.sa-clear-completed{
  min-height:34px!important;
  margin-left:12px!important;
  padding:0 12px!important;
  border:1px solid #fecdd3!important;
  border-radius:9px!important;
  background:#fff7f8!important;
  color:#be123c!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  line-height:1!important;
}
.sa-clear-completed:hover{
  border-color:#fda4af!important;
  background:#fff1f2!important;
  color:#9f1239!important;
  transform:none!important;
}
.sa-clear-completed:focus-visible{
  outline:3px solid rgba(244,63,94,.2)!important;
  outline-offset:2px!important;
}
.sa-clear-completed:disabled{
  cursor:wait!important;
  opacity:.55!important;
}
section:has(>div>.sa-clear-completed)>div:first-child{
  justify-content:flex-start!important;
}
@media(max-width:640px){
  .sa-clear-completed{margin-left:auto!important;min-height:38px!important}
}

/* Notification center v2: compact non-blocking tray anchored to the header. */
.notification-center-backdrop{
  background:rgba(15,23,42,.08)!important;
  backdrop-filter:none!important;
}
.notification-center-modal{
  inset:76px 22px auto auto!important;
  margin:0!important;
  width:min(400px,calc(100vw - 24px))!important;
  max-height:min(70vh,520px)!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.18),0 2px 8px rgba(15,23,42,.08)!important;
}
.notification-center-modal>div:first-child{
  padding:14px 16px!important;
}
.notification-center-modal>div:first-child h4{
  font-size:15px!important;
}
.notification-center-modal>div:first-child p{
  display:none!important;
}
.notification-center-modal button[aria-label="Close notifications"]{
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
}
.notification-center-modal>div:nth-child(2)>div.py-12{
  min-height:0!important;
  padding:22px 18px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:2px!important;
  text-align:left!important;
  align-items:center!important;
}
.notification-center-modal>div:nth-child(2)>div.py-12>div{
  grid-row:1 / span 2!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border-radius:11px!important;
}
.notification-center-modal>div:nth-child(2)>div.py-12>p{
  margin:0!important;
}
.notification-center-modal>div:nth-child(2)>div.py-12>p:nth-of-type(1){
  align-self:end!important;
  color:#334155!important;
  font-size:13px!important;
}
.notification-center-modal>div:nth-child(2)>div.py-12>p:nth-of-type(2){
  align-self:start!important;
  color:#94a3b8!important;
  font-size:11px!important;
}
@media (max-width:640px){
  .notification-center-modal{
    inset:68px 10px auto 10px!important;
    width:auto!important;
    border-radius:14px!important;
  }
}

.sa-domain-bulk-bar .sa-bulk-delete{border-color:#fecaca;background:#fff1f2;color:#be123c}.sa-delete-confirm{display:flex!important;align-items:flex-start;gap:9px;padding:11px;border:1px solid #fecaca;border-radius:9px;background:#fff1f2;color:#9f1239!important}.sa-delete-confirm input{width:17px!important;height:17px!important;margin:1px 0 0!important;accent-color:#dc2626}
.sa-domain-bulk-summary{display:flex;align-items:center;gap:14px}.sa-domain-bulk-summary label{display:flex;align-items:center;gap:7px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sa-domain-bulk-summary select{height:34px;padding:0 28px 0 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:11px;font-weight:700;text-transform:none;letter-spacing:0}.sa-domain-bulk-summary select:focus-visible{outline:3px solid rgba(79,70,229,.18);border-color:#818cf8}@media(max-width:720px){.sa-domain-bulk-summary{width:100%;justify-content:space-between}.sa-domain-bulk-summary label{flex:1}.sa-domain-bulk-summary select{width:100%}}
.sa-expiry-filter-control{position:relative;display:block;min-width:170px}.sa-expiry-filter-control>span{position:absolute;z-index:1;top:5px;left:11px;color:#64748b;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.sa-expiry-filter-control select{box-sizing:border-box;width:100%;height:44px;padding:14px 30px 2px 11px;border:1px solid #dbe3f0;border-radius:9px;background:#fff;color:#1e293b;font-size:12px;font-weight:700}.sa-expiry-filter-control select:focus-visible{outline:3px solid rgba(79,70,229,.16);border-color:#818cf8}@media(max-width:720px){.sa-expiry-filter-control{width:100%;min-width:0}}
.sa-bulk-choice{height:34px;min-width:130px;padding:0 28px 0 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:11px;font-weight:800}.sa-bulk-choice:disabled{cursor:not-allowed;opacity:.45}@media(max-width:720px){.sa-domain-bulk-summary{flex-wrap:wrap}.sa-bulk-choice{flex:1}}
.sa-domain-status-head,.sa-domain-renewal-head,.sa-domain-status-cell,.sa-domain-renewal-cell{width:96px!important;text-align:center!important}.sa-row-toggle{min-width:64px;height:30px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.02em;cursor:pointer}.sa-row-toggle.is-on{border:1px solid #86efac;background:#ecfdf5;color:#047857}.sa-row-toggle.is-off{border:1px solid #cbd5e1;background:#f1f5f9;color:#64748b}.sa-row-toggle:focus-visible{outline:3px solid rgba(79,70,229,.18);outline-offset:2px}.sa-row-toggle:disabled{cursor:wait;opacity:.55}@media(max-width:900px){.sa-domain-status-head,.sa-domain-renewal-head,.sa-domain-status-cell,.sa-domain-renewal-cell{width:78px!important}.sa-row-toggle{min-width:56px;padding:0 7px}}

/* Master Settings biometric bridge status */
.sa-biometric-bridge{box-sizing:border-box;display:flex;flex:1 1 100%;align-self:stretch;order:99;grid-column:1/-1;align-items:center;justify-content:space-between;gap:24px;width:100%;margin:18px 0 4px;padding:18px 20px;border:1px solid #d8e0ec;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.045)}
.sa-biometric-bridge-copy{display:flex;align-items:center;gap:14px;min-width:0}.sa-biometric-bridge-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;background:#f1f3ff;color:#5145cd}.sa-biometric-bridge-icon svg{width:22px;height:22px}.sa-biometric-bridge-label{display:block;margin-bottom:3px;color:#8390a7;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sa-biometric-bridge-title{display:flex;align-items:center;gap:10px}.sa-biometric-bridge-title strong{color:#172033;font-size:14px;line-height:1.3}.sa-biometric-bridge-message{margin:5px 0 0;color:#5c6c86;font-size:12px;line-height:1.45}.sa-biometric-bridge-state{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:10px;font-weight:800}.sa-biometric-bridge-state i{display:block;width:7px;height:7px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px #f1f5f9}.sa-biometric-bridge-state[data-state=online]{color:#087a55}.sa-biometric-bridge-state[data-state=online] i{background:#10b981;box-shadow:0 0 0 3px #d1fae5}.sa-biometric-bridge-state[data-state=offline]{color:#b4233d}.sa-biometric-bridge-state[data-state=offline] i{background:#f43f5e;box-shadow:0 0 0 3px #ffe4e6}.sa-biometric-bridge-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}.sa-biometric-bridge-time{color:#8b98ac;font-size:10px;white-space:nowrap}.sa-biometric-bridge-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 15px;border:1px solid #c7d2fe;border-radius:10px;background:#fff;color:#4338ca;font-size:12px;font-weight:800;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.sa-biometric-bridge-actions button:hover{border-color:#a5b4fc;background:#f5f6ff}.sa-biometric-bridge-actions button:focus-visible{outline:3px solid rgba(79,70,229,.18);outline-offset:2px}.sa-biometric-bridge-actions button:disabled{cursor:wait;opacity:.58}@media(max-width:720px){.sa-biometric-bridge{align-items:stretch;flex-direction:column;gap:15px;padding:16px}.sa-biometric-bridge-copy{align-items:flex-start}.sa-biometric-bridge-actions{justify-content:space-between;padding-left:56px}.sa-biometric-bridge-actions button{min-width:132px}}@media(max-width:440px){.sa-biometric-bridge-actions{align-items:stretch;flex-direction:column;padding-left:0}.sa-biometric-bridge-time{padding-left:56px}.sa-biometric-bridge-actions button{width:100%}}
/* Domain workspace: headers and cells share one layout, including added controls. */
.sa-domain-table{width:100%!important;min-width:1240px!important;table-layout:auto;border-collapse:collapse!important;border-spacing:0!important;font-family:Inter,Arial,sans-serif}
.sa-domain-table th,.sa-domain-table td{display:table-cell!important;float:none!important;vertical-align:middle!important;text-align:left!important;padding:14px 12px!important}
.sa-domain-table th{background:#f5f7fb!important;color:#52617a!important;font-size:10px!important;font-weight:800!important;letter-spacing:.06em!important;white-space:nowrap;border-bottom:1px solid #dbe3ee!important}
.sa-domain-table tbody td{border-bottom:1px solid #dce3ed!important;font-size:12px!important;font-weight:500!important}
.sa-domain-table tbody tr:last-child td{border-bottom:1px solid #dce3ed!important}
.sa-domain-table tbody tr:hover{background:#f8faff!important}
.sa-domain-table th:first-child,.sa-domain-table td:first-child{width:40px!important;text-align:center!important;padding-inline:10px!important}
.sa-domain-table td:nth-child(2){min-width:245px;max-width:350px;overflow-wrap:anywhere}
.sa-domain-table td:nth-child(6){min-width:185px;max-width:250px;overflow-wrap:anywhere}
.sa-domain-table td:nth-child(2) a,.sa-domain-table td:nth-child(6) p{font-size:12px!important;font-weight:650!important;line-height:1.5!important}
.sa-domain-table th:last-child,.sa-domain-table td:last-child{min-width:225px;text-align:right!important}
.sa-domain-table .sa-domain-status-cell,.sa-domain-table .sa-domain-renewal-cell,.sa-domain-table .sa-domain-status-head,.sa-domain-table .sa-domain-renewal-head{text-align:center!important;min-width:82px}
.sa-domain-table [hidden]{display:none!important}
.sa-domain-table input[type=checkbox]{width:16px;height:16px;accent-color:#5346d7;cursor:pointer}
.sa-domain-filter-layout{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:16px;align-items:start!important}
.sa-domain-filter-layout>div:first-child{flex:1 1 220px}
.sa-domain-native-filters{display:grid!important;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(125px,1fr))!important;gap:10px!important;flex:1 1 760px!important;width:auto!important;align-items:end}
.sa-domain-filter-field{position:static!important;display:flex!important;flex-direction:column;gap:6px;min-width:0!important;width:auto!important}
.sa-domain-filter-field>span,.sa-domain-search-label{position:static!important;display:block!important;color:#52617a!important;font:700 10px/1.2 Inter,Arial,sans-serif!important;text-transform:none!important;letter-spacing:.02em!important}
.sa-domain-search-label{margin-bottom:6px}
.sa-domain-native-filters label:has(input)>svg{top:calc(50% + 8px)!important}
.sa-domain-filter-field select,.sa-domain-filter-field input,.sa-domain-native-filters input{box-sizing:border-box;width:100%;height:42px!important;min-height:42px!important;padding:8px 10px!important;border:1px solid #d6dfeb!important;border-radius:8px!important;background:#fff!important;color:#24334d!important;font:500 12px Inter,Arial,sans-serif!important}
.sa-domain-native-filters input{padding-left:36px!important}
.sa-domain-extra-filters{flex:1 1 100%;width:100%;border-top:1px solid #e3e8ef;padding-top:14px}
.sa-domain-filter-grid{display:grid;grid-template-columns:minmax(210px,1.6fr) minmax(140px,1fr) minmax(125px,.8fr) repeat(2,minmax(145px,1fr)) auto;gap:10px;align-items:end}
.sa-clear-domain-filters{height:42px;white-space:nowrap;padding:0 16px;border:1px solid #c8c6f5;border-radius:8px;background:#f5f4ff;color:#4338a8;font:700 12px Inter,Arial,sans-serif;cursor:pointer}
.sa-clear-domain-filters:hover{background:#eae8ff}
.sa-domain-filter-field :focus-visible,.sa-clear-domain-filters:focus-visible{outline:3px solid #c7d2fe;outline-offset:2px}
.sa-domain-filter-footer{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:12px;font:600 12px Inter,Arial,sans-serif;color:#607089}
.sa-domain-range-error{color:#b4233d}
.sa-domain-filter-empty{padding:24px;text-align:center;color:#607089;font:500 13px Inter,Arial,sans-serif}
.sa-domain-filter-empty[hidden]{display:none}
.sa-domain-bulk-bar{box-sizing:border-box!important;gap:12px!important;flex-wrap:wrap!important;margin:12px!important;background:#fafbfe!important;border-color:#e2e8f0!important}
.sa-domain-bulk-summary{flex-wrap:wrap!important}
.sa-domain-bulk-bar>div:last-child{display:flex;flex-wrap:wrap;gap:7px}
@media(max-width:1200px){.sa-domain-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-domain-email-filter{grid-column:span 2}}
@media(max-width:640px){.sa-domain-native-filters,.sa-domain-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sa-domain-native-filters>label:first-child,.sa-domain-email-filter{grid-column:1/-1}.sa-clear-domain-filters{width:100%}.sa-domain-table{min-width:1240px!important}.sa-domain-bulk-summary{gap:8px!important}.sa-domain-filter-footer{font-size:11px}}

/* The matching count above includes every combined filter. */
.sa-domain-filter-layout + p{display:none!important}

/* Column filters live in their headings; native popovers escape table clipping. */
.sa-native-domain-filter-hidden{display:none!important}
.sa-heading-filter-summary{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:1;min-width:0;font:600 12px Inter,Arial,sans-serif;color:#607089}
.sa-column-filter-button{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-left:6px;border:1px solid transparent;border-radius:5px;background:transparent;color:#7a879d;vertical-align:middle;cursor:pointer}
.sa-column-filter-button:hover,.sa-column-filter-button.is-active{color:#4938c9;background:#eeecff;border-color:#cdc7ff}
.sa-column-filter-button:focus-visible{outline:3px solid #c7d2fe;outline-offset:2px}
.sa-heading-filter-panel{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:330px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:16px;border:1px solid #d7dfec;border-radius:12px;background:white;color:#24334d;box-shadow:0 14px 45px #0f172a26;font:500 12px/1.5 Inter,Arial,sans-serif;text-align:left;letter-spacing:normal;text-transform:none}
.sa-heading-filter-panel::backdrop{background:transparent}
.sa-heading-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px}
.sa-heading-panel-title>button{width:28px;height:28px;border:0;background:#f1f4f9;border-radius:6px;font-size:20px;color:#64748b;cursor:pointer}
.sa-heading-search,.sa-heading-range>label{display:flex;flex-direction:column;gap:5px;font-weight:600;color:#5d6b82}
.sa-heading-filter-panel input[type=search],.sa-heading-range input,.sa-heading-range select{box-sizing:border-box;width:100%;height:38px;padding:8px 10px;border:1px solid #d5deea;border-radius:7px;background:#fff;color:#24334d;font:500 12px Inter,Arial,sans-serif}
.sa-heading-options{display:grid;gap:2px;max-height:200px;overflow:auto;margin:10px 0;overscroll-behavior:contain}
.sa-heading-options label{display:flex;gap:9px;align-items:center;padding:7px 4px;border-radius:5px;cursor:pointer;font-weight:500}
.sa-heading-options label:hover{background:#f4f5fb}
.sa-heading-options label[hidden],.sa-heading-options-empty[hidden]{display:none!important}
.sa-heading-options input{flex-shrink:0;width:15px;height:15px;accent-color:#5543d6}
.sa-heading-options span{overflow-wrap:anywhere}
.sa-heading-options-empty{color:#7b8799;padding:10px 0}
.sa-heading-range{display:grid;gap:9px}
.sa-heading-range:has(label){border-top:1px solid #e5eaf1;padding-top:12px;margin-top:10px}
.sa-heading-range [role=alert]{color:#b4233d;margin:0;font-size:11px}
.sa-clear-column-filter{margin-top:14px;width:100%;height:35px;border:1px solid #d8d3f7;border-radius:7px;background:#f6f4ff;color:#4c3ab2;cursor:pointer;font:600 12px Inter,Arial,sans-serif}
.sa-heading-filter-panel :focus-visible{outline:3px solid #c7d2fe;outline-offset:2px}
@media(max-width:640px){.sa-heading-filter-summary{flex-wrap:wrap;justify-content:space-between}.sa-heading-filter-summary .sa-clear-domain-filters{width:auto}}

div:has(> .sa-heading-filter-summary) + p{display:none!important}