/* ==========================================================================
   signin.css - the App's own sign-in in the renewal's look (batch 28; the
   owner, 28 Oct 2026: "professional, but simple, yet universal", and his yes
   to "the App's sign-in gets the same card with the customer's own picture,
   colour and logo"). Served at /app/assets/x/signin.css, after app.css, on
   the App's three sign-in sheets: /app/login (_login_page), the sheet of a
   user whose branch is gone (_scope_lost_page) and the box's door sheet.

   The same card as head office's and every Lite's (dash/static/signin.html):
   one hairline, 6 px corners, no shadow, the name at 18 px, the fields 36 px,
   the one press in the CUSTOMER's colour (brand_style's --acc, never amber),
   the languages along the card's foot. Beside it, as before: the customer's
   own picture, else their colour, and Tepegöz's horsemen in its corner only
   where the App editor's "Tepegöz in the app" is on. No eye here.
   ========================================================================== */

body.appbody.login .loginbox { border:1px solid var(--line); border-radius:6px; box-shadow:none;
  background:var(--panel); overflow:hidden; }
body.appbody.login .loginbox .cardhead { padding:20px 22px 16px; }
body.appbody.login .loginbox .cardhead h2 { font-family:var(--sans); font-size:18px; font-weight:600;
  letter-spacing:-.01em; line-height:1.25; }
body.appbody.login .loginbox .cardhead .logo { max-width:120px; max-height:36px; margin-bottom:10px; }
body.appbody.login .loginbox .cardhead small { margin-top:4px; font-size:12px; color:var(--faint); }
body.appbody.login .loginbox .cardbody { display:flex; flex-direction:column; gap:12px;
  padding:18px 22px 0; }
body.appbody.login .loginbox .field { margin:0; }
body.appbody.login .loginbox .field label { font-size:12.5px; font-weight:600; letter-spacing:0;
  text-transform:none; color:var(--dim); }
body.appbody.login .loginbox .field input { height:36px; font-size:14px; border-radius:6px; }
body.appbody.login .loginbox .btn { height:38px; margin-top:2px; border-radius:6px; font-size:14px; }
body.appbody.login .loginbox .banner { border-radius:6px; }
/* The languages: along the card's foot, as head office's card has them. */
body.appbody.login .loginbox .langswitch { display:flex; flex-wrap:wrap; gap:6px 16px;
  margin:6px -22px 0; padding:12px 22px 14px; border-top:1px solid var(--line); font-size:12.5px; }
body.appbody.login .loginbox .langswitch a { padding-bottom:1px; border-bottom:1px solid transparent; }
body.appbody.login .loginbox .langswitch a.here { border-bottom-color:var(--acc); }
/* The door's sheet (a box of an engine of several) has its own last line. */
body.appbody.login .loginbox.door .cardbody { padding-bottom:0; }
/* Tepegöz's mark in the picture's corner: the horsemen, quiet. */
body.appbody.login .tzmark { font-size:13px; font-weight:600; letter-spacing:.04em; opacity:.85; }
body.appbody.login .tzmark img { width:48px; }