/* ============================================================
   报价单生成工具 · 云端版附加样式（登录页 / 用户角标）
   依赖 app.css 的主题变量，须在 app.css 之后加载
   ============================================================ */

/* ---------------- 登录页 ---------------- */

.login-view{
  position:fixed; inset:0; z-index:100;
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(1200px 600px at 20% -10%, #fdeee7 0%, transparent 60%),
    radial-gradient(1000px 500px at 110% 110%, #e8eefb 0%, transparent 55%),
    var(--bg);
  padding:20px;
}
.login-card{
  width:400px; max-width:96vw;
  background:#fff; border:1px solid var(--line); border-radius:16px;
  box-shadow:0 18px 60px rgba(20,25,35,.12);
  padding:30px 32px 26px;
  animation:rise .4s ease both;
}
.login-brand{display:flex; align-items:center; gap:14px; margin-bottom:22px}
.login-brand .logo{
  width:52px; height:52px; border-radius:12px; flex:none;
  background:var(--accent); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:26px; font-weight:800;
}
.login-brand h1{font-size:19px; margin:0; line-height:1.3}
.login-brand p{margin:2px 0 0; font-size:12px; color:var(--sub)}
.login-form .f{margin-bottom:12px}
.login-form input{
  border:1px solid var(--line); border-radius:8px; padding:10px 12px;
  font-size:14px; font-family:inherit; background:#fff; width:100%;
  box-sizing:border-box; transition:border .15s;
}
.login-form input:focus{outline:none; border-color:var(--accent)}
.login-form .f>label{font-size:12px; color:var(--sub); display:block; margin-bottom:4px}
.login-btn{
  width:100%; margin-top:6px; padding:11px 0;
  border:none; border-radius:8px; background:var(--accent); color:#fff;
  font-size:15px; font-weight:700; cursor:pointer; font-family:inherit;
  transition:filter .15s;
}
.login-btn:hover{filter:brightness(1.06)}
.login-btn:disabled{opacity:.6; cursor:wait}
.login-tip{
  margin:16px 0 0; font-size:12px; color:var(--sub);
  border-top:1px dashed var(--line); padding-top:12px; line-height:1.8;
}
#loginMsg{min-height:18px; font-size:12.5px; margin-top:8px}
#loginMsg.err{color:#c23b22}
#loginMsg.ok-msg{color:var(--ok)}
#loginMsg:empty{margin-top:0}

/* ---------------- 顶栏用户角标 ---------------- */

.who{display:flex; align-items:center; gap:10px; margin-left:auto}
.who-name{font-weight:700; font-size:14px}
.who-role{
  font-size:11.5px; color:var(--sub);
  border:1px solid var(--line); border-radius:99px; padding:2px 10px;
  background:#fff;
}

/* 标题红爱心 */
.hd-heart{color:#e0245e;margin-left:2px}