:root{color-scheme:light;font-family:Aptos,Segoe UI,sans-serif;line-height:1.5;color:#1e2528;background:#f7f4ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1e2528;--muted: #4d5751;--line: #ded6ca;--paper: #fbf8f1;--panel: #fffdf8;--charcoal: #243143;--formia-blue: #566f91;--formia-blue-dark: #344760;--moss: #566f91;--moss-dark: #344760;--amber: #c8812d;--coral: #c8513e;--teal: #2f7b87;--quiet-row: #fffaf1;--quiet-row-alt: #fbf4e8;--focus-ring: 0 0 0 3px rgba(47, 123, 135, .2);--shadow: 0 14px 34px rgba(57, 46, 31, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#f7f4ed}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(47,123,135,.72);outline-offset:3px;box-shadow:var(--focus-ring)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:280px minmax(0,1fr);background:#f7f4ed}.app-shell.staff-shell{grid-template-columns:1fr}.auth-shell{min-height:100vh;min-height:100dvh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:#102333}.auth-brand-field{position:relative;isolation:isolate;display:flex;min-height:100%;flex-direction:column;justify-content:space-between;gap:48px;overflow:hidden;padding:clamp(38px,5vw,72px);color:#fff}.auth-brand-joint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.55;background:repeating-linear-gradient(90deg,transparent 0 54px,rgba(255,255,255,.03) 54px 108px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent)}.auth-brand-joint:after{content:"";position:absolute;right:0;left:0;top:50%;height:108px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(252,211,77,.17) 0 54px,transparent 54px 108px);-webkit-mask-image:linear-gradient(90deg,#000,transparent 62%);mask-image:linear-gradient(90deg,#000,transparent 62%)}.auth-brand-bloom{position:absolute;z-index:-1;left:-16vw;bottom:-28vw;width:70vw;height:70vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(circle,rgba(252,211,77,.14),transparent 62%);pointer-events:none}.auth-formia-wordmark{position:relative;z-index:1;width:clamp(190px,25vw,300px);height:auto;align-self:flex-start}.brand-mark img,.qr-print-formia-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand-wordmark,.staff-brand-wordmark img,.qr-print-formia-wordmark img{width:100%;height:auto;display:block}.auth-brand-copy{position:relative;z-index:1}.auth-brand-copy h1{max-width:11ch;margin:0;color:#fff;font-size:clamp(2.7rem,5.4vw,5rem);font-weight:900;letter-spacing:-.052em;line-height:.94;text-wrap:balance}.auth-brand-copy h1 span{color:#fcd34d}.auth-brand-copy p{max-width:38ch;margin:18px 0 0;color:#cbd5e1;font-size:1rem;line-height:1.7}.auth-brand-domain{position:relative;z-index:1;color:#ffffff8c;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.auth-panel{display:flex;min-width:0;align-items:center;justify-content:center;padding:clamp(32px,5vw,72px);background:#f8f6f0;color:#1e293b}.auth-panel-inner{width:min(100%,370px)}.auth-copy h2{margin:0;color:#1e293b;font-size:clamp(2rem,3vw,2.45rem);font-weight:900;letter-spacing:-.035em;line-height:1.02}.auth-copy p{margin:12px 0 0;color:#55616d;font-size:.95rem;line-height:1.65}.auth-actions{display:grid;gap:10px;margin-top:28px}.google-auth-button{min-height:52px;border:0;border-radius:12px;background:#102333;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;font-weight:800;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.google-auth-button:not(:disabled):hover{transform:translateY(-1px);background:#18354c;box-shadow:0 10px 24px #10233329}.google-auth-button:disabled{cursor:not-allowed;opacity:.56}.auth-demo-button{width:100%}.auth-loading-icon{animation:auth-spin .9s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-message{margin-top:22px;border:1px solid rgba(200,129,45,.25);border-radius:10px;background:#c8812d17;color:#7b4d17;padding:11px 13px;font-size:.88rem;line-height:1.5}.auth-panel-note{margin-top:22px;border-top:1px solid rgba(15,23,42,.1);display:flex;align-items:flex-start;gap:9px;padding-top:16px;color:#64707c;font-size:.82rem;line-height:1.5}.auth-panel-note svg{flex:0 0 auto;margin-top:1px;color:#31536f}.auth-panel-note.is-warning,.auth-panel-note.is-warning svg{color:#805019}@media(max-width:860px){.auth-shell{grid-template-columns:1fr;grid-template-rows:minmax(230px,38vh) auto}.auth-brand-field{min-height:0;gap:24px;padding:calc(26px + env(safe-area-inset-top,0px)) clamp(24px,7vw,48px) 28px}.auth-formia-wordmark{width:clamp(150px,33vw,210px)}.auth-brand-copy h1{max-width:13ch;font-size:clamp(2.25rem,8vw,3.5rem)}.auth-brand-copy p,.auth-brand-domain{display:none}.auth-panel{align-items:flex-start;padding:38px clamp(24px,7vw,48px) calc(38px + env(safe-area-inset-bottom,0px))}}@media(max-width:380px){.auth-shell{grid-template-rows:minmax(205px,34vh) auto}.auth-brand-field{padding-right:20px;padding-left:20px}.auth-brand-copy h1{font-size:clamp(2.1rem,11vw,2.8rem)}.auth-panel{padding-right:20px;padding-left:20px}.auth-copy h2{font-size:1.9rem}}@media(min-width:861px)and (max-height:680px){.auth-brand-field,.auth-panel{padding-top:34px;padding-bottom:34px}.auth-brand-copy h1{font-size:clamp(2.6rem,5vw,4.2rem)}}.sidebar{background:#243143;color:#f9f4e8;padding:24px;display:flex;flex-direction:column;gap:28px;min-height:100vh;min-height:100dvh;position:sticky;top:0}.staff-shell .sidebar{position:fixed;inset:auto 10px 10px 10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:30;min-height:0;height:64px;padding:6px;border-radius:16px;flex-direction:row;align-items:center;gap:0;box-shadow:0 18px 38px #11171847}.staff-shell .brand-lockup,.staff-shell .sidebar-footer{display:none}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup-copy,.brand-lockup span{display:block}.brand-lockup-copy{display:grid;gap:4px}.brand-wordmark{max-width:168px}.brand-lockup span{color:#c7d1c8;font-size:.82rem}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);background:var(--formia-blue);border-radius:4px;overflow:hidden}.nav-stack{display:grid;gap:7px}.staff-shell .nav-stack{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.nav-item,.primary-action,.secondary-action,.danger-action,.icon-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px}.nav-item{width:100%;padding:11px 12px;justify-content:flex-start;background:transparent;color:#dfe8dc}.nav-item:hover,.nav-item.is-active{background:#ffffff1a;color:#fff}.nav-item.is-active{box-shadow:inset 3px 0 0 var(--formia-blue)}.nav-item:disabled{cursor:not-allowed;opacity:.36}.staff-shell .nav-item{min-height:52px;padding:5px 4px;justify-content:center;flex-direction:column;gap:2px;border-radius:12px;font-size:.74rem;font-weight:900}.staff-shell .nav-item svg{width:17px;height:17px}.staff-shell .nav-item.is-active{box-shadow:none;background:var(--formia-blue);color:#fffaf1}.sidebar-footer{margin-top:auto;display:flex;gap:10px;color:#c7d1c8;font-size:.82rem;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.workspace{min-width:0;padding:28px}.staff-shell .workspace{min-height:100vh;min-height:100dvh;padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(132px + env(safe-area-inset-bottom,0px))}.staff-admin-launcher{position:fixed;top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));right:max(12px,calc((100vw - 480px)/2 + 12px));z-index:35;min-height:40px;border:1px solid rgba(255,250,241,.34);border-radius:8px;background:#273033db;color:#fffaf1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:900;box-shadow:0 10px 24px #11171838;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.staff-user-picker{position:fixed;left:max(12px,calc((100vw - 480px)/2 + 12px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:35;min-height:40px;max-width:min(62vw,288px);display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,250,241,.34);border-radius:8px;background:#273033e0;color:#fffaf1;padding:0 9px;box-shadow:0 10px 24px #11171838;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.staff-user-picker span{color:#fffaf1e6;font-size:.72rem;font-weight:900;text-transform:uppercase}.staff-user-picker select{min-width:0;max-width:118px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#fffaf1;font-size:1rem;font-weight:900;outline:0}.staff-user-picker strong{max-width:132px;color:#fffaf1;font-size:.78rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-user-picker option{color:var(--ink)}.staff-signout-button{width:34px;height:34px;border:1px solid rgba(255,250,241,.2);border-radius:7px;background:#ffffff14;color:#fffaf1;display:grid;place-items:center;padding:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.staff-shell .staff-topbar{display:none}.topbar h1,.panel h2,.panel h3,.request-row h3,.employee-card h3,.ai-review-card h3{margin:0;line-height:1.1}.topbar h1{font-family:Georgia,Times New Roman,serif;font-size:2.45rem}.eyebrow{display:block;color:var(--teal);font-size:.74rem;text-transform:uppercase;font-weight:800}.topbar-actions,.button-row,.summary-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-action-group,.export-actions,.request-actions,.timesheet-review-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.company-picker{display:inline-flex;align-items:center;gap:8px;min-height:42px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:0 10px}.company-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);min-width:164px;outline:none}.primary-action{background:var(--charcoal);color:#fffaf1;padding:0 15px;font-weight:800;text-decoration:none}.primary-action:hover{background:#111718}.secondary-action{background:#f1e7d5;color:var(--charcoal);border:1px solid var(--line);padding:0 14px;font-weight:800;text-decoration:none}.secondary-action:hover{background:#e8dcc6}.primary-action:disabled,.secondary-action:disabled,.primary-action.is-disabled{cursor:not-allowed;opacity:.65}.secondary-action.full{width:100%}.backup-export-action{min-height:36px;white-space:nowrap}.danger-action{background:#f6d9d3;border:1px solid rgba(200,81,62,.32);color:#8f2f22;padding:0 14px;font-weight:900}.danger-action.is-armed{background:var(--coral);border-color:var(--coral);color:#fff6f1}.danger-action:disabled{cursor:not-allowed;opacity:.42}.icon-button{width:44px;height:44px;background:#f1e7d5;color:var(--charcoal);border:1px solid var(--line)}.dashboard-grid,.payroll-layout,.leave-layout,.people-layout,.integrations-layout,.hr-layout,.ai-layout,.two-column{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.two-column,.payroll-layout,.leave-layout,.people-layout,.integrations-layout,.hr-layout,.ai-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.metric-card{background:#fffdf8fa;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.panel{padding:18px;min-width:0}.metric-card{min-height:132px;padding:18px;display:flex;justify-content:space-between;gap:16px;border-left:5px solid #b8ab96}.metric-card.warning{border-left-color:var(--amber)}.metric-card.good{border-left-color:var(--moss)}.metric-card span,.summary-tile span,td span,.review-row span,.timeline-item span,.balance-row span,.employee-card span,.employee-card small,.ai-review-card span,.ai-review-card small{color:var(--muted);display:block}.metric-card strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:2rem;margin-top:6px}.metric-card small{color:var(--muted);font-size:.84rem}.wide-panel,.span-2{grid-column:span 2}.dashboard-grid .wide-panel{grid-column:span 3}.qr-panel{grid-row:span 2}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel h2{font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.integrations-hero{min-height:236px;color:#fffaf1;background:linear-gradient(140deg,#243143f5,#566f91d1),var(--charcoal);display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:20px;overflow:hidden;position:relative}.integrations-hero:after{content:"";position:absolute;inset:-70px -34px auto auto;width:190px;height:190px;border:28px solid rgba(243,199,96,.26);transform:rotate(16deg)}.integrations-hero>*{position:relative;z-index:1}.integrations-hero h2{color:#fffaf1;font-size:clamp(2rem,5vw,4.1rem);max-width:720px}.integrations-hero p{color:#fffaf1e6;max-width:740px;margin:12px 0 0}.integration-hero-card,.integration-card{border:1px solid rgba(255,250,241,.28);border-radius:8px;background:#fffaf11f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px}.integration-hero-card strong,.integration-hero-card small,.integration-card strong,.integration-card small,.integration-card span,.integration-table td span{display:block}.integration-hero-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.34rem;margin-top:12px}.integration-hero-card small{color:#fffaf1e6;margin-top:6px}.integration-metrics,.integration-status-grid{display:grid;gap:12px}.integration-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.integration-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-card-list{display:grid;gap:12px}.integration-card{background:#fbf4e6;border-color:var(--line)}.integration-card.is-selected{border-color:#2f7b87b3;box-shadow:inset 4px 0 0 var(--teal)}.integration-card strong{color:var(--ink);font-size:1rem;margin-top:10px}.integration-card small,.integration-card span,.integration-table td span{color:var(--muted)}.integration-card>span{font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;margin-top:10px;overflow-wrap:anywhere}.integration-table td{min-width:130px}.integration-table td:nth-child(2){min-width:260px}.integration-action{min-height:34px;padding:0 12px}.timesheet-approval-panel,.audit-list{display:grid;gap:10px;margin-top:14px}.timesheet-review-list{display:grid;gap:8px;max-height:340px;overflow:auto}.timesheet-review-row,.audit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fffaf1;padding:10px 12px}.timesheet-review-row strong,.audit-row strong{display:block;color:var(--ink)}.timesheet-review-row small,.timesheet-review-row span,.audit-row span{display:block;color:var(--muted);font-size:.84rem}.timesheet-review-row em{display:block;color:#8f2f22;font-size:.78rem;font-style:normal;font-weight:800;margin-top:3px}.export-actions,.request-actions{justify-content:flex-end}.integration-srj-panel .approval-row{align-items:flex-start}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;padding:0 10px;font-size:.74rem;font-weight:900;white-space:nowrap}.badge.good{color:#25553d;background:#d9eddf}.badge.warning{color:#6b4210;background:#f7dec0}.badge.danger{color:#7e261c;background:#ffd7cf}.badge.neutral{color:#4f5c5b;background:#ebe4d7}.readiness-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.step{border:1px solid var(--line);border-radius:8px;padding:12px;min-height:92px;background:#fbf4e6}.step>span{width:20px;height:4px;background:#9b9489;display:block;margin-bottom:12px}.step.good>span{background:var(--moss)}.step.warning>span{background:var(--amber)}.step strong,.step small{display:block}.step small{color:var(--muted);margin-top:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #eadfcd;vertical-align:middle}tbody tr{transition:background-color .14s ease}tbody tr:hover{background:#2f7b870b}th{color:var(--muted);font-size:.74rem;text-transform:uppercase}td strong{display:block}.qr-card{background:linear-gradient(135deg,#4f7c631f,#2f7b871f),#fffaf1;border:1px solid var(--line);border-radius:8px;min-height:188px;display:grid;place-items:center}.qr-card.large{min-height:260px;width:100%}.qr-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin:14px 0}.print-qr-panel{overflow:hidden}.qr-print-controls{align-items:center}.qr-print-sheet,.qr-print-sites,.qr-print-card-grid{display:grid;gap:14px}.qr-print-company{border:1px solid var(--line);border-radius:8px;background:#fffaf1;padding:16px}.qr-print-company-head,.qr-print-brand,.qr-print-site-heading,.qr-print-card-title{display:flex;align-items:center}.qr-print-company-head{justify-content:space-between;gap:14px;margin-bottom:14px}.qr-print-brand{gap:12px}.qr-print-company h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;line-height:1.05}.qr-print-issued{min-width:112px;border:1px solid var(--line);border-radius:8px;background:#fbf4e6;padding:8px 10px;text-align:right}.qr-print-issued span,.qr-print-issued strong,.qr-print-card small{display:block}.qr-print-issued span{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.qr-print-site{border-top:1px solid #eadfcd;padding-top:14px}.qr-print-site-heading{gap:8px;margin-bottom:10px;color:var(--charcoal)}.qr-print-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-print-card{min-height:292px;border:1px solid #d8cbb8;border-radius:8px;background:linear-gradient(180deg,#fffdf8,#fbf4e6),#fffaf1;display:grid;place-items:center;gap:10px;padding:14px;text-align:center}.qr-print-card-head,.qr-print-card-company{display:none}.qr-print-card.clock-in{box-shadow:inset 0 5px 0 var(--moss)}.qr-print-card.break{box-shadow:inset 0 5px 0 var(--amber)}.qr-print-card.clock-out{box-shadow:inset 0 5px 0 var(--coral)}.qr-print-card-title{justify-content:center;gap:8px;min-height:34px}.qr-print-card-title strong{font-size:1rem}.qr-print-card canvas{max-width:100%;height:auto!important}.qr-print-card small{color:var(--muted);font-size:.78rem;font-weight:800}.signal-list,.review-stack,.approval-list,.balance-stack,.request-list,.ai-review-list,.timeline{display:grid;gap:11px}.signal,.approval-row,.review-row,.balance-row,.timeline-item{display:flex;align-items:flex-start;gap:11px;min-height:52px;border-bottom:1px solid #eadfcd;padding-bottom:11px}.signal:last-child,.approval-row:last-child,.review-row:last-child,.balance-row:last-child,.timeline-item:last-child{border-bottom:0;padding-bottom:0}.status-light,.dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.signal .status-light{margin-top:8px}.signal strong,.signal small{display:block}.signal small{color:var(--muted);margin-top:2px}.wide-panel table{min-width:560px}.status-light.good,.dot.in{background:var(--moss)}.status-light.warning{background:var(--amber)}.status-light.danger,.dot.out{background:var(--coral)}.status-light.neutral{background:#9b9489}.review-row{align-items:flex-start}.kiosk-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:center}.kiosk-copy strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:2rem}.kiosk-copy p,.exception-card p,.request-row p,.ai-review-card p{color:var(--muted);margin:10px 0 0}.station-board,.span-2{grid-column:span 2}.exception-grid,.employee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.exception-card,.request-row,.employee-card,.ai-review-card{border:1px solid var(--line);border-radius:8px;background:var(--quiet-row);padding:14px}.request-row,.employee-card,.ai-review-card,.timesheet-review-row,.audit-row{transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.request-row:hover,.employee-card:hover,.ai-review-card:hover,.timesheet-review-row:hover,.audit-row:hover{border-color:#2f7b8747;background:#fffdf8;box-shadow:0 8px 22px #392e1f0f}.exception-card h3,.request-row h3,.employee-card h3,.ai-review-card h3{font-size:1rem;margin-top:10px}.summary-strip{align-items:stretch;margin-bottom:16px}.summary-tile{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--quiet-row-alt);flex:1 1 180px}.summary-tile strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;overflow-wrap:anywhere}.export-control{border:1px solid var(--line);background:linear-gradient(135deg,#4f7c6317,#f3c76026),#fbf4e6;border-radius:8px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:16px}.export-control strong,.export-control small{display:block}.export-control strong{margin-top:4px;overflow-wrap:anywhere}.export-control small{color:var(--muted);margin-top:4px}.warning-list{display:grid;gap:11px}.warning-row{display:flex;align-items:flex-start;gap:11px;padding-bottom:11px;border-bottom:1px solid #eadfcd}.warning-row:last-child{padding-bottom:0;border-bottom:0}.warning-row strong,.warning-row small{display:block}.warning-row small{color:var(--muted);margin-top:3px}.segmented-control{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f7eedf}.segmented-control button{border:0;background:transparent;padding:9px 12px;min-width:72px;font-weight:800;color:var(--muted)}.segmented-control button.is-selected{background:var(--charcoal);color:#fffaf1}.checkmark{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:1px solid #a7a094;flex:0 0 auto}.checkmark.checked{background:var(--moss);color:#fff;border-color:var(--moss)}.request-row,.ai-review-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.employee-card{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:8px 12px;color:var(--ink);text-align:left;width:100%}button.employee-card{cursor:pointer}.employee-card.is-selected{border-color:#2f7b878c;box-shadow:inset 0 0 0 2px #2f7b871f;background:#fffdf8}.employee-card>div:not(.avatar){min-width:0}.employee-card h3{margin-top:0}.employee-card span:not(.badge),.employee-card small{line-height:1.25;overflow-wrap:anywhere}.employee-card small{margin-top:4px}.employee-card .badge{grid-column:2;justify-self:start;display:inline-flex;margin-top:2px}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--charcoal);color:#fffaf1;font-weight:900;overflow:hidden}.avatar.large{width:72px;height:72px;font-size:1.1rem}.avatar.xl{width:92px;height:92px;font-size:1.28rem}.avatar img{width:100%;height:100%;object-fit:cover}.people-profile-layout{grid-template-columns:1fr;align-items:start}.people-directory-panel{grid-column:1 / -1}.people-directory-panel .employee-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.people-profile-panel{align-content:start;min-width:0}.people-profile-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:28px;display:grid;place-items:center;background:#11171894;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.people-profile-modal-backdrop .people-profile-panel{width:min(1120px,100%);max-height:calc(100vh - 56px);overflow:auto;border-color:#fffaf185;box-shadow:0 30px 90px #00000057}.people-summary-strip,.people-editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.people-editor-form{display:grid;gap:12px}.people-editor-form label{display:grid;gap:6px}.people-editor-form label>span{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.people-editor-form input,.people-editor-form select,.people-editor-form textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--ink);padding:9px 11px;font:inherit}.people-editor-form textarea{min-height:96px;resize:vertical}.people-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.people-editor-grid.wide{gap:12px}.people-photo-editor{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.people-profile-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border-bottom:1px solid #eadfcd;padding-bottom:16px}.people-profile-id{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}.people-profile-id h2,.people-profile-id small,.people-profile-band strong,.people-profile-band small,.people-hr-record strong,.people-hr-record small,.people-hr-record span{display:block}.people-profile-id h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1;margin:3px 0 6px;overflow-wrap:anywhere}.people-profile-id small,.people-profile-band small,.people-hr-record small,.people-hr-record span{color:var(--muted)}.people-profile-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.people-profile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f7eedf}.people-profile-tabs button{min-height:43px;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:900}.people-profile-tabs button.is-selected{background:var(--charcoal);color:#fffaf1}.people-profile-section{display:grid;gap:14px}.people-profile-band{border:1px solid #eadfcd;border-radius:8px;background:#fbf4e6;padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.people-profile-band.payroll{align-items:stretch}.people-profile-band.payroll .summary-tile{margin:0}.people-leave-editor,.people-hr-records,.people-profile-footer{display:grid;gap:10px;border-top:1px solid #eadfcd;padding-top:14px}.people-profile-footer{grid-template-columns:repeat(5,minmax(0,1fr))}.people-hr-record{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;border-bottom:1px solid #eadfcd;padding-bottom:10px}.people-hr-record:last-child{border-bottom:0;padding-bottom:0}.balance-row{justify-content:space-between;flex-wrap:wrap}.ai-review-card{grid-template-columns:80px minmax(0,1fr) auto}.risk-column{display:grid;justify-items:start;gap:12px;color:var(--teal)}.hr-command{background:linear-gradient(135deg,#4f7c6314,#f3c76024),#fffdf8f5}.hr-intake-form,.hr-note-form{display:grid;gap:12px}.hr-intake-form{grid-template-columns:repeat(3,minmax(0,1fr))}.span-form{grid-column:1 / -1}.hr-intake-form label,.hr-note-form label{display:grid;gap:6px;min-width:0}.hr-intake-form label>span,.hr-note-form label>span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.hr-intake-form input,.hr-intake-form select,.hr-intake-form textarea,.hr-note-form input,.hr-note-form textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--ink);padding:10px 12px;font:inherit}.hr-intake-form textarea,.hr-note-form textarea{min-height:92px;resize:vertical}.hr-process-helper{display:flex;gap:10px;align-items:flex-start;border:1px solid #eadfcd;border-radius:8px;background:#fffaf1;padding:12px;color:var(--teal)}.hr-process-helper strong,.hr-process-helper small{display:block}.hr-process-helper small{color:var(--muted);margin-top:3px}.hr-field-note,.hr-column-note{color:#56635f;font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}.hr-guide-note{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #d7cab5;border-left-width:4px;border-radius:8px;background:#fffdf8e6;color:var(--charcoal);padding:11px 12px;margin-bottom:12px}.hr-guide-note.good{border-left-color:var(--moss)}.hr-guide-note.warning{border-left-color:var(--amber)}.hr-guide-note.danger{border-left-color:var(--coral)}.hr-guide-note.neutral{border-left-color:var(--teal)}.hr-guide-note svg{color:var(--teal);margin-top:2px}.hr-guide-note strong,.hr-guide-note small{display:block}.hr-guide-note small{color:var(--muted);margin-top:2px}.hr-process-guide{border:1px solid #d3c5ad;border-radius:8px;background:linear-gradient(90deg,rgba(47,123,135,.08),transparent 40%),#fffdf8;padding:12px;display:grid;gap:12px}.hr-process-guide-head{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:flex-start;color:var(--teal)}.hr-process-guide-head strong,.hr-process-guide-head small{display:block}.hr-process-guide-head small,.hr-process-guide li,.hr-process-guide-footer small{color:var(--muted)}.hr-process-guide ol{margin:0;padding-left:22px;display:grid;gap:6px}.hr-process-guide li{padding-left:4px}.hr-process-guide-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hr-process-guide-footer div,.hr-selected-guide,.hr-action-note{border:1px solid #eadfcd;border-radius:8px;background:#fbf4e6;padding:10px}.hr-process-guide-footer span,.hr-action-note strong{display:block;color:var(--charcoal);font-size:.76rem;font-weight:900;text-transform:uppercase}.hr-process-guide-footer small,.hr-selected-guide small,.hr-action-note small{display:block;color:var(--muted);margin-top:3px}.hr-selected-guide strong{display:block;margin-top:4px}.hr-step-purpose{border-top:1px solid #eadfcd;margin-top:7px;padding-top:7px}.hr-employee-focus{border:1px solid #d3c5ad;border-radius:8px;background:linear-gradient(135deg,#4f7c6317,#fffdf800 44%),#fffdf8;padding:12px;display:grid;gap:12px}.hr-employee-focus-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center}.hr-employee-focus-head h3,.hr-employee-focus-head small{display:block;margin:0;overflow-wrap:anywhere}.hr-employee-focus-head small{color:var(--muted);margin-top:3px}.hr-suggestion-card{border:1px solid #d8c7a9;border-radius:8px;background:#fbf4e6;padding:12px}.hr-suggestion-card strong,.hr-suggestion-card small{display:block}.hr-suggestion-card strong{margin-top:4px;overflow-wrap:anywhere}.hr-suggestion-card small{color:var(--muted);margin-top:4px}.hr-open-records{display:grid;gap:9px}.hr-open-record-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #eadfcd;border-radius:8px;background:#fbf4e6;color:var(--ink);padding:10px;text-align:left}.hr-open-record-button.is-selected{border-color:var(--moss);box-shadow:inset 4px 0 0 var(--moss);background:#fffaf1}.hr-open-record-button strong,.hr-open-record-button small{display:block;overflow-wrap:anywhere}.hr-open-record-button small{color:var(--muted);margin-top:2px}.hr-case-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.hr-case-list{display:grid;gap:10px}.hr-case-button{display:grid;justify-items:start;gap:4px;border:1px solid var(--line);border-radius:8px;background:#fbf4e6;color:var(--ink);min-height:118px;padding:12px;text-align:left}.hr-case-button.is-selected{border-color:var(--amber);box-shadow:inset 4px 0 0 var(--amber);background:#fffaf1}.hr-case-button span,.hr-case-button small{color:var(--muted)}.hr-case-button strong,.hr-case-button small{overflow-wrap:anywhere}.hr-case-detail{display:grid;gap:12px}.hr-empty-case{min-height:220px;border:1px dashed #b8ab96;border-radius:8px;background:#fffdf8b8;color:var(--muted);display:grid;place-items:center;gap:10px;padding:24px;text-align:center}.hr-empty-case strong,.hr-empty-case small{display:block}.hr-empty-case strong{color:var(--charcoal)}.hr-person-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #eadfcd;border-radius:8px;background:#fffaf1;padding:12px}.hr-person-card h3,.hr-person-card small{display:block;margin:0;overflow-wrap:anywhere}.hr-person-card small{color:var(--muted);margin-top:3px}.hr-case-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hr-case-meta .summary-tile{padding:12px}.hr-case-meta .summary-tile strong{font-size:1.08rem}.hr-next-step{border:1px solid var(--line);border-radius:8px;background:#fbf4e6;padding:12px}.hr-next-step strong{display:block;margin-top:4px;overflow-wrap:anywhere}.hr-action-row{display:flex;gap:10px;flex-wrap:wrap}.hr-checklist{display:grid;gap:10px}.hr-check-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #eadfcd;border-radius:8px;background:#fbf4e6;color:var(--ink);padding:11px;text-align:left}.hr-check-row strong,.hr-check-row small{display:block}.hr-check-row small{color:var(--muted);margin-top:3px}.hr-documentation-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(220px,.7fr) minmax(260px,1fr);gap:14px;align-items:start}.hr-file-drop{position:relative;min-height:52px;border:1px dashed #b8ab96;border-radius:8px;background:#fbf4e6;color:var(--charcoal);display:flex!important;align-items:center;justify-content:center;gap:8px;font-weight:900;overflow:hidden}.hr-file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hr-evidence-list,.hr-timeline,.ai-draft-stack{display:grid;gap:11px}.hr-evidence-list .warning-row{background:#fbf4e6;border:1px solid #eadfcd;border-radius:8px;padding:11px}.hr-timeline{max-height:360px;overflow:auto;padding-right:4px}.staff-topbar{margin-bottom:14px}.admin-only-actions{display:none}.staff-clock-page{width:min(100%,520px);margin:0 auto;display:grid;gap:12px}.staff-shell .staff-clock-page,.staff-shell .staff-self-service,.staff-shell .staff-history-page,.staff-shell .staff-pay-page,.staff-shell .staff-leave-page{width:min(100%,480px);gap:8px}.staff-hero,.scan-panel,.staff-events{border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.staff-hero{min-height:244px;padding:18px 84px 18px 18px;color:#fffaf1;background:linear-gradient(145deg,#243143f5,#566f91bd),var(--charcoal);display:grid;gap:18px;position:relative;overflow:hidden}.staff-shell .staff-hero{min-height:148px;padding:12px 124px 12px 12px;gap:10px}.staff-hero:after{content:"";position:absolute;inset:auto -64px -78px auto;width:190px;height:190px;border:28px solid rgba(255,250,241,.16);transform:rotate(16deg);z-index:0;pointer-events:none}.staff-hero.in{background:linear-gradient(145deg,#184e33f5,#3f855ccc),#16301f}.staff-hero.break{background:linear-gradient(145deg,#273033f0,#c8812d9e),#273033}.staff-identity,.status-pill-row,.staff-section-heading,.mobile-timeline-row{display:flex;align-items:center}.staff-identity{gap:12px;position:relative;z-index:1}.staff-shell .staff-identity{gap:9px}.staff-shell .staff-identity span,.staff-shell .staff-identity strong,.staff-shell .staff-identity small{line-height:1.12}.staff-identity span,.staff-identity strong,.staff-identity small{display:block}.staff-identity span,.staff-identity small,.clock-face small{color:#fffaf1e6}.staff-identity strong{font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.staff-shell .staff-identity strong{font-size:1.12rem}.staff-shell .staff-identity small{display:none}.staff-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#f3c760;color:var(--charcoal);font-weight:900;overflow:hidden}.staff-shell .staff-avatar{width:42px;height:42px}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-brand-rail{position:absolute;top:10px;right:10px;z-index:2;display:grid;gap:7px;justify-items:end}.staff-brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;font-weight:950;line-height:1;box-shadow:0 12px 24px #1117183d}.staff-brand-wordmark{width:clamp(88px,22vw,104px);min-height:34px;display:grid;place-items:center;border:1px solid rgba(255,250,241,.5);border-radius:8px;background:#243143d1;padding:8px 9px;box-shadow:0 12px 24px #1117183d}.staff-brand-icon.formia{background:var(--formia-blue);border:1px solid rgba(255,250,241,.58);overflow:hidden}.staff-brand-icon.company{border:1px solid rgba(255,250,241,.58);background:#fffaf1;color:var(--charcoal);font-size:.78rem;letter-spacing:0}.staff-brand-icon.company.bwj{background:#fff4d0}.staff-brand-icon.company.srj{background:#e5f1ec}.staff-brand-icon.company img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.qr-print-formia-mark{flex:0 0 auto;width:42px;height:42px}.qr-print-formia-wordmark{flex:0 0 auto;width:156px;min-height:42px;display:grid;place-items:center;border-radius:8px;background:var(--charcoal);padding:9px 11px}.status-pill-row{gap:8px;flex-wrap:wrap;position:relative;z-index:1}.staff-shell .status-pill-row{gap:6px}.live-pill,.connection-pill{min-height:32px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:0 12px;font-weight:900;font-size:.82rem;background:#ffffff24;color:#fffaf1}.staff-shell .live-pill,.staff-shell .connection-pill{min-height:28px;padding:0 9px;font-size:.76rem}.connection-pill.is-offline{background:#c8513e6b;color:#ffe9e2}.connection-pill.is-pending{background:#c8812d61;color:#ffefd8}.live-pill>span{width:9px;height:9px;border-radius:50%;background:#e9dcc6}.live-pill.good>span{background:#8fdaa5}.live-pill.warning>span{background:#f3c760}.clock-face{position:relative;z-index:1}.clock-face .eyebrow{color:#dce8f5}.clock-face strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:3.5rem;line-height:.95}.staff-shell .clock-face strong{font-size:2.2rem}.clock-face small{display:block;margin-top:6px}.staff-shell .clock-face small{margin-top:2px;font-size:.78rem}.scan-panel{background:var(--panel);padding:14px;display:grid;gap:12px}.staff-shell .scan-panel,.staff-shell .job-panel,.staff-shell .staff-card,.staff-shell .staff-events{padding:10px}.staff-shell .scan-panel{gap:9px}.camera-scanner{min-height:176px;border-radius:8px;display:grid;grid-template-rows:minmax(132px,1fr) auto;color:var(--charcoal);background:linear-gradient(135deg,#4f7c631c,#c8812d1f),#fbf4e6;border:1px dashed #b7a98e;overflow:hidden}.staff-shell .camera-scanner{min-height:130px;grid-template-rows:minmax(88px,1fr) auto}.camera-scanner.is-open,.job-qr-scanner.is-open{min-height:0;grid-template-rows:auto auto}.camera-placeholder{display:grid;place-items:center;gap:10px;padding:16px}.staff-shell .camera-placeholder{padding:10px}.camera-placeholder span{color:var(--muted);font-weight:900}.camera-frame{min-height:196px;position:relative;background:#111718;overflow:hidden}.camera-scanner.is-open .camera-frame,.job-qr-scanner.is-open .camera-frame{width:100%;min-height:0;aspect-ratio:1 / 1}.staff-shell .camera-frame,.staff-shell .camera-frame video{min-height:132px}.camera-frame video{width:100%;height:100%;min-height:196px;display:block;object-fit:cover}.camera-scanner.is-open .camera-frame video,.job-qr-scanner.is-open .camera-frame video{min-height:0}.camera-reticle{position:absolute;top:32px;right:32px;bottom:32px;left:32px;border:2px solid rgba(255,250,241,.9);border-radius:8px;box-shadow:0 0 0 999px #0000003d}.scan-corners{width:124px;height:124px;display:grid;place-items:center;border:2px solid var(--charcoal);border-radius:8px;background:#fffdf8;box-shadow:inset 0 0 0 8px #fffdf8}.staff-shell .scan-corners{width:82px;height:82px;box-shadow:inset 0 0 0 5px #fffdf8}.staff-shell .scan-corners svg{width:46px;height:46px}.scanner-footer{min-height:52px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);background:#fffdf8d1}.staff-shell .scanner-footer{min-height:40px;padding:7px 9px}.staff-shell .scanner-footer small{font-size:clamp(.85rem,2.4vw,.95rem)}.scanner-footer small{color:var(--muted);font-weight:800}.scanner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scan-action{min-height:68px;border:0;border-radius:8px;background:var(--charcoal);color:#fffaf1;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:1.1rem;font-weight:900}.staff-shell .scan-action{min-height:56px;font-size:1rem}.scan-action:disabled{cursor:not-allowed;opacity:.5}.scan-action:active,.clock-chip:active{transform:translateY(1px)}.clock-chip{min-height:48px;width:100%;border:1px solid var(--line);background:#f1e7d5;color:var(--charcoal);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.staff-shell .clock-chip{min-height:42px;font-size:.88rem}.clock-chip.is-active{background:var(--formia-blue);color:#fffaf1}.clock-chip:disabled{cursor:not-allowed;opacity:.45}.job-panel,.staff-events{background:var(--panel);padding:14px}.job-workspace{width:min(100%,680px);margin:0 auto;display:grid;gap:12px}.job-workspace.compact{width:min(100%,480px);gap:10px}.job-focus-hero,.job-gate-card,.job-coverage-card,.job-history-card{border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.job-focus-hero{min-height:188px;padding:18px;color:#fffaf1;background:linear-gradient(145deg,#243143f5,#566f91b8),var(--charcoal);display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:end;overflow:hidden;position:relative}.job-focus-hero.compact{min-height:112px;padding:12px;gap:8px}.job-focus-hero:after{content:"";position:absolute;inset:auto -46px -72px auto;width:174px;height:174px;border:24px solid rgba(255,250,241,.15);transform:rotate(-18deg)}.job-focus-hero.in{background:linear-gradient(145deg,#243143f5,#566f91c7),var(--charcoal)}.job-focus-hero.break{background:linear-gradient(145deg,#273033f0,#c8812d99),#273033}.job-focus-hero>div{position:relative;z-index:1}.job-focus-hero .eyebrow{color:#f3c760}.job-focus-hero h2,.job-gate-card h2{margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.05}.job-focus-hero h2{max-width:10ch;font-size:2.2rem}.job-focus-hero.compact h2{max-width:none;font-size:1.55rem}.job-focus-hero p,.job-gate-card p,.job-coverage-card small{color:#fffaf1e6;margin:10px 0 0}.job-focus-hero.compact p{max-width:30ch;margin-top:4px;font-size:.86rem}.job-hero-status{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.job-live-stat{min-height:30px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;background:#fffaf124;color:#fffaf1;font-size:.8rem;font-weight:900}.job-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f7eedf;box-shadow:0 10px 28px #392e1f14}.job-tabs button{min-height:42px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-weight:900}.job-tabs button:last-child{border-right:0}.job-tabs button.is-selected{background:var(--charcoal);color:#fffaf1}.job-tab-panel{display:grid;gap:10px}.job-tab-panel.history{max-height:min(58vh,520px);overflow-y:auto;padding-right:2px}.job-hero-status .secondary-action{background:#fffaf124;border-color:#fffaf147;color:#fffaf1}.job-gate-card{background:linear-gradient(135deg,#273033f2,#c8513ea3),#273033;color:#fffaf1;padding:20px;display:grid;gap:16px}.job-gate-icon{width:64px;height:64px;border-radius:8px;display:grid;place-items:center;background:var(--formia-blue);color:#fffaf1}.job-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.job-kpi-grid .summary-tile{background:var(--panel);box-shadow:none}.job-coverage-card,.job-history-card{background:var(--panel);padding:14px}.job-coverage-card small{color:var(--muted);display:block}.job-coverage-line.large{height:12px;margin:12px 0 6px}.job-panel{border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:12px}.job-panel.compact{padding:10px;gap:8px}.job-panel.compact .staff-section-heading{margin-bottom:0}.job-form,.job-form-fields{display:grid;gap:10px}.job-qr-scanner{min-height:160px;border-radius:8px;display:grid;grid-template-rows:minmax(112px,1fr) auto;color:var(--charcoal);background:linear-gradient(135deg,#2f7b871f,#f3c7602e),#fbf4e6;border:1px dashed #b7a98e;overflow:hidden}.job-panel.compact .job-qr-scanner{min-height:118px;grid-template-rows:minmax(76px,1fr) auto}.job-qr-placeholder{display:grid;place-items:center;gap:9px;padding:16px}.job-panel.compact .job-qr-placeholder{gap:6px;padding:10px}.job-qr-target{width:108px;height:108px;display:grid;place-items:center;border-radius:8px;border:2px solid var(--charcoal);background:#fffdf8;color:var(--charcoal);box-shadow:inset 0 0 0 8px #fffdf8}.job-panel.compact .job-qr-target{width:64px;height:64px;box-shadow:inset 0 0 0 5px #fffdf8}.job-panel.compact .job-qr-target svg{width:34px;height:34px}.job-qr-placeholder span{color:var(--muted);font-weight:900}.job-panel.compact .scanner-footer{min-height:38px;padding:6px 8px}.job-panel.compact .scanner-footer small{font-size:.78rem}.job-scan-summary{border:1px solid rgba(79,124,99,.35);background:#e7f0e7;border-radius:8px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.job-scan-summary.is-loading{border-color:#2f7b8752;background:linear-gradient(100deg,#fff0 20%,#ffffff9e,#fff0 76%),#e7f0ee;background-size:220% 100%;animation:job-details-sheen 1.8s ease-in-out infinite}.job-panel.compact .job-scan-summary{padding:9px 10px}.job-panel.compact .job-scan-summary strong{font-size:1.25rem}.compact-task-select{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fbf4e6;padding:8px 10px}.compact-task-select span{color:var(--teal);font-size:.72rem;font-weight:900;text-transform:uppercase}.compact-task-select select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--ink);padding:7px 9px;font:inherit;font-weight:800}.task-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;padding:0;display:grid;place-items:stretch;background:#11171894;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(min-width:640px){.task-modal-backdrop{padding:20px;place-items:center}}.task-modal{width:100%;min-height:100dvh;border:0;border-radius:0;background:#fffdf8;padding:calc(env(safe-area-inset-top,0) + 14px) 18px calc(env(safe-area-inset-bottom,0) + 24px);box-shadow:none;margin-bottom:0;display:flex;flex-direction:column;overflow-y:auto}@media(min-width:640px){.task-modal{width:min(720px,100%);min-height:0;max-height:calc(100dvh - 40px);border:1px solid var(--line);border-radius:16px;padding:18px 18px 20px;box-shadow:0 24px 70px #00000052;margin-bottom:env(safe-area-inset-bottom,0)}}.task-modal-head{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:14px}.task-modal-back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;min-height:44px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:800;font-size:.95rem;cursor:pointer}.task-modal-back:active{transform:scale(.97)}.task-modal-title-block{min-width:0}.task-modal-head .eyebrow{color:var(--teal);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.task-modal-head h2{margin:4px 0 0;font-size:1.24rem;color:var(--ink)}.task-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1;align-content:start}@media(max-width:639px){.task-tile-grid{grid-template-columns:1fr;gap:12px}.task-tile{min-height:96px;font-size:1.3rem}.task-tile-estimate{font-size:.85rem}}.task-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 10px;min-height:58px;border:1px solid var(--line);border-radius:12px;background:#fbf4e6;color:var(--ink);font:inherit;font-weight:800;font-size:1rem;line-height:1.2;text-align:center;cursor:pointer;transition:transform .06s ease,border-color .12s ease,background .12s ease}.task-tile-estimate{font-size:.7rem;font-weight:600;opacity:.62;letter-spacing:.01em}.task-tile:active{transform:scale(.97)}.task-tile.is-selected{border-color:var(--teal);background:var(--teal);color:#fffdf8}.task-modal-loading{margin:8px 0 2px;padding:28px 18px;border:1px solid rgba(47,123,135,.22);border-radius:12px;background:#edf4f1;display:grid;justify-items:center;gap:7px;text-align:center;color:var(--teal);font-weight:800}.task-modal-loading svg{animation:task-modal-spin .9s linear infinite}.task-modal-loading strong,.task-modal-loading small{display:block}.task-modal-loading small{max-width:34ch;color:var(--muted);font-weight:650}.task-job-details{margin-bottom:14px;border:1px solid rgba(47,123,135,.3);border-radius:12px;background:#fffdf8;overflow:hidden}.task-job-details-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,auto);align-items:center;gap:14px;padding:16px;background:linear-gradient(120deg,rgba(47,123,135,.32),transparent 54%),#102333;color:#fff}.task-job-details-title>div:first-child{min-width:0}.task-job-details-title span{display:block;color:#91c6cc;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.task-job-details-title strong{display:block;margin-top:4px;font-family:Georgia,Times New Roman,serif;color:#fff;font-size:clamp(1.35rem,5vw,1.85rem);line-height:1.05}.task-job-details-title small{display:block;margin-top:5px;color:#ffffffb3;font-size:.78rem;font-weight:700}.task-job-statuses{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.task-job-statuses .badge{border-color:#ffffff2e;background:#ffffff1a;color:#fff}.task-job-details-grid{display:grid;gap:7px}.task-job-details-grid.primary{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 15px;background:linear-gradient(135deg,#2f7b8714,#f3c7601f),#fffdf8}.task-job-details-grid>div{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:7px;color:var(--ink);font-weight:750}.task-job-details-grid svg{margin-top:1px;color:var(--teal)}.erp-full-details{border-top:1px solid rgba(47,123,135,.18)}.erp-full-details>summary{min-height:48px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:.82rem;font-weight:900;letter-spacing:.02em;cursor:pointer;list-style:none}.erp-full-details>summary::-webkit-details-marker{display:none}.erp-full-details>summary svg{flex:0 0 auto;color:var(--teal);transition:transform .16s ease}.erp-full-details[open]>summary svg{transform:rotate(180deg)}.erp-detail-section{padding:14px 15px 16px;border-top:1px solid rgba(47,123,135,.16);background:#f8f5ed}.erp-detail-section+.erp-detail-section{background:#f1f5f2}.erp-detail-section-head{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--teal)}.erp-detail-section-head h3{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.erp-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.erp-detail-item{min-width:0;padding:8px 9px;border:1px solid rgba(36,49,67,.09);border-radius:8px;background:#ffffffb3}.erp-detail-item dt{color:var(--muted);font-size:.65rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.erp-detail-item dd{margin:3px 0 0;color:var(--ink);font-size:.82rem;font-weight:750;line-height:1.35;overflow-wrap:anywhere}.erp-detail-description{margin-top:9px;padding:10px;border-left:3px solid rgba(47,123,135,.5);background:#ffffff9e}.erp-detail-description span{color:var(--teal);font-size:.65rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.erp-detail-description p{margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.5;white-space:pre-wrap}.task-choice-context{margin:4px 0 10px;padding:11px 12px;border:1px solid rgba(47,123,135,.22);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf4f1}.task-choice-context>div{min-width:0}.task-choice-context span,.task-choice-context strong,.task-choice-context small{display:block}.task-choice-context span{color:var(--teal);font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.task-choice-context strong{margin-top:2px;color:var(--ink);font-size:.92rem}.task-choice-context small{margin-top:2px;color:var(--muted);font-size:.72rem}@media(max-width:639px){.task-job-details-title{grid-template-columns:1fr}.task-job-statuses{justify-content:flex-start}.task-job-details-grid.primary,.erp-detail-list{grid-template-columns:1fr}}@keyframes task-modal-spin{to{transform:rotate(360deg)}}@keyframes job-details-sheen{0%{background-position:180% 0}to{background-position:-80% 0}}.voice-note{display:grid;gap:8px}.voice-note-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:1px solid var(--line);border-radius:12px;background:#fbf4e6;color:var(--ink);font:inherit;font-weight:800;font-size:1rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}.voice-note-button.is-listening{background:var(--teal);border-color:var(--teal);color:#fffdf8;animation:voice-note-pulse 1.6s ease-in-out infinite}@keyframes voice-note-pulse{0%,to{box-shadow:0 0 #2f7b8759}50%{box-shadow:0 0 0 9px #2f7b8700}}.voice-note-live{margin:0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:#fffdf8;color:var(--ink);font-size:.92rem;min-height:42px}.voice-note-saved,.voice-note-error{display:flex;align-items:flex-start;gap:7px;margin:0;padding:10px 12px;border-radius:10px;font-size:.92rem;font-weight:700}.voice-note-saved{background:#e4efe4;color:#1f7a4d}.voice-note-saved svg{flex-shrink:0;margin-top:2px}.voice-note-error{background:#f6d9d3;color:#8f2f22}.typed-note-toggle{justify-self:start;border:none;background:none;padding:4px 2px;color:var(--teal);font:inherit;font-size:.85rem;font-weight:800;text-decoration:underline;cursor:pointer}@media(prefers-reduced-motion:reduce){.voice-note-button.is-listening{animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.task-tile:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.table-wrap{position:relative}.table-wrap table th{position:sticky;top:0;background:var(--panel, #fffdf8);z-index:1}.photo-sync-status{color:#1f7a4d;font-weight:700}.push-prompt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fbf4e6}.push-prompt strong{display:block;color:var(--ink)}.push-prompt small{color:var(--muted)}.push-prompt-actions{display:flex;gap:8px}.push-prompt-actions .primary-action,.push-prompt-actions .secondary-action{min-height:44px}.photo-sync-status.is-error{color:#8f2f22}.job-scan-summary span,.job-scan-summary strong,.job-scan-summary small{display:block}.job-scan-summary span{color:var(--moss-dark);font-size:.74rem;font-weight:900;text-transform:uppercase}.job-scan-summary strong{font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.job-scan-summary small{color:var(--muted)}.job-form label{display:grid;gap:6px}.job-form label>span{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.job-form input,.job-form select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--ink);padding:9px 11px;font:inherit}.job-form input:disabled,.job-form select:disabled{color:#8f8a80;background:#eee6d8;cursor:not-allowed}.job-start-button,.stop-job-button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.job-start-button{min-height:52px;background:var(--charcoal);color:#fffaf1}.job-panel.compact .job-start-button,.job-panel.compact .secondary-action.full{min-height:46px}.job-start-button:disabled{cursor:not-allowed;opacity:.65}.active-job-stack{display:grid;gap:10px}.active-job-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(79,124,99,.35);border-radius:8px;padding:12px;background:#e7f0e7}.active-job-card span,.active-job-card strong,.active-job-card small{display:block}.active-job-card span{color:var(--moss-dark);font-weight:900}.active-job-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.65rem}.active-job-card small{color:var(--muted)}.active-job-card small.active-job-title{color:var(--ink);font-weight:800;font-size:.9rem}.active-job-card .job-sync-detail,.job-entry-row .job-sync-detail{color:var(--teal);font-size:.72rem;overflow-wrap:anywhere}.job-erp-sync{font-size:.72rem;font-weight:800;overflow-wrap:anywhere;color:var(--teal)}.job-erp-sync.is-ok{color:#1f7a4d}.job-erp-sync.is-error{color:#b0402f}.stop-job-button{min-height:44px;padding:0 14px;color:#fffaf1;background:var(--coral)}.job-work-log{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fffaf1;padding:10px}.job-log-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.job-log-heading strong{display:block}.job-work-log textarea{width:100%;min-height:120px;border:1px solid var(--line);border-radius:8px;background:#fbf8f0;color:var(--ink);padding:9px 11px;font:inherit;resize:vertical}.job-work-log textarea::placeholder{color:#7a817e}.job-log-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-capture-button,.job-log-submit{min-height:48px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.photo-capture-button{border:1px solid var(--line);background:#f1e7d5;color:var(--charcoal)}.photo-capture-button.upload{background:#fffdf8}.job-log-submit{border:0;background:var(--charcoal);color:#fffaf1}.job-log-submit:disabled{cursor:not-allowed;opacity:.45}.pending-photo-card,.job-log-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #eadfcd;border-radius:8px;background:#fbf4e6;padding:8px}.pending-photo-card img,.job-log-row img{width:56px;height:56px;border-radius:7px;object-fit:cover;background:#273033}.pending-photo-card strong,.pending-photo-card small,.job-log-row strong,.job-log-row span,.job-log-row small,.job-log-row a,.job-entry-evidence-row a{display:block}.pending-photo-card strong,.job-log-row strong{font-weight:900}.pending-photo-card small,.job-log-row span,.job-log-row small{color:var(--muted)}.job-log-row a,.job-entry-evidence-row a{color:var(--teal);font-weight:900;margin-top:2px;overflow-wrap:anywhere;text-decoration:none}.pending-photo-card button{width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--charcoal);display:grid;place-items:center}.job-log-list{display:grid;gap:8px}.job-log-row{grid-template-columns:minmax(0,1fr);align-items:start}.job-log-row.has-photo{grid-template-columns:44px minmax(0,1fr)}.job-log-row img{width:44px;height:44px}.job-note-summary{display:grid;gap:6px;margin-top:5px}.job-note-row{display:grid;gap:2px;border-left:3px solid rgba(86,111,145,.34);border-radius:6px;background:#fffdf8b8;padding:7px 9px}.job-note-label,.job-note-value,.job-note-plain{display:block;overflow-wrap:anywhere}.job-note-label{color:var(--formia-blue-dark);font-size:.72rem;font-weight:900;line-height:1.15}.job-note-value,.job-note-plain{color:var(--ink);line-height:1.35;white-space:pre-wrap}.job-mini-list,.job-entry-list{display:grid;gap:8px}.job-mini-row,.job-entry-row,.active-job-strip{display:grid;gap:10px;align-items:center;border-top:1px solid #eadfcd;padding-top:10px}.job-clockout-card{display:grid;gap:12px}.job-clockout-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-attendance-action{min-height:78px;border:1px solid var(--line);border-radius:8px;background:#f3c760;color:var(--charcoal);display:grid;place-items:center;align-content:center;gap:7px;font-weight:900}.job-attendance-action.danger{background:var(--charcoal);color:#fffaf1;border-color:var(--charcoal)}.job-mini-row{grid-template-columns:minmax(0,1fr) auto}.job-history-card .job-entry-row{grid-template-columns:1fr}.job-entry-toggle{width:100%;border:0;background:transparent;color:var(--ink);padding:0;display:grid;grid-template-columns:minmax(0,1fr) 76px auto;gap:10px;align-items:center;text-align:left;border-radius:8px;transition:background .12s ease;cursor:pointer}.job-entry-toggle:hover,.job-entry-toggle:focus-visible{background:#2f7b8714}.job-entry-toggle>div:nth-child(2){text-align:left}.job-entry-chevron{color:var(--muted);transition:transform .16s ease}.job-entry-row.is-expanded .job-entry-chevron{transform:rotate(180deg)}.job-entry-evidence{border:1px solid #eadfcd;border-radius:8px;background:#fbf4e6;padding:10px;display:grid;gap:9px}.job-entry-evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.job-entry-evidence-list{display:grid;gap:8px}.job-entry-evidence-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;border-radius:8px;background:#fffaf1;border:1px solid #eadfcd;padding:8px}.job-entry-evidence-row img,.job-entry-note-icon{width:52px;height:52px;border-radius:7px}.job-entry-evidence-row img{object-fit:cover;background:#273033}.job-entry-note-icon{display:grid;place-items:center;color:var(--teal);background:#e7f0e7}.job-entry-evidence-row strong,.job-entry-evidence-row span,.job-entry-evidence-row small{display:block}.job-entry-evidence-row span,.job-entry-evidence-row small,.job-entry-evidence p{color:var(--muted)}.job-entry-evidence p{margin:0}.job-mini-row strong,.job-mini-row small,.job-entry-row strong,.job-entry-row small,.job-entry-row span,.active-job-strip strong,.active-job-strip small{display:block}.job-mini-row small,.job-entry-row small,.job-entry-row span,.active-job-strip small{color:var(--muted)}.job-mini-row>span,.job-entry-row>div:last-child strong{font-weight:900}.active-job-strip{grid-template-columns:auto minmax(0,1fr);background:#fbf4e6;border:1px solid var(--line);border-radius:8px;padding:10px}.job-task-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-task-tile,.job-task-empty{min-height:78px;border:1px solid var(--line);border-radius:8px;background:#fbf4e6;padding:12px;display:grid;align-content:center}.job-task-tile span,.job-task-tile strong,.job-task-empty span{display:block}.job-task-tile span,.job-task-empty span{color:var(--muted);font-size:.82rem;font-weight:900}.job-task-tile strong{font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.job-task-empty{grid-column:1 / -1}.staff-section-heading strong{display:block}.staff-section-heading{justify-content:space-between;gap:12px;margin-bottom:10px}.mobile-timeline{display:grid;gap:8px}.mobile-timeline-row{min-height:58px;gap:10px;border-top:1px solid #eadfcd;padding-top:10px}.mobile-timeline-row>div{flex:1 1 auto;min-width:0}.mobile-timeline-row strong,.mobile-timeline-row small,.mobile-timeline-row>span:last-child{display:block}.mobile-timeline-row small,.mobile-timeline-row>span:last-child{color:var(--muted);font-size:.82rem}.mobile-timeline-row>span:last-child{text-align:right;flex:0 0 112px}.mobile-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#9b9489}.mobile-dot.in{background:var(--moss)}.mobile-dot.out{background:var(--coral)}.mobile-dot.break{background:var(--amber)}.staff-self-service{width:min(100%,680px);margin:0 auto;display:grid;gap:12px}.staff-history-page,.staff-pay-page,.staff-leave-page{width:min(100%,480px);margin:0 auto;display:grid;gap:8px}.self-service-hero,.staff-card{border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.self-service-hero{background:linear-gradient(135deg,#273033f5,#4f7c63b3),#273033;color:#fffaf1;padding:18px;display:grid;grid-template-columns:1fr;gap:16px;align-items:end}.self-service-hero.compact{min-height:132px;padding:12px;gap:10px}.staff-leave-page .self-service-hero.compact{min-height:96px}.staff-shell .self-service-hero{padding:12px;gap:10px}.self-service-hero .eyebrow{color:#f3c760}.self-service-hero h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.staff-shell .self-service-hero h2{font-size:1.35rem}.self-service-hero.compact h2{font-size:1.55rem}.self-service-hero p{margin:8px 0 0;color:#fffaf1e6}.staff-shell .self-service-hero p{display:none}.self-service-hero.compact p{display:block;margin-top:5px;font-size:.84rem}.self-service-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-shell .self-service-summary{gap:6px}.staff-shell .self-service-summary .summary-tile,.staff-shell .summary-tile{padding:9px}.staff-shell .self-service-summary .summary-tile strong,.staff-shell .summary-tile strong{font-size:1.15rem}.self-service-summary .summary-tile{background:#fffaf11f;border-color:#fffaf138}.self-service-summary .summary-tile span{color:#fffaf1e6}.self-service-summary .summary-tile strong{font-size:1.35rem;overflow-wrap:normal}.staff-card{background:var(--panel);padding:14px}.quiet-note{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.calm-list{gap:7px}.no-top-border{border-top:0;padding-top:0}.pay-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pay-detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.pay-detail-grid>div,.pay-detail-list>div{border:1px solid var(--line);border-radius:8px;background:#fbf4e6;padding:10px}.pay-detail-grid span,.pay-detail-grid strong,.pay-detail-list span,.pay-detail-list strong{display:block}.pay-detail-grid span,.pay-detail-list span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.pay-detail-grid strong,.pay-detail-list strong{margin-top:3px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.08rem;overflow-wrap:anywhere}.pay-detail-list{display:grid;gap:8px}.staff-shell .staff-section-heading{margin-bottom:7px}.staff-shell .staff-section-heading strong{font-size:.96rem}.time-entry-list,.request-history,.job-entry-list{display:grid;gap:10px}.time-entry-row,.request-history-row,.job-entry-row{display:grid;gap:12px;align-items:center;border-top:1px solid #eadfcd;padding-top:12px}.staff-shell .time-entry-row,.staff-shell .request-history-row,.staff-shell .job-entry-row{gap:9px;padding-top:9px}.time-entry-row{grid-template-columns:54px minmax(0,1fr) 72px}.staff-shell .time-entry-row{grid-template-columns:44px minmax(0,1fr) 58px}.request-history-row{grid-template-columns:minmax(0,1fr) auto}.job-entry-row{grid-template-columns:minmax(0,1fr) 84px}.date-tile{width:48px;height:54px;border-radius:8px;display:grid;place-items:center;background:#f1e7d5;border:1px solid var(--line)}.staff-shell .date-tile{width:40px;height:46px}.staff-shell .date-tile strong{font-size:1.12rem}.date-tile span,.date-tile strong,.time-entry-row strong,.time-entry-row small,.time-entry-row span,.request-history-row strong,.request-history-row small,.request-history-row span{display:block}.date-tile span{color:var(--teal);font-size:.72rem;font-weight:900;text-transform:uppercase}.date-tile strong{font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.time-entry-row small,.time-entry-row span,.request-history-row small,.request-history-row span{color:var(--muted)}.time-entry-row span,.request-history-row span{font-size:.84rem}.job-coverage-line{height:8px;border-radius:999px;overflow:hidden;background:#eee5d5;margin:8px 0 4px}.job-coverage-line span{height:100%;display:block;background:var(--moss)}.entry-hours{text-align:right}.entry-hours strong{font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.leave-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.leave-balance-tile{background:#fbf4e6;border:1px solid var(--line);border-radius:8px;padding:12px}.leave-balance-tile span,.leave-balance-tile strong{display:block}.leave-balance-tile span{color:var(--muted);font-size:.82rem}.leave-balance-tile strong{font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.leave-request-form{display:grid;gap:12px}.leave-request-form label{display:grid;gap:6px}.leave-request-form label>span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.leave-request-form input,.leave-request-form select,.leave-request-form textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--ink);padding:10px 12px;font:inherit}.leave-request-form textarea{min-height:86px;resize:vertical}.voice-textarea{position:relative;display:grid;min-width:0}.voice-textarea textarea{padding-right:12px;padding-bottom:44px}.voice-tool-bar{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.voice-tool-button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#f1e7d5;color:var(--charcoal);padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:900;text-transform:uppercase}.voice-textarea.is-listening textarea{border-color:var(--amber);box-shadow:0 0 0 3px #f3c76038}.voice-textarea.is-listening .voice-tool-button:last-child{background:var(--charcoal);color:#fffaf1;border-color:var(--charcoal)}.voice-tool-button:disabled{cursor:not-allowed;opacity:.65}.date-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scan-action.compact{min-height:54px}@media(max-width:1180px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.sidebar{padding:18px 14px}.brand-lockup div:not(.brand-mark),.nav-item span,.sidebar-footer span{display:none}.staff-shell .nav-item span{display:block}.nav-item{justify-content:center}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid .wide-panel{grid-column:span 2}.qr-panel{grid-row:auto}.hr-layout{grid-template-columns:1fr}.hr-layout .span-2{grid-column:auto}}@media(max-width:860px){.demo-qr-action{display:none}.scanner-actions,.app-shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding-top:calc(24px + env(safe-area-inset-top,0px))}.nav-stack{display:flex}.nav-item{width:auto;min-width:46px}.sidebar-footer{display:none}.workspace{padding:18px}.staff-shell .workspace{padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(132px + env(safe-area-inset-bottom,0px))}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:2rem}.staff-topbar{margin-bottom:10px}.staff-topbar h1{font-size:1.8rem}.dashboard-grid,.two-column,.payroll-layout,.leave-layout,.people-layout,.integrations-layout,.hr-layout,.ai-layout{grid-template-columns:1fr}.wide-panel,.span-2,.station-board,.people-profile-panel,.dashboard-grid .wide-panel,.hr-layout .span-2{grid-column:auto}.readiness-rail,.exception-grid,.employee-grid,.people-profile-footer,.kiosk-layout,.integrations-hero,.integration-metrics,.integration-status-grid,.qr-print-card-grid,.request-row,.ai-review-card,.people-profile-hero,.people-profile-id,.hr-case-workspace,.hr-documentation-grid,.hr-intake-form,.hr-process-guide-footer,.hr-case-meta,.timesheet-review-row,.audit-row{grid-template-columns:1fr}.people-profile-actions,.people-profile-id,.request-actions,.timesheet-review-actions,.export-actions{justify-items:start;justify-content:flex-start}.people-directory-panel .employee-grid{max-height:none}.ai-review-card .primary-action,.ai-review-card .secondary-action,.request-row .primary-action,.request-row .secondary-action{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{@page{margin:12mm;size:A4 portrait}:root,body{background:#fff!important;color:#11181a}.sidebar,.topbar,.staff-user-picker,.staff-admin-launcher,.metric-card,.station-board,.print-qr-panel~.panel,.qr-print-controls,.panel:not(.print-qr-panel){display:none!important}.app-shell,.workspace,.two-column{display:block!important;min-height:0;padding:0!important;background:#fff!important}.print-qr-panel{display:block!important;border:0!important;box-shadow:none!important;padding:0!important;background:#fff!important}.qr-print-sheet{display:block}.qr-print-company{border:0;border-radius:0;padding:0;background:#fff;break-after:auto;page-break-after:auto}.qr-print-company>.qr-print-company-head,.qr-print-site>.qr-print-site-heading{display:none}.qr-print-sites,.qr-print-site,.qr-print-card-grid{display:block}.qr-print-site{border:0;padding:0;break-inside:auto;page-break-inside:auto}.qr-print-card-grid{gap:0}.qr-print-card{box-sizing:border-box;width:100%;min-height:268mm;border:0;border-radius:0;padding:0 8mm 6mm;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;break-inside:avoid;page-break-inside:avoid;break-after:page;page-break-after:always;box-shadow:none!important}.qr-print-company:last-child .qr-print-site:last-child .qr-print-card:last-child{break-after:auto;page-break-after:auto}.qr-print-card-head{width:100%;min-height:25mm;border-bottom:.7mm solid #11181a;padding-bottom:5mm;margin-bottom:9mm;display:flex;align-items:center;justify-content:space-between;gap:8mm;text-align:left}.qr-print-card-head .qr-print-brand{min-width:0}.qr-print-card-head .qr-print-formia-wordmark{width:46mm;min-height:0;border-radius:0;padding:0;background:transparent!important}.qr-print-card-head .qr-print-formia-wordmark img{filter:brightness(0)}.qr-print-card-head .qr-print-issued{min-width:30mm;border-radius:2mm;padding:2.5mm 3mm;background:#fff}.qr-print-card-company{display:block;margin-bottom:5mm}.qr-print-card-company strong{font-family:Georgia,Times New Roman,serif;font-size:20pt;line-height:1.05}.qr-print-card-title{min-height:0;flex-direction:column;gap:2.5mm;margin-bottom:5mm}.qr-print-card-title .badge{min-height:8mm;padding:0 4mm;font-size:10pt}.qr-print-card-title strong{font-family:Georgia,Times New Roman,serif;font-size:28pt;line-height:1}.qr-print-card canvas{width:145mm!important;height:145mm!important;max-width:100%;image-rendering:pixelated}.qr-print-card small{margin-top:6mm;color:#374549;font-size:12pt;font-weight:800}.badge{border:1px solid currentColor}}@media(max-width:520px){.staff-clock-page,.job-workspace{gap:10px}.export-control{grid-template-columns:1fr}.export-actions{flex-wrap:wrap}.self-service-hero{grid-template-columns:1fr}.staff-hero{min-height:168px;padding:12px 118px 12px 12px}.clock-face strong{font-size:2.42rem}.camera-scanner{min-height:150px}.scan-action{min-height:56px}.job-focus-hero{min-height:136px;padding:12px}.job-focus-hero.compact{min-height:96px;padding:12px}.job-focus-hero h2{font-size:1.85rem}.job-focus-hero.compact h2{font-size:1.35rem}.job-focus-hero.compact p{display:none}.job-tabs button{min-height:38px;font-size:.86rem}.job-task-tiles{grid-template-columns:1fr}.hr-employee-focus-head,.hr-open-record-button{grid-template-columns:1fr;justify-items:start}.job-panel.compact .job-qr-scanner{min-height:110px}.job-panel.compact .scanner-actions{grid-template-columns:1fr}.job-panel.compact .secondary-action.full{padding:0 8px;font-size:.82rem}.job-tab-panel.history{max-height:calc(100vh - 260px)}.mobile-timeline-row{align-items:flex-start}.mobile-timeline-row>span:last-child{flex-basis:94px}}@media(max-width:440px){.staff-brand-wordmark{width:94px;min-height:32px;padding:7px 8px}.staff-hero{padding-right:108px}.self-service-summary,.leave-balance-grid,.date-input-grid{grid-template-columns:1fr}.self-service-hero.compact .self-service-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-leave-page .leave-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.staff-leave-page .leave-balance-tile{padding:10px}.staff-leave-page .leave-balance-tile span{font-size:.72rem}.staff-leave-page .leave-balance-tile strong{font-size:1.18rem}.pay-detail-grid,.pay-detail-grid.two{grid-template-columns:1fr}.time-entry-row{grid-template-columns:48px minmax(0,1fr)}.job-scan-summary,.people-editor-grid,.people-profile-tabs{grid-template-columns:1fr}.job-panel.compact .job-scan-summary{grid-template-columns:minmax(0,1fr) auto}.job-panel.compact .job-scan-summary .badge{display:none}.job-clockout-actions{grid-template-columns:1fr}.entry-hours{grid-column:2;text-align:left}.request-history-row{grid-template-columns:1fr}.qr-print-company-head{align-items:flex-start;flex-direction:column}.qr-print-issued{width:100%;text-align:left}}@media(max-width:380px){.staff-brand-wordmark{display:none}.staff-shell .staff-hero{min-height:0;padding:10px 62px 10px 10px;gap:7px}.staff-shell .clock-face strong{font-size:1.72rem}.staff-shell .staff-avatar{width:36px;height:36px}.staff-shell .camera-scanner{min-height:108px}.staff-shell .scan-corners svg{width:46px;height:46px}}.leave-form-error,.leave-form-confirmation{margin:0;padding:10px 12px;border-radius:8px;font-size:.9rem;font-weight:700}.leave-form-error{background:#f6d9d3;border:1px solid rgba(200,81,62,.4);color:#8f2f22}.leave-form-confirmation{background:#e0efe2;border:1px solid rgba(63,133,92,.4);color:#2c5c3f}@media(max-width:640px){.staff-user-picker{display:none}}.leave-balance-note{margin:10px 0 0;font-size:.8rem;line-height:1.45;color:var(--muted)}.leave-balance-sub{display:block;margin-top:2px;font-size:.72rem;font-weight:700;color:var(--muted)}.leave-booked{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--quiet-row)}.leave-booked-heading{display:block;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.leave-booked ul{margin:6px 0 0;padding-left:16px;display:grid;gap:4px}.leave-booked li{font-size:.85rem;line-height:1.4}.leave-form-warning{margin:0;padding:10px 12px;border-radius:8px;font-size:.9rem;font-weight:700;background:#f5ecd9;border:1px solid rgba(200,129,45,.4);color:#8a5a16}.leave-entitlement-ref{margin:0;font-size:.78rem;line-height:1.45;color:var(--muted)}.job-focus-hero.is-tracking{background:linear-gradient(145deg,#184e33f5,#3f855cd1),#16301f}.job-focus-hero.is-tracking .eyebrow{color:#a4e0b8;display:inline-flex;align-items:center;gap:7px}.rec-dot{width:9px;height:9px;border-radius:50%;background:#6ee89a;box-shadow:0 0 #6ee89ab3;animation:recPulse 1.6s ease-out infinite}@keyframes recPulse{0%{box-shadow:0 0 #6ee89a99}70%{box-shadow:0 0 0 9px #6ee89a00}to{box-shadow:0 0 #6ee89a00}}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.job-elapsed{font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:#fffaf1}.active-job-strip.is-live{grid-template-columns:auto minmax(0,1fr) auto;background:linear-gradient(135deg,#3f855c29,#3f855c0f);border-color:#3f855c57}.active-job-strip.is-live small{color:#3c6b4e}.active-job-elapsed{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums;color:#2c5c3f;white-space:nowrap}.time-entry-row.is-current{background:#3f855c14;box-shadow:inset 3px 0 #3f855c;border-top-color:transparent;border-radius:8px;padding-left:8px}.time-entry-row.is-current .entry-hours small{color:#2c5c3f;font-weight:900}.time-entry-row .rec-dot{display:inline-block;margin-right:6px;vertical-align:middle}button.active-job-strip,button.time-entry-row{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;text-align:left;color:inherit;width:100%;cursor:pointer;background:none}button.time-entry-row{border:0}.active-job-strip.is-live.is-clickable{grid-template-columns:auto minmax(0,1fr) auto auto}.time-entry-row.is-current.is-clickable{grid-template-columns:54px minmax(0,1fr) 72px auto}.staff-shell .time-entry-row.is-current.is-clickable{grid-template-columns:44px minmax(0,1fr) 58px auto}.row-chevron{color:#3f855c;align-self:center}.is-clickable{transition:transform .08s ease}.is-clickable:active{transform:scale(.99)}@media(prefers-reduced-motion:reduce){.is-clickable{transition:none}.is-clickable:active{transform:none}}.table-wrap{background:linear-gradient(90deg,var(--panel) 30%,rgba(255,253,248,0)) left center / 26px 100% no-repeat,linear-gradient(-90deg,var(--panel) 30%,rgba(255,253,248,0)) right center / 26px 100% no-repeat,radial-gradient(farthest-side at 0 50%,#1e252829,#1e252800) left center / 13px 100% no-repeat,radial-gradient(farthest-side at 100% 50%,#1e252829,#1e252800) right center / 13px 100% no-repeat;background-attachment:local,local,scroll,scroll}@media(max-width:860px){.app-shell:not(.staff-shell) .nav-item{flex-direction:column;gap:3px;min-width:62px;padding:8px 6px}.app-shell:not(.staff-shell) .nav-item span{display:block;font-size:.6rem;font-weight:800;line-height:1.1;white-space:nowrap}}.dashboard-loading{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:var(--quiet-row);border:1px solid var(--line);color:var(--muted);font-size:.85rem;font-weight:700}.dashboard-loading-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);animation:recPulse 1.4s ease-out infinite}.job-crosscompany-note{margin:0;padding:9px 12px;border-radius:8px;font-size:.82rem;font-weight:700;line-height:1.4;background:#c8812d1f;border:1px solid rgba(200,129,45,.34);color:#8a5a16}.stop-photo-required{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:13px 14px;border-radius:10px;font-size:.95rem;font-weight:700;line-height:1.4;background:#f6d9d3;border:1px solid rgba(200,81,62,.4);color:#8f2f22}.stop-photo-required svg{flex:none;stroke:currentColor}.docs-view{display:grid;gap:14px}.docs-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.docs-seg{display:inline-flex;gap:3px;background:var(--quiet-row);border:1px solid var(--line);border-radius:999px;padding:3px}.docs-seg button{border:0;background:none;font:inherit;font-size:.8rem;font-weight:800;color:var(--muted);padding:6px 15px;border-radius:999px;cursor:pointer}.docs-seg button.is-active{background:var(--charcoal);color:#fbf7ec}.docs-caption{margin:0;font-size:.85rem;color:var(--muted)}.docs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.docs-day-group{display:grid;gap:10px}.docs-day-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--teal);margin:6px 2px 0}.docs-entry{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 13px 13px 17px;overflow:hidden}.docs-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.docs-entry.bwj:before{background:var(--formia-blue)}.docs-entry.srj:before{background:#6f7a3e}.docs-entry-top{display:flex;align-items:center;gap:10px}.docs-avatar{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.85rem;font-weight:800;color:#fff}.docs-avatar.bwj{background:var(--formia-blue)}.docs-avatar.srj{background:#6f7a3e}.docs-who{flex:1;min-width:0}.docs-who strong{display:block;font-size:.9rem;line-height:1.2}.docs-who span{font-size:.76rem;color:var(--muted)}.docs-meta{text-align:right;flex:none}.docs-cochip{font-size:.75rem;font-weight:800;letter-spacing:.03em;padding:4px 10px;border-radius:999px}.docs-cochip.bwj{background:#e6ecf3;color:#3c5677}.docs-cochip.srj{background:#eceedd;color:#565f2c}.docs-meta time{display:block;font-size:.72rem;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}.docs-jobline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}.docs-jobpill{font-family:Georgia,serif;font-weight:700;font-size:.9rem;background:var(--charcoal);color:#fffaf1;border-radius:7px;padding:3px 9px}.docs-task{font-size:.82rem;font-weight:700}.docs-evidence-label{display:block;color:var(--teal);font-size:.62rem;font-weight:900;letter-spacing:.11em;line-height:1;margin-bottom:7px;text-transform:uppercase}.docs-note-card{margin-top:12px;border:1px solid rgba(30,37,40,.1);border-radius:10px;background:#fffdf8cc;padding:11px}.docs-note-card .job-note-summary{margin-top:0}.docs-note-card .job-note-row{background:#fff}.docs-photo-card{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;max-width:390px;border:1px solid rgba(30,37,40,.12);border-radius:12px;background:#fff;color:var(--ink);overflow:hidden;text-decoration:none}.docs-photo-card img{width:84px;height:84px;object-fit:cover;display:block;background:var(--quiet-row)}.docs-photo-fallback{width:84px;height:84px;display:grid;place-items:center;background:linear-gradient(135deg,#566f9124,#2f7f761a);color:var(--formia-blue-dark)}.docs-photo-copy{display:grid;min-width:0;gap:2px;padding:11px 12px 11px 0}.docs-photo-copy strong{font-size:.84rem;line-height:1.2}.docs-photo-copy small{color:var(--muted);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-photo-card:hover{border-color:#2f7f764d;box-shadow:0 8px 22px #1e252814}.docs-sync-detail,.docs-noteonly{display:inline-flex;margin-top:10px;font-size:.74rem;font-weight:700;color:var(--muted)}.docs-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:34px 20px;color:var(--muted)}.docs-empty strong{font-size:1rem;color:var(--ink)}.docs-empty p{max-width:42ch;font-size:.88rem}@media(max-width:720px){.docs-stats{grid-template-columns:1fr}.docs-entry{padding:12px 12px 12px 16px}.docs-meta{text-align:left}.docs-entry-top{align-items:flex-start;flex-wrap:wrap}.docs-photo-card{max-width:none;grid-template-columns:72px minmax(0,1fr)}.docs-photo-card img,.docs-photo-fallback{width:72px;height:72px}}