
.n1-gameday-builder{
  display:flex;
  gap:20px;
  align-items:flex-start;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.n1-gameday-controls{
  width:360px;
  max-width:100%;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:14px;
  padding:16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.n1-gameday-preview{
  flex:1;
  min-width:320px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:14px;
  padding:16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
#n1Canvas{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
  background:#f4f7fb;
}

.n1-gameday-h1{
  font-family: Montserrat, Inter, system-ui, sans-serif;
  font-weight:800;
  font-size:18px;
  margin-bottom:4px;
  color:#0B1320;
}
.n1-gameday-sub{
  font-size:13px;
  color:rgba(11,19,32,0.7);
  margin-bottom:14px;
}

.n1-field{ display:block; margin-bottom:12px; }
.n1-ac{ position:relative; }
.n1-label{
  font-size:12px;
  font-weight:600;
  color:rgba(11,19,32,0.75);
  margin-bottom:6px;
}

.n1-help{
  margin-top:6px;
  font-size:12px;
  font-weight:600;
  color:rgba(11,19,32,0.60);
}
.n1-field input[type="text"],
.n1-field input[type="date"],
.n1-field input[type="time"],
.n1-field select,
.n1-field textarea{
  width:100%;
  box-sizing:border-box;
  padding:10px 10px;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:10px;
  background:#fff;
  font-size:14px;
  color:#0B1320;
}

.n1-suggest{
  position:absolute;
  z-index:50;
  left:0;
  right:0;
  top:calc(100% - 2px);
  margin-top:6px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:12px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.10);
  max-height:320px;
  overflow:auto;
  display:none;
}
.n1-suggest.is-open{ display:block; }

.n1-suggest .n1-s-meta{
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
  color:rgba(11,19,32,0.55);
  background:rgba(35,155,230,0.06);
  border-bottom:1px solid rgba(0,0,0,0.06);
}
.n1-suggest .n1-s-item{
  padding:10px 12px;
  font-size:13px;
  font-weight:600;
  color:#0B1320;
  cursor:pointer;
}
.n1-suggest .n1-s-item:hover,
.n1-suggest .n1-s-item.is-active{
  background:rgba(35,155,230,0.10);
}

.n1-checkline{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:600;
  color:rgba(11,19,32,0.78);
}
.n1-checkline input{ transform: translateY(1px); }
.n1-field textarea{ resize:vertical; }

.n1-row{
  display:flex;
  gap:10px;
}
.n1-row .n1-field{ flex:1; }

.n1-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.n1-btn{
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.12);
  background:#fff;
  color:#0B1320;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
}
.n1-btn:hover{ background:rgba(35,155,230,0.08); }
.n1-btn-primary{
  background:#239BE6;
  color:#fff;
  border-color:#239BE6;
}
.n1-btn-primary:hover{
  background:#1d8bd1;
}

.n1-note{
  margin-top:10px;
  font-size:12px;
  color:rgba(11,19,32,0.65);
}

@media (max-width: 980px){
  .n1-gameday-builder{ flex-direction:column; }
  .n1-gameday-controls{ width:100%; }
}
