.self-service-product .studio-software .hr-mobile-section,.self-service-product>.studio-software{padding-top:0}.self-service-product .people-workspace-content{min-height:340px}.self-service-product .ess-overview-grid{display:grid;gap:32px;grid-template-columns:280px minmax(0,1fr)}.self-service-product .ess-day-summary{background:#f5f8f7;border-left:2px solid #287564;padding:24px}.self-service-product .ess-day-summary>span{color:#287564;font-size:12px}.self-service-product .ess-day-summary>strong{display:block;font-size:30px;margin:12px 0}.self-service-product .ess-day-summary>p{font-size:12px}.self-service-product .ess-day-summary dl{margin:20px 0 0}.self-service-product .ess-day-summary dl>div{display:flex;font-size:11px;gap:12px;justify-content:space-between;margin-top:10px}.self-service-product .ess-day-summary dt{color:#737780;font-weight:400}.self-service-product .ess-day-summary dd{margin:0}.self-service-product .ess-record-list{list-style:none;margin:10px 0;padding:0}.self-service-product .ess-record-list li{align-items:flex-start;border-bottom:1px solid #e9ecee;display:flex;gap:14px;padding:19px 0}.self-service-product .ess-record-list li:last-child{border-bottom:0}.self-service-product .ess-record-list li>i{color:#287564;flex-shrink:0;font-size:19px}.self-service-product .ess-record-list li>div{min-width:0}.self-service-product .ess-record-list strong{display:block;font-size:13px}.self-service-product .ess-record-list div>span{color:#737780;display:block;font-size:12px;margin-top:6px}.self-service-product .ess-record-list li>.people-status{flex-shrink:0;margin-left:auto}.self-service-product .ess-table-scroll{overflow-x:auto}.self-service-product .ess-table{border-collapse:collapse;font-size:12px;min-width:640px;table-layout:fixed;width:100%}.self-service-product .ess-table td,.self-service-product .ess-table th{border-bottom:1px solid #e9ecee;padding:18px 12px;text-align:left}.self-service-product .ess-table th:first-child{width:27%}.self-service-product .ess-table th:nth-child(2){width:35%}.self-service-product .ess-table thead th{background:#f8f9fa;color:#737780;font-size:11px;font-weight:500}.self-service-product .ess-table tbody th{font-weight:500}.self-service-product .ess-fields{margin:24px 0}.self-service-product .ess-fields dd{overflow-wrap:anywhere}.self-service-product .ess-note{background:#f5f8f7;border-left:2px solid #287564;display:flex;gap:14px;padding:18px}.self-service-product .ess-note i{color:#287564}.self-service-product .ess-note strong{font-size:13px}.self-service-product .ess-note p{font-size:12px;margin:6px 0 0}.self-service-product .ess-date-range{align-items:center;background:#f6f8fa;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;padding:20px}.self-service-product .ess-date-range span{color:#737780;display:block;font-size:11px}.self-service-product .ess-date-range strong{display:block;font-size:26px;margin-top:8px}.self-service-product .ess-date-range i{color:#991b1b}.self-service-product .ess-pay-lines{margin:0}.self-service-product .ess-pay-lines>div{align-items:baseline;border-bottom:1px solid #e9ecee;display:flex;gap:16px;justify-content:space-between;padding:15px 0}.self-service-product .ess-pay-lines dt{font-size:13px;font-weight:400}.self-service-product .ess-pay-lines dd{flex-shrink:0;font-size:13px;font-weight:600;margin:0}.self-service-product .ess-net-pay{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:24px 0}.self-service-product .ess-net-pay span{color:#287564;font-size:12px}.self-service-product .ess-net-pay strong{font-size:26px}.self-service-product .hr-mobile-card h2{font-size:34px;line-height:1.25}@media (max-width:991px){.self-service-product .ess-overview-grid,.self-service-product .people-split{grid-template-columns:1fr}}@media (max-width:767px){.self-service-product .hr-mobile-card h2{font-size:28px}.self-service-product .ess-record-list li{gap:10px}.self-service-product .ess-record-list li>.people-status{max-width:70px}.self-service-product .ess-date-range{padding:16px}.self-service-product .ess-date-range strong{font-size:23px}}
