/* Container */
#npc.npc-wrap{
  max-width: 680px;
  margin: 24px auto;
  background: #0b1220;
  padding: 18px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  color: #e5e7eb;
  box-sizing: border-box;
}

/* Title */
#npc .npc-title{
  color: #fff;
  margin: 0 0 10px;
  font-size: 20px;
}

/* Grid */
#npc .npc-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 640px){
  #npc .npc-grid{ grid-template-columns: 1fr; }
}

/* Labels */
#npc .npc-form label{
  display: block;
  color: #cbd5e1;
  font-size: 14px;
}

/* Inputs */
#npc .npc-input{
  width: 100%;
  margin-top: 6px;
  background: #1f2937 !important;
  color: #ffffff !important;
  caret-color: #ffffff;
  border: 1px solid #334155 !important;
  border-radius: 8px;
  padding: 10px 12px;
  outline: none;
  box-sizing: border-box;
}
#npc .npc-input::placeholder{ color: #94a3b8; }
#npc .npc-input:focus{
  border-color: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.3) !important;
}

/* Actions */
#npc .npc-actions{
  margin-top: 10px;
  display:flex;
  align-items:center;
  gap:10px;
}
#npc .npc-btn{
  padding: 10px 16px;
  background: #22c55e !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
}
#npc .npc-btn:hover{ filter: brightness(.95); }
#npc .npc-hint{ color:#9ca3af }

/* Results */
#npc .npc-result{
  margin-top: 14px;
  color: #e2e8f0;
  font-weight: 600;
  font-size: 16px;
}
#npc .npc-est strong, #npc .npc-suggest strong{ color:#ffffff }

#npc .npc-breakdown{
  margin-top: 10px;
}
#npc .npc-card{
  background:#0f172a;
  border:1px solid #1f2937;
  border-radius:10px;
  padding:10px;
}
#npc .npc-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 0;border-bottom:1px solid #1f2937;
}
#npc .npc-row:last-child{ border-bottom:none; }

#npc .npc-error{ color:#fca5a5; }
#npc .npc-disclaimer{ display:block; margin-top:8px; color:#94a3b8; }