/* ── Apptiva Login Sayfası ─────────────────────────── */

:root {
    --ap-bg: #f6f8fa;
    --ap-surface: #ffffff;
    --ap-text: #1a1d23;
    --ap-text-secondary: #5a6170;
    --ap-text-muted: #8b919e;
    --ap-border: #e2e6eb;
    --ap-accent: #0d9488;
    --ap-accent-hover: #0f766e;
    --ap-primary: #0f172a;
}

body.apptiva-login-body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    background: var(--ap-bg) !important;
    -webkit-font-smoothing: antialiased;
}

/* ── Marka Barı ─────────────────────────── */
.apptiva-brand-bar {
    text-align: center;
    padding: 1.8rem 1rem 0.4rem;
    margin-bottom: 0;
}

.apptiva-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none;
    color: var(--ap-primary);
}

.apptiva-brand-icon {
    width: 40px;
    height: 40px;
    background: var(--ap-accent);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 800;
    font-size: 20px;
    flex-shrink: 0;
}

.apptiva-brand-name {
    font-size: 1.35rem;
    font-weight: 750;
    letter-spacing: -0.3px;
    color: var(--ap-primary);
}

.apptiva-brand-tagline {
    display: block;
    font-size: 0.82rem;
    color: var(--ap-text-muted);
    margin-top: 0.35rem;
    font-weight: 500;
}

/* ── Login Kartı ─────────────────────────── */
.oe_login_form,
.o_login_form {
    max-width: 420px !important;
    margin: 1.2rem auto 0 !important;
    background: var(--ap-surface) !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 8px 32px rgba(0,0,0,0.06) !important;
    border: 1px solid var(--ap-border) !important;
    padding: 2rem 2rem 1.8rem !important;
}

/* Form elemanları */
.oe_login_form .form-control,
.o_login_form .form-control,
.oe_login_form input[type="text"],
.oe_login_form input[type="password"],
.oe_login_form input[type="email"],
.o_login_form input[type="text"],
.o_login_form input[type="password"],
.o_login_form input[type="email"] {
    border-radius: 10px !important;
    border: 1.5px solid var(--ap-border) !important;
    padding: 0.7rem 0.9rem !important;
    font-size: 0.93rem !important;
    font-family: 'Inter', sans-serif !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
    box-shadow: none !important;
    height: auto !important;
}

.oe_login_form .form-control:focus,
.o_login_form .form-control:focus,
.oe_login_form input:focus,
.o_login_form input:focus {
    border-color: var(--ap-accent) !important;
    box-shadow: 0 0 0 3px rgba(13,148,136,0.1) !important;
    outline: none !important;
}

/* Label'lar */
.oe_login_form label,
.o_login_form label,
.oe_login_form .control-label,
.o_login_form .control-label {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: var(--ap-text) !important;
    margin-bottom: 0.25rem !important;
}

/* Giriş butonu */
.oe_login_form .btn-primary,
.o_login_form .btn-primary,
.oe_login_form button[type="submit"],
.o_login_form button[type="submit"],
.oe_login_form .btn[type="submit"] {
    background: var(--ap-accent) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 0.75rem 1.5rem !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    font-family: 'Inter', sans-serif !important;
    letter-spacing: 0.2px !important;
    width: 100% !important;
    box-shadow: 0 2px 8px rgba(13,148,136,0.2) !important;
    transition: all 0.15s !important;
    text-transform: none !important;
}

.oe_login_form .btn-primary:hover,
.o_login_form .btn-primary:hover,
.oe_login_form button[type="submit"]:hover,
.o_login_form button[type="submit"]:hover {
    background: var(--ap-accent-hover) !important;
    box-shadow: 0 4px 14px rgba(13,148,136,0.3) !important;
    transform: translateY(-1px);
}

/* "Şifremi unuttum" linki */
.oe_login_form a[href*="reset"],
.o_login_form a[href*="reset"],
.oe_login_form .oe_login_buttons a,
.o_login_form .oe_login_buttons a,
.oe_login_form .justify-content-between a,
.o_login_form .justify-content-between a {
    color: var(--ap-text-muted) !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.oe_login_form a[href*="reset"]:hover,
.o_login_form a[href*="reset"]:hover {
    color: var(--ap-accent) !important;
}

/* Veritabanı seçici linki */
.oe_login_form a[href*="database"],
.o_login_form a[href*="database"],
.oe_login_form a[href*="db"],
.o_login_form a[href*="db"] {
    color: var(--ap-text-muted) !important;
    font-size: 0.82rem !important;
}

/* Hata mesajları */
.oe_login_form .alert,
.o_login_form .alert {
    border-radius: 10px !important;
    font-size: 0.85rem !important;
    border: none !important;
}

.oe_login_form .alert-danger,
.o_login_form .alert-danger {
    background: #fef2f2 !important;
    color: #991b1b !important;
}

/* ── Alt Footer ──────────────────────────── */
.apptiva-login-footer {
    text-align: center;
    padding: 1rem;
    font-size: 0.8rem;
    color: var(--ap-text-muted);
}

.apptiva-login-footer a {
    color: var(--ap-accent);
    font-weight: 700;
    text-decoration: none;
}

.apptiva-login-footer a:hover {
    text-decoration: underline;
}

.apptiva-login-footer .sep {
    margin: 0 0.4rem;
    color: var(--ap-border);
}

/* ── Odoo Enterprise/ui elemanlarını gizle ── */
.o_login_form .alert-info,
.oe_login_form .alert-info,
.o_login_form .db_name,
.oe_login_form .db_name,
.o_login_form .oe_login_footer,
.oe_login_form .oe_login_footer,
.navbar,
.o_navbar {
    display: none !important;
}

/* Mobile responsive */
@media (max-width: 500px) {
    .oe_login_form,
    .o_login_form {
        margin: 0.8rem 1rem !important;
        padding: 1.5rem 1.3rem !important;
        border-radius: 14px !important;
    }
}