/* ============================================================
   CONSOLĂ — public login / landing (front pages).
   The Consolă direction ships no login mockup, so this applies its
   design system (graphite mark, signal blue, Barlow + JetBrains Mono,
   4/5px radii) to the login layout the Fișă direction established.
   No background photo: a quiet tinted wash on the canvas, so the card
   is the only focus.
   ============================================================ */
body.consola-login{
  margin:0;min-height:100vh;
  font-family:"Barlow",system-ui,-apple-system,sans-serif;
  font-size:13.5px;color:#0E1419;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"tnum" 1;
  background:
    radial-gradient(900px 480px at 20% -10%, rgba(11,95,165,.07), transparent 62%),
    radial-gradient(700px 420px at 100% 0%, rgba(192,57,43,.05), transparent 58%),
    #EEF1F4;
}
.cl-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;}
.cl-card{
  width:100%;max-width:390px;
  background:#fff;
  border:1px solid #DDE3E9;
  border-radius:6px;
  box-shadow:0 18px 44px -26px rgba(14,20,25,.5);
  padding:32px 30px 26px;text-align:center;
}
.cl-brand{display:inline-flex;align-items:center;gap:9px;justify-content:center;}
.cl-mark{width:26px;height:26px;display:block;color:#C0392B;flex:0 0 26px;}
.cl-word{
  font-family:"Barlow",system-ui,sans-serif;font-weight:600;font-size:24px;
  letter-spacing:-.01em;color:#0E1419;line-height:1;
}
.cl-word-net{color:#C0392B;font-weight:600;}
.cl-tag{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  color:#5E6C7A;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;margin:10px 0 26px;
}
.cl-card form{margin:0;text-align:left;}
.cl-flabel{
  display:block;font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10px;letter-spacing:.07em;text-transform:uppercase;
  font-weight:500;color:#5E6C7A;margin:0 0 4px;
}
.cl-input{
  width:100%;box-sizing:border-box;margin-bottom:13px;
  background:#fff;border:1px solid #C6CFD8;border-radius:4px;
  padding:0 9px;height:30px;color:#0E1419;font-size:13px;font-family:inherit;outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.cl-input::placeholder{color:#7C8A99;}
.cl-input:focus{border-color:#0B5FA5;box-shadow:0 0 0 2px rgba(11,95,165,.15);}
.cl-btn{
  width:100%;border:1px solid #0B5FA5;border-radius:4px;padding:0 16px;height:34px;margin-top:6px;
  background:#0B5FA5;color:#fff;font-size:12.5px;font-weight:600;letter-spacing:0;cursor:pointer;
  font-family:inherit;transition:background .1s,border-color .1s;
}
.cl-btn:hover{background:#084A82;border-color:#084A82;}
.cl-btn:focus-visible{outline:2px solid #0B5FA5;outline-offset:2px;}
.cl-foot{
  margin-top:24px;padding-top:16px;border-top:1px solid #DDE3E9;
  color:#5E6C7A;font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10.5px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;
}
.cl-foot a{color:#5E6C7A;text-decoration:none;font-weight:500;}
.cl-foot a:hover{color:#0B5FA5;text-decoration:underline;}
.cl-legal{
  max-width:390px;margin:20px auto 0;text-align:center;font-size:11px;line-height:1.65;color:#5E6C7A;
}
.cl-legal a{color:#5E6C7A;}
/* validation / flash messages from the app */
body.consola-login .alert{
  border-radius:5px;font-size:12.5px;padding:9px 12px;margin-bottom:13px;text-align:left;
  border:1px solid #EFD5CF;background:#FCEFEC;color:#8E2A1E;
}
body.consola-login .alert-success{border-color:#C0DCCC;background:#E4F2EA;color:#1E6640;}