/* Custom Styles for Molecular Weight Calculator */

body {
    transition: background-color 0.3s, color 0.3s;
}

.container {
    max-width: 960px;
}

.theme-switcher .btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.card {
    transition: background-color 0.3s, border-color 0.3s;
}

.border-lg-start {
    border-left: 1px solid #dee2e6;
}

@media (max-width: 991.98px) {
    .border-lg-start {
        border-left: none;
        border-top: 1px solid #dee2e6;
        padding-top: 1.5rem !important;
    }
}

.input-group .form-select {
    min-width: 80px;
}

/* Tooltip for copy buttons */
.copy-tooltip {
    position: absolute;
    background-color: #212529;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    z-index: 1080;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
}