/* Authentication screen — approved desktop composition */
@media (min-width:1201px){
  #auth.auth-shell{height:100vh;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1.56fr) minmax(480px,.84fr);background:#eef3fa}
  #auth .hero{position:relative;min-width:0;height:100vh;padding:34px 54px 24px 58px;background:radial-gradient(circle at 82% 42%,rgba(27,106,190,.24),transparent 36%),linear-gradient(135deg,#03162b 0%,#082744 56%,#103f73 100%);overflow:hidden;display:flex;flex-direction:column}
  #auth .brand{font-size:27px;line-height:1;color:#fff;display:flex;align-items:center;gap:9px}
  #auth .brand .shield{color:#14d9df;font-size:20px}
  #auth .tagline{margin:9px 0 24px;color:#c7d7e9;font-size:15px}
  #auth .hero-grid{display:grid;grid-template-columns:minmax(430px,.96fr) minmax(430px,1.04fr);gap:34px;align-items:center;max-width:1000px;flex:0 0 auto}
  #auth .hero-copy{min-width:0;padding-top:2px}
  #auth .hero-copy h1{max-width:470px;margin:0 0 17px;font-size:46px;line-height:1.02;letter-spacing:-.035em;color:#fff;font-weight:900}
  #auth .hero-copy h1 em{display:block;margin-top:4px;color:#18d7dc}
  #auth .hero-copy p{max-width:455px;margin:0;color:#f2f7fd;font-size:15px;line-height:1.5}
  #auth .hero-copy .erp{background:#18d7c0;color:#042536;padding:1px 7px;border-radius:5px}
  #auth .metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:20px;max-width:455px}
  #auth .metric-row .metric{min-width:0;padding:13px 11px 12px;border:1px solid rgba(88,174,240,.34);border-radius:10px;background:rgba(12,48,83,.72);color:#fff}
  #auth .metric-row .metric b{font-size:24px;line-height:1;white-space:nowrap}
  #auth .metric-row .metric span{font-size:11px;margin-top:7px;color:#f0f6fc}
  #auth .dashboard-preview{align-self:center;width:100%;max-width:500px;padding:16px;border:1px solid rgba(66,171,239,.58);border-radius:15px;background:rgba(4,27,51,.82);transform:none;box-shadow:0 18px 45px rgba(0,10,25,.15)}
  #auth .dash-head{font-size:12px;color:#eef8ff}
  #auth .dash-kpis{gap:9px;margin-top:13px}
  #auth .dk{min-height:78px;padding:12px 11px;border-color:rgba(77,159,219,.28);border-radius:8px;background:#10365b;color:#e9f4ff;font-size:12px}
  #auth .dk strong{font-size:16px;color:#fff}
  #auth .mini-chart{height:132px;grid-template-columns:minmax(0,1fr) 108px;gap:10px;margin-top:11px}
  #auth .chart-area{border:1px solid rgba(77,159,219,.24);border-radius:8px;background:#0c3154;overflow:hidden}
  #auth .donut{width:72px;height:72px}
  #auth .benefits{max-width:990px;margin-top:20px;border:1px solid rgba(125,203,255,.3);background:rgba(3,28,52,.48);flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
  #auth .benefit{padding:11px 14px;border-right-color:rgba(124,190,240,.2)}
  #auth .benefit i{display:block;margin-bottom:5px;color:#27d7df;font-style:normal;font-size:15px;filter:saturate(1.15) brightness(1.1)}
  #auth .benefit b{font-size:11px;color:#fff;font-weight:800;letter-spacing:.01em}
  #auth .benefit span{font-size:9px;line-height:1.35;color:#cfe1f4;margin-top:5px}
  #auth .secure{max-width:990px;margin-top:9px;font-size:10px;flex:0 0 auto;color:#bdebdc}
  #auth .secure b{color:#fff;margin-right:4px}
  #auth .auth-wrap{min-width:0;height:100vh;padding:24px 42px;background:#eef3fa;align-items:center;overflow:hidden}
  #auth .auth-card{width:min(480px,100%);max-height:none;overflow:visible;padding:27px 32px 22px;border:1px solid #d8e2ee;border-radius:18px;background:#fff;color:#0b1d36;box-shadow:0 18px 48px rgba(26,53,82,.12)}
  #auth .auth-logo{gap:0;padding-bottom:15px;border-bottom:1px solid #e2e9f1}
  #auth .auth-logo>.shield{display:none}
  #auth .auth-logo h2{font-size:29px;letter-spacing:-.04em;color:#0b1d36}
  #auth .auth-logo h2 span{color:#1681ff}
  #auth .auth-logo p{margin:4px 0 0;color:#718096;font-size:13px}
  #auth .tabs{gap:0;margin:17px 0 22px;padding:4px;border:1px solid #d8e2ed;border-radius:10px;background:#f5f8fc}
  #auth .tab{padding:11px 10px;border:0;background:transparent;color:#52657d;font-weight:700}
  #auth .tab.active{background:#071f38;color:#fff;border-radius:7px;box-shadow:0 4px 10px rgba(5,29,52,.18)}
  #auth .auth-card h3{margin:0 0 4px;font-size:22px;letter-spacing:-.02em;color:#071b31}
  #auth .auth-sub{margin:0 0 16px;color:#73849a;font-size:12px}
  #auth .field{margin:0 0 12px}
  #auth .field label{margin-bottom:5px;color:#071b31;font-size:11px}
  #auth .field input{height:47px;padding:0 13px;border:1px solid #c9d6e5;border-radius:8px;background:#eaf2fd;color:#071b31;outline:none}
  #auth .field input:focus{border-color:#2d8cff;box-shadow:0 0 0 3px rgba(45,140,255,.12)}
  #auth .row{align-items:center;color:#65778d;font-size:10px}
  #auth .row a,#auth .legal a{color:#0877e8;font-weight:700}
  #auth .primary{min-height:48px;margin-top:2px;border-radius:8px;background:linear-gradient(90deg,#0a7bff 0%,#1668ef 52%,#16c7b8 100%);box-shadow:0 9px 22px rgba(18,119,225,.2);font-size:14px}
  #auth .divider{margin:11px 0;color:#91a0b2;font-size:11px}
  #auth .demo{height:46px;border:1px solid #cdd9e7;background:#fff;color:#071b31;font-weight:600}
  #auth .trust{gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid #e4eaf1;color:#718096}
  #auth .trust b{color:#273b52;font-size:9px}
  #auth .trust div{font-size:8px}
  #auth .legal{margin-top:9px;color:#8595a8;font-size:8px}
}
@media (min-width:1201px) and (max-height:760px){
  #auth .hero{padding-top:24px;padding-bottom:18px}
  #auth .tagline{margin-bottom:18px}
  #auth .hero-copy h1{font-size:42px;margin-bottom:13px}
  #auth .hero-copy p{font-size:14px}
  #auth .metric-row{margin-top:15px}
  #auth .metric-row .metric{padding-top:11px;padding-bottom:10px}
  #auth .dashboard-preview{padding:13px}
  #auth .dk{min-height:68px;padding:10px}
  #auth .mini-chart{height:112px}
  #auth .benefits{margin-top:14px}
  #auth .benefit{padding:9px 11px}
  #auth .secure{margin-top:6px}
  #auth .auth-wrap{padding-top:15px;padding-bottom:15px}
  #auth .auth-card{padding-top:21px;padding-bottom:17px}
  #auth .auth-logo{padding-bottom:11px}
  #auth .tabs{margin-top:13px;margin-bottom:17px}
  #auth .auth-sub{margin-bottom:12px}
  #auth .field{margin-bottom:9px}
  #auth .field input{height:43px}
  #auth .primary{min-height:44px}
  #auth .divider{margin:8px 0}
  #auth .demo{height:42px}
  #auth .trust{margin-top:8px;padding-top:7px}
  #auth .legal{margin-top:6px}
}