/* BijakMedia CRM — app sign-in screen (wp-login.php). Body class: bmc-login.
   Wide screens: brand panel left + sign-in card right. Phones / iPad portrait: brand header + overlapping card. */
body.bmc-login{
  --lg-ink:#0F1C2E;--lg-text:#334155;--lg-muted:#64748B;--lg-line:#E3E8EF;--lg-field:#D5DEE9;--lg-bg:#F4F6FA;
  margin:0;min-height:100vh;min-height:100dvh;background:var(--lg-bg);color:var(--lg-text);
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:15px;
  display:grid;grid-template-columns:minmax(380px,46%) minmax(0,1fr);grid-template-rows:1fr auto auto auto;
  -webkit-font-smoothing:antialiased
}
body.bmc-login *{box-sizing:border-box}
html:has(body.bmc-login),body.bmc-login{height:auto}
.bmc-lg-brand{min-height:min-content}
/* WordPress' own "enter your username" note repeats our subtitle */
body.bmc-login.login-action-lostpassword #login > .message.notice-info,body.bmc-login.login-action-rp #login > .message.notice-info{display:none}

/* ---- Brand panel ---- */
.bmc-lg-brand{grid-column:1;grid-row:1/-1;position:relative;overflow:hidden;color:#fff;
  background:var(--lg-navy);background:linear-gradient(155deg,color-mix(in srgb,var(--lg-navy) 82%,#fff) 0%,var(--lg-navy) 45%,color-mix(in srgb,var(--lg-navy) 78%,#000) 100%)}
.bmc-lg-brand:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 30% 30%,rgba(255,255,255,.12),transparent 70%);pointer-events:none}
.bmc-lg-brand__in{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:0;max-width:520px;margin:0 auto;padding:56px clamp(32px,5vw,72px)}
.bmc-lg-logo{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;background:#fff;border-radius:20px;padding:16px 22px;box-shadow:0 20px 40px -18px rgba(0,0,0,.55);text-decoration:none;animation:lg-pop .7s cubic-bezier(.2,1.3,.4,1) both}
.bmc-lg-logo img{display:block;max-width:220px;max-height:64px;width:auto;height:auto}
.bmc-lg-logo b{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--lg-navy);color:#fff;font-size:28px;font-weight:800}
.bmc-lg-name{margin:28px 0 8px;font-size:clamp(26px,2.6vw,34px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff;animation:lg-up .6s .15s both}
.bmc-lg-tag{margin:0 0 28px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.78);max-width:420px;animation:lg-up .6s .25s both}
.bmc-lg-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bmc-lg-points li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:rgba(255,255,255,.92);animation:lg-up .6s both}
.bmc-lg-points li:nth-child(1){animation-delay:.35s}.bmc-lg-points li:nth-child(2){animation-delay:.45s}.bmc-lg-points li:nth-child(3){animation-delay:.55s}
.bmc-lg-points .dashicons{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.12);font-size:18px;line-height:36px;color:#fff}
.bmc-lg-by{margin-top:40px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.bmc-lg-orb{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.06)}
.bmc-lg-orb.o1{width:420px;height:420px;right:-160px;bottom:-140px}
.bmc-lg-orb.o2{width:220px;height:220px;right:40px;top:-90px;background:rgba(255,255,255,.05)}

/* ---- Sign-in card ---- */
body.bmc-login #login{grid-column:2;grid-row:1;align-self:center;justify-self:center;width:min(440px,calc(100% - 40px));margin:40px 0 12px;padding:32px 30px 26px;
  background:#fff;border:1px solid var(--lg-line);border-radius:22px;box-shadow:0 24px 50px -28px rgba(11,37,69,.4);animation:lg-up .5s .05s both}
body.bmc-login #login > h1{display:none}
.bmc-lg-head h1{margin:0 0 6px;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--lg-ink)}
.bmc-lg-head p{margin:0 0 22px;color:var(--lg-muted);font-size:15px;line-height:1.5}
body.bmc-login form{margin:0;padding:0;background:none;border:0;box-shadow:none;overflow:visible}
body.bmc-login form p{margin:0 0 16px}
body.bmc-login label{display:block;font-size:14px;font-weight:600;color:var(--lg-text);line-height:1.4}
body.bmc-login .user-pass-wrap{margin-bottom:16px}
body.bmc-login input[type=text],body.bmc-login input[type=email],body.bmc-login input[type=password]{
  width:100%;height:52px;margin:6px 0 0;padding:0 14px;border:1.5px solid var(--lg-field);border-radius:12px;background:#fff;box-shadow:none;
  font-size:16px;font-weight:500;line-height:1.2;font-family:inherit;color:var(--lg-ink);transition:border-color .15s,box-shadow .15s}
