@font-face{font-family:HRLetterNepali;src:url('/hr-letter-font.ttf') format('truetype');font-display:swap}
.hr-letters-mode{--hrl-bg:#f4efe4;--hrl-surface:#fffdf8;--hrl-line:#ddd1be;--hrl-ink:#221d18;--hrl-muted:#6e6255}
.hr-letters-mode .hrl-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin:20px 0}.hrl-heading h2{font:400 29px/1.4 Georgia,HRLetterNepali,serif!important;margin:7px 0}.hrl-heading p{font-size:10px;letter-spacing:1.4px;color:#886331}
.hrl-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.hrl-categories article{background:#fffdf8;border:1px solid #ddd1be;border-radius:10px;overflow:hidden}.workforce-mode #content .hrl-categories article button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;gap:8px;padding:20px;background:transparent!important;color:#221d18!important;border:0!important;min-height:80px}.hrl-categories article button:first-child{min-height:160px}.hrl-category-index{font-size:12px;color:#9a7138}.hrl-categories strong{font-size:18px}.hrl-categories span{font-size:12px}.hrl-categories b{font:400 28px Georgia,serif;color:#805d2c}
.hr-letters-mode #content .hrl-panel{background:#fffdf8;color:#221d18;padding:24px;border:1px solid #ddd1be;border-radius:10px;margin-bottom:20px;min-width:0}.hr-letters-mode #content .hrl-panel h2,.hr-letters-mode #content .hrl-panel h3{color:#221d18}.hrl-panel p{font-size:13px;line-height:1.8}.hrl-panel .actions{margin:12px 0 20px}.hrl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.hrl-grid label,.hrl-panel form>label{display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}.hr-letters-mode #content .hrl-panel :is(input,select,textarea){background:#fffdf8;color:#221d18;border-color:#cfc0a8;width:100%;min-width:0;box-sizing:border-box;padding:12px;font:14px/1.6 Arial,HRLetterNepali,sans-serif}.hr-letters-mode #content .hrl-primary{background:#c9a15f!important;color:#21180b!important;border:1px solid #dfbb7f!important;padding:12px 18px;border-radius:6px;min-height:44px;font-weight:600}.hrl-link{display:inline-flex;padding:11px 16px;color:#805d2c!important;border:1px solid #ccb48e;border-radius:6px;text-decoration:none}.hrl-status{padding:6px 11px;background:#f4e4c5;color:#76511e;border-radius:6px;font-size:12px}.hrl-note{padding:14px;background:#f6ead3;border-left:3px solid #c9a15f}.hrl-steps{display:flex;gap:10px;list-style:none;padding:0;flex-wrap:wrap}.hrl-steps li{padding:12px;border:1px solid #ddd1be;border-radius:6px;font-size:12px}.hrl-steps li[aria-current]{background:#c9a15f;color:#221d18}.hr-letters-mode #content .hrl-panel .hrl-check{display:flex;flex-direction:row;align-items:flex-start;grid-column:1/-1;font-size:12px;line-height:1.7}.hr-letters-mode #content .hrl-check input{width:20px;flex:0 0 20px;margin-top:3px}.hrl-pdf{width:100%;height:850px;border:1px solid #a78a5e;background:white;margin-top:16px}.hrl-hash{overflow-wrap:anywhere;font-family:monospace;font-size:10px!important}.hrl-panel details{border-bottom:1px solid #e3d8c7;padding:18px 0}.hrl-panel summary{cursor:pointer;line-height:1.6}.hrl-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 Arial,HRLetterNepali,sans-serif}.hrl-paper{box-sizing:border-box;width:210mm;max-width:100%;padding:15mm;background:white;color:#222;margin:20px auto;box-shadow:0 8px 25px #0002;font:14px/1.8 Arial,HRLetterNepali,sans-serif}.hrl-paper header{text-align:center;border-bottom:2px solid #ac8244;padding-bottom:15px}.hrl-paper header img{width:60px;height:60px;object-fit:contain}.hr-letters-mode #content .hrl-paper h2,.hr-letters-mode #content .hrl-paper h3{color:#222}.hrl-paper h3{text-align:center}.hrl-paper footer{margin-top:35px;border-top:1px solid #ddd;padding-top:20px}.hrl-prose{white-space:pre-wrap;margin:24px 0}
@media(max-width:1000px){.hrl-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hrl-grid,.hrl-categories{grid-template-columns:1fr}.hrl-categories article button:first-child{min-height:130px}.hr-letters-mode #content .hrl-panel{padding:16px}.hrl-paper{padding:20px}.hrl-heading h2{font-size:24px!important}.hrl-pdf{height:650px}}
@media print{.hrl-heading,.hrl-categories,.hrl-panel form,.hrl-steps{display:none!important}.hrl-paper{box-shadow:none;width:100%;max-width:none;padding:0;margin:0}.hrl-panel{background:white!important;color:#111!important;border:0!important}.hrl-paper p{break-inside:avoid}.hrl-paper footer{break-inside:avoid}@page{size:A4;margin:15mm}}

.hr-letters-mode #content .hrl-panel table{color:#221d18}.hr-letters-mode #content .hrl-panel th{background:#eee6d8;color:#6b5941}.hr-letters-mode #content .hrl-panel td{border-color:#e3d8c7}.hr-letters-mode #content .hrl-panel tbody tr:hover{background:#c9a15f14}

/* Match the Attendance & Leave cream-paper workspace. */
.hr-letters-mode #content .hrl-grid label,.hr-letters-mode #content .hrl-panel form>label,.hr-letters-mode #content .hrl-heading h2{color:#221d18}.hr-letters-mode #content .hrl-panel :is(input,textarea)::placeholder{color:#776a59;opacity:1}.hr-letters-mode #content .hrl-categories article{box-shadow:0 5px 22px #352a1710}.hr-letters-mode #content .hrl-categories article:hover{background:#f8f3e9;border-color:#b38a48}.hr-letters-mode #content .hrl-panel a:not(.hrl-primary){color:#805d2c}.hr-letters-mode #content .hrl-panel .hrl-note{color:#65491f}

/* Compact categories; keep every action in normal flow to prevent overlap. */
.hrl-categories{gap:12px}.hr-letters-mode #content .hrl-categories article{display:flex;flex-direction:column;min-width:0}.hr-letters-mode #content .hrl-categories article>button:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-content:start;align-items:center;gap:5px 8px;min-height:112px;padding:16px;flex:1;white-space:normal;overflow-wrap:anywhere}.hrl-categories .hrl-category-index{grid-column:1;grid-row:1}.hrl-categories article>button:first-child>b{grid-column:2;grid-row:1;font-size:23px;line-height:1}.hrl-categories article>button:first-child>strong{grid-column:1/-1;grid-row:2;font-size:16px;line-height:1.35}.hrl-categories article>button:first-child>span:not(.hrl-category-index){grid-column:1/-1;grid-row:3;line-height:1.45}.hr-letters-mode #content .hrl-categories article>button+button{min-height:36px;padding:7px 16px;font-size:12px;border-top:1px solid #e3d8c7!important;border-radius:0;flex:none;white-space:normal}.hr-letters-mode #content .hrl-panel .erp-table-wrap{max-width:100%;overflow-x:auto}.hr-letters-mode #content .hrl-heading>.actions,.hr-letters-mode #content .hrl-panel>.actions{flex-wrap:wrap;gap:8px}.hr-letters-mode #content .hrl-heading button,.hr-letters-mode #content .hrl-panel>.actions :is(button,a){max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){.hrl-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hr-letters-mode #content .hrl-categories article>button:first-child{min-height:104px;padding:13px;gap:5px 7px}.hrl-categories article>button:first-child>strong{font-size:14px}.hrl-categories article>button:first-child>span:not(.hrl-category-index){font-size:11px}.hr-letters-mode #content .hrl-categories article>button+button{padding:7px 10px;font-size:11px}}
@media(max-width:360px){.hrl-categories{grid-template-columns:1fr}.hr-letters-mode #content .hrl-categories article>button:first-child{min-height:92px}}

/* Light glass surfaces with the requested dark hover treatment. */
.hr-letters-mode #content .hrl-categories article{background:linear-gradient(135deg,rgba(255,253,248,.94),rgba(255,253,248,.68));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(201,180,144,.65);box-shadow:0 5px 20px #352a1710,inset 0 1px 0 #ffffffb3;transition:background .15s,border-color .15s}.hr-letters-mode #content .hrl-panel{background:rgba(255,253,248,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 5px 22px #352a1710,inset 0 1px 0 #ffffffb3}.hr-letters-mode #content .hrl-categories article:hover{background:linear-gradient(135deg,#f5e5c8,#ead19d);border-color:#c9a15f}.hr-letters-mode #content .hrl-categories article:hover>button{color:#3b2b17!important}.hr-letters-mode #content .hrl-categories article:hover :is(.hrl-category-index,b){color:#805d2c}.hr-letters-mode #content .hrl-panel button:hover,.hr-letters-mode #content .hrl-heading button:hover,.hr-letters-mode #content .hrl-link:hover{background:#eed8ad!important;color:#3b2b17!important;border-color:#b38a48!important}

/* Filter submit matches the adjacent status control, not the full label row. */
.hr-letters-mode #content #hrlFilter{align-items:end}.hr-letters-mode #content #hrlFilter :is(input,select){height:52px;min-height:52px;box-sizing:border-box;padding:10px 12px}.hr-letters-mode #content #hrlFilter>button{height:52px!important;min-height:52px!important;max-height:52px;align-self:end;box-sizing:border-box;padding:10px 18px;width:100%;line-height:1.4}

/* Reset inherited label spacing so equal controls share the same row edge. */
.hr-letters-mode #content #hrlFilter>label,.hr-letters-mode #content #hrlFilter>button{margin:0}