/* /css/topnav.css */
.topnav {
  background-color:#000; color:#fff;
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 20px; font-size:14px;
}
.topnav .nav-left { display:flex; align-items:center; }
.topnav .burger { font-size:22px; margin-right:10px; cursor:default; }
.topnav .brand { font-size:35px; font-weight:bold; }
.topnav .brand-link { color:#fff;text-decoration: none;}
.topnav .brand span { font-size:15px; font-weight:normal; display:block; margin-top:-2px; color:#4ca3e0;}
.topnav .nav-right { display:flex; align-items:center; gap:12px; }
.topnav .nav-right a { color:#4ca3e0; text-decoration:none; font-weight:bold; }


/*  Below styles are for Modal HTML (popup) */
.hidden { display: none !important; }

.modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;backdrop-filter:blur(1px)
}
.modal{
  position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(92vw,520px);background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.2);
  padding:20px 22px
}
.modal h2{margin:6px 0 12px 0;font-size:26px;color: black;}
.modal-close{
  position:absolute;right:10px;top:8px;border:none;background:transparent;font-size:22px;cursor:pointer
}
.field{display:block;margin:12px 0}
.field span{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}
.field input{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:44px}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer}
.row{display:flex;justify-content:space-between;align-items:center;margin:10px 0}
.row.small{font-size:16px;color: black;}
.row.small a{color: #0b5ed7;font-weight: bold;}
.muted{color:#6b7280;text-decoration:none}
.highestBid{color:#e51515;text-decoration:solid;font-weight: bold;}
.btn{padding:10px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:700}
.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}
.btn-block{width:100%}
.auth-msg{margin-top:10px;font-size:13px}