.client-save-state{padding:10px 24px;background:#f0f7f4;color:#296454;font-size:12px;line-height:1.45;border-bottom:1px solid #dce8e4}.client-save-state[data-state="local"],.client-save-state[data-state="attention"],.client-save-state[data-state="offline"]{background:#fff4df;color:#7d541e}.client-save-state[data-state="busy"],.client-save-state[data-state="unknown"]{background:#eef5fa;color:#355d76}.client-update:empty{display:none}.client-update{padding:14px 24px;background:#e5f4ff;color:#183f5e;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid #bad9ef}.client-update p{margin:0;flex:1}.home-detail-panel{margin:24px 0;border:1px solid #dce6e9;border-radius:14px;background:#fff;padding:0 18px}.home-detail-panel>summary{padding:18px 0;cursor:pointer;font-size:15px;font-weight:650;min-height:52px}.home-detail-panel[open]>summary{margin-bottom:16px;border-bottom:1px solid #dce6e9}.home-page .ops-punch-actions .primary{min-height:52px;min-width:140px;font-size:17px}.home-page .page-heading{margin-bottom:18px}@media(max-width:650px){.client-save-state,.client-update{padding:10px 18px}.client-update .secondary{width:100%}.top-actions .sync-button{font-size:10px;max-width:150px}.home-page .ops-punch-actions{width:100%}.home-page .ops-punch-actions .primary{width:100%}.home-detail-panel{padding:0 12px}}

.filterbar[hidden]{display:none!important}

.mfa-screen{max-width:640px;margin:32px auto;padding:28px}.mfa-screen input{max-width:100%}.mfa-screen form[hidden]{display:none!important}.mfa-codes{font-size:17px;line-height:1.8;white-space:pre-wrap}.security-session{padding:14px 0;border-bottom:1px solid #dce6e9;display:flex;gap:16px;align-items:center;justify-content:space-between}
.mfa-screen .mfa-qr{display:block;width:280px;max-width:100%;height:auto;margin:20px auto;background:#fff;image-rendering:pixelated}.mfa-screen [hidden]{display:none!important}.mfa-screen [data-mfa-secret]{width:100%;min-width:0;font-family:ui-monospace,monospace;font-size:16px;letter-spacing:.025em}.mfa-screen .mfa-setup-actions{display:flex;flex-wrap:wrap;gap:10px}.mfa-screen .mfa-setup-actions>*{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}.mfa-screen .mfa-setup-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mfa-screen .mfa-copy-status{min-height:1.5em;overflow-wrap:anywhere}@media(max-width:480px){.mfa-screen{margin:12px auto;padding:20px;max-width:100%;box-sizing:border-box}.mfa-screen .mfa-setup-actions>*{width:100%;box-sizing:border-box}.mfa-screen p{overflow-wrap:anywhere}}
.client-save-state{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.client-save-state>span{flex:1;min-width:220px}.client-save-state [data-open-pending]{min-height:44px;white-space:normal;text-align:left;font-size:13px}@media(max-width:650px){.client-save-state [data-open-pending]{width:100%}}