/* ECC Specific Styles */

/* Ensure consistent height for panels in editor-area */
@media (min-width: 900px) {
  .editor-area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: 
      "priv pub"
      "input output";
    gap: 20px;
    margin-top: 0;
  }

  .editor-area.verify-mode {
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: 
      "priv pub"
      "input sig"
      "output output";
  }

  .editor-area.ecdh-mode {
    grid-template-rows: 1fr 1fr;
    grid-template-areas: 
      "priv pub"
      "peer output";
  }

  #privKeyPanel { grid-area: priv; }
  #pubKeyPanel { grid-area: pub; }
  #inputPanel { grid-area: input; }
  #sigPanel { grid-area: sig; }
  #outputPanel { grid-area: output; }
  #peerPubKeyPanel { grid-area: peer; }
}

.verify-result {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  min-height: 120px;
  border: 1px solid #1f2937;
  background: rgba(15, 23, 42, 0.9);
  border-radius: 0;
  padding: 10px 10px 10px 12px;
}

.light-theme .verify-result {
  background: #ffffff;
  border-color: #d1d5db;
}

.verify-result.success {
  color: #10b981;
}

.verify-result.error {
  color: #ef4444;
}

.editor-area.verify-mode.has-result #output {
  display: none;
}

.editor-area.verify-mode.has-result #verifyResult {
  display: flex !important;
}

.panel-body textarea {
  min-height: 120px;
}

#peerPubKeyPanel, #sigPanel {
  margin-top: 0; /* Let grid gap handle it */
}

/* Theme overrides if any - ECC uses standard theme from theme.css */