/* Start:/local/components/kozin/cw.client/templates/.default/style.css?17939017922082*/
#cw-client-app .cw-waterfall-canvas {
    width: 100%;
    height: 100%;
    display: block;
    cursor: crosshair;
}

#cw-client-app .cw-terminal-output {
    background-color: #0b111e;
    color: #00ff88;
    font-size: 1.05rem;
    line-height: 1.6;
    letter-spacing: 0.8px;
    height: 290px;
    max-height: 290px;
    overflow-y: auto;
    word-wrap: break-word;
    white-space: pre-wrap;
    text-shadow: 0 0 8px rgba(0, 255, 136, 0.35);
    scrollbar-width: thin;
}

#cw-client-app .cw-terminal-output::after {
    content: "█";
    display: inline-block;
    margin-left: 3px;
    color: #00ff88;
    animation: cw-cursor-blink 1s step-end infinite;
}

@keyframes cw-cursor-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

#cw-client-app .cw-terminal-output::-webkit-scrollbar {
    width: 6px;
}

#cw-client-app .cw-terminal-output::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 4px;
}

/* Кликабельные бейджики распознанных позывных */
#cw-client-app .cw-call-chip {
    cursor: pointer;
    transition: transform 0.12s ease, background-color 0.12s ease;
    font-size: 11px;
}

#cw-client-app .cw-call-chip:hover {
    transform: translateY(-1px);
    background-color: #0d6efd !important;
    color: #fff !important;
}

/* Пульсация кнопки активной передачи */
@keyframes cw-pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
    70% { box-shadow: 0 0 0 8px rgba(220, 53, 69, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
}

#cw-client-app .cw-tx-active-pulse {
    animation: cw-pulse-red 1.1s infinite;
}

/* Эффект нажатия ручного телеграфного ключа */
#cw-client-app #btn-cw-straight-key:active,
#cw-client-app #btn-cw-straight-key.cw-key-down {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
    transform: scale(0.96);
}
/* End */
/* /local/components/kozin/cw.client/templates/.default/style.css?17939017922082 */