body.bmc-login input[type=text]:focus,body.bmc-login input[type=email]:focus,body.bmc-login input[type=password]:focus{
  border-color:var(--lg-navy);box-shadow:0 0 0 4px color-mix(in srgb,var(--lg-navy) 14%,transparent);outline:0}
body.bmc-login .wp-pwd{position:relative;margin-top:6px}
body.bmc-login .wp-pwd input[type=password],body.bmc-login .wp-pwd input[type=text]{margin:0;padding-right:54px}
body.bmc-login .button.wp-hide-pw{position:absolute;top:0;right:0;width:52px;height:52px;min-height:52px;border:0;background:none;box-shadow:none;color:var(--lg-muted);display:grid;place-items:center}
body.bmc-login .button.wp-hide-pw:hover,body.bmc-login .button.wp-hide-pw:focus{color:var(--lg-navy);background:none;box-shadow:none}
body.bmc-login .button.wp-hide-pw .dashicons{width:22px;height:22px;font-size:22px;top:0}
body.bmc-login .forgetmenot{float:none;margin:2px 0 18px}
body.bmc-login .forgetmenot label{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--lg-text);cursor:pointer}
body.bmc-login input[type=checkbox]{width:20px;height:20px;margin:0;border-radius:6px;accent-color:var(--lg-navy)}
body.bmc-login p.submit{margin:0;padding:0}
body.bmc-login .button-primary,body.bmc-login #wp-submit{float:none;display:block;width:100%;height:52px;min-height:52px;padding:0 20px;border:0;border-radius:12px;
  background:var(--lg-navy);color:#fff;font-size:16px;font-weight:700;line-height:52px;font-family:inherit;text-shadow:none;box-shadow:0 10px 22px -12px var(--lg-navy);cursor:pointer;
  transition:transform .18s cubic-bezier(.3,1.5,.5,1),box-shadow .2s,filter .2s}
