.brand>span{line-height:1.05}
.brand small{font-size:8px;letter-spacing:.08em;white-space:nowrap;margin-top:3px}
.official-deggo-logo{width:104px;max-width:104px;height:auto;object-fit:contain}
.print-document-header{display:none}
@media print{
  @page{size:A4;margin:12mm}
  .print-document-header{display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:0 0 10px;border-bottom:2px solid #176b52;break-inside:avoid}
  .print-document-header img{display:block!important;width:128px!important;max-width:128px!important;height:44px!important;object-fit:contain}
  .print-document-header div{text-align:right;color:#18352b}
  .print-document-header strong,.print-document-header span{display:block}
  .print-document-header strong{font-size:13pt}
  .print-document-header span{margin-top:3px;color:#64748b;font-size:8pt}
  #content>.hero{margin-top:0}
  #content>.hero h1{color:#176b52}
  .card,.metric{box-shadow:none!important;break-inside:avoid}
  table{break-inside:auto}
  tr{break-inside:avoid;break-after:auto}
  thead{display:table-header-group}
}
.hr-self-filters [hidden]{display:none!important}
.hr-self-filters{align-items:end}
.hr-self-filters label{min-width:145px}
.my-payslip{white-space:nowrap}
@media(max-width:760px){
  .hr-self-filters{display:grid;grid-template-columns:1fr}
  .hr-self-filters label,.hr-self-filters button{width:100%}
}
.leave-balance-section{margin:16px 0}.leave-balance-heading h2{margin-bottom:4px}.leave-balance-heading p{margin-top:0;color:#64748b}.leave-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.leave-balance-card small,.leave-balance-card span{display:block;color:#64748b}.leave-balance-card strong{display:block;margin:7px 0;font-size:1.8rem;color:#176b52}
.self-dashboard-grid,.self-profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:16px}.self-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.self-card-heading h2{margin:0}.self-action-list{margin-top:10px}.self-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e7eee9}.self-action:first-child{border-top:0}.self-action span,.self-quick-links span{display:flex;flex-direction:column}.self-action small,.self-quick-links span{margin-top:4px;color:#64748b}.self-quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.self-quick-links a{color:inherit;text-decoration:none;border-top:4px solid #176b52}.self-quick-links a:hover{transform:translateY(-1px)}
.self-profile-form{padding:20px}.self-profile-form h2{margin-top:0}.self-profile-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.self-profile-details div{padding-bottom:8px;border-bottom:1px solid #e7eee9}.self-profile-details dt{font-size:.72rem;color:#64748b;text-transform:uppercase}.self-profile-details dd{margin:4px 0 0;font-weight:700}.self-document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.self-document-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.self-document-card small{color:#176b52;font-weight:800;text-transform:uppercase}.self-document-card h2{font-size:1.05rem;margin:7px 0}.self-document-help{margin-top:14px;border-left:4px solid #176b52}
@media(max-width:900px){.leave-balance-grid,.self-quick-links{grid-template-columns:1fr 1fr}.self-dashboard-grid,.self-profile-grid{grid-template-columns:1fr}}
@media(max-width:560px){.leave-balance-grid,.self-quick-links,.self-profile-details{grid-template-columns:1fr}.self-action{align-items:flex-start;flex-direction:column}.self-action .button{width:100%;text-align:center}}