/* Quick Click Repairs Dark Theme Fix */
body {
    background-color: #121212;
    color: #e0e0e0;
}

input.form-control,
textarea.form-control,
select.form-control,
input[type="text"],
input[type="password"],
input[type="email"] {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

input::placeholder {
    color: #aaaaaa !important;
}

/* Login page specific */
.card, .login-form, .form-group {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
}

.btn {
    border-radius: 6px;
}

/* Shop logo display — natural proportions (original as uploaded) */
.brand-lockup {
    text-decoration: none;
}

.app-logo {
    display: block;
    max-height: 42px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
}

/* Small mark/icon style (optional, for compact spots) */
.app-logo-mark {
    max-height: 40px;
    width: auto;
    max-width: 40px;
    object-fit: contain;
    display: block;
    flex: 0 0 auto;
    border-radius: 6px;
    background: rgba(255,255,255,0.05);
}

/* Login logo - natural, larger */
.login-logo {
    max-height: 120px;
    width: auto;
    max-width: 320px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

/* Settings preview */
.settings-logo-preview {
    max-height: 80px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    display: block;
}

/* Invoice / receipt logos - natural */
.invoice-logo,
.receipt-logo {
    max-height: 50px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    display: block;
}