/* TechToolsHive Encryption/Decryption Tool
   Location: app/static/css/tools/crypto_graphic/encryption_decryption.css
   Purpose: Encryption/Decryption tool specific styles
*/

/* Import shared components */
@import '../../core/variables.css';
@import '../../core/base.css';
@import '../../core/themes.css';
@import '../../components/buttons.css';
@import '../../components/forms.css';
@import '../../components/cards.css';
@import '../../components/tables.css';
@import '../../components/modals.css';
@import '../../components/alerts.css';

/* ===== ENCRYPTION/DECRYPTION SPECIFIC ===== */
#cryptoInput, #cryptoKey {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  background: var(--input-bg);
  color: var(--text-color);
  border: 1px solid var(--input-border);
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  transition: all 0.2s ease;
}

#cryptoInput:focus, #cryptoKey:focus {
  border-color: var(--input-focus-border);
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
  outline: none;
}

#cryptoResult {
  min-height: 80px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
  padding: 0.75rem;
  font-family: 'Courier New', monospace;
  font-size: 0.875rem;
  color: var(--text-primary);
  word-break: break-all;
  white-space: pre-wrap;
}