/* branding-salome.css (moved to root css/) */
:root{
  --brand-deep:#0b4a6f;
  --brand-accent:#2fb6b1;
  --surface:#fcfbf8;
  --muted:#6b7075;
  --danger:#e06a6a;
  --radius:10px;
  --space:16px;
  --max-width:420px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{
  font-family: 'Roboto', 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background: linear-gradient(180deg, #f7fbfc 0%, #fcfcfd 100%);
  color: #1f2933;
  -webkit-font-smoothing:antialiased;
}
.login-main{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:calc(var(--space)*2)}
.login-card{background:var(--surface);max-width:var(--max-width);width:100%;border-radius:var(--radius);box-shadow:0 6px 18px rgba(11,74,111,0.06);padding:calc(var(--space)*1.25);border:1px solid rgba(11,74,111,0.04)}
.login-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.brand-mark{width:56px;height:56px;border-radius:8px;background:linear-gradient(135deg,var(--brand-deep),var(--brand-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.login-header h1{font-family: 'Montserrat', sans-serif;margin:0;font-size:20px;color:var(--brand-deep)}
.login-sub{color:var(--muted);font-size:13px;margin-top:4px}
.form-row{margin-top:14px}
.form-row label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.form-row input{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(15,20,25,0.06);background:#fff;font-size:15px}
.form-row input:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 4px 12px rgba(47,182,177,0.08)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px;border-radius:8px;border:none;background:var(--brand-deep);color:#fff;font-weight:600;cursor:pointer;margin-top:12px}
.btn-primary:active{transform:translateY(1px)}
.feedback{color:var(--danger);font-size:13px;margin-top:8px}
.thumbnail{display:none}
@media(min-width:780px){
  .login-card{display:flex;gap:18px;align-items:center}
  .thumbnail{display:block;flex:0 0 140px}
  .thumbnail img{width:100%;border-radius:8px}
}