/* PIXY: shared Apple-inspired presentation. No data or permissions changes. */
:root{--paper:#f5f6f7;--surface:#fff;--ink:#263b33;--ink-soft:#738078;--line:#e3e7e4;--accent:#285f47;--accent-strong:#204f3b;--accent-soft:#eaf2ed;--radius:16px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;background:var(--paper);color:var(--ink)}
@media screen{
.signed-in .app{min-width:0}.app h1,.inner-page h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;font-weight:650}.app h2{font-size:17px;letter-spacing:-.3px}
.app .card,.app .workspace-link,.app .workspace-notice,.ui-panel,.ui-metric{border-radius:16px;border-color:var(--line);box-shadow:0 2px 6px #213b2d03}
.topbar{border-right:1px solid var(--line)}.topnav a{border-radius:10px;min-height:36px}.nav-section{background:transparent;font-size:11px;color:#6f7a74;padding:14px 10px 6px}.page-context{gap:12px}.page-context>span{min-width:0}
.app .btn,.app .btn-sm,.app .field-grid>.btn,.control,button.control{min-height:32px;width:auto;max-width:100%;padding:6px 11px;border-radius:9px;font-size:12px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:normal;box-shadow:0 1px 2px #20372b06}
.app .btn-primary{background:var(--accent);border-color:var(--accent)}.app .toolbar,.app .workspace-heading{flex-wrap:wrap;gap:10px}
.app input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),.app select,.app textarea{min-height:35px;padding:7px 10px;border-radius:9px;border-color:#dbe2dc;font-size:13px;box-sizing:border-box}.app label{font-size:12px}.app .field-grid{gap:16px}
.app .table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto;max-width:100%}.app table{font-variant-numeric:tabular-nums}.app th{font-size:11px;background:#f6f8f6;padding:11px 12px}.app td{padding:10px 12px;font-size:12px}.app td input[type=number]{min-width:85px;width:96px;text-align:right;font-variant-numeric:tabular-nums}.app td:first-child{min-width:160px}.app .table-wrap th{position:sticky;top:0;z-index:1}.app .folio-tabs{gap:4px;background:#e9ede9;border:0;border-radius:11px;padding:4px}.app .folio-tabs button{border:0;border-radius:8px;padding:7px 12px;min-height:32px}.app .folio-tabs button[aria-selected=true]{background:white;box-shadow:0 1px 4px #20372b18}
.calendar-workspace .hr-cal-toolbar{padding:4px;gap:5px;align-items:center;background:#e9edea;border-radius:11px;width:fit-content;max-width:100%}.calendar-workspace .hr-cal-toolbar .btn{background:transparent;border-color:transparent;box-shadow:none}.calendar-workspace .hr-cal-toolbar .btn-primary{background:white;color:#244e3a;box-shadow:0 1px 4px #213b2d18}
.calendar-workspace .hr-cal-filters{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;padding:16px}.calendar-workspace .hr-cal-filters label{gap:5px}.calendar-workspace>p{font-size:12px;color:#718078;max-width:950px}
.calendar-workspace .hr-year{gap:1px;background:#e3e7e4;border:1px solid #e3e7e4;border-radius:18px;overflow:hidden}.calendar-workspace .hr-month{border:0;border-radius:0;padding:20px;background:#fff}.calendar-workspace .hr-month h2{margin:0 0 14px;font-size:18px}.calendar-workspace .hr-month h2 a{color:#285f47;text-decoration:none}.calendar-workspace .hr-days{gap:3px}.calendar-workspace .hr-days>strong{font-size:10px;font-weight:500;color:#8b938d}.calendar-workspace .hr-day{border:0;min-height:34px;border-radius:8px;font-size:12px;padding:4px 2px}.calendar-workspace .hr-day:hover,.calendar-workspace .hr-day:focus-visible{outline:2px solid #6a9980;outline-offset:0}.calendar-workspace .hr-day small{font-size:9px}.calendar-workspace .hr-mark{background:#eaf3ed;color:#245c3c}.calendar-workspace .hr-pending{background:#fff5df;border-bottom:2px dashed #b78324;color:#785817}.calendar-date{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px}.calendar-date.is-today{background:#c84640;color:white;border-radius:50%}.calendar-workspace .hr-monthly .hr-month{border:1px solid var(--line);border-radius:16px}.calendar-workspace .hr-monthly .hr-day{min-height:100px;text-align:left;border:1px solid #edf0ed;padding:7px}.calendar-workspace .hr-monthly .hr-day small{font-size:11px;padding:3px 6px}.calendar-workspace .hr-calendar-list{margin-top:20px}
.year-calendar{gap:1px!important;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.year-month{border:0!important;border-radius:0!important;padding:20px!important}.year-month h2 a{text-decoration:none;color:var(--accent)}.year-days .leave-mark{border-radius:8px!important;background:#eaf3ed!important}.leave-grid{gap:1px!important;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.leave-day,.weekday,.calendar-blank{background:white;border:0!important;border-radius:0!important}.leave-day{min-height:105px!important;font-size:12px}
@media(max-width:650px){.app .btn,.app .btn-sm,.app .field-grid>.btn{min-height:42px}.calendar-workspace .hr-cal-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-workspace .hr-monthly .hr-day{min-height:70px;padding:3px}.calendar-workspace .hr-monthly .hr-day small{font-size:9px;padding:1px}.app h1{font-size:24px}.calendar-workspace .hr-month{padding:12px}.app .workspace-heading>*{min-width:0;max-width:100%}}
}
@media print{@page{size:A4;margin:10mm}.calendar-workspace .hr-year{gap:3mm}.calendar-workspace .hr-month{break-inside:avoid}.calendar-workspace .hr-days{print-color-adjust:exact}.app .table-wrap{overflow:visible!important}.app table{font-size:8pt}.app td,.app th{padding:3px}.app td input{border:0!important;padding:0!important;min-width:0!important;width:100%!important}.no-print{display:none!important}}

@media screen{.topbar .nav-section{text-transform:none;letter-spacing:0}.calendar-workspace .hr-cal-filters{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}}
@media screen{.payroll-views{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:#e9edea;border-radius:11px;width:fit-content;margin:16px 0}.app .payroll-views .btn{background:transparent;border-color:transparent;box-shadow:none}.app .payroll-views .btn[aria-pressed=true]{background:white;color:#285f47;box-shadow:0 1px 4px #20372b18}.app .payroll-table{width:100%;min-width:0}.app .payroll-table td[hidden],.app .payroll-table th[hidden],.app .payroll-table tfoot[hidden]{display:none}.app .payroll-table .emp-cell{width:240px}.app .payroll-table .total-cell{font-weight:650;font-size:14px}.app .payroll-table .wide{width:100%;min-width:200px}}
.payroll-print-records{display:none}@media print{.table-wrap:has(#payrollTable){display:none!important}.payroll-print-records{display:block}.payroll-print-records section{break-inside:avoid;border:1px solid #ddd;padding:4mm;margin:0 0 4mm;border-radius:3mm}.payroll-print-records h3{font-size:10pt;margin:0 0 3mm}.payroll-print-records dl{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2mm;margin:0;font-size:9pt}.payroll-print-records dt{color:#59685e}.payroll-print-records dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}}
/* Stack the manual above the account badge inside the sidebar. */
.sidebar-bottom{flex-direction:column;align-items:stretch;gap:8px;min-width:0}.sidebar-bottom>.operating-manual-link,.sidebar-bottom>.account-menu{width:100%;min-width:0;max-width:100%;flex:none}.sidebar-bottom>.operating-manual-link{margin:0!important;white-space:nowrap}.sidebar-bottom>.operating-manual-link svg{flex-shrink:0}