.login{max-width:470px;margin:7vh auto;padding:24px;display:grid;gap:22px}.login .card{display:grid;gap:16px}.account{padding:14px 0;border-bottom:1px solid var(--line);line-height:1.7}.ops-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ops-actions button{flex:1}.record-details{display:grid;gap:8px;margin-top:16px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.record-details b{color:var(--muted);font-weight:500}.period{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.period label{flex:1;min-width:130px;font-size:12px}.period input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;min-height:44px}.ops-form{display:grid;gap:10px}.ops-form .field{margin-top:6px}.ops-form textarea{min-height:85px}.ops-form input,.ops-form select{min-width:0;width:100%}.ops-form .primary{margin-top:14px}.bottom-nav button{font-size:11px}.sidebar-foot{overflow-wrap:anywhere}.topbar>.secondary{font-size:11px;padding:8px;min-height:40px}.metric strong{overflow-wrap:anywhere}.form-error,#error{color:#a34435;font-size:14px;line-height:1.5}.card details{margin-top:14px}dialog{width:calc(100% - 16px)}.badge{white-space:normal}.card-top{flex-wrap:wrap}

.login .remember-option{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:14px;font-size:14px;cursor:pointer}.login .remember-option input{appearance:auto;width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0;padding:0;accent-color:var(--green)}
