/* =========================
   FORM INPUTS – KRIME SKIN
   ========================= */
.gunInput{
  width: 100%;
  padding: 9px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, #1b1e26, #14161c);
  color: #e9ecff;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.6),
    0 0 0 transparent;
  transition: border .15s ease, box-shadow .15s ease;
}

.gunInput::placeholder{
  color: rgba(220,225,255,0.4);
}

.gunInput:focus{
  border-color: #ffd100;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.6),
    0 0 0 2px rgba(255,209,0,0.15);
}

/* =========================
   SELECTS
   ========================= */
select.text.groot{
  padding: 9px 36px 9px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.08);
  background:
    linear-gradient(180deg, #1b1e26, #14161c);
  color: #e9ecff;
  font-size: 14px;
  cursor: pointer;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #ffd100 50%),
    linear-gradient(135deg, #ffd100 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
}

select.text.groot:focus{
  border-color: #ffd100;
}

/* =========================
   RADIO BUTTONS
   ========================= */
input[type="radio"]{
  width: 18px;
  height: 18px;
  accent-color: #ffd100;
  cursor: pointer;
}

/* =========================
   PRIMARY BUTTON
   ========================= */
.btn-Gun{
  padding: 10px 18px;
  border-radius: 5px;
  border: none;
  background: linear-gradient(180deg, #ffd100, #e6b800);
  color: #1a1a1a;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .02em;
  cursor: pointer;
  box-shadow:
    0 2px 7px rgba(255,209,0,0.35),
    inset 0 -1px 0 rgba(0,0,0,0.25);
  transition: transform .12s ease, box-shadow .12s ease;
}

.btn-Gun:hover{
  transform: translateY(-1px);
  box-shadow:
    0 6px 18px rgba(255,209,0,0.45),
    inset 0 -1px 0 rgba(0,0,0,0.25);
}

.btn-Gun:active{
  transform: translateY(0);
  box-shadow:
    0 3px 10px rgba(255,209,0,0.35),
    inset 0 2px 4px rgba(0,0,0,0.35);
}

/* icon buttons (copy friend) */
.tableF td.icon a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  transition: background .15s ease;
}

.tableF td.icon a:hover{
  background: rgba(255,255,255,0.08);
}

.gunInput{
  background: linear-gradient(180deg, #232734, #1a1d26); /* lichter */
  border: 1px solid rgba(255,255,255,0.14);              /* duidelijker rand */
  color: #ffffff;
}

.gunInput{
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,0.55),
    0 0 0 1px rgba(255,255,255,0.03);
}

.gunInput:focus{
  background: linear-gradient(180deg, #2b3040, #1f2230);
  border-color: #ffd100;
}