.mobile-shell{--field-page-gutter:var(--space-4);width:100%;max-width:var(--field-page-width);min-width:0;min-height:100dvh;padding-bottom:calc(var(--mobile-nav-expanded-space) + env(safe-area-inset-bottom));background:var(--background);margin-inline:auto}.mobile-shell .mobile-body{max-width:var(--field-page-width);width:100%;min-width:0;padding-inline:var(--field-page-gutter);margin-inline:auto}.mobile-shell:has(.record-mobile-header)>.mobile-shell-account-header{display:none}.mobile-shell .record-mobile-header{width:100%;max-width:var(--field-page-width);margin-inline:auto}.mobile-shell .record-title{margin-block:var(--space-3)}.mobile-shell .mobile-work-header{min-width:0;padding-inline:var(--field-page-gutter)}.mobile-shell>.mobile-nav{max-width:var(--field-page-width);margin-inline:auto}.mobile-shell .mobile-header-identity{flex-basis:0}.mobile-shell .mobile-header-name{font-size:var(--text-xl)}.record-top-date{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.record-top-date .date-select{align-items:center;gap:var(--space-2);border:var(--border) solid var(--control-line);border-radius:var(--radius);min-height:var(--touch);padding:var(--space-2) var(--space-3);display:flex;position:relative}.record-top-date input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.record-top-date .date-select:focus-within{outline:var(--border) solid var(--focus);outline-offset:var(--space-1)}.record-top-date .date-today{color:var(--subtle);font-size:var(--text-xs)}.mobile-qr-action{right:max(var(--space-4), calc((100vw - var(--field-page-width)) / 2 + var(--space-4)));bottom:calc(var(--mobile-nav-expanded-space) + env(safe-area-inset-bottom));z-index:10;box-shadow:var(--shadow);border-radius:var(--radius-full);position:fixed}.mobile-shell .record-list{gap:var(--space-3);padding-bottom:var(--space-16);grid-template-columns:minmax(0,1fr);display:grid}.mobile-shell .record-card{margin:0}.mobile-person-picker{gap:var(--space-4);min-width:0;display:grid}.mobile-person-picker>.page-heading{margin:0}.mobile-people-tools{gap:var(--space-3);display:grid}.mobile-kana-index{gap:var(--space-1);flex-wrap:wrap;display:flex}.mobile-kana-index button{min-height:var(--touch);min-width:var(--touch);padding:var(--space-1)}.mobile-people-list{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.mobile-person-option{width:100%;min-height:var(--touch-primary);justify-content:flex-start;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border) solid var(--control-line);background:var(--surface);color:var(--ink);border-radius:var(--radius);text-align:left;display:flex}.mobile-person-option[data-selected=true]{background:var(--primary-soft);border-color:var(--primary-border);font-weight:700}.mobile-person-option>span{overflow-wrap:anywhere;min-width:0}.mobile-person-option small{color:var(--subtle);font-size:var(--text-xs);font-weight:400;display:block}.mobile-person-option svg{flex-shrink:0}.mobile-pin-form{gap:var(--space-3);display:grid}.mobile-pin-form input{width:100%}.mobile-qr-video{background:var(--ink);border-radius:var(--radius);width:100%;max-height:65dvh}.mobile-setting-list,.mobile-settings-body{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.mobile-settings-body>.button{justify-self:start}.mobile-setting-list fieldset{border:0;min-width:0;margin:0;padding:0}.mobile-setting-list legend{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.mobile-setting-list label:has(input[type=checkbox]){align-items:center;gap:var(--space-2);min-height:var(--touch);display:flex}.mobile-setting-list input[type=checkbox]{flex-shrink:0}.mobile-department-options{gap:var(--space-1);display:grid}.mobile-shell .health-record-status:has(>.save-indicator:empty){display:none}.mobile-shell .health-record-status{margin-block:var(--space-1);justify-content:flex-end}.mobile-shell .mobile-report-body{max-width:var(--field-page-width)}.mobile-approval-account{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.mobile-camera-actions{gap:var(--space-2);margin-block:var(--space-3);flex-wrap:wrap;display:flex}.mobile-login-entry .auth-page{padding-top:var(--space-4)}.mobile-login-entry .auth-page>header{margin-bottom:var(--space-4);position:relative}.mobile-login-entry .auth-page h1{margin-bottom:var(--space-1)}.mobile-login-entry .auth-page form{margin-top:var(--space-4);gap:var(--space-4)}.mobile-login-methods{margin-top:var(--space-4)}.mobile-login-methods-label{margin:0 0 var(--space-2);color:var(--subtle);font-size:var(--text-xs)}.mobile-login-method-tabs{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mobile-login-method{align-items:center;gap:var(--space-1);min-width:0;min-height:var(--touch);padding:var(--space-2) var(--space-1);border:var(--border) solid var(--control-line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:var(--text-sm);text-align:center;flex-direction:column;line-height:1.25;display:flex}.mobile-login-method-icon{flex-shrink:0;width:2rem;height:2rem}.mobile-login-method-label{white-space:nowrap;min-width:0;display:block}.mobile-login-method:hover{background:var(--surface-muted)}.mobile-login-method:focus-visible{outline:var(--border) solid var(--focus);outline-offset:var(--space-1)}.mobile-login-method[aria-selected=true],.mobile-login-method[aria-selected=true]:hover{border-color:var(--primary-border);background:var(--primary);color:var(--on-primary);font-weight:700}.mobile-login-panel{margin-top:var(--space-6)}.mobile-login-manual>summary{min-height:var(--touch);cursor:pointer;align-items:center;font-weight:700;display:flex}.mobile-login-entry .mobile-login-manual>form{margin-top:var(--space-2)}.mobile-login-entry .mobile-login-panel>.stack>form{margin-top:0}.mobile-login-panel>.stack>p{margin:0}.mobile-login-registered-id{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;margin:0;display:flex}.mobile-login-registered-id code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mobile-login-camera .mobile-qr-video{max-height:50dvh}@media (max-width:479px){:root[data-text-size=extra-large] .mobile-login-method-tabs{grid-template-columns:minmax(0,1fr)}:root[data-text-size=extra-large] .mobile-login-method{justify-content:flex-start;gap:var(--space-2);padding-inline:var(--space-3);font-size:var(--text-sm);flex-direction:row}}@media (min-width:768px){.mobile-shell{--field-page-gutter:var(--space-5)}.mobile-shell .mobile-body{padding-block:var(--space-5)}.mobile-shell .record-list,.mobile-people-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-shell>.support-banner{align-items:stretch;gap:var(--space-2);overflow-wrap:anywhere;flex-direction:column}.mobile-shell>.support-banner>span{display:none}.mobile-shell>.support-banner>.button{align-self:flex-start}.mobile-record-progress{gap:var(--space-2);margin-block:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.mobile-record-complete,.mobile-approval-groups,.mobile-approval-people{gap:var(--space-3);margin-block:var(--space-4);display:grid}.mobile-record-complete dl{gap:var(--space-2) var(--space-3);grid-template-columns:auto 1fr;display:grid}.mobile-record-complete dd{overflow-wrap:anywhere;margin:0}.mobile-approval-person{padding-block:var(--space-3);border-bottom:var(--border) solid var(--line)}.mobile-approval-person details{margin-top:var(--space-2)}.mobile-approval-person summary{min-height:var(--touch);cursor:pointer;align-items:center;text-decoration:underline;display:flex}.mobile-approval-groups .button{text-align:start;overflow-wrap:anywhere;justify-content:flex-start}.mobile-shell.mobile-flow{padding-bottom:env(safe-area-inset-bottom)}.mobile-shell h1,.mobile-flow-title{font-size:var(--mobile-heading)}.record-top-date>.button.quiet{min-width:var(--touch);min-height:var(--touch);background:0 0;border:0}.date-triangle{width:var(--icon-control);height:var(--icon-control)}.date-triangle.previous{transform:rotate(-90deg)}.date-triangle.next{transform:rotate(90deg)}.mobile-record-row{align-items:center;gap:var(--space-3);text-align:left;width:100%;color:var(--ink);background:var(--surface);border:var(--border) solid var(--control-line);border-radius:var(--radius);padding:var(--space-4);min-height:var(--touch);display:flex}.mobile-record-row>svg{flex-shrink:0}.mobile-record-row-content{gap:var(--space-1);flex:1;min-width:0;display:grid}.mobile-record-row h2{font-size:var(--text-base)}.mobile-record-row .mobile-record-progress{gap:var(--space-2);font-size:var(--text-sm);margin-block:0}.health-attendance .attendance{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.health-attendance .attendance-option{justify-content:center;width:100%}.health-timing-entries{gap:var(--space-3);margin-block:var(--space-4);display:grid}.device-first-login .credential-pin-box{justify-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);border:var(--border) solid var(--line);border-radius:var(--radius);text-align:center;display:grid}.device-first-login .credential-pin-caption{margin:0;font-weight:700}.device-first-login .credential-pin-large{font-variant-numeric:tabular-nums;letter-spacing:.2em;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2.5rem;line-height:1.2}.health-status{gap:var(--space-3);display:grid}.health-status-row{align-items:baseline;gap:var(--space-2) var(--space-4);font-size:var(--text-lg);flex-wrap:wrap;margin:0;display:flex}.health-status-row>strong{font-size:var(--text-xl)}.health-phase-actions{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.health-phase-actions>.button{min-height:var(--touch-primary);justify-content:center}.required-mark{color:var(--danger-text,var(--danger))}