/* Standalone panel login — split layout on desktop, single card on phones. */
*{box-sizing:border-box;}
html{touch-action:manipulation;-webkit-text-size-adjust:100%;}
body.gc-login-body{
  margin:0;min-height:100vh;min-height:100dvh;font-family:'Vazirmatn',Tahoma,sans-serif;color:#1B2B2B;
  background:#F6F4EF;direction:rtl;
}
.gcl{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;min-height:100dvh;}
.gcl-brand{
  position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;padding:48px;
  background:
    radial-gradient(circle at 18% 12%, rgba(201,162,75,.28), transparent 42%),
    radial-gradient(circle at 85% 88%, rgba(14,154,154,.45), transparent 48%),
    linear-gradient(155deg,#082424 0%,#0B3E3E 48%,#0B6E6E 100%);
}
.gcl-brand::before{ /* machined-metal grid */
  content:'';position:absolute;inset:0;opacity:.08;
  background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:38px 38px;
}
.gcl-brand::after{ /* gear silhouette */
  content:'';position:absolute;width:520px;height:520px;left:-170px;bottom:-190px;border-radius:50%;
  border:46px dashed rgba(255,255,255,.07);
}
.gcl-brand-inner{position:relative;max-width:420px;}
.gcl-logo{width:74px;height:74px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.gcl-logo img{max-width:58px;max-height:58px;object-fit:contain;}
.gcl-logo span,.gcl-card-logo span{font-weight:800;font-size:22px;letter-spacing:.5px;}
.gcl-brand h1{font-size:30px;margin:0 0 6px;font-weight:800;}
.gcl-brand p{margin:0 0 28px;color:rgba(255,255,255,.75);font-size:15px;}
.gcl-brand ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.gcl-brand li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 14px;font-size:14px;}

.gcl-form-wrap{display:flex;align-items:center;justify-content:center;padding:32px 20px;}
.gcl-card{width:100%;max-width:380px;background:#fff;border:1px solid #E4DFD3;border-radius:22px;padding:30px 26px;box-shadow:0 18px 50px rgba(11,52,52,.12);}
.gcl-card-logo{display:none;width:60px;height:60px;margin:0 auto 12px;border-radius:16px;background:linear-gradient(135deg,#0B6E6E,#0E9A9A);color:#fff;align-items:center;justify-content:center;}
.gcl-card-logo img{max-width:48px;max-height:48px;object-fit:contain;}
.gcl-card h2{margin:0;font-size:22px;font-weight:800;color:#123939;}
.gcl-sub{margin:4px 0 20px;color:#66756F;font-size:13.5px;}
.gcl-card label{display:block;font-size:13px;font-weight:700;color:#4A5A57;margin:0 0 6px;}
.gcl-card input[type=text],.gcl-card input[type=password]{
  width:100%;height:48px;padding:0 14px;border:1.5px solid #E4DFD3;border-radius:12px;background:#FAF9F5;
  font-family:inherit;font-size:16px; /* 16px stops iOS auto-zoom on focus */
  margin-bottom:16px;transition:border-color .15s,box-shadow .15s;
}
.gcl-card input:focus{outline:none;border-color:#0E9A9A;box-shadow:0 0 0 3px #E3F3F2;background:#fff;}
.gcl-pass{position:relative;}
.gcl-pass input{padding-left:48px;}
.gcl-eye{position:absolute;left:6px;top:6px;width:38px;height:36px;border:none;background:transparent;font-size:17px;cursor:pointer;border-radius:8px;}
.gcl-remember{display:flex !important;align-items:center;gap:8px;font-weight:600 !important;color:#66756F !important;margin-bottom:18px !important;}
.gcl-remember input{width:18px;height:18px;margin:0;}
/* honeypot: visually hidden without an off-screen offset (in RTL a -9999px offset creates a giant scroll area) */
.gcl-hp{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none;}
.gcl-card{position:relative;}
.gcl-btn{
  display:block;width:100%;height:50px;border:none;border-radius:12px;cursor:pointer;text-align:center;line-height:50px;text-decoration:none;
  background:linear-gradient(135deg,#0B6E6E,#0E9A9A);color:#fff;font-family:inherit;font-weight:800;font-size:16px;
  box-shadow:0 8px 20px rgba(11,110,110,.28);
}
.gcl-btn:active{transform:translateY(1px);}
.gcl-error{background:#FBEAE6;color:#8f3c2d;border:1px solid #F0CFC6;border-radius:10px;padding:10px 12px;font-size:13.5px;margin-bottom:16px;}
.gcl-note{font-size:12px;color:#8a9490;margin:14px 0 0;text-align:center;}
.gcl-secure{margin-top:18px;padding-top:14px;border-top:1px dashed #E4DFD3;font-size:11.5px;color:#8a9490;text-align:center;line-height:1.8;}

@media (max-width:860px){
  .gcl{grid-template-columns:1fr;}
  .gcl-brand{display:none;}
  body.gc-login-body{
    background:radial-gradient(circle at 20% 0%, rgba(14,154,154,.35), transparent 50%),linear-gradient(170deg,#0B3E3E 0%,#0B6E6E 45%,#F6F4EF 45.1%);
  }
  .gcl-form-wrap{align-items:flex-start;padding:calc(env(safe-area-inset-top) + 56px) 16px 24px;}
  .gcl-card{padding:26px 20px;}
  .gcl-card-logo{display:flex;}
  .gcl-card h2,.gcl-sub{text-align:center;}
}