html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.drop-zone {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 40px;
    text-align: center;
    transition: background-color 0.5s ease;
}

.drop-zone.dragover {
    background: #e9f7ff;
}

.theme-toggle {
    cursor: pointer;
}

[data-bs-theme="dark"] .navbar {
    background-color: #1e1e1e !important;
}

[data-bs-theme="dark"] .navbar .navbar-brand,
[data-bs-theme="dark"] .navbar .navbar-link,
[data-bs-theme="dark"] .navbar .dropdown-menu {
    color: #f8f9fa !important;
}

[data-bs-theme="dark"] .dropdown-menu {
    background-color: #2c2c2c;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #f8f9fa;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #444;
}

[data-bs-theme="dark"] footer {
    background-color: #1e1e1e !important;
    color: #ccc !important;
}

#strengthBar {
    height: 20px;
}

.order-btn {
    cursor: pointer;
    font-size: 1.2rem;
    user-select: none;
    margin-left: 0.5rem;
}

.order-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}