/* Shared visual language for LocalWorkAI account pages. */
:root{
  --primary:#147A5C;
  --primary-light:#188966;
  --bg:#F3F6F9;
  --bg2:#FFFFFF;
  --text:#46566A;
  --text-muted:#718096;
  --text-bright:#102238;
  --border:#D8E0E9;
  --border-light:#BCC8D5;
  --danger:#C2413A;
  --success:#147A5C;
}
html,body{min-height:100%;overflow-x:hidden}
body{
  font-family:'Manrope','IBM Plex Sans Arabic',system-ui,sans-serif;
  background:#F3F6F9;
  color:var(--text);
  padding:38px 20px;
  background-image:none;
}
body::before{
  content:'';position:fixed;inset:0 auto 0 0;width:9px;
  background:#102238;
}
.auth-container{max-width:460px}
.logo{justify-content:flex-start;margin-bottom:24px}
.logo svg{width:34px;height:34px}
.logo span{font-size:1.42rem;letter-spacing:-.04em;color:var(--text-bright)}
.auth-card{
  background:#fff;border:1px solid #CBD5E1;border-radius:12px;padding:38px;
  box-shadow:0 24px 60px -42px rgba(16,34,56,.55),0 10px 26px -22px rgba(16,34,56,.28);
}
.auth-card h1{text-align:left;color:var(--text-bright);font-size:1.72rem;letter-spacing:-.035em}
.auth-card .subtitle{text-align:left;color:#64748B;margin-bottom:26px;line-height:1.55}
.btn-google{
  border-radius:8px;border-color:#BCC8D5;background:#fff;color:var(--text-bright);
  min-height:48px;
}
.btn-google:hover{background:#F7F9FC;border-color:#8292A5}
.divider{color:#7C899A}
.divider::before,.divider::after{background:#D8E0E9}
.form-group label{color:#34445A}
.form-group input,.form-group select{
  min-height:46px;border-radius:8px;border-color:#C8D2DE;background:#F9FBFC;
  color:var(--text-bright);
}
.form-group input:focus,.form-group select:focus{
  border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(20,122,92,.1);
}
.form-group input::placeholder{color:#8B98A8}
.form-group select option{background:#fff;color:var(--text-bright)}
.btn-submit{
  min-height:48px;border-radius:8px;background:var(--primary);
  box-shadow:none;
}
.btn-submit:hover{background:#0D5B44;box-shadow:none}
.forgot-link{color:#64748B;text-decoration:none}
.auth-footer{color:#64748B}
.auth-footer a,.terms a{color:var(--primary)}
.auth-footer a:hover{color:#0D5B44}
.plan-badge{border-radius:6px}
.plan-badge.free{background:#E4F1EC;color:#0D5B44;border-color:#B7D9CC}
.plan-badge.pro{background:#E8EEF8;color:#254D82;border-color:#C6D4E8}
.plan-badge.business{background:#F7EBDD;color:#8A4A18;border-color:#E7C9AA}
.error-msg{border-radius:8px}
.success-msg{color:var(--success)}
.spinner{border-color:rgba(20,122,92,.22);border-top-color:var(--primary)}
@media(max-width:520px){
  body{align-items:flex-start;padding:24px 16px 34px}
  body::before{width:5px}
  .auth-container{max-width:none}
  .logo{margin:0 0 20px 4px}
  .auth-card{padding:28px 22px;border-radius:10px}
  .auth-card h1{font-size:1.55rem}
  .form-row{grid-template-columns:1fr}
}