/* 1) Full-width flex container */
#delegator-panel-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;         /* fill its parent */
    max-width: none;     /* override any previous 400px limit */
  }
  

  /* 2) Input: flex-grow to fill, big enough for a wallet address */
  #walletAddress {
    flex: 1;
    min-width: 300px;
    height: 48px;
    padding: 0 12px;
    margin-right: 16px;
    border-radius: 9px;
    font-family: var(--e-global-typography-text-font-family);
    border: 1px solid var(--theme-form-field-border-initial-color);
    background-color: #fff !important;   /* ← force white */
    box-sizing: border-box;
    transition: border-color .12s, box-shadow .12s;
  } 

  /* 3) Button: fixed height, sits at far right */
  #createDelegatorBtn,
  #create-delegator-btn {
    height: 48px !important;                /* same as input */
    padding: 0 16px;             /* remove vertical padding */
    line-height: 48px;           /* vertically center the text */
    border-radius: 9px !important;
    font-family: var(--e-global-typography-accent-font-family);
    color: var(--e-global-color-primary);
    cursor: pointer;
    white-space: nowrap;         /* prevent wrapping */
    margin-right: 15px;
  }
  
  /* 4) Hover & active states */
  #createDelegatorBtn:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-text);
  }
  
  #createDelegatorBtn:active {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-text);
  }
  
  /* 3) Button: fixed height, sits at far right */
  #deleteDelegatorBtn {
    height: 48px;                /* same as input */
    padding: 0 16px;             /* remove vertical padding */
    line-height: 48px;           /* vertically center the text */
    border-radius: 9px;
    font-family: var(--e-global-typography-accent-font-family);
    color: var(--e-global-color-primary);
    cursor: pointer;
    white-space: nowrap;         /* prevent wrapping */
  }
  
  /* 4) Hover & active states */
  #deleteDelegatorBtn:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-text);
  }
  
  #deleteDelegatorBtn:active {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-text);
  }