/* Measured reference: slides 3/24, 13/34, 14/35, 15/36.
   Desktop content ratios: Home 2.04:1, Attendance 1.76:1, Leave 3.15:1.
   Application viewport excludes the reference image's outer presentation frame. */
body.ref-checkpoint{--m-canvas:#f7f6f1;--m-subtle:#f4f3ee;--m-hover:#eae8e1;--m-border:#dcdcd5;--m-divider:#e7e6df;--hero:radial-gradient(ellipse at 87% 0%,#4c435d 0%,transparent 48%),linear-gradient(135deg,#333433,#131412 74%);background:var(--m-canvas);font-size:14px;line-height:1.45}
.ref-checkpoint .app-shell{grid-template-columns:clamp(220px,18.1vw,280px) minmax(0,1fr)}
.ref-checkpoint .sidebar{width:auto;background:#f1efe7;border-right:1px solid var(--m-border);padding:26px 18px}
.ref-checkpoint .sidebar .logo{font-size:21px;line-height:1.25;padding:0 8px 28px}
.ref-checkpoint .sidebar .nav{gap:6px}.ref-checkpoint .sidebar .nav button{min-height:44px;border-radius:9px;padding:10px 12px;font-size:15px}
.ref-checkpoint .sidebar .nav button.active{background:#e2dfd6;color:#161715;box-shadow:none}
.ref-checkpoint #module-children{margin-top:18px;padding-top:14px;border-top:1px solid var(--m-border)}
.ref-checkpoint #module-children .destination-link{min-height:40px;padding:8px 10px;font-size:13px;border-radius:7px}
.ref-checkpoint .topbar{min-height:84px;padding:18px 28px;background:var(--m-canvas);border-bottom:0;gap:12px}
.ref-checkpoint .topbar h1{font-size:27px;line-height:1.2;letter-spacing:-.035em}
.ref-checkpoint .top-actions{gap:6px}.ref-checkpoint .top-actions .btn{min-height:40px;padding:8px 10px}
.ref-checkpoint .main{padding:12px 28px 32px;max-width:none;width:100%;min-width:0}
.ref-screen h2{font-size:20px;line-height:1.25;margin:0 0 14px}.ref-screen h3{font-size:17px;line-height:1.3;margin:0 0 12px}
.ref-screen .btn{min-height:40px;padding:8px 12px;font-size:13px;border-radius:7px;border-color:var(--m-border)}
.ref-screen .btn:not(.secondary){border-color:#242522}.ref-screen .section-title{margin:0 0 18px;gap:12px}
.ref-screen .card,.ref-screen .ui-card{border-radius:12px;padding:18px;box-shadow:0 1px 2px #00000005}
.ref-screen .ui-info{margin:12px 0;font-size:12px;border-radius:8px}.ref-screen .ui-info summary{min-height:36px;padding:8px 10px}
.ref-screen .ui-context-links{margin:16px 0 0}.ref-screen .ui-empty,.ref-compact-empty{padding:14px;text-align:left;border:1px solid var(--m-border);border-radius:10px;background:#fff;color:#5c605b;font-size:13px;margin:0}
.ref-screen .ui-empty>.ui-icon{width:22px;height:22px;margin-bottom:8px}.ref-screen .ui-empty h2{font-size:16px;margin-bottom:6px}.ref-screen .ui-empty p{margin:0;max-width:none}
.ref-chip{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;flex:none;background:#eeece4;color:#464b40}
.ref-chip .ui-icon{width:21px;height:21px}.ref-chip.amber{background:#fff0d3;color:#91621e}.ref-chip.green{background:#dff3e5;color:#276a49}.ref-chip.purple{background:#e9e4fa;color:#544381}.ref-chip.blue{background:#e5e9fb;color:#455a83}
.ref-home-layout{display:grid;grid-template-columns:minmax(0,2.04fr) minmax(260px,1fr);gap:24px;align-items:start}
.ref-home-primary,.ref-home-context{min-width:0}.ref-home-date{margin:0 0 18px;color:#62655d;font-size:13px}
.ref-home-focal{width:100%;max-width:none;margin:0}.ref-home-focal .ref-focal{background:var(--hero);color:#fff;border:1px solid #737076;box-shadow:0 4px 12px #2526211a;border-radius:13px;width:100%;padding:24px;min-height:280px;text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.ref-focal .metric,.ref-focal .eyebrow,.ref-focal p{color:inherit}.ref-today{align-self:flex-start;text-transform:uppercase;font-size:11px;letter-spacing:.08em;padding:3px 8px;border-radius:5px;background:#ffffff26}
.ref-day-title{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.035em}.ref-day-value{font-size:30px;line-height:1.2;font-weight:600;margin:10px 0 2px;letter-spacing:-.035em}
.ref-day-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff2b;padding-top:12px;margin-top:4px;color:#dedfd9;font-size:12px}.ref-day-facts>span+span{border-left:1px solid #ffffff2b;padding-left:20px}.ref-day-facts strong{display:block;font-weight:500;font-size:16px;color:#fff;margin-top:3px}
.ref-day-action{margin-top:12px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;background:#fff;color:#171816;font-weight:600}
.ref-today-panel,.ref-work-panel{background:#fff;border:1px solid var(--m-border);border-radius:12px;padding:18px;margin-top:14px}.ref-today-panel h2,.ref-work-panel h2{font-size:17px;margin-bottom:12px}.ref-today-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.ref-today-panel dl>div+div{border-left:1px solid var(--m-border);padding-left:12px}.ref-today-panel dt{font-size:12px;color:#676b61}.ref-today-panel dd{font-size:14px;font-weight:600;margin:3px 0 0}.ref-work-panel p{font-size:13px;margin:0;color:#62655d}
.ref-home-context #home-actions .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-home-context #home-actions h2{font-size:19px}
.ref-home-context .ref-quick-action,.ref-screen .ref-quick-action.btn{min-height:94px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:12px;background:#fff;color:#20221d;border:1px solid var(--m-border);border-radius:11px;text-align:left;font-size:13px;line-height:1.3;font-weight:550}
.ref-home-context #home-recents{margin-top:24px}.ref-home-context #home-recents h2{font-size:17px}.ref-home-context #home-recents .workspace-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--m-border);border-radius:10px;background:#fff;padding:4px 12px}
.ref-home-context #home-recents .destination-link{min-height:40px;padding:9px 0;border:0;border-bottom:1px solid var(--m-divider);font-size:12px;background:transparent;box-shadow:none;display:flex;flex-direction:row}.ref-home-context #home-recents>p{font-size:13px;color:#62655d}
.ref-home-stats .module-overview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.ref-home-stats .module-card{padding:16px;min-height:116px;border-radius:10px;width:100%;text-align:left}.ref-home-stats .module-card .metric{font-size:26px}.ref-home-stats .module-card p{font-size:12px;margin:6px 0 0}.ref-home-stats .crm-summary{grid-column:1/-1}.ref-home-stats .stage-count{min-height:72px;padding:8px}
.ref-screen #studio-finance:empty{display:none}.ref-screen #studio-finance{margin-top:24px}.ref-screen #studio-finance .section-title{flex-wrap:wrap}.ref-screen #studio-finance .accounting-basis{font-size:12px;padding:12px}.ref-screen #studio-finance .metric{font-size:27px}.ref-screen #studio-finance .period-form{gap:8px}.ref-screen #studio-finance .chart-grid{gap:16px}
/* Attendance: compact month tools, summary/calendar on the left, chosen day on the right. */
.ref-screen[data-ref-screen="insights/attendance"] .ui-period{background:transparent;border:0;padding:0;margin:0 0 16px;gap:10px;box-shadow:none}
.ref-screen[data-ref-screen="insights/attendance"] .ui-period .field{flex:0 1 200px;min-width:0}.ref-screen[data-ref-screen="insights/attendance"] .ui-period .field label{font-size:12px}
.ref-screen[data-ref-screen="insights/attendance"] .ui-period small{margin-left:auto;font-size:11px}.ref-screen[data-ref-screen="insights/attendance"] .ui-two-column{grid-template-columns:minmax(0,1.76fr) minmax(280px,1fr);gap:24px;align-items:start}
.ref-screen[data-ref-screen="insights/attendance"] .ui-two-column>section{background:transparent;border:0;padding:0;box-shadow:none}
.ref-screen[data-ref-screen="insights/attendance"] .ui-section-head{border:1px solid var(--m-border);background:#fff;border-radius:12px;padding:18px;margin:0 0 14px;align-items:center}
.ref-screen[data-ref-screen="insights/attendance"] .ui-section-head h2{font-size:18px;margin:0}
.ref-screen .ui-calendar{gap:7px}.ref-screen .ui-calendar>span{padding:5px 0;font-size:12px}.ref-screen .ui-calendar button{min-height:48px;border-radius:8px;background:#eae8e0;flex-direction:row;justify-content:space-between;padding:10px;font-size:17px}.ref-screen .ui-calendar button[aria-pressed=true]{background:#191b17;color:#fff}.ref-screen .ui-calendar button.has-record{border-color:#acb4a4}.ref-screen .ui-calendar-dot{width:7px;height:7px;background:#49965c}
.ref-screen #attendance-day-detail{display:block}.ref-screen #attendance-day-detail .ui-card{padding:18px}.ref-screen #attendance-day-detail .ui-section-head{padding:0;border:0;margin-bottom:16px}.ref-screen #attendance-day-detail .record-facts{padding:14px;gap:14px;grid-template-columns:1fr 1fr;border-radius:10px}.ref-screen #attendance-day-detail dd{font-size:15px;margin:3px 0 0}.ref-screen #attendance-day-detail dt{font-size:12px}
.ref-screen[data-ref-screen="insights/attendance"] .ui-tabs{background:transparent;border:0;padding:0;gap:12px;margin:0 0 14px}.ref-screen .ui-tabs button{min-height:36px;padding:7px 12px;font-size:12px}
/* Leave: four approved leave types replace the deck's three sample types. */
.ref-leave-layout{display:grid;grid-template-columns:minmax(0,3.15fr) minmax(210px,1fr);gap:24px;align-items:start}.ref-leave-primary{min-width:0}.ref-leave-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ref-leave-type{background:#fff;border:1px solid var(--m-border);border-radius:12px;padding:16px;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center}.ref-leave-type h3{margin:0;font-size:16px}.ref-leave-type dl{grid-column:1/-1;border-top:1px solid var(--m-divider);padding-top:12px;margin:2px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ref-leave-type dt{font-size:11px;color:#62665c}.ref-leave-type dd{margin:3px 0 0;font-size:20px;font-weight:600}
.ref-availability{font-size:12px;color:#62665c;margin:10px 0 24px}.ref-leave-context>section+section{margin-top:24px}.ref-request{border:1px solid var(--m-border);border-radius:11px;background:#fff;padding:14px;margin-bottom:10px}.ref-request strong{font-size:14px;text-transform:capitalize}.ref-request p{font-size:12px;margin:6px 0 10px}
.modal-card:has(.ref-leave-form){width:min(1120px,100%);background:#f7f6f1;border-radius:14px}.modal-card:has(.ref-leave-form) .modal-head{background:#f7f6f1;padding:18px 24px}.modal-card:has(.ref-leave-form) #modal-body{padding:22px}
#modal-body>form.ref-leave-form{width:100%;max-width:none;margin:0;position:relative;padding:20px calc(38% + 24px) 20px 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:480px;background:linear-gradient(to right,#fff 0%,#fff 62%,transparent 62%);border-radius:12px}
.ref-leave-form .field:has([name=leaveType]){grid-column:1/-1}.ref-leave-form .field:has([name=leaveType])>.searchable-select{display:none}.ref-leave-form .field:has([name=leaveType])>select{display:none}.ref-leave-form .ref-leave-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-leave-choices button{padding:12px;border-radius:9px;border:1px solid #d7d8d0;background:#fff;color:#272b22;display:flex;align-items:center;gap:8px;text-align:left;min-height:68px;font-size:13px}.ref-leave-choices button[aria-pressed=true]{background:#edeae1;outline:2px solid #292c24;outline-offset:-2px}
.ref-leave-preview{position:absolute;right:0;top:0;width:35%;font-size:13px}.ref-leave-preview>section{background:#fff;border:1px solid #dcddd5;border-radius:12px;padding:18px;margin-bottom:14px}.ref-leave-preview h3{font-size:17px;margin:0 0 14px}.ref-leave-preview dl{margin:0}.ref-leave-preview dl>div{display:flex;justify-content:space-between;gap:12px;margin:10px 0}.ref-leave-preview dd{margin:0;text-align:right}.ref-leave-preview p{margin:0;color:#5b6055}.ref-leave-form input,.ref-leave-form .select-trigger{min-height:40px}.ref-leave-form textarea{min-height:100px}.ref-leave-form>.btn[type=submit]{grid-column:1/-1;justify-self:end;min-height:44px}
/* Payments: reference-derived dense working register; no title-only focal card. */
.ref-screen[data-ref-screen="payments/register"] .section-title{justify-content:flex-end;margin:0 0 12px}.ref-screen[data-ref-screen="payments/register"] .section-title>div:empty{display:none}
.ref-register-controls{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--m-border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.ref-register-controls .toolbar{position:static!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none;gap:7px;min-height:0;display:flex;flex-wrap:wrap;align-items:center}
.ref-register-controls .payment-quick-filters>.btn{min-height:34px;padding:6px 11px;background:#f4f3ee;font-size:12px}.ref-register-controls .payment-register-toolbar>label{flex:1 1 190px;max-width:340px}.ref-register-controls .payment-register-toolbar>label>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.ref-register-controls input[type=search]{min-height:38px;height:38px;padding:8px 10px;width:100%}
.ref-register-controls .payment-register-toolbar>.btn{font-size:12px;padding:7px 10px;min-height:36px}.ref-entry-menu,.ref-export-menu{position:relative}.ref-entry-menu>summary,.ref-export-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--m-border);border-radius:7px;padding:8px 12px;min-height:36px;background:#fff;font-size:13px}.ref-entry-menu>summary{background:#20221e;color:#fff}.ref-entry-menu[open]>.toolbar{position:absolute;right:0;top:100%;min-width:190px;padding:10px;background:#fff;box-shadow:0 8px 24px #0002;border:1px solid var(--m-border);border-radius:10px;z-index:30;display:flex;flex-direction:column;align-items:stretch}.ref-export-menu[open]{z-index:30}.ref-export-menu>.btn{display:none}.ref-export-menu[open]>.btn{display:flex;position:absolute;right:0;top:100%;width:140px;background:#fff;box-shadow:0 5px 12px #0002}.ref-export-menu[open]>.btn:last-child{top:calc(100% + 40px)}
.ref-screen #register-match-count{font-size:12px;color:#64695d;margin:10px 0}.ref-screen #applied-payment-filters:empty{display:none}.ref-screen .active-filter-summary{padding:8px 10px;font-size:12px;border-radius:8px;gap:8px;margin:6px 0}
.ref-screen #register-results .data-table td,.ref-screen #register-results .data-table th{height:44px;padding:8px 10px;font-size:12px;line-height:1.4}.ref-screen #register-results .data-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ref-screen #register-results .table-wrap{border-radius:11px}.ref-screen #register-results .data-table{min-width:980px}.ref-screen #register-results .badge{font-size:10px;min-height:22px;padding:2px 6px}.ref-screen #register-results .badge .ui-icon{width:13px;height:13px}
.ref-skeleton{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:16px;border-radius:12px;background:#fff}.ref-skeleton span{height:22px;border-radius:6px;background:#e9e8e2;animation:ref-skeleton-pulse 1100ms ease-in-out infinite alternate}.ref-skeleton span:nth-child(3){height:170px}.ref-skeleton span:nth-child(4){height:100px}@keyframes ref-skeleton-pulse{from{opacity:.45}to{opacity:1}}
@media(min-width:1600px){.ref-leave-types{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-checkpoint .main{padding-right:36px;padding-left:36px}.ref-home-layout{grid-template-columns:minmax(0,2.04fr) minmax(300px,1fr)}.ref-home-focal .ref-focal{min-height:340px}.ref-day-title{font-size:34px}}
@media(min-width:768px) and (max-width:1100px){.ref-checkpoint .app-shell{grid-template-columns:200px minmax(0,1fr)}.ref-checkpoint .sidebar{width:200px;padding:20px 10px;overflow:auto}.ref-checkpoint .sidebar .logo{font-size:18px}.ref-checkpoint .sidebar .logo::after{display:none}.ref-checkpoint .sidebar .nav button{justify-content:flex-start;padding:10px}.ref-checkpoint .sidebar .nav button span{display:inline;position:static}.ref-checkpoint .sidebar #module-children{display:block;position:static;width:auto;padding:12px 0;background:transparent;box-shadow:none;border-right:0}.ref-checkpoint .btn.ui-rail-toggle{display:none}.ref-checkpoint .main{padding:12px 20px 24px}.ref-checkpoint .topbar{padding:16px 20px}.ref-home-layout,.ref-leave-layout{grid-template-columns:1fr}.ref-home-context{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.ref-home-context #home-recents{margin-top:0}.ref-screen[data-ref-screen="insights/attendance"] .ui-two-column{grid-template-columns:1fr}.ref-leave-context{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ref-leave-context>section+section{margin:0}}
@media(max-width:767px){.ref-checkpoint .app-shell{display:block}.ref-checkpoint .sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border:0;border-top:1px solid var(--m-border);z-index:40}.ref-checkpoint .sidebar .logo,.ref-checkpoint .sidebar #module-children{display:none}.ref-checkpoint .sidebar .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.ref-checkpoint .sidebar .nav button{min-height:48px;display:flex;flex-direction:column;gap:3px;padding:5px 0;font-size:10px;border-radius:8px}.ref-checkpoint .sidebar .nav button .ui-icon{width:21px;height:21px}.ref-checkpoint .sidebar .nav button.active{background:#f1efe7}
 .ref-checkpoint .topbar{min-height:68px;padding:12px 14px;flex-wrap:nowrap}.ref-checkpoint .topbar h1{font-size:22px}.ref-checkpoint .page-heading{width:auto;min-width:0}.ref-checkpoint .top-actions{width:auto;gap:3px}.ref-checkpoint .top-actions #goto-button,.ref-checkpoint .top-actions #refresh-button{display:none}.ref-checkpoint .top-actions .btn,.ref-checkpoint .top-actions .top-menu>summary{min-width:38px;min-height:44px;padding:8px 6px}.ref-checkpoint .main{padding:6px 14px calc(88px + env(safe-area-inset-bottom,0px))}.ref-checkpoint .mobile-child-nav{margin-bottom:12px}.ref-checkpoint .mobile-child-nav>summary{min-height:44px;padding:10px 12px;font-size:12px;border-radius:8px}
 .ref-home-layout,.ref-leave-layout{display:flex;flex-direction:column;gap:20px}.ref-home-primary,.ref-home-context,.ref-leave-primary,.ref-leave-context{width:100%}.ref-home-context #home-actions .toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ref-home-context .ref-quick-action,.ref-screen .ref-quick-action.btn{min-height:64px;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px;gap:8px;font-size:12px}.ref-chip{width:30px;height:30px;border-radius:7px}.ref-chip .ui-icon{width:18px;height:18px}.ref-home-focal .ref-focal{padding:18px;min-height:265px;border-radius:12px;gap:8px}.ref-day-title{font-size:26px}.ref-day-value{font-size:27px;margin-top:8px}.ref-day-action{min-height:44px}.ref-today-panel,.ref-work-panel{padding:14px;margin-top:12px}.ref-today-panel dl{gap:8px}.ref-today-panel dl>div+div{padding-left:8px}.ref-today-panel dt{font-size:10px}.ref-today-panel dd{font-size:12px}.ref-home-stats .module-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-home-stats .module-card{min-height:98px;padding:12px}.ref-home-stats .module-card .metric{font-size:24px}
 .ref-screen .btn{min-height:44px}.ref-screen[data-ref-screen="insights/attendance"] .ui-period{flex-wrap:wrap;gap:8px}.ref-screen[data-ref-screen="insights/attendance"] .ui-period .field{flex:1;min-width:130px;width:auto}.ref-screen[data-ref-screen="insights/attendance"] .ui-period .btn{width:auto}.ref-screen[data-ref-screen="insights/attendance"] .ui-period small{width:100%;margin:0}.ref-screen[data-ref-screen="insights/attendance"] .ui-two-column{grid-template-columns:1fr;gap:16px}.ref-screen .ui-calendar{gap:4px}.ref-screen .ui-calendar button{min-height:44px;font-size:15px;padding:7px 5px}.ref-screen .ui-calendar-dot{width:5px;height:5px}.ref-screen #attendance-day-detail .record-facts{grid-template-columns:1fr 1fr}.ref-screen .ui-section-head{gap:8px}
 .ref-leave-types{grid-template-columns:1fr;gap:10px}.ref-leave-type{padding:14px;grid-template-columns:30px 1fr}.ref-leave-type dl{padding-top:10px}.ref-leave-type dd{font-size:18px}.ref-leave-heading{flex-wrap:nowrap}.ref-leave-heading h2{font-size:22px}.ref-leave-heading .btn{font-size:12px;padding:8px 10px}.ref-leave-context{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ref-leave-context>section+section{margin-top:0}
 .modal-card:has(.ref-leave-form){width:100%;border-radius:0}.modal-card:has(.ref-leave-form) #modal-body{padding:14px}#modal-body>form.ref-leave-form{padding:14px;background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0}.ref-leave-form .ref-leave-choices{gap:8px}.ref-leave-choices button{padding:10px 8px;min-height:74px;flex-direction:column;align-items:flex-start;font-size:12px}.ref-leave-preview{position:static;width:auto;grid-column:1/-1}.ref-leave-preview>section{padding:14px}.ref-leave-form>.btn[type=submit]{justify-self:stretch;order:2}.ref-leave-form .field label{font-size:12px}
 .ref-register-controls{padding:10px;border-radius:10px}.ref-register-controls .payment-quick-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ref-register-controls .payment-quick-filters>.btn{min-height:44px;font-size:11px;padding:6px}.ref-register-controls .payment-register-toolbar>label{flex-basis:100%;max-width:none}.ref-register-controls .payment-register-toolbar>.btn{min-height:44px;font-size:11px;padding:7px 8px}.ref-register-controls input[type=search]{height:44px}.ref-export-menu>summary{min-height:44px;padding:12px 10px}.ref-screen #register-results .data-table{min-width:0}.ref-screen #register-results .operational-table td{height:auto;min-height:28px;padding:4px 0;font-size:12px}.ref-screen #register-results .operational-table td::before{font-size:11px;min-width:102px}.ref-screen #register-results .operational-table tr{padding:12px;margin-bottom:10px;border-radius:10px}.ref-screen #register-results .table-wrap{border:0;background:transparent}
}
@media(prefers-reduced-motion:reduce){.ref-skeleton span{animation:none;opacity:1}}
@media print{.ref-screen #register-results .data-table caption{position:static;clip-path:none;width:auto;height:auto}.ref-register-controls,.ref-entry-menu{display:none!important}}
.ref-screen[data-ref-screen="invoices"]>.section-title[hidden]{display:none!important}
.ref-screen[data-ref-screen="invoices"]>.register-query-summary{padding:7px 10px;margin:0 0 10px;font-size:12px;line-height:1.5;background:transparent;border:0}

.ref-home #page-title{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.ref-home-date{display:none}.ref-home .topbar{min-height:108px}#ref-personal-heading>span{font-size:13px;color:#62655d}#ref-personal-heading h2{font-size:28px;line-height:1.2;margin:2px 0 4px;letter-spacing:-.035em}#ref-personal-heading p{font-size:12px;color:#62655d;margin:0}.ref-attendance-summary{background:#fff;border:1px solid var(--m-border);border-radius:12px;padding:16px;margin-bottom:14px}.ref-attendance-summary h3{font-size:17px;margin:0 0 12px}.ref-attendance-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.ref-attendance-summary dt{font-size:12px;color:#62655d}.ref-attendance-summary dd{font-size:22px;font-weight:600;margin:3px 0 0}@media(max-width:767px){.ref-home .topbar{min-height:86px}#ref-personal-heading h2{font-size:23px}#ref-personal-heading p{font-size:10px}.ref-attendance-summary{padding:12px}.ref-attendance-summary dt{font-size:10px}.ref-attendance-summary dd{font-size:20px}}

@media(min-width:768px){.ref-checkpoint .sidebar .logo::after{display:none}.ref-checkpoint .sidebar .nav button span{display:inline;position:static;padding:0;background:transparent;color:inherit}.ref-checkpoint .sidebar #module-children{display:block;position:static;width:auto;padding:14px 0 0;background:transparent;box-shadow:none;border-right:0}.ref-checkpoint .btn.ui-rail-toggle{display:none}}
/* Browser-measured checkpoint corrections: 1363 × 936, Director session. */
.ref-home-stats .module-overview{grid-template-columns:repeat(var(--ref-summary-columns,2),minmax(0,1fr))}.ref-home-stats .module-overview>.crm-summary{order:1}.ref-home-focal .ref-focal:not(.ref-day-card){min-height:0;padding:22px;gap:8px}.ref-home-focal .ref-focal:not(.ref-day-card) p{margin:0}.ref-home-focal .ref-focal:not(.ref-day-card) .metric{font-size:36px}.ref-home-focal .ref-focal:not(.ref-day-card) .ref-day-action{margin-top:8px}
.ref-screen[data-ref-screen="payments/register"] .ref-register-heading{display:none}.ref-register-controls .ref-entry-menu{margin-left:auto}.ref-register-controls .ref-entry-menu>.toolbar{position:absolute!important;padding:10px!important;background:#fff!important;border:1px solid var(--m-border)!important}.ref-register-controls .ref-entry-menu>.toolbar .btn{justify-content:flex-start}
#modal-body>form#leave-form.ref-leave-form{max-width:none;width:100%;margin:0}.ref-leave-form>[data-cancel-form]{grid-column:1;grid-row:6;justify-self:end;min-height:44px}.ref-leave-form>.btn[type=submit]{grid-column:2;grid-row:6;align-self:start}.ref-leave-form .ui-info{grid-column:1/-1;margin:0}.ref-leave-form .date-entry{min-width:0}.ref-leave-form .date-entry input{min-width:0;width:100%}
@media(max-width:767px){.ref-home-stats .module-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-register-controls .ref-entry-menu{grid-column:1/-1;justify-self:end}.ref-leave-form>.btn[type=submit]{grid-column:1/-1;grid-row:auto}.ref-leave-form>[data-cancel-form]{grid-column:1/-1;grid-row:auto;justify-self:stretch}}

/* Working assignment form: same controls, compact reference-derived composition. */
#assign-project-form.ref-assignment-form{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;gap:16px;padding:20px;margin-bottom:24px}
#assign-project-form.ref-assignment-form .field{min-width:0;margin:0}
#assign-project-form.ref-assignment-form>button{align-self:end;min-height:44px;padding:10px 18px}
@media(max-width:767px){#assign-project-form.ref-assignment-form{grid-template-columns:minmax(0,1fr);gap:16px}#assign-project-form.ref-assignment-form>button{width:100%}}