.hr-header{background:#fff;border-top:4px solid #ec9229}
.hr-header .product-brand{color:#14689d}
.hr-main{background:#f4f7fa}
.hr-welcome{padding:26px 30px;margin:-5px 0 25px;background:linear-gradient(110deg,#e0eef8,#f6f9fc);border-radius:12px}
.hr-welcome .eyebrow{color:#946124;margin-bottom:8px}
.hr-welcome h1{font-size:30px}.hr-welcome p{margin:0}
.hr-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hr-tile{display:block;padding:27px}
.hr-tile svg{color:#156f9f;margin-bottom:18px}.hr-tile h2{margin-bottom:8px}
.hr-tile p{margin:0;font-size:14px}.hr-tile:hover{border-color:#7ab0d0;background:#f9fcff}
.worker-detail,.payslip{padding:25px;margin-top:24px}
.worker-detail h2{margin:0 0 8px}.worker-detail .table-scroll{margin:20px 0}
.payslip{max-width:780px}.payslip .table-scroll{margin-bottom:22px}
.source-cards{display:grid;gap:16px}.source-card{padding:22px}
.source-card h2{margin:0}.source-card p{margin-bottom:8px}
.source-card>.btn{margin-top:16px}.warning{color:#a26419}
.mail-header{background:#0766aa;color:#fff}
.mail-header .product-brand,.mail-header .product-account strong,.mail-header .product-account small,.mail-header .product-brand small{color:#fff}
.workstation .mail-main{padding:0;display:flex;flex-direction:column}
.mail-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:20px;border-bottom:1px solid var(--line);background:#fff}
.mail-toolbar h1{font-size:22px;margin:0;white-space:nowrap}.mail-toolbar h1 span{font-size:14px;color:var(--muted)}
.mail-toolbar input{max-width:360px}
.mail-workspace{display:grid;grid-template-columns:130px minmax(210px,300px) minmax(220px,1fr);flex:1;min-height:0}
.mail-folders{padding:20px 12px;background:#f1f4f8;border-right:1px solid var(--line);font-size:14px}
.mail-folders>div{background:#dceaf7;padding:10px;margin:15px -3px;color:#165f94;font-weight:600}
.mail-folders span{float:right}.mail-folders small{font-size:12px;margin-top:25px}
.mail-list{background:#fff;overflow:auto;border-right:1px solid var(--line)}
.mail-row{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:white;padding:18px}
.mail-row.selected{background:#e5f1fc}.mail-row.unread{border-left:3px solid #147ac5}
.mail-row>span{display:flex;justify-content:space-between;font-size:12px;color:#6e7b8d;margin-bottom:7px;gap:8px}
.mail-row strong{font-size:14px;display:block;line-height:1.5}.mail-row p{font-size:12px;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-reader{background:#fff;padding:28px;overflow:auto}.mail-reader h2{font-size:22px}
.mail-reader>p{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:20px}
.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.8;margin:22px 0 30px}
.mail-empty{padding-top:50px;text-align:center;color:#92acc0}.mail-empty h2{margin:20px 0 12px;font-size:20px}
.workstation .product-nav{overflow-x:auto}
@media(max-width:1100px){.mail-workspace{grid-template-columns:minmax(170px,.8fr) minmax(200px,1fr)}.mail-folders{display:none}.mail-reader{padding:18px}.hr-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hr-welcome{padding:18px}.hr-welcome h1{font-size:24px}.hr-tiles{grid-template-columns:1fr;gap:12px}.hr-tile{padding:18px}.hr-tile svg{float:right;margin:0}.mail-workspace{display:flex;flex-direction:column;overflow:auto}.mail-list{max-height:200px;min-height:100px;flex-shrink:0}.mail-reader{overflow:visible;flex:1}.mail-toolbar{padding:12px;flex-wrap:wrap;gap:10px}.mail-toolbar input{width:100%}.mail-empty{padding-top:15px}.source-card,.worker-detail,.payslip{padding:16px}.source-card .section-heading{flex-wrap:wrap;gap:10px}.lab-shell .solution-sidebar{display:block;max-height:135px}.solution-branch summary{font-size:14px}.solution-branch .account-tree{max-height:90px}.lab-shell .solution-branch{margin-bottom:4px}}