/* Latest presentation rules, after the retained HR application's styles. */
[hidden]{display:none!important}
#hr-account{position:relative!important;inset:auto!important;flex:0 0 auto;max-width:none!important;margin:0 0 0 6px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;display:block}
#hr-account>summary{list-style:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce4ee;border-radius:10px;background:#f8faff;color:#334b70;cursor:pointer}
#hr-account>summary::-webkit-details-marker{display:none}
#hr-account>summary:focus-visible,.settings-tile:focus-visible,.workflow-step:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.hr-account-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;display:grid;gap:12px;width:250px;padding:16px;background:#fff;border:1px solid #dce4ee;border-radius:12px;box-shadow:0 12px 36px #13294b22}
.hr-account-email{overflow-wrap:anywhere;font-weight:650}.hr-account-menu #hr-live-status{color:#52657c}.hr-account-menu #hr-signout{text-align:left;border-top:1px solid #edf0f5;padding:10px 0 0;min-height:36px;color:#176cbb}
#hr-live-update{top:calc(var(--hr-topbar-height,68px) + 8px)!important}
.toolbar .field:has([data-thai-month-text]){min-width:210px!important}
.thai-date-control:has(>[data-thai-month-text]){min-width:210px}
.thai-date-control>[data-thai-month-text]{font-size:13px!important}
.hr-profile-menu{margin:7px 0 0}.hr-profile-menu>summary{width:max-content;list-style:none;cursor:pointer}
.hr-profile-menu>summary::-webkit-details-marker{display:none}.hr-profile-menu-body{padding:8px 0 0;display:grid;gap:6px}
.hr-profile-menu-body .hr-profile-actions{display:grid!important;gap:6px!important;margin:0!important}
.hr-profile-menu-body .btn{width:100%;text-align:left;justify-content:flex-start;white-space:normal}
#page-employees td{padding-top:12px!important;padding-bottom:12px!important}
.ui-period-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;min-height:36px}
.ui-period-details>summary:after{content:'รายละเอียด ▾';font-size:12px;color:#53657d;white-space:nowrap}.ui-period-details[open]>summary:after{content:'ย่อรายละเอียด ▴'}
.ui-period-details>summary::-webkit-details-marker{display:none}.ui-period-details>summary h3{margin:0;font-size:14px}.ui-period-content{padding-top:14px}
.settings-tile{cursor:pointer}.settings-tile p{line-height:1.6}.workflow-step{padding:9px 12px!important}
@media(min-width:768px){
 .payroll-summary-table th:first-child,.payroll-summary-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:2px 0 5px #223b5310}
 .payroll-summary-table th:first-child{background:#f8fafc;z-index:3}
}
@media(max-width:767px){
 #hr-account>summary{width:32px;height:32px}.hr-account-menu{position:fixed;top:calc(var(--hr-topbar-height,60px) + 8px);left:12px;right:12px;width:auto;max-width:calc(100vw - 24px)}
 .toolbar .field:has([data-thai-month-text]),.thai-date-control:has(>[data-thai-month-text]){min-width:0!important;width:100%!important}
 .thai-date-control>[data-thai-month-text]{font-size:16px!important}
 .hub-tabs[data-hub="payroll"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:6px!important;overflow:visible!important}
 .hub-tabs[data-hub="payroll"] .hub-tab{width:100%!important;min-width:0!important;white-space:normal!important;min-height:42px!important;padding:8px!important;font-size:12px!important}
 #page-payroll .workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 #page-payroll .workflow-step{display:grid!important;grid-template-columns:1fr;justify-items:center;gap:5px;padding:8px 4px!important;text-align:center;font-size:11px}
 #page-payroll .workflow-step span{display:none!important}#page-payroll .workflow-step b{font-size:11px!important}
 #page-payroll .payroll-checklist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 #page-dashboard .page-head>.toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
 #page-dashboard .page-head>.toolbar>.field{grid-column:1/-1!important}
 .hr-profile-menu>summary{min-height:40px!important}
}
@media print{#hr-account,.hr-profile-menu{display:none!important}.ui-period-details>summary:after{display:none}}
.hr-ot-inbox .nav-count{background:#dc2626!important;color:#fff!important;min-width:24px;flex-shrink:0}
.hr-ot-inbox .nav-label{font-size:13px}
.hr-tenure-note{margin:7px 0;color:#38587a;font-size:12px;line-height:1.6;font-weight:600}
.hr-employee-summary{padding:18px;background:#f7faff;border:1px solid #dce7f5;border-radius:14px;margin-bottom:22px}
.hr-employee-summary-head h3{margin:0 0 6px}.hr-employee-summary-head p{margin:0;color:#426384;font-weight:600}
.hr-employee-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:18px 0 0}
.hr-employee-summary dl>div{min-width:0}.hr-employee-summary dt{font-size:12px;color:#64748b;margin-bottom:4px}.hr-employee-summary dd{font-size:14px;font-weight:650;margin:0;overflow-wrap:anywhere;line-height:1.6}
.hr-tenure-dashboard .card-title h3{margin:0}.hr-tenure-dashboard .card-title p{margin:5px 0 0}
.hr-tenure-list{max-height:330px;overflow:auto}.hr-tenure-person{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px 4px;background:transparent;border:0;border-bottom:1px solid #e7edf5;text-align:left;cursor:pointer;color:#1e3654}
.hr-tenure-person:hover{background:#f3f7fe}.hr-tenure-person small{display:block;color:#64748b;font-size:12px;margin-top:4px}.hr-tenure-value{font-weight:650;font-size:13px;color:#2462a1;white-space:nowrap}
@media(max-width:650px){.hr-employee-summary dl{grid-template-columns:1fr}.hr-tenure-person{align-items:flex-start;flex-direction:column;gap:6px}.hr-tenure-dashboard .card-title{align-items:flex-start;flex-wrap:wrap}}
.batch-checkout-field{margin:14px 0;padding:14px;border:1px solid #dce4ee;border-radius:12px;background:#f8fafc}.batch-checkout-choice{display:flex;align-items:center;gap:8px;font-weight:650}.batch-checkout-choice input{width:18px;height:18px;flex-shrink:0}.batch-checkout-field>.field{margin-top:12px;max-width:240px}
.batch-ot-actual-times{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;color:#4d6381;font-size:12px}.batch-ot-actual-times .missing-out{color:#a16207}
.batch-ot-result{background:#effbf5;border:1px solid #b7e4c9;color:#21553b;margin-bottom:14px}.batch-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.batch-result-head p{margin:5px 0 0;font-size:12px;line-height:1.6}.batch-result-names{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.batch-result-names span{background:#fff;border:1px solid #d5eadf;border-radius:6px;padding:4px 7px;font-size:12px}
@media(max-width:767px){.batch-result-head{flex-direction:column}.batch-result-head>.actions{width:100%}}
@media(max-width:767px){.sidebar-toggle.hr-has-pending-ot{position:relative}.sidebar-toggle.hr-has-pending-ot:after{content:'';position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:#dc2626;border:2px solid #fff}}