.ag-demo-ribbon{position:fixed;inset:0 0 auto 0;z-index:1090;height:30px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;background:linear-gradient(90deg,#0f5bd8,#1769e8,#0f9f75);color:#fff;font-size:11px;box-shadow:0 3px 14px rgba(2,18,44,.22)}.ag-demo-ribbon strong{font-size:10px;letter-spacing:.08em}.ag-demo-ribbon span{opacity:.9}.ag-demo-body .ag-shell{padding-top:30px}.demo-auth-box{margin:0 0 14px;padding:13px;border:1px solid #b9d3ff;border-radius:12px;background:linear-gradient(135deg,#f4f8ff,#effcf8)}.demo-auth-badge{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:#1558c9;font-size:.7rem;font-weight:900;letter-spacing:.05em}.demo-auth-box p{margin:0 0 10px;color:#55708f;font-size:.72rem;line-height:1.35}.demo-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-auth-actions form{margin:0}.demo-auth-actions .btn{width:100%;min-height:38px;font-size:.72rem;font-weight:800}.demo-auth-separator{display:flex;align-items:center;gap:8px;margin:11px 0;color:#8aa0bd;font-size:.62rem}.demo-auth-separator:before,.demo-auth-separator:after{content:"";height:1px;flex:1;background:#d9e4f2}.demo-auth-footnote{margin-top:12px;text-align:center;color:#7186a2;font-size:.64rem}@media(max-width:600px){.ag-demo-ribbon{height:34px}.ag-demo-ribbon span{display:none}.ag-demo-body .ag-shell{padding-top:34px}.demo-auth-actions{grid-template-columns:1fr}}