body.bmc-login .button-primary:hover,body.bmc-login #wp-submit:hover{background:var(--lg-navy);color:#fff;transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 16px 28px -14px var(--lg-navy)}
body.bmc-login .button-primary:active,body.bmc-login #wp-submit:active{transform:scale(.97);filter:brightness(.95)}
body.bmc-login .button-primary:focus,body.bmc-login #wp-submit:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--lg-navy) 22%,transparent);outline:0}
body.bmc-login .button-secondary:not(.wp-hide-pw){height:44px;border-radius:12px;border:1.5px solid var(--lg-field);background:#fff;color:var(--lg-navy);font-weight:600}
body.bmc-login .indicator-hint,body.bmc-login .description{font-size:13px;color:var(--lg-muted)}
body.bmc-login #pass-strength-result{border-radius:10px;margin:8px 0 12px;width:100%}
body.bmc-login .reset-pass-submit{display:flex;flex-direction:column-reverse;gap:10px}
body.bmc-login .reset-pass-submit .button{float:none;width:100%}

/* Messages */
body.bmc-login .message,body.bmc-login .notice,body.bmc-login #login_error,body.bmc-login .success{
  margin:0 0 18px;padding:12px 14px;border:1px solid var(--lg-line);border-left:4px solid var(--lg-link);border-radius:12px;background:#F8FAFD;box-shadow:none;font-size:14px;line-height:1.5}
body.bmc-login #login_error,body.bmc-login .notice-error{border-left-color:#DC2626;background:#FEF2F2;border-color:#FECACA}
body.bmc-login .success,body.bmc-login .notice-success{border-left-color:#16A34A;background:#F0FDF4;border-color:#BBF7D0}

/* Links under the form */
body.bmc-login #nav,body.bmc-login #backtoblog{margin:18px 0 0;padding:0;text-align:center;font-size:14px}
body.bmc-login #backtoblog{margin-top:8px}
body.bmc-login #nav a,body.bmc-login #backtoblog a,body.bmc-login .privacy-policy-page-link a{color:var(--lg-link);font-weight:600;text-decoration:none}
body.bmc-login #nav a:hover,body.bmc-login #backtoblog a:hover{text-decoration:underline}
body.bmc-login .privacy-policy-page-link{grid-column:2;margin:6px 0 0;text-align:center;font-size:13px}
body.bmc-login .language-switcher{grid-column:2;margin:10px auto 0;padding:0;text-align:center}
body.bmc-login .language-switcher form{display:inline-flex;align-items:center;gap:8px}
body.bmc-login .language-switcher select{height:38px;border-radius:10px;border:1px solid var(--lg-field)}
body.bmc-login .bmc-login-install{grid-column:2;margin:4px 0 24px}

@keyframes lg-up{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@keyframes lg-pop{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){body.bmc-login *{animation:none!important;transition:none!important}}

/* ---- Phones, iPad portrait, small windows: stacked ---- */
@media (max-width:860px),(max-width:1024px) and (orientation:portrait){
  body.bmc-login{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto}
  .bmc-lg-brand{grid-column:1;grid-row:1;border-radius:0 0 28px 28px}
  .bmc-lg-brand__in{min-height:0;align-items:center;text-align:center;padding:calc(36px + env(safe-area-inset-top,0px)) 24px 84px}
  .bmc-lg-logo{align-self:center;padding:14px 20px;border-radius:18px}
  .bmc-lg-logo img{max-width:200px;max-height:56px}
  .bmc-lg-name{margin:18px 0 6px;font-size:24px}
  .bmc-lg-tag{margin:0 auto;font-size:14.5px}
  .bmc-lg-points,.bmc-lg-by{display:none}
  .bmc-lg-orb.o1{width:300px;height:300px;right:-120px;bottom:-150px}
  body.bmc-login #login{grid-column:1;grid-row:2;align-self:start;margin:-56px 0 12px;width:min(480px,calc(100% - 32px));padding:26px 22px 22px}
  body.bmc-login .privacy-policy-page-link,body.bmc-login .language-switcher,body.bmc-login .bmc-login-install{grid-column:1}
  .bmc-lg-head{text-align:center}
  .bmc-lg-head h1{font-size:23px}
}
/* iPad portrait / large phones: a little more room */
@media (min-width:600px) and (max-width:1024px) and (orientation:portrait){
  .bmc-lg-brand__in{padding-top:calc(64px + env(safe-area-inset-top,0px));padding-bottom:110px}
  .bmc-lg-logo img{max-width:240px;max-height:68px}
  .bmc-lg-name{font-size:30px}
  .bmc-lg-tag{font-size:16px}
  body.bmc-login #login{margin-top:-72px;padding:34px 34px 28px}
}
/* Phones held sideways: keep it compact */
@media (max-height:500px) and (orientation:landscape){
  body.bmc-login{grid-template-columns:minmax(0,40%) minmax(0,1fr)}
  .bmc-lg-brand{grid-column:1;grid-row:1/-1;border-radius:0}
  .bmc-lg-brand__in{padding:24px;align-items:center;text-align:center}
  .bmc-lg-points,.bmc-lg-by,.bmc-lg-tag{display:none}
  body.bmc-login #login{grid-column:2;grid-row:1;margin:16px 0;align-self:start}
  body.bmc-login .privacy-policy-page-link,body.bmc-login .language-switcher,body.bmc-login .bmc-login-install{grid-column:2}
}
body.bmc-login #lostpasswordform p.submit,body.bmc-login #resetpassform p.submit{margin-top:18px}
body.bmc-login .button.wp-generate-pw{display:block;width:100%;height:46px;border-radius:12px;border:1.5px solid var(--lg-field);background:#fff;color:var(--lg-navy);font-size:15px;font-weight:600;font-family:inherit;box-shadow:none;cursor:pointer}body.bmc-login .button.wp-generate-pw:hover{border-color:var(--lg-navy);background:#F8FAFD;color:var(--lg-navy)}