.connection-status {
  margin: 0 auto 18px;
  padding: 9px 12px;
  border-radius: 7px;
  background: #f3efeb;
  color: var(--muted);
  font-size: 12px;
}
.connection-status.connected { background: #eaf5ee; color: var(--green); }
.connection-status.error { background: #f9ecec; color: var(--red); }
.store-url-field { display: block; margin: 0 0 12px; text-align: left; color: var(--muted); font-size: 11px; }
.store-url-field input { display: block; margin-top: 6px; }
.auth-pending .sidebar,.auth-pending main{visibility:hidden}.login-screen{display:none;position:fixed;inset:0;z-index:100;background:linear-gradient(135deg,#f7f5f1,#eadfd8);place-items:center;padding:20px}.login-screen.active{display:grid}.login-card{width:min(410px,100%);background:#fff;padding:38px;border-radius:14px;box-shadow:0 25px 80px rgba(50,30,25,.15)}.login-card .brand-mark{margin:0 auto 22px}.login-card h2{font:700 30px "Playfair Display",serif;text-align:center;margin:4px 0}.login-card>p{text-align:center;color:var(--muted);font-size:13px;margin-bottom:25px}.login-card label{display:block;color:var(--muted);font-size:11px;margin:14px 0}.login-card input{display:block;margin-top:6px}.login-card small{display:block;color:var(--red);text-align:center;margin-top:13px}.top-actions{display:flex;align-items:center;gap:18px}