/* Login-only styles adapted from Engagement OS workspace/app.css. */
@font-face { font-family: Manrope; src: url("/manrope-variable.ttf") format("truetype"); font-weight: 200 800; font-style: normal; font-display: swap; }
:root { color-scheme: light; --ink: #283247; --plum: #754B68; --paper: #fff; --soft: #E5EBF1; --muted: #5F6B79; --line: #D8D6DF; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--paper); color: var(--ink); font: 14px/1.6 Manrope, Arial, sans-serif; }
button, input { font: inherit; color: inherit; }
button { min-height: 44px; padding: 9px 15px; border: 1px solid var(--line); background: white; border-radius: 6px; font-weight: 600; font-size: 12px; }
.primary { background: var(--plum); color: white; border-color: var(--plum); }
button:disabled { opacity: .5; cursor: not-allowed; }
input { width: 100%; border: 1px solid #c8cdd6; border-radius: 5px; padding: 10px; min-height: 44px; background: white; }
input:disabled { background: #F7F7FA; cursor: not-allowed; }
label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 5px; }
h1, h2, p { margin: 0; }
h1 { font-size: 23px; line-height: 1.35; letter-spacing: -.7px; font-weight: 600; }
p { margin-bottom: 10px; overflow-wrap: anywhere; }
.eyebrow { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); font-weight: 600; }
.app-bar { height: 74px; display: flex; align-items: center; gap: 20px; padding: 12px 26px; border-bottom: 1px solid var(--line); }
.brand { width: 184px; height: 44px; }
.app-name { font-size: 18px; font-weight: 600; letter-spacing: -.35px; white-space: nowrap; }
.bar-divider { height: 29px; border-left: 1px solid var(--line); }
.auth { max-width: 440px; margin: 60px auto; padding: 24px; }
.auth h1 { margin-bottom: 24px; }
.login-fields > label { margin: 15px 0; }
.auth button { margin-top: 15px; }
.languages { color: var(--muted); margin-top: 10px; }
.construction-notice { background: #f0edf2; border-left: 3px solid var(--plum); padding: 16px 18px; margin-bottom: 32px; }
.construction-notice h2 { font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: -.2px; margin-bottom: 6px; }
.construction-notice p { margin: 0; font-size: 13px; }
@media (max-width: 760px) {
  .app-bar { height: auto; min-height: 86px; padding: 12px 16px; display: grid; grid-template-columns: 1fr; gap: 2px 8px; }
  .brand { width: 146px; height: 35px; }
  .app-name { font-size: 14px; }
  .bar-divider { display: none; }
  .auth { margin: 32px auto; }
}