/* BUTTONS / INPUTS */
.btn{
  height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(239,68,68,.55);
  background:rgba(239,68,68,.14);color:var(--text);cursor:pointer;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  text-decoration:none;white-space:nowrap;
}
.btn:hover{transform:translateY(-1px);background:rgba(239,68,68,.2)}
.btn:active{transform:translateY(0)}
.btn-ghost{border:1px solid var(--border);background:#0b1020;color:var(--muted)}
.btn-ghost:hover{color:var(--text);background:#0f1528}
.btn-sm{height:32px;padding:0 10px;border-radius:10px;font-size:12px}

.input,.select{
  height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--border);
  background:var(--panel-2);color:var(--text);outline:none;width:100%;
}
.input:focus,.select:focus{border-color:rgba(239,68,68,.55);box-shadow:0 0 0 4px rgba(239,68,68,.12)}
.input-sm,.select-sm{height:32px;border-radius:10px;font-size:12px;padding:0 10px}

/* User menu */
.user-menu{
  position:absolute;
  z-index:4000;
  width:220px;
  display:none;
  padding:8px;
  border-radius:14px;
  border:1px solid rgba(31,41,55,.75);
  background:linear-gradient(180deg,#0f1528,#0b1020);
  box-shadow:0 26px 54px rgba(0,0,0,.55);
  backdrop-filter:blur(14px);
}
.user-menu__item{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  height:38px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid transparent;
  background:transparent;
  color:var(--text);
  cursor:pointer;
  font-size:14px;
}
.user-menu__item:hover{background:rgba(15,21,40,.92);border-color:rgba(31,41,55,.75)}