@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');

.font-mono-custom {
    font-family: 'Courier Prime', 'Courier New', monospace;
}

.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background: #111;
    border-radius: 3px;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}

.gradient-bg {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.gradient-key {
    background: linear-gradient(145deg, #34495e, #2c3e50);
}

.gradient-key:hover {
    background: linear-gradient(145deg, #4a5f7a, #34495e);
}

.gradient-special {
    background: linear-gradient(145deg, #e74c3c, #c0392b);
}

.gradient-special:hover {
    background: linear-gradient(145deg, #c0392b, #a93226);
}

.gradient-send {
    background: linear-gradient(145deg, #27ae60, #2ecc71);
}

.gradient-send:hover {
    background: linear-gradient(145deg, #2ecc71, #27ae60);
}

.gradient-end-session {
    background: linear-gradient(145deg, #e74c3c, #c0392b);
}

.gradient-end-session:hover {
    background: linear-gradient(145deg, #c0392b, #a93226);
}

.gradient-history-active {
    background: linear-gradient(145deg, #3498db, #2980b9);
}

.gradient-history-active:hover {
    background: linear-gradient(145deg, #2980b9, #2471a3);
}

.CodeMirror {
    height: 100% !important;
    border-radius: 8px;
    font-size: 12px;
}

.config-panel {
    background: linear-gradient(135deg, #2c3e50, #34495e);
}

/* USSD Flow States */
.waiting {
    color: #f39c12 !important;
    font-style: italic;
}

.end {
    color: #2ecc71 !important;
    font-weight: bold;
}

.session-end {
    color: #7f8c8d !important;
    text-align: center;
    font-size: 0.9em;
    border-top: 1px solid #34495e;
    border-bottom: 1px solid #34495e;
    padding: 4px 0;
    margin: 4px 0;
}