:root{--slate-950: #0a0c10;--slate-900: #111318;--slate-800: #1a1d24;--slate-700: #282d38;--slate-600: #3d4451;--slate-500: #5a6377;--slate-400: #8b95a8;--slate-300: #b4bcc9;--slate-200: #d8dce4;--slate-100: #eef0f4;--slate-50: #f7f8fa;--safety-green: #22c55e;--safety-green-dim: #166534;--safety-amber: #f59e0b;--safety-amber-dim: #92400e;--safety-red: #ef4444;--safety-red-dim: #991b1b;--accent: #f97316;--accent-bright: #fb923c;--accent-dim: #c2410c;--bg-primary: var(--slate-50);--bg-secondary: #ffffff;--bg-elevated: #ffffff;--text-primary: var(--slate-900);--text-secondary: var(--slate-600);--text-muted: var(--slate-400);--border: var(--slate-200);--border-focus: var(--slate-800);--font-industrial: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: var(--font-industrial);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--touch-min: 48px;--touch-preferred: 52px;--radius: 4px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-industrial);font-size:16px;font-weight:500;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;background-image:linear-gradient(var(--slate-100) 1px,transparent 1px),linear-gradient(90deg,var(--slate-100) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-content{flex:1;max-width:540px;margin:0 auto;width:100%;padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}.header{position:sticky;top:0;z-index:100;background:var(--slate-900);color:#fff;padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--accent)}.header-home{display:flex;align-items:baseline;gap:var(--space-2);background:transparent;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2));border-radius:var(--radius);transition:background .15s ease}.header-home:hover{background:#ffffff1a}.header-home:active{background:#ffffff26}.header-title{font-family:var(--font-industrial);font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff}.header-version{font-family:var(--font-industrial);font-size:10px;font-weight:500;color:var(--slate-400);letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-user-menu{position:relative}.header-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:var(--slate-300);font-family:var(--font-industrial);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.header-user:hover,.header-user.active{background:#ffffff26;color:#fff}.header-user.confirm-logout{background:var(--safety-red);border-color:var(--safety-red);color:#fff;animation:pulse-logout .5s ease-in-out infinite alternate}@keyframes pulse-logout{0%{opacity:1}to{opacity:.8}}.header-user-name{white-space:nowrap;min-width:3ch}.header-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000026;z-index:200;min-width:180px;overflow:hidden;animation:dropdownFade .15s ease}.header-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-industrial);font-size:14px;font-weight:600;cursor:pointer;transition:background .1s ease;text-align:left}.header-dropdown-item:hover{background:var(--slate-50)}.header-dropdown-item:not(:last-child){border-bottom:1px solid var(--border)}.header-dropdown-logout{color:var(--safety-red)}.header-dropdown-logout:hover{background:#ef44440d}.status-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:none;border-radius:2px;font-family:var(--font-industrial);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.status-badge:hover{opacity:.9}.status-badge:active{transform:scale(.97)}.status-badge.connected{background:var(--safety-green);color:#fff}.status-badge.disconnected{background:var(--safety-red);color:#fff}.status-badge.checking{background:var(--slate-300);color:var(--slate-950)}.status-badge.forced,.status-badge.pending{background:var(--safety-amber);color:var(--slate-950)}.status-badge.blocked{background:var(--safety-red);color:#fff}@media (max-width: 420px){.header{padding-left:var(--space-3);padding-right:var(--space-3)}.header-home{flex-shrink:0;gap:var(--space-1)}.header-right{min-width:0;gap:var(--space-2)}.header-user{padding-left:var(--space-1);padding-right:var(--space-1)}.header-user-name{max-width:7ch;overflow:hidden;text-overflow:ellipsis}.status-badge{flex-shrink:0;gap:var(--space-1);padding-left:var(--space-2);padding-right:var(--space-2);font-size:12px}}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.info-section{background:var(--bg-secondary);border-bottom:1px solid var(--border)}.info-header{width:100%;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;border:none;background:transparent;cursor:pointer;text-align:left}.info-title{font-family:var(--font-sans);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.info-chevron{color:var(--text-muted);transition:transform .2s ease}.info-chevron.open{transform:rotate(180deg)}.info-content{padding:0 var(--space-5) var(--space-5);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.regulation-block{margin-bottom:var(--space-4)}.regulation-title{font-family:var(--font-industrial);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.regulation-text{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-2)}.regulation-ref{font-family:var(--font-industrial);font-weight:600;color:var(--text-primary)}.purpose-box{background:var(--slate-50);border:1px solid var(--border);border-left:3px solid var(--accent);padding:var(--space-4);margin-top:var(--space-4)}.purpose-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);font-size:14px}.purpose-list{list-style:none;counter-reset:purpose}.purpose-list li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);font-size:14px;color:var(--text-secondary);counter-increment:purpose}.purpose-list li:before{content:counter(purpose);position:absolute;left:0;font-family:var(--font-industrial);font-weight:600;font-size:12px;color:var(--accent);background:var(--slate-100);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:2px}.form-container{padding:var(--space-5)}.form-section{margin-bottom:var(--space-6)}.form-section-title{font-family:var(--font-industrial);font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-1)}.form-section-hint{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-3)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-family:var(--font-industrial);font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.form-label .required{color:var(--safety-red)}.form-input{width:100%;max-width:100%;min-height:var(--touch-preferred);padding:var(--space-3) var(--space-4);font-family:var(--font-industrial);font-size:16px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);transition:all .15s ease}.form-input[type=date]{-webkit-appearance:none;appearance:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--slate-800);box-shadow:0 0 0 3px #1a1d241a}.form-input.error{border-color:var(--safety-red)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235a6377' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:44px}.form-textarea{min-height:120px;resize:vertical;font-family:var(--font-industrial)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.date-display{text-align:center;padding:var(--space-3);background:var(--slate-100);border:1px solid var(--border);border-radius:var(--radius);font-weight:600;color:var(--text-primary);margin-top:var(--space-2)}.chip-grid{display:flex;flex-direction:column;gap:var(--space-2)}.chip{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-preferred);padding:var(--space-3);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease;text-align:left;font-family:var(--font-industrial)}.chip:active{transform:scale(.98)}.chip.selected{background:var(--slate-800);border-color:var(--slate-800);color:#fff}.chip.attention{background:var(--safety-amber);border-color:var(--safety-amber);color:#fff}.chip-checkbox{width:20px;height:20px;border:2px solid currentColor;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.5}.chip.selected .chip-checkbox,.chip.attention .chip-checkbox{background:#fff3;opacity:1}.chip-checkbox svg{width:14px;height:14px}.chip-label{font-size:15px;font-weight:600;line-height:1.3}.condition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.condition-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:56px;padding:var(--space-4);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);font-family:var(--font-industrial);font-size:16px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.condition-btn:hover{border-color:var(--slate-300)}.condition-btn:active{transform:scale(.98)}.condition-btn.ok.selected{background:var(--safety-green);border-color:var(--safety-green);color:#fff;box-shadow:0 4px 12px #22c55e4d}.condition-btn.attention.selected{background:var(--safety-red);border-color:var(--safety-red);color:#fff;box-shadow:0 4px 12px #ef44444d}.condition-btn svg{width:20px;height:20px}.action-grid{display:flex;flex-direction:column;gap:var(--space-3)}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:64px;padding:var(--space-3);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);font-family:var(--font-industrial);font-size:15px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:center;line-height:1.3}.action-btn:hover{border-color:var(--slate-300)}.action-btn.selected{background:var(--slate-800);border-color:var(--slate-800);color:#fff}.submit-btn{width:100%;min-height:60px;margin-top:var(--space-6);padding:var(--space-4);background:var(--slate-900);border:none;border-radius:var(--radius);font-family:var(--font-industrial);font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.submit-btn:hover:not(:disabled){background:var(--slate-800);box-shadow:0 4px 12px #0a0c104d}.submit-btn:active:not(:disabled){transform:scale(.99)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{font-family:var(--font-industrial);font-size:11px;color:var(--safety-red);margin-top:var(--space-1)}.toast{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-5);background:var(--slate-900);color:#fff;font-family:var(--font-industrial);font-size:13px;font-weight:500;border-radius:var(--radius);border-left:3px solid var(--accent);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;max-width:calc(100% - var(--space-8));display:flex;align-items:center;gap:var(--space-3)}.toast-dismiss{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0 0 0 var(--space-2);font-size:16px;line-height:1;flex-shrink:0}.toast-dismiss:hover{color:#fff}.toast.visible{opacity:1;visibility:visible}.toast.success{border-left-color:var(--safety-green)}.toast.error{border-left-color:var(--safety-red)}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:var(--space-8);text-align:center}.success-icon{width:80px;height:80px;background:var(--safety-green);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:0 8px 24px #22c55e4d}.success-icon svg{width:40px;height:40px;color:#fff}.success-title{font-family:var(--font-sans);font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.success-message{font-size:15px;color:var(--text-secondary);margin-bottom:var(--space-6)}.new-form-btn{padding:var(--space-4) var(--space-8);background:var(--slate-900);border:none;border-radius:var(--radius);font-family:var(--font-industrial);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .15s ease}.new-form-btn:hover{background:var(--slate-800)}.sync-status{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--slate-100);font-family:var(--font-industrial);font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sync-status.pending{background:#fef3c7;color:var(--safety-amber-dim)}.divider{height:1px;background:var(--border);margin:var(--space-5) 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.login-screen{display:flex;justify-content:center;align-items:flex-start;padding:var(--space-6) var(--space-4);min-height:60vh}.login-card{width:100%;max-width:400px;text-align:center;padding:var(--space-8) var(--space-6)}.login-icon{margin-bottom:var(--space-6)}.login-heading{font-family:var(--font-industrial);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3)}.login-subtext{font-family:var(--font-sans);font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.login-connectivity{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-5);padding:var(--space-4);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;line-height:1.5;text-align:left}.login-connectivity strong{color:var(--text-primary);font-family:var(--font-industrial);font-size:14px}.login-connectivity .login-retry-btn{align-self:stretch;margin-top:var(--space-2)}.login-retry-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-industrial);font-size:14px;font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius);cursor:pointer;margin-top:var(--space-4);min-height:var(--touch-min);transition:all .15s ease}.login-retry-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.clock-screen{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);gap:var(--space-8)}.clock-display{text-align:center}.clock-time{font-family:var(--font-industrial);font-size:44px;font-weight:700;letter-spacing:2px;color:var(--text-primary);line-height:1.1}.clock-date{font-family:var(--font-sans);font-size:16px;color:var(--text-secondary);margin-top:var(--space-2)}.clock-timezone{font-family:var(--font-industrial);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-1)}.clock-user-greeting{font-family:var(--font-industrial);font-size:18px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.clock-button{width:200px;height:200px;border-radius:50%;border:4px solid;font-family:var(--font-industrial);font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none}.clock-button.clock-in{background:var(--safety-green-dim);border-color:var(--safety-green);color:var(--safety-green);box-shadow:0 0 30px #22c55e33}.clock-button.clock-in:hover{background:var(--safety-green);color:#fff;box-shadow:0 0 40px #22c55e66}.clock-button.clock-in:active{transform:scale(.95)}.clock-button.clock-out{background:var(--safety-red-dim);border-color:var(--safety-red);color:var(--safety-red);box-shadow:0 0 30px #ef444433}.clock-button.clock-out:hover{background:var(--safety-red);color:#fff;box-shadow:0 0 40px #ef444466}.clock-button.clock-out:active{transform:scale(.95)}.clock-active-shift{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.shift-timer{text-align:center}.shift-timer-label{font-family:var(--font-industrial);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-2)}.shift-timer-value{font-family:var(--font-industrial);font-size:40px;font-weight:700;color:var(--safety-green);letter-spacing:2px}.placeholder-screen{display:flex;justify-content:center;align-items:flex-start;padding:var(--space-8) var(--space-4)}.placeholder-icon{text-align:center;margin-bottom:var(--space-4)}.placeholder-title{font-family:var(--font-industrial);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:var(--space-2)}.placeholder-text{font-family:var(--font-sans);font-size:14px;color:var(--text-muted);text-align:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--slate-900);border-top:1px solid var(--slate-700);display:flex;justify-content:space-around;padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));z-index:100}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:none;color:var(--slate-400);font-family:var(--font-industrial);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;padding:var(--space-2) var(--space-4);min-width:64px;min-height:var(--touch-min);transition:color .15s ease;-webkit-tap-highlight-color:transparent}.nav-btn.active{color:var(--accent)}.nav-btn:hover{color:var(--slate-200)}.nav-btn.active:hover{color:var(--accent-bright)}.app .main-content{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.login-email-display{font-family:var(--font-industrial);font-size:16px;font-weight:700;color:var(--accent);background:#f9731614;border:1px solid rgba(249,115,22,.25);border-left:3px solid var(--accent);padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4);word-break:break-all}.login-expiry-notice{font-family:var(--font-industrial);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-6)}.login-alt-link{display:block;width:100%;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-industrial);font-size:13px;font-weight:600;cursor:pointer;margin-top:var(--space-3);padding:var(--space-2);transition:color .15s ease}.login-alt-link:hover{color:var(--text-primary)}.code-input-row{display:flex;justify-content:center;gap:8px;margin-bottom:var(--space-4);padding:var(--space-2) 0}.code-input-box{width:48px;height:56px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700;text-align:center;text-transform:uppercase;color:var(--text-primary);caret-color:var(--accent);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-webkit-appearance:none;appearance:none}.code-input-box::placeholder{color:var(--slate-300)}.code-input-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f9731626,0 0 12px #f9731614}.code-input-box.filled{border-color:var(--slate-500);background:var(--bg-primary)}.code-input-box.error{border-color:var(--safety-red);animation:code-shake .4s ease}.code-input-box:disabled{opacity:.5;cursor:not-allowed}.code-error-message{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-industrial);font-size:13px;font-weight:600;color:var(--safety-red);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4);animation:code-error-in .3s ease}.login-verifying{animation:verify-pulse 1.2s ease-in-out infinite}@keyframes code-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes code-error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes verify-pulse{0%,to{opacity:1}50%{opacity:.5}}.clock-button.loading{opacity:.7;cursor:wait;animation:gps-pulse-btn 1.5s ease-in-out infinite}@keyframes gps-pulse-btn{0%,to{box-shadow:0 0 30px #ffffff1a}50%{box-shadow:0 0 50px #f973164d}}.gps-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-industrial);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.gps-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-dot 1s ease-in-out infinite}.clockout-card{width:100%;max-width:400px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;animation:slideDown .2s ease}.clockout-card-header{background:var(--slate-900);padding:var(--space-4) var(--space-5);border-bottom:3px solid var(--safety-red)}.clockout-card-title{font-family:var(--font-industrial);font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.clockout-summary{padding:var(--space-5)}.clockout-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.clockout-label{font-family:var(--font-industrial);font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.clockout-value{font-family:var(--font-industrial);font-size:16px;font-weight:700;color:var(--text-primary)}.clockout-divider{height:1px;background:var(--border);margin:var(--space-3) 0}.clockout-row-total{padding:var(--space-3) 0}.clockout-value-lg{font-family:var(--font-industrial);font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:1px}.clockout-lunch-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-left:3px solid var(--safety-amber);border-radius:var(--radius);font-family:var(--font-industrial);font-size:12px;font-weight:600;color:var(--safety-amber-dim);margin-top:var(--space-2)}.clockout-options{padding:0 var(--space-5) var(--space-5)}.clockout-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:var(--space-4);transition:all .15s ease}.clockout-toggle.active{background:#f9731614;border-color:#f9731640}.clockout-toggle-track{width:44px;height:24px;background:var(--slate-300);border-radius:12px;position:relative;transition:background .2s ease;flex-shrink:0}.clockout-toggle-track.on{background:var(--accent)}.clockout-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.clockout-toggle-track.on .clockout-toggle-thumb{transform:translate(20px)}.clockout-toggle-label{font-family:var(--font-industrial);font-size:14px;font-weight:600;color:var(--text-primary)}.clockout-comment-group{margin-bottom:0}.clockout-comment{min-height:64px;resize:none}.clockout-actions{padding:0 var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.clockout-confirm-btn{width:100%;min-height:56px;padding:var(--space-4);background:var(--safety-red-dim);border:2px solid var(--safety-red);border-radius:var(--radius);font-family:var(--font-industrial);font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .15s ease}.clockout-confirm-btn:hover:not(:disabled){background:var(--safety-red);box-shadow:0 4px 12px #ef44444d}.clockout-confirm-btn:disabled{opacity:.5;cursor:wait}.clockout-cancel-btn{width:100%;min-height:var(--touch-min);padding:var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-industrial);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.clockout-cancel-btn:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary)}.timesheet-screen{padding:var(--space-4)}.ts-week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.ts-nav-arrow{width:var(--touch-min);height:var(--touch-min);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.ts-nav-arrow:hover:not(:disabled){border-color:var(--slate-800);background:var(--slate-50)}.ts-nav-arrow:active:not(:disabled){transform:scale(.95)}.ts-nav-arrow.disabled,.ts-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.ts-week-label{font-family:var(--font-industrial);font-size:16px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;text-align:center}.ts-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ts-day-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);min-height:var(--touch-min)}.ts-day-row:last-of-type{border-bottom:none}.ts-day-row.empty{opacity:.5}.ts-day-row.flagged{border-left:3px solid var(--safety-amber)}.ts-day-abbr{font-family:var(--font-industrial);font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.ts-day-times{font-family:var(--font-industrial);font-size:14px;font-weight:500;color:var(--text-secondary);display:flex;flex-direction:column;gap:2px}.ts-day-hours{font-family:var(--font-industrial);font-size:16px;font-weight:700;color:var(--text-primary);text-align:right;letter-spacing:.5px}.ts-day-hours.zero{color:var(--text-muted);font-weight:500}.ts-totals{border-top:2px solid var(--slate-800);padding:var(--space-4);background:var(--slate-50)}.ts-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0}.ts-total-label{font-family:var(--font-industrial);font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.ts-total-value{font-family:var(--font-industrial);font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:1px}.ts-status-badge{display:flex;align-items:center;justify-content:center;margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius);font-family:var(--font-industrial);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.ts-status-badge.approved{background:#22c55e1a;border:1px solid var(--safety-green);color:var(--safety-green-dim)}.ts-status-badge.closed{background:var(--slate-100);border:1px solid var(--border);color:var(--text-muted)}.ts-status-badge.pending{background:#f59e0b14;border:1px solid var(--safety-amber);color:var(--safety-amber-dim)}.ts-loading{padding:var(--space-8);text-align:center;color:var(--text-muted);font-family:var(--font-industrial);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ts-error{padding:var(--space-6);text-align:center;color:var(--safety-red);font-family:var(--font-industrial);font-size:14px}.approval-screen{padding:var(--space-4)}.ap-offline{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-left:3px solid var(--safety-amber);border-radius:var(--radius);color:var(--safety-amber-dim);font-family:var(--font-industrial);font-size:14px;font-weight:600}.ap-approved-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#22c55e14;border:2px solid var(--safety-green);border-radius:var(--radius-lg);color:var(--safety-green);font-family:var(--font-industrial);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4)}.ap-approved-date{margin-left:auto;font-size:12px;font-weight:600;color:var(--safety-green-dim);text-transform:none;letter-spacing:0}.ap-summary{font-family:var(--font-industrial);font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-2) 0 var(--space-4)}.ap-summary-flags{color:var(--safety-amber-dim)}.ap-summary-overrides{color:var(--accent-dim)}.ap-summary-open{color:var(--safety-red)}.ap-employee-list{display:flex;flex-direction:column;gap:var(--space-3)}.ap-empty{padding:var(--space-8);text-align:center;color:var(--text-muted);font-family:var(--font-industrial);font-size:14px;font-weight:600;text-transform:uppercase}.ap-emp-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ap-emp-card.flagged{border-color:var(--safety-amber)}.ap-emp-card.zero-hours,.ap-emp-card.zero-hours.flagged{border-color:var(--safety-red)}.ap-emp-card.zero-hours:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:repeating-linear-gradient(135deg,var(--safety-red) 0 4px,var(--safety-amber) 4px 8px)}.ap-emp-header{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--slate-900);color:#fff;padding:var(--space-3) var(--space-4);border:none;border-bottom:2px solid var(--accent);cursor:pointer;text-align:left;font:inherit}.ap-emp-header:active{background:var(--slate-800)}.ap-emp-header-left{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ap-emp-name{font-family:var(--font-industrial);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-emp-badges{display:flex;gap:var(--space-1);flex-wrap:wrap}.ap-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:2px;text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-industrial);line-height:1.4}.ap-badge.flags{background:var(--safety-amber);color:var(--slate-950)}.ap-badge.overrides{background:var(--accent);color:#fff}.ap-badge.open-clock{background:var(--safety-red);color:#fff}.ap-badge.inactive{background:var(--slate-300);color:var(--slate-700)}.ap-emp-total{font-family:var(--font-industrial);font-size:20px;font-weight:700;color:var(--accent-bright);white-space:nowrap}.ap-emp-chevron{color:var(--slate-400);transition:transform .2s ease;flex-shrink:0}.ap-emp-chevron.open{transform:rotate(180deg);color:var(--accent)}.ap-emp-days{display:none}@media (min-width: 600px){.ap-emp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex:2}}.ap-emp-days-mobile{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-primary)}@media (min-width: 600px){.ap-emp-days-mobile{display:none}}.ap-day-cell{font-family:var(--font-industrial);font-size:13px;font-weight:600;text-align:center;padding:var(--space-1);color:var(--text-primary)}.ap-day-cell.zero{color:var(--text-muted);opacity:.5}.ap-day-label{font-size:10px;text-transform:uppercase;color:var(--slate-400);letter-spacing:.5px}.ap-zero-hours{padding:var(--space-3) var(--space-4);background:#ef44440f;border-top:1px solid rgba(239,68,68,.2)}.ap-zero-label{font-size:12px;font-weight:700;color:var(--safety-red);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);font-family:var(--font-industrial)}.ap-zero-input{border-color:#ef444466}.ap-zero-input:focus{border-color:var(--safety-red);box-shadow:0 0 0 3px #ef44441a}.ap-entries{border-top:1px solid var(--border);animation:slideDown .2s ease}.ap-entry{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);border-left:3px solid transparent}.ap-entry:last-child{border-bottom:none}.ap-entry.has-flags{border-left-color:var(--safety-amber)}.ap-entry-date{font-family:var(--font-industrial);font-weight:700;font-size:13px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-2)}.ap-entry-times{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2)}.ap-entry-time-pair{display:flex;flex-direction:column;gap:1px}.ap-entry-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-industrial)}.ap-entry-value{font-family:var(--font-industrial);font-size:14px;font-weight:600}.ap-entry-hours{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.ap-entry-hours>span{display:flex;flex-direction:column;gap:1px}.ap-entry-divider{color:var(--text-muted);font-size:18px;align-self:center}.ap-entry-comment{display:flex;gap:.5rem;align-items:baseline;padding-top:.25rem;font-size:.82rem}.ap-entry-comment-text{color:var(--text-primary);font-style:italic}.ap-supervisor-note{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.ap-supervisor-note-edit{display:flex;gap:var(--space-2);align-items:flex-start}.ap-supervisor-comment{min-height:54px;flex:1;resize:vertical}.ap-save-comment-btn{flex-shrink:0;min-height:36px;padding:0 var(--space-3);border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-family:var(--font-industrial);font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer}.ap-save-comment-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 520px){.ap-supervisor-note-edit{flex-direction:column}.ap-save-comment-btn{width:100%}}.ap-entry-net{font-family:var(--font-industrial);font-weight:700;color:var(--text-primary);font-size:15px}.ap-entry-flags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.ap-flag{font-family:var(--font-industrial);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:2px}.ap-flag.mock-gps{background:#ef44441f;color:var(--safety-red);border:1px solid rgba(239,68,68,.3)}.ap-flag.high-speed,.ap-flag.off-site,.ap-flag.low-accuracy,.ap-flag.gps-off{background:#f59e0b1f;color:var(--safety-amber-dim);border:1px solid rgba(245,158,11,.3)}.ap-entry-coords{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:var(--space-1);font-size:.8rem}.ap-coord-link{display:flex;gap:.35rem;align-items:baseline;color:var(--safety-amber-dim);text-decoration:none;font-family:var(--font-industrial);font-size:11px;letter-spacing:.3px}.ap-coord-link:hover{text-decoration:underline}.ap-lunch-override{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);background:#f973160f;border:1px solid rgba(249,115,22,.2);border-radius:var(--radius)}.ap-override-label{font-size:12px;font-weight:600;flex:1;color:var(--accent-dim);font-family:var(--font-industrial)}.ap-override-btn{min-width:44px;min-height:44px;border-radius:var(--radius);border:2px solid;font-size:18px;font-weight:700;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;background:transparent}.ap-override-btn.approve{border-color:var(--safety-green);color:var(--safety-green);background:#22c55e14}.ap-override-btn.approve:hover:not(:disabled){background:var(--safety-green);color:#fff}.ap-override-btn.reject{border-color:var(--safety-red);color:var(--safety-red);background:#ef444414}.ap-override-btn.reject:hover:not(:disabled){background:var(--safety-red);color:#fff}.ap-override-btn:disabled{opacity:.5;cursor:not-allowed}.ap-override-resolved{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-top:var(--space-2);font-family:var(--font-industrial)}.ap-override-resolved.approved{color:var(--safety-green-dim)}.ap-override-resolved.rejected{color:var(--safety-red)}.ap-approval-form{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.ap-comment-group{display:flex;flex-direction:column;gap:var(--space-2)}.ap-approve-btn{width:100%;min-height:56px;background:var(--safety-green-dim);color:var(--safety-green);border:3px solid var(--safety-green);border-radius:var(--radius);font-family:var(--font-industrial);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 -2px #0003}.ap-approve-btn:hover:not(:disabled){background:var(--safety-green);color:#fff;box-shadow:0 0 30px #22c55e4d}.ap-approve-btn:active:not(:disabled){transform:scale(.98)}.ap-approve-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.settings-screen{padding:var(--space-4)}.settings-header{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-industrial);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:var(--space-4);padding:0 var(--space-1)}.settings-header svg{color:var(--accent);flex-shrink:0}.settings-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.settings-local-card+.settings-local-card,.settings-remote-card{margin-top:var(--space-4)}.settings-item{display:flex;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--border)}.settings-item-with-action{align-items:center}.settings-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--slate-100);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary)}.settings-item-content{flex:1;min-width:0}.settings-item-label{display:block;font-family:var(--font-industrial);font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.3px;margin-bottom:var(--space-1)}.settings-item-desc{font-family:var(--font-sans);font-size:13px;color:var(--text-muted);line-height:1.4}.settings-add-btn{flex-shrink:0;min-height:36px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--slate-900);color:#fff;font-family:var(--font-industrial);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer}.settings-add-btn:disabled{opacity:.5;cursor:default}.settings-select-wrap{position:relative;padding:var(--space-4) var(--space-5)}.settings-select{font-size:17px}.settings-select-wrap.saving .settings-select{opacity:.5}.settings-saving-indicator{position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);animation:settings-saving-slide .8s ease-in-out infinite}@keyframes settings-saving-slide{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.01%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.settings-loading{min-height:var(--touch-preferred);display:flex;align-items:center;justify-content:center;font-family:var(--font-industrial);font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.settings-current-value{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--slate-50);border-top:1px solid var(--border)}.settings-status-dot{width:8px;height:8px;border-radius:50%;background:var(--slate-300);flex-shrink:0}.settings-status-dot.active{background:var(--safety-green);box-shadow:0 0 6px #22c55e66}.settings-status-dot.error{background:var(--safety-red);box-shadow:0 0 6px #ef444466}.settings-status-dot.paused{background:var(--safety-amber);box-shadow:0 0 6px #f59e0b66}.settings-status-text{font-family:var(--font-industrial);font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.settings-mode-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-preferred);padding:var(--space-4) var(--space-5);border:0;border-top:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-align:left}.settings-mode-toggle:hover:not(:disabled){background:var(--slate-50)}.settings-mode-toggle.active{background:#f59e0b14}.settings-mode-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.settings-mode-toggle:disabled{cursor:wait;opacity:.65}.settings-mode-toggle>span:last-child{min-width:0}.settings-mode-toggle strong,.settings-mode-toggle small{display:block}.settings-mode-toggle strong{font-family:var(--font-industrial);font-size:14px;letter-spacing:.2px}.settings-mode-toggle small{margin-top:2px;color:var(--text-muted);font-family:var(--font-sans);font-size:12px;line-height:1.4}.settings-install-help{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.settings-install-help p{margin:0;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;line-height:1.5}.settings-install-help .settings-add-btn{width:100%;min-height:var(--touch-preferred)}.settings-roster-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);min-height:48px}.settings-roster-row.highlight{background:#f59e0b1f;box-shadow:inset 3px 0 0 var(--safety-amber)}.settings-roster-name{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-industrial);font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-roster-code{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.settings-roster-inactive{font-size:10px;font-weight:700;padding:1px 6px;border-radius:2px;text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-industrial);background:var(--slate-300);color:var(--slate-700);flex-shrink:0}.settings-roster-btn{font-family:var(--font-industrial);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:8px 12px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;flex-shrink:0;min-height:36px}.settings-roster-btn.confirm{background:var(--safety-red);border-color:var(--safety-red);color:#fff}.settings-roster-btn.primary{background:var(--slate-900);border-color:var(--slate-900);color:#fff}.settings-roster-btn:disabled{opacity:.5;cursor:default}.settings-employee-form{padding:var(--space-5);border-top:1px solid var(--border);background:var(--bg-primary)}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.settings-form-field{min-width:0}.settings-form-field .form-label{margin-bottom:var(--space-1)}.settings-field-error{display:block;margin-top:4px;font-family:var(--font-industrial);font-size:11px;font-weight:700;color:var(--safety-red);letter-spacing:.2px}.settings-checkbox-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-preferred);padding-top:22px;font-family:var(--font-industrial);font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-checkbox-row input{width:18px;height:18px;accent-color:var(--slate-900)}.settings-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.settings-phone-warning{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-family:var(--font-industrial);font-size:12px;font-weight:600;color:var(--safety-amber-dim);background:#f59e0b1a;border-left:3px solid var(--safety-amber);border-radius:4px;letter-spacing:.2px}.settings-offline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);margin-top:var(--space-8);text-align:center;color:var(--text-muted)}.settings-offline svg{opacity:.4}.settings-offline-title{font-family:var(--font-industrial);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.settings-offline-text{font-family:var(--font-sans);font-size:14px;color:var(--text-muted)}@media (max-width: 640px){.settings-item-with-action{flex-wrap:wrap}.settings-item-with-action .settings-item-content{flex-basis:calc(100% - 56px)}.settings-add-btn{margin-left:56px}.settings-form-grid{grid-template-columns:1fr}.settings-checkbox-row{padding-top:0}.settings-form-actions{flex-direction:column-reverse}.settings-form-actions .settings-roster-btn{width:100%}}