/* HR-specific layout; document print styles remain separate. */
.hr-body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#10243a;background:#f3f6f9}.hr-body .sidebar{width:250px;background:#102439;padding:25px 15px;overflow-y:auto;z-index:110}.hr-body .brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;gap:13px;margin-bottom:25px}.hr-body .brand img{width:168px;padding:5px;border-radius:8px}.hr-body .brand span{font-size:9px;letter-spacing:.13em;color:#a9c3d4}.hr-body .sidebar nav{display:flex;flex-direction:column;gap:6px}.hr-body .sidebar nav a{display:flex;gap:12px;align-items:center;font-size:13px;color:#bfceda;padding:11px 13px;min-height:45px}.hr-body .sidebar nav a b{width:26px;height:26px;border-radius:7px;background:#1c3449;font-size:10px;display:grid;place-items:center}.hr-body .sidebar nav a:hover,.hr-body .sidebar nav a.active{background:#1c4b47;color:#fff}.hr-body .main{margin-inline-start:250px;min-width:0}.hr-body .topbar{min-height:81px;height:auto;padding:18px 32px;gap:15px;border-color:#e1e8ed}.hr-body .topbar small{display:block;color:#678391;font-size:9px;letter-spacing:.1em;margin-bottom:5px}.hr-body .topbar strong{font-size:16px}.hr-body .topbar>div:first-of-type{flex:1}.hr-body .hr-top-user{font-size:12px}.hr-body .page{padding:32px;max-width:1550px;margin:auto}.hr-body .card,.hr-body .stat,.hr-body .docmeta{border-color:#e1e8ed;border-radius:18px;box-shadow:0 8px 26px #0e253f0a}.hr-body .stat{padding:25px}.hr-body .stat b{font-size:35px;color:#123246;letter-spacing:-.04em;font-weight:600}.hr-body .stat span{font-size:12px}.hr-body .stats{gap:18px}.hr-body .card{padding:27px}.hr-body h2{font-size:20px;font-weight:600;letter-spacing:-.025em}.hr-body .btn{min-height:42px;font-size:12px;border-radius:10px}.hr-body .btn.primary{background:#087f68}.hr-body .sidebottom{border-top:1px solid #2c4355;padding:20px 12px 0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.hr-languages{display:flex;gap:8px}.hr-languages a{padding:7px 10px;border:1px solid #3a5062;border-radius:6px;font-size:11px}.hr-username{font-size:12px;color:#d1e1eb}.hr-body .public{background:radial-gradient(ellipse at top left,#e0efea,transparent 60%),#f3f6f9}.hr-body .publicpage{min-height:100vh}.hr-body .loginbox{border-radius:22px;box-shadow:0 20px 60px #123b4a10;padding:38px;border-color:#dce6eb}.hr-body .loginbox h1{font-weight:600;letter-spacing:-.035em}.hr-body .loginbox form{gap:20px}.hr-body .loginbox label{font-size:12px;color:#425a6f}.hr-body input,.hr-body select,.hr-body textarea{border-color:#d7e1e8;min-width:0}.hr-body .gridform{gap:20px}.hr-body .section-title{color:#3a6f63}.hr-body .hr-menu-toggle{display:none}.hr-skip{position:fixed;top:-100px;left:20px;z-index:999;background:#fff;padding:12px}.hr-skip:focus{top:10px}.hr-body table th{background:#f8fafb;font-size:10px;letter-spacing:.05em}.hr-body table td{font-size:13px;padding:16px 12px}.hr-body .badge{font-size:10px}.hr-body .tablewrap{max-width:100%}.hr-body .suite-queue-banner{margin-bottom:22px;padding:21px;border:1px solid #dae8e2;border-radius:14px;background:#edf6f2}.hr-body .suite-queue-banner p{line-height:1.7;font-size:13px;color:#45685a}.hr-body .hr-hero{margin-bottom:25px;padding:30px 34px;background:linear-gradient(120deg,#102a40,#164d48);color:#fff;border-radius:20px}.hr-body .hr-hero .eyebrow{color:#8ed9c4}.hr-body .hr-hero h1{font-weight:600;font-size:28px;letter-spacing:-.035em;margin:12px 0}.hr-body .hr-hero p{color:#c2d7db;font-size:13px;line-height:1.7;margin:0}
@media(max-width:1050px){.hr-body .hr-menu-toggle{display:inline-flex}.hr-body .sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:265px;transform:translateX(-105%);transition:transform .2s ease;visibility:hidden;height:100dvh}.hr-body .sidebar.is-open{transform:none;visibility:visible}.hr-body[dir=rtl] .sidebar,[dir=rtl] .hr-body .sidebar{transform:translateX(105%)}[dir=rtl] .hr-body .sidebar.is-open{transform:none}.hr-body .main{margin-inline-start:0}.hr-body .brand span{font-size:9px}.hr-body .sidebar nav a::first-letter{font-size:inherit}.hr-body .topbar{position:sticky;top:0}.hr-body .hrform{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hr-body .page{padding:18px 14px}.hr-body .topbar{padding:13px 15px;min-height:70px}.hr-body .hr-top-user{display:none}.hr-body .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hr-body .stat{padding:18px}.hr-body .stat b{font-size:29px}.hr-body .card{padding:20px}.hr-body .gridform,.hr-body .hrform{grid-template-columns:1fr}.hr-body .brand{justify-content:initial}.hr-body .brand img{width:168px}.hr-body .sidebottom{align-items:flex-start;justify-content:flex-start}.hr-body .loginbox{padding:28px}.hr-body .hr-hero{padding:25px}.hr-body .hr-hero h1{font-size:25px}}
@media print{.hr-body .sidebar,.hr-body .topbar,.hr-skip{display:none}.hr-body .main{margin:0}}
/* HR communication views: contain tables and long event identifiers on phones. */
.hr-body .card{min-width:0}.hr-body .card h1,.hr-body .card h2{overflow-wrap:anywhere}.hr-body .table-wrap,.hr-body .tablewrap{max-width:100%;overflow-x:auto}.hr-body form.card label{margin-block:14px}

/* Professional refinement */
:focus-visible{outline:3px solid #b88021;outline-offset:4px}.card{border-radius:18px;box-shadow:0 10px 35px #132d3b08}.btn,.button{min-height:44px;border-radius:10px}h1,h2{letter-spacing:-.025em;text-wrap:balance}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ClearlyHost HR — permanent staff number */
.ch-employee-id{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#102944,#153d59);border:1px solid rgba(29,95,124,.8);border-radius:14px;padding:18px 22px;color:#fff}
.ch-employee-id .ch-eyebrow{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#c7dce9;margin-bottom:5px}
.ch-employee-id small{display:block;color:#c8d9e6;margin-top:7px;line-height:1.5}
.ch-number{display:inline-block;font:700 1.5rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;unicode-bidi:isolate;color:#fff}
.ch-number-table{font-size:.93rem;color:#145378;background:#eef5f9;border:1px solid #d6e5f0;border-radius:7px;padding:6px 9px;white-space:nowrap}
.ch-id-mark{font-size:1.05rem;letter-spacing:.15em;color:#d7c38f;font-weight:800;white-space:nowrap}
.ch-id-mark b{color:#4fbe91;margin:0 4px}
@media(max-width:550px){.ch-employee-id{align-items:flex-start;padding:16px;flex-direction:column;gap:8px}.ch-number{font-size:1.25rem}}