*{box-sizing:border-box}.smhr-site{background:#f5f7fb;min-height:70vh;color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.smhr-shell{width:min(1600px,calc(100% - 72px));margin:auto}.smhr-public{padding:72px 0}.smhr-hero{background:#0b1220;color:#fff;border-radius:24px;padding:60px}.smhr-hero span,.smhr-top span,.smhr-page-head span,.smhr-welcome span,.smhr-card>span{font-size:12px;font-weight:800;letter-spacing:.14em;color:#2563eb}.smhr-hero h1{font-size:48px;line-height:1.05;max-width:900px;margin:12px 0 18px}.smhr-hero p{font-size:18px;line-height:1.7;max-width:850px;color:#cbd5e1}.smhr-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.smhr-public-grid article,.smhr-card,.smhr-stats article,.smhr-welcome{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px}.smhr-btn,.smhr-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;border:0;text-decoration:none;font-weight:800;cursor:pointer}.smhr-btn{background:#2563eb;color:#fff}.smhr-secondary{background:#eef2ff;color:#1e3a8a}.smhr-top{display:flex;justify-content:space-between;align-items:flex-end;padding:32px 0 18px}.smhr-top h1{margin:5px 0 0}.smhr-top select{min-height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px}.smhr-nav{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;background:#fff;padding:8px 46px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.smhr-nav a{padding:10px 14px;border-radius:9px;text-decoration:none;color:#475569;font-weight:700;white-space:nowrap}.smhr-nav a.active{background:#0b1220;color:#fff}.smhr-content{padding-bottom:48px}.smhr-welcome,.smhr-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.smhr-page-head{margin-bottom:18px}.smhr-page-head h2,.smhr-welcome h2{margin:5px 0}.smhr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.smhr-stats span{display:block;color:#64748b;font-size:13px}.smhr-stats strong{font-size:30px}.smhr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.smhr-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.smhr-card h2,.smhr-card h3{margin-top:0}.smhr-card ul{line-height:1.9}.smhr-form{display:grid;gap:14px}.smhr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.smhr-form label{display:grid;gap:6px;font-weight:700;font-size:13px}.smhr-form input,.smhr-form select,.smhr-form textarea,.smhr-search input{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff}.smhr-form textarea{min-height:88px}.smhr-form .wide{grid-column:1/-1}.smhr-actions{display:flex;gap:10px}.smhr-danger{border-top:1px solid #fecaca;margin-top:22px;padding-top:18px}.smhr-danger button{background:#fff1f2;color:#b91c1c;border:1px solid #fecaca;border-radius:9px;padding:10px 14px;font-weight:800}.smhr-search{display:flex;gap:10px;margin-bottom:14px}.smhr-search button{border:0;background:#0b1220;color:#fff;border-radius:9px;padding:0 18px}.smhr-table-wrap{overflow:auto;width:100%}.smhr-table-wrap table{width:100%;min-width:800px;border-collapse:collapse}.smhr-table-wrap th,.smhr-table-wrap td{padding:12px 10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.smhr-table-wrap th{font-size:12px;color:#64748b;text-transform:uppercase}.smhr-table-wrap td small{display:block;color:#64748b;margin-top:4px}.smhr-onboarding{margin:50px auto;max-width:920px}.smhr-fallback{padding:16px}.smhr-notice.error{background:#fff1f2;color:#b91c1c;border:1px solid #fecaca;padding:14px;border-radius:10px}@media(max-width:1000px){.smhr-shell{width:calc(100% - 40px)}.smhr-stats{grid-template-columns:repeat(2,1fr)}.smhr-public-grid,.smhr-role-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.smhr-shell{width:calc(100% - 22px)}.smhr-hero{padding:34px 24px}.smhr-hero h1{font-size:36px}.smhr-public-grid,.smhr-grid2,.smhr-role-grid,.smhr-stats,.smhr-form-grid{grid-template-columns:1fr}.smhr-top,.smhr-welcome,.smhr-page-head{display:block}.smhr-page-head .smhr-btn,.smhr-welcome .smhr-btn{margin-top:12px;width:100%}.smhr-form .wide{grid-column:auto}}
/* v1.1.0 clean SocialManager shell + duplicate-theme fix */
body.smhr-template-page{margin:0!important;padding:0!important;background:#f5f7fb!important}
body.smhr-template-page #page,
body.smhr-template-page .site,
body.smhr-template-page .site-content,
body.smhr-template-page .entry-content,
body.smhr-template-page .content-area,
body.smhr-template-page .ast-container{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.smhr-template-page .site-header,
body.smhr-template-page #masthead,
body.smhr-template-page .site-footer,
body.smhr-template-page #colophon,
body.smhr-template-page .entry-header,
body.smhr-template-page .entry-title{display:none!important}
#smhr-page-root>.smc-header{position:relative!important;top:auto!important}
#smhr-page-root>.smc-footer{position:relative!important}
#smhr-page-root .smhr-site{width:100%!important}
#smhr-page-root .smhr-onboarding{margin-top:42px;margin-bottom:42px}

/* v1.2.0 leave management */
.smhr-inline-actions{display:flex;gap:6px;flex-wrap:wrap}
.smhr-small{border:0;border-radius:8px;padding:7px 10px;font-weight:800;cursor:pointer}
.smhr-small.approve{background:#dcfce7;color:#166534}
.smhr-small.reject{background:#fee2e2;color:#991b1b}
.smhr-notice{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;padding:12px;border-radius:10px}

/* v1.3.0 Smart Attendance Desk + Payroll */
.smhr-attendance-modes{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-bottom:18px}
.smhr-punch-card{background:linear-gradient(180deg,#0b1220,#111827);color:#fff}
.smhr-punch-card p{color:#cbd5e1}
.smhr-punch-form{display:grid;gap:14px;margin-top:18px}
.smhr-punch-form input{min-height:54px;border:1px solid #334155;background:#fff;color:#0f172a;border-radius:12px;padding:0 14px;font-size:17px;font-weight:700}
.smhr-punch-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.smhr-punch-actions .punch-out{border:1px solid #475569;background:#fff;color:#0f172a}
.smhr-source{display:inline-block;padding:5px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}
.smhr-payroll-run{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.smhr-payroll-run label{display:grid;gap:6px;font-weight:800}
.smhr-payroll-run input{min-height:44px;border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px}
.smhr-compliance-note{margin-top:16px;padding:12px;border-radius:10px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
@media(max-width:900px){.smhr-attendance-modes{grid-template-columns:1fr}}

/* v1.4.0 payroll lock, payslip and employee records */
.smhr-lock{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f1f5f9;color:#334155;font-weight:800}
.smhr-finalize{margin:0 0 18px}.smhr-danger{border:0;border-radius:10px;background:#b91c1c;color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}
.smhr-pay-form{display:grid;grid-template-columns:130px 130px auto;gap:5px;min-width:330px}.smhr-pay-form input,.smhr-pay-form button{min-height:34px;border:1px solid #cbd5e1;border-radius:7px;padding:5px 7px}.smhr-pay-form button{background:#0f172a;color:#fff;font-weight:700}
.smhr-paid{display:inline-block;background:#dcfce7;color:#166534;border-radius:999px;padding:5px 8px;font-weight:800;font-size:11px}.smhr-link{font-weight:800;color:#2563eb}
.smhr-payslip-actions{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.smhr-payslip{background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:28px;max-width:1000px;margin:0 auto}.smhr-payslip header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #0f172a;padding-bottom:18px}.smhr-payslip header div:last-child{text-align:right;display:grid}.smhr-payslip header div:last-child strong{font-size:24px}.smhr-payslip-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 0}.smhr-payslip-meta div{display:grid;gap:4px}.smhr-payslip-meta span{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:800}.smhr-payslip-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.smhr-payslip table{width:100%;border-collapse:collapse}.smhr-payslip th,.smhr-payslip td{padding:9px;border-bottom:1px solid #e2e8f0;text-align:left}.smhr-payslip td:last-child,.smhr-payslip th:last-child{text-align:right}.smhr-payslip .total{font-weight:900}.smhr-netpay{margin-top:22px;padding:18px;background:#0f172a;color:#fff;border-radius:12px;display:grid;grid-template-columns:auto 1fr;align-items:center}.smhr-netpay strong{text-align:right;font-size:28px}.smhr-netpay small{grid-column:1/-1;color:#cbd5e1;margin-top:5px}
@media(max-width:800px){.smhr-payslip-meta{grid-template-columns:1fr 1fr}.smhr-payslip-cols{grid-template-columns:1fr}.smhr-pay-form{grid-template-columns:1fr;min-width:180px}}
@media print{body.smhr-template-page{background:#fff!important}#smhr-page-root>.smc-header,#smhr-page-root>.smc-footer,.smhr-sidebar,.smhr-payslip-actions{display:none!important}.smhr-app-main{padding:0!important}.smhr-payslip{border:0!important;box-shadow:none!important;max-width:none!important}}

/* v1.5.0 lifecycle and asset register */
.smhr-mini-form{display:grid;gap:5px;min-width:180px;margin-top:7px}.smhr-mini-form input,.smhr-mini-form select,.smhr-mini-form button{min-height:32px;border:1px solid #cbd5e1;border-radius:7px;padding:5px 7px}.smhr-mini-form button{background:#0f172a;color:#fff;font-weight:800}
.smhr-card details summary{cursor:pointer;color:#2563eb;font-weight:800}

/* v1.6.0 team access + employee self-service */
.smhr-help{margin-top:12px;color:#64748b;font-size:13px}.smhr-profile-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.smhr-profile-card div{display:grid;gap:5px;padding:14px;border:1px solid #e2e8f0;border-radius:10px}.smhr-profile-card span{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:800}.smhr-profile-card strong{font-size:16px}
@media(max-width:800px){.smhr-profile-card{grid-template-columns:1fr}}

/* v1.7.0 performance and goal management */
.smhr-rating{display:inline-block;background:#e0e7ff;color:#3730a3;border-radius:999px;padding:5px 9px;font-weight:900}.smhr-progress{width:130px;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:5px}.smhr-progress i{display:block;height:100%;background:#2563eb;border-radius:999px}.smhr-goal-update{display:grid;grid-template-columns:70px 100px auto;gap:5px}.smhr-goal-update input,.smhr-goal-update select,.smhr-goal-update button{min-height:32px;border:1px solid #cbd5e1;border-radius:7px;padding:4px}.smhr-goal-update button{background:#0f172a;color:#fff;font-weight:800}

/* v1.8.0 employee relations */
.smhr-case-form{display:grid;gap:6px;min-width:210px}.smhr-case-form select,.smhr-case-form textarea,.smhr-case-form button{border:1px solid #cbd5e1;border-radius:7px;padding:6px}.smhr-case-form textarea{min-height:62px}.smhr-case-form button{background:#0f172a;color:#fff;font-weight:800}

/* v1.9.0 internal communication and HR reporting */
.smhr-announcement-list{display:grid;gap:12px}.smhr-announcement{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.smhr-announcement h3{margin:5px 0}.smhr-announcement p{white-space:normal}.smhr-report-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.smhr-report-filter label{display:grid;gap:5px;font-weight:800}.smhr-report-filter input{min-height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:6px}
@media(max-width:700px){.smhr-announcement{display:grid}}
@media print{.smhr-report-filter{display:none!important}}

/* v2.0.0 payroll policy and integrity */
.smhr-compliance-note{padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569}

/* v2.1.0 recruitment */
.smhr-inline{display:flex;gap:5px}.smhr-inline select,.smhr-inline button{min-height:32px;border:1px solid #cbd5e1;border-radius:7px;padding:4px 7px}.smhr-inline button{background:#0f172a;color:#fff;font-weight:800}

/* v2.3.0 exit management */
.smhr-danger{background:#991b1b;color:#fff;border:0;border-radius:9px;padding:10px 14px;font-weight:900;margin-top:14px;cursor:pointer}

/* v2.5.0 HR helpdesk */
.smhr-note{padding:12px 0;border-bottom:1px solid #e2e8f0}.smhr-note strong{display:block}.smhr-note small{color:#64748b}.smhr-note p{margin:6px 0 0}

/* v2.6.0 smart discoverable horizontal navigation */
.smhr-nav-wrap{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:28px;box-shadow:0 5px 18px rgba(15,23,42,.04);overflow:hidden}
.smhr-nav::-webkit-scrollbar{display:none}
.smhr-nav-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:34px;height:42px;border:1px solid #dbe3ef;background:#fff;color:#0f172a;border-radius:10px;font-size:27px;line-height:1;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.12);display:flex;align-items:center;justify-content:center;transition:.18s ease}
.smhr-nav-arrow:hover{background:#0b1220;color:#fff;border-color:#0b1220}
.smhr-nav-prev{left:7px}.smhr-nav-next{right:7px}
.smhr-nav-arrow[disabled]{opacity:0;pointer-events:none}
.smhr-nav-fade{position:absolute;z-index:4;top:0;bottom:0;width:56px;pointer-events:none;transition:opacity .18s ease}
.smhr-nav-fade-left{left:0;background:linear-gradient(90deg,#fff 48%,rgba(255,255,255,0))}
.smhr-nav-fade-right{right:0;background:linear-gradient(270deg,#fff 48%,rgba(255,255,255,0))}
.smhr-nav-wrap.at-start .smhr-nav-fade-left,.smhr-nav-wrap.at-end .smhr-nav-fade-right{opacity:0}
.smhr-nav-hint{display:none;position:absolute;right:12px;bottom:2px;z-index:7;font-size:10px;font-weight:800;letter-spacing:.02em;color:#64748b;background:#fff;padding:1px 5px;border-radius:5px;pointer-events:none}
.smhr-nav a.active{box-shadow:0 3px 10px rgba(15,23,42,.16)}
@media(max-width:760px){
 .smhr-nav{padding:8px 42px}
 .smhr-nav-arrow{display:flex;width:30px;height:38px}
 .smhr-nav-hint{display:block}
 .smhr-nav-wrap{padding-bottom:12px}
}

/* v3.0 smart attendance */
.smhr-att-date{display:flex;gap:8px;margin-bottom:14px}.smhr-att-date input,.smhr-att-date button{min-height:40px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:7px 11px;font-weight:700}.smhr-att-summary{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-bottom:18px}.smhr-att-summary article{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:13px}.smhr-att-summary span,.smhr-att-summary small{display:block;font-size:11px;color:#64748b}.smhr-att-summary strong{font-size:26px}.smhr-att-summary .good{border-color:#bbf7d0}.smhr-att-summary .warn{border-color:#fde68a}.smhr-att-summary .bad{border-color:#fecaca}.smhr-attendance-simple{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px}.smhr-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.smhr-mini-stats div{text-align:center;border:1px solid #e2e8f0;border-radius:9px;padding:10px}.smhr-mini-stats strong,.smhr-mini-stats span{display:block}.smhr-mini-stats span{font-size:11px;color:#64748b}.smhr-att-correction>summary,.smhr-advanced>summary{cursor:pointer;font-weight:800}.smhr-att-correction>summary{display:flex;justify-content:space-between}.smhr-att-correction>summary span{color:#64748b;font-size:12px}.smhr-att-correction[open]>summary{margin-bottom:16px}.smhr-advanced{border:1px dashed #cbd5e1;border-radius:9px;padding:10px;margin:10px 0}.smhr-card-title{display:flex;justify-content:space-between;align-items:center}@media(max-width:1050px){.smhr-att-summary{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.smhr-att-summary{grid-template-columns:repeat(2,1fr)}.smhr-attendance-simple{grid-template-columns:1fr}.smhr-mini-stats{grid-template-columns:repeat(2,1fr)}}

/* v3.1 tracking + holiday planner */
.smhr-att-check-summary{grid-template-columns:repeat(4,1fr)}
.smhr-holiday-count{margin-top:18px;padding:16px;border:1px solid #e2e8f0;border-radius:12px}.smhr-holiday-count strong{font-size:30px;margin-right:8px}
.smhr-leave-balance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.smhr-leave-balance-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.smhr-leave-balance-grid span,.smhr-leave-balance-grid small{display:block;color:#64748b}.smhr-leave-balance-grid strong{display:block;font-size:28px;margin:4px 0}
@media(max-width:900px){.smhr-leave-balance-grid,.smhr-att-check-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.smhr-leave-balance-grid,.smhr-att-check-summary{grid-template-columns:1fr}}

/* v3.2 Phase 23 */
.smhr-employee-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.smhr-employee-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px}.smhr-employee-kpis span{display:block;color:#64748b;font-size:12px}.smhr-employee-kpis strong{font-size:30px}.smhr-mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7}.smhr-att-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.smhr-cal-day{min-height:62px;border:1px solid #e2e8f0;border-radius:9px;padding:7px;background:#fff}.smhr-cal-day span,.smhr-cal-day strong{display:block}.smhr-cal-day span{font-size:11px;color:#64748b}.smhr-cal-day strong{margin-top:8px}.smhr-calendar-key{font-size:12px;color:#64748b;margin-top:10px}@media(max-width:760px){.smhr-employee-kpis{grid-template-columns:repeat(2,1fr)}.smhr-att-calendar{grid-template-columns:repeat(4,1fr)}}

/* v3.3.0 Phase 24 */
.smhr-convert-form{margin-top:10px;padding-top:10px;border-top:1px dashed #cbd5e1;display:grid;gap:7px}
.smhr-convert-form input{min-height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px}
.smhr-converted{display:block;margin-top:8px;font-weight:800;color:#166534}

/* v3.4.0 Phase 25 */
.smhr-card table td strong{font-weight:800}

/* v3.5.0 Phase 26 production hardening */
.smhr-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.smhr-health-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:16px}
.smhr-health-grid article.warn{border-color:#f59e0b}.smhr-health-grid article.bad{border-color:#ef4444}.smhr-health-grid article.good{border-color:#22c55e}
.smhr-health-grid span,.smhr-health-grid small{display:block;color:#64748b}.smhr-health-grid strong{display:block;font-size:30px;margin:4px 0;color:#0f172a}
.smhr-check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.smhr-check-list a{padding:12px;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;font-weight:700}
.smhr-table-wrap{position:relative}
@media(max-width:900px){.smhr-health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
 .smhr-health-grid,.smhr-check-list{grid-template-columns:1fr}
 .smhr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}
 .smhr-table-wrap:after{content:"Swipe horizontally →";display:block;position:sticky;left:0;width:max-content;margin:6px 0 0;font-size:11px;font-weight:800;color:#64748b}
 .smhr-table-wrap table{min-width:680px}
}

/* v3.6.0 Phase 27 role-aware production workspace */
.smhr-top>div>span{letter-spacing:.08em}

/* v3.7.0 Phase 28 final readiness */
.smhr-readiness-list{display:grid;gap:9px}.smhr-readiness-list>div{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #e2e8f0;border-radius:10px}.smhr-readiness-list>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:900}.smhr-readiness-list .ready>span{background:#dcfce7;color:#166534}.smhr-readiness-list .attention>span{background:#fef3c7;color:#92400e}.smhr-readiness-list strong,.smhr-readiness-list small{display:block}.smhr-readiness-list small{color:#64748b;margin-top:2px}

/* v3.8.0 Phase 29 */
.smhr-preflight-warning{border-color:#f59e0b;background:#fffbeb}.smhr-preflight-warning h3{color:#92400e}.smhr-preflight-warning ul{padding-left:20px}
.smhr-inline-action{display:inline-block;margin-left:8px}.smhr-small.danger{color:#b91c1c}.smhr-muted{color:#64748b}.smhr-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.smhr-month-grid>div{min-height:52px;border:1px solid #e2e8f0;border-radius:8px;padding:6px;display:flex;justify-content:space-between}.smhr-month-grid span,.smhr-month-grid strong{font-size:12px}
/* v4.0.0 Phase 31 production candidate */
.smhr-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.smhr-flow span{padding:9px 12px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;font-weight:700}.smhr-flow b{color:#64748b}@media(max-width:680px){.smhr-flow b{display:none}.smhr-flow span{width:100%}}

/* v4.1.0 Phase 32 — final responsive/release polish */
.smhr-shell,.smhr-shell *{box-sizing:border-box}.smhr-shell{max-width:100%}
.smhr-nav{scrollbar-width:thin;overscroll-behavior-inline:contain}.smhr-nav a{white-space:nowrap;min-height:42px;display:inline-flex;align-items:center}
.smhr-card,.smhr-page-head,.smhr-welcome{max-width:100%;overflow-wrap:anywhere}
.smhr-card input,.smhr-card select,.smhr-card textarea,.smhr-card button{max-width:100%}.smhr-card textarea{resize:vertical;min-height:88px}
.smhr-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.smhr-table-wrap table{width:100%;border-collapse:collapse}.smhr-table-wrap th,.smhr-table-wrap td{vertical-align:top}
.smhr-btn,.smhr-small,button{min-height:40px}.smhr-page-head h2,.smhr-welcome h2{line-height:1.18}
@media(max-width:780px){.smhr-page-head,.smhr-welcome{flex-direction:column;align-items:flex-start;gap:12px}.smhr-page-head .smhr-btn,.smhr-welcome .smhr-btn{width:100%;justify-content:center}.smhr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.smhr-grid2{grid-template-columns:1fr}}
@media(max-width:520px){.smhr-shell{padding-left:10px;padding-right:10px}.smhr-stats{grid-template-columns:1fr}.smhr-top h1,.smhr-page-head h2,.smhr-welcome h2{font-size:clamp(21px,7vw,28px)}.smhr-nav a,.smhr-btn,.smhr-small,button,input,select{min-height:44px}.smhr-card{padding:13px}}
@media print{.smhr-nav,.smhr-top .smhr-btn,.smhr-inline-action{display:none!important}.smhr-shell{padding:0!important;max-width:none!important}.smhr-card{box-shadow:none!important;break-inside:avoid}}

/* v4.1.3 Rank Math SEO public landing */
.smhr-seo-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;padding-top:64px;padding-bottom:64px}.smhr-hero-visual img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 20px 50px rgba(15,23,42,.10)}.smhr-seo-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.smhr-seo-link{font-weight:800;text-decoration:none}.smhr-seo-section{padding:64px 20px;background:#fff}.smhr-seo-soft{background:#f8fafc}.smhr-seo-section>.smhr-shell>h2{font-size:32px;line-height:1.2;margin:0 0 14px}.smhr-seo-section>.smhr-shell>p{font-size:16px;line-height:1.75;color:#526071;max-width:940px}.smhr-seo-eyebrow{font-size:12px!important;font-weight:800;letter-spacing:1.5px;color:#2563eb!important}.smhr-seo-feature-grid article,.smhr-seo-cards article{border:1px solid #e2e8f0;border-radius:14px;padding:22px;background:#fff}.smhr-seo-feature-grid article h2{font-size:20px}.smhr-seo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.smhr-seo-cards h3{margin:0 0 10px;font-size:18px}.smhr-seo-cards p{margin:0;color:#5d697a;line-height:1.65}.smhr-seo-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.smhr-seo-points div{border-left:4px solid #2563eb;padding:14px 16px;background:#fff}.smhr-seo-points strong,.smhr-seo-points span{display:block}.smhr-seo-points span{margin-top:5px;color:#617087;line-height:1.55}.smhr-seo-faq details{border:1px solid #e2e8f0;border-radius:10px;padding:15px 17px;margin:10px 0;background:#fff}.smhr-seo-faq summary{font-weight:800;cursor:pointer}.smhr-seo-faq p{color:#5d697a;line-height:1.65}@media(max-width:900px){.smhr-seo-hero{grid-template-columns:1fr}.smhr-seo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.smhr-seo-hero{padding-top:42px;padding-bottom:42px}.smhr-seo-section{padding:44px 16px}.smhr-seo-cards,.smhr-seo-points{grid-template-columns:1fr}.smhr-seo-section>.smhr-shell>h2{font-size:26px}}


/* v4.1.5 — Vertical HR workspace navigation only.
   No HR workflow, database, forms, calculations or page content changed. */
.smhr-workspace{
  width:min(1600px,calc(100% - 40px));
  max-width:1600px;
  margin:0 auto;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:0;
  align-items:stretch;
  background:#f5f7fb;
  min-height:760px;
}
.smhr-sidebar{
  background:#071a38;
  color:#fff;
  min-width:0;
  padding:24px 16px 20px;
  border-radius:0;
}
.smhr-sidebar-brand{
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 8px 22px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.smhr-sidebar-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff;
  color:#2563eb!important;
  font-size:13px!important;
  letter-spacing:0!important;
  font-weight:900!important;
}
.smhr-sidebar-brand strong,
.smhr-sidebar-brand small{
  display:block;
  color:#fff;
}
.smhr-sidebar-brand strong{font-size:16px;line-height:1.1}
.smhr-sidebar-brand small{font-size:14px;color:#8fb2ff;margin-top:2px}
.smhr-sidebar .smhr-nav-wrap{
  position:static;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:visible;
}
.smhr-sidebar .smhr-nav{
  display:flex;
  flex-direction:column;
  gap:5px;
  overflow:visible;
  padding:0;
  background:transparent;
  scrollbar-width:none;
}
.smhr-sidebar .smhr-nav a{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  padding:10px 12px;
  border-radius:9px;
  color:#d6e2f2;
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  white-space:normal;
}
.smhr-sidebar .smhr-nav a:hover{
  background:rgba(37,99,235,.18);
  color:#fff;
}
.smhr-sidebar .smhr-nav a.active{
  background:#13366f;
  color:#fff;
  box-shadow:none;
}
.smhr-sidebar .smhr-nav-arrow,
.smhr-sidebar .smhr-nav-fade,
.smhr-sidebar .smhr-nav-hint{
  display:none!important;
}
.smhr-app-main{
  min-width:0;
  padding:0 28px 48px;
  background:#f5f7fb;
}
.smhr-app-main .smhr-top{
  min-height:98px;
  align-items:center;
  padding:24px 0 18px;
}
.smhr-app-main .smhr-content{
  min-width:0;
  padding-bottom:0;
}
@media(max-width:1050px){
  .smhr-workspace{
    width:calc(100% - 24px);
    grid-template-columns:220px minmax(0,1fr);
  }
  .smhr-app-main{padding-left:20px;padding-right:20px}
}
@media(max-width:780px){
  .smhr-workspace{
    width:100%;
    display:block;
    min-height:0;
  }
  .smhr-sidebar{
    padding:12px;
  }
  .smhr-sidebar-brand{
    padding:2px 4px 12px;
    margin-bottom:10px;
  }
  .smhr-sidebar .smhr-nav{
    display:flex;
    flex-direction:row;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:4px;
  }
  .smhr-sidebar .smhr-nav a{
    width:auto;
    min-width:max-content;
    white-space:nowrap;
    padding:9px 12px;
  }
  .smhr-app-main{
    padding:0 12px 34px;
  }
}
@media print{
  .smhr-sidebar{display:none!important}
  .smhr-workspace{display:block!important;width:100%!important;max-width:none!important}
  .smhr-app-main{padding:0!important}
}
