/* Panelaa sign-in page (/login). Loaded after WordPress's login.css; --pnl-primary and --pnl-navy come inline. */
html{background:#f4f6fb}
body.pnl-login{
  --pnl-primary:#d6962d; --pnl-navy:#172133; --pnl-ink:#334155; --pnl-muted:#64748b; --pnl-line:#e3e8f0; --pnl-bg:#f4f6fb;
  margin:0; min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:var(--pnl-bg); color:var(--pnl-ink); direction:rtl;
  font-family:Dana,Tahoma,"Segoe UI",Arial,sans-serif; font-size:15px; line-height:1.8;
}
body.pnl-login *:not(.dashicons):not(.dashicons-before){font-family:inherit}
body.pnl-login > .clear{display:none}

.pnl-brand{display:flex; flex-direction:column; align-items:center; gap:8px; padding:40px 16px 0}
.pnl-brand-mark{width:64px; height:64px; border-radius:18px; background:#fff; display:grid; place-items:center; overflow:hidden;
  border:1px solid var(--pnl-line); box-shadow:0 10px 28px rgba(23,33,51,.08)}
.pnl-brand-mark img{max-width:50px; max-height:50px; object-fit:contain}
.pnl-brand strong{font-size:17px; font-weight:800; color:var(--pnl-navy)}

/* ---- form side ---- */
body.pnl-login #login{width:100%; max-width:420px; box-sizing:border-box; margin:0 auto; padding:20px 16px 8px}
body.pnl-login #login h1.wp-login-logo{display:none}
.pnl-intro{margin:0 0 18px; text-align:center}
.pnl-title{margin:0 0 4px; font-size:26px; font-weight:900; color:var(--pnl-navy)}
.pnl-sub{margin:0; color:var(--pnl-muted); font-size:14px}
.pnl-tabs{display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; margin:0 0 16px; border-radius:14px; background:#e9edf4}
.pnl-tabs > *{display:flex; align-items:center; justify-content:center; gap:6px; min-height:42px; border-radius:11px; font-size:14px; font-weight:700;
  color:var(--pnl-muted); text-decoration:none; transition:background .2s,color .2s,box-shadow .2s}
.pnl-tabs .dashicons{font-size:17px; width:17px; height:17px}
.pnl-tabs a:hover{color:var(--pnl-navy)}
.pnl-tabs a:focus{box-shadow:0 0 0 2px var(--pnl-primary); outline:0}
.pnl-tabs .is-on{background:#fff; color:var(--pnl-navy); box-shadow:0 2px 8px rgba(23,33,51,.08)}
.pnl-tabs .is-off{cursor:not-allowed; opacity:.6}
.pnl-tabs .is-off em{font-style:normal; font-size:11px; font-weight:700; padding:1px 8px; border-radius:20px; background:#fff; color:var(--pnl-muted)}

body.pnl-login form{margin:0; padding:26px; border:1px solid var(--pnl-line); border-radius:18px; background:#fff;
  box-shadow:0 18px 50px rgba(23,33,51,.07); overflow:visible}
body.pnl-login form p{margin-bottom:0}
body.pnl-login label{color:var(--pnl-navy); font-size:14px; font-weight:700; margin-bottom:6px; display:inline-block}
body.pnl-login form .input,body.pnl-login input[type=text],body.pnl-login input[type=password],body.pnl-login input[type=email],body.pnl-login input[type=tel]{
  width:100%; min-height:50px; margin:0 0 16px; padding:8px 14px; font-size:16px; line-height:1.4; border:1px solid var(--pnl-line); border-radius:12px;
  background:#f8fafc; box-shadow:none; color:var(--pnl-navy); transition:border-color .2s,box-shadow .2s,background .2s}
body.pnl-login input:focus{border-color:var(--pnl-primary); background:#fff; outline:0;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--pnl-primary) 18%,transparent)}
body.pnl-login .wp-pwd{position:relative}
body.pnl-login .wp-pwd input{padding-left:48px}
body.pnl-login .button.wp-hide-pw{height:50px; min-height:50px; width:48px; left:0; right:auto; top:0; color:var(--pnl-muted); border:0; background:none}
body.pnl-login .button.wp-hide-pw:focus{box-shadow:none; color:var(--pnl-primary)}
body.pnl-login .forgetmenot{float:none; display:flex; align-items:center; gap:6px; margin:0 0 18px}
body.pnl-login .forgetmenot label{font-weight:500; color:var(--pnl-muted); margin:0}
body.pnl-login input[type=checkbox]{border-radius:6px; border-color:#cbd5e1}
body.pnl-login input[type=checkbox]:checked::before{filter:hue-rotate(0)}
body.pnl-login input[type=checkbox]:focus{border-color:var(--pnl-primary); box-shadow:0 0 0 2px color-mix(in srgb,var(--pnl-primary) 25%,transparent)}
body.pnl-login p.submit{margin:0; padding:0}
body.pnl-login.wp-core-ui .button-primary,body.pnl-login .button-primary{float:none; width:100%; min-height:50px; font-size:16px; font-weight:800; border-radius:12px;
  border:0; background:var(--pnl-primary); color:#fff; text-shadow:none; box-shadow:0 10px 24px color-mix(in srgb,var(--pnl-primary) 35%,transparent);
  transition:transform .15s,filter .15s}
body.pnl-login.wp-core-ui .button-primary:hover,body.pnl-login.wp-core-ui .button-primary:focus{background:var(--pnl-primary); color:#fff; filter:brightness(.94);
  box-shadow:0 10px 24px color-mix(in srgb,var(--pnl-primary) 35%,transparent)}
body.pnl-login.wp-core-ui .button-primary:active{transform:translateY(1px)}
body.pnl-login .button-link{color:var(--pnl-primary); font-weight:700; text-decoration:none}
body.pnl-login form + form{border:0; box-shadow:none; background:none; padding:12px 0 0; text-align:center}

/* notices */
body.pnl-login .message,body.pnl-login .notice,body.pnl-login #login_error,body.pnl-login .success{margin:0 0 14px; padding:12px 14px; border:0; border-right:4px solid var(--pnl-primary);
  border-radius:12px; background:#fff; box-shadow:0 4px 14px rgba(23,33,51,.05); font-size:14px}
body.pnl-login #login_error,body.pnl-login .notice-error{border-right-color:#dc2626; background:#fef2f2; color:#991b1b}
body.pnl-login .notice-success,body.pnl-login .success{border-right-color:#16a34a; background:#f0fdf4}

body.pnl-login #nav{margin:18px 0 0; padding:0; text-align:center; font-size:14px}
body.pnl-login #nav a{color:var(--pnl-muted); text-decoration:none; font-weight:600}
body.pnl-login #nav a:hover,body.pnl-login #nav a:focus{color:var(--pnl-primary); box-shadow:none}
body.pnl-login #backtoblog,body.pnl-login .privacy-policy-page-link,body.pnl-login .language-switcher{display:none}
.pnl-copy{margin:0; padding:8px 16px 32px; text-align:center; color:#94a3b8; font-size:12.5px}

@media (max-width:480px){
  .pnl-brand{padding-top:28px}
  body.pnl-login form{padding:20px}
  .pnl-title{font-size:22px}
}