/* Weilo ERP — SAP-Style Professional Theme */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    --primary: #1a5c3a !important;
    --primary-light: #e8f3ed !important;
    --primary-dark: #174f32 !important;
    --success: #1a5c3a !important;
    --success-light: #e8f3ed !important;
    --danger: #9b2c2c !important;
    --danger-light: #fdf0f0 !important;
    --warning: #7c5e10 !important;
    --warning-light: #fdf8e8 !important;
    --purple: #f28c28 !important;
    --purple-light: #fff5e6 !important;
    --cyan: #1e4a7a !important;
    --cyan-light: #edf3fa !important;
    --gray-50: #fafaf5 !important;
    --gray-100: #f5f5f0 !important;
    --gray-200: #e8e8e0 !important;
    --gray-300: #d4d4c8 !important;
    --gray-400: #8a8a80 !important;
    --gray-500: #5a5a52 !important;
    --gray-600: #454540 !important;
    --gray-700: #2c2c2c !important;
    --gray-800: #1a1a1a !important;
    --gray-900: #0d0d0d !important;
    --white: #ffffff !important;
    --shadow-sm: none !important;
    --shadow: none !important;
    --shadow-md: none !important;
    --shadow-lg: none !important;
    --radius: 0px !important;
    --radius-sm: 0px !important;
    --radius-lg: 0px !important;
}

* { border-radius: 0 !important; }
@keyframes spin { to { transform: rotate(360deg); } }
.spinner, [class*="spinner"], [style*="border-radius: 50%"], [style*="border-radius:50%"] { border-radius: 50% !important; }

body {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background: #f5f5f0 !important;
    color: #2c2c2c !important;
    -webkit-font-smoothing: antialiased;
}

a { color: #1e4a7a !important; text-decoration: none !important; }
a:visited { color: #1e4a7a !important; }
a:hover { text-decoration: underline !important; }

[style*="linear-gradient"] { background-image: none !important; }

.header, .module-card, .summary-card, .stat-card, .chart-card,
.detail-card, .info-card, .filter-bar, .table-wrap,
[class*="card"], [class*="modal-content"], [class*="panel"] {
    background: #ffffff !important;
    border: 1px solid #d4d4c8 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.header { border-bottom: 2px solid #1a5c3a !important; }

button, .btn, [class*="btn-"], input[type="button"], input[type="submit"] {
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: 'DM Sans', sans-serif !important;
    text-shadow: none !important;
}

[style*="background: linear-gradient(135deg, #22c55e"],
[style*="background: linear-gradient(135deg, #059669"],
[style*="background:linear-gradient(135deg,#22c55e"],
[style*="background:linear-gradient(135deg,#059669"] { background: #1a5c3a !important; }

[style*="background: linear-gradient(135deg, #2563eb"],
[style*="background: linear-gradient(135deg, #3b82f6"],
[style*="background:linear-gradient(135deg,#2563eb"],
[style*="background:linear-gradient(135deg,#3b82f6"] { background: #1e4a7a !important; }

[style*="background: linear-gradient(135deg, #f28c28"],
[style*="background:linear-gradient(135deg,#8b5cf6"],
[style*="background:#f28c28"] { background: #f28c28 !important; }

[style*="background: linear-gradient(135deg, #ef4444"],
[style*="background: linear-gradient(135deg, #dc2626"],
[style*="background:linear-gradient(135deg,#ef4444"] { background: #9b2c2c !important; }

[style*="background: linear-gradient(135deg, #f59e0b"],
[style*="background:linear-gradient(135deg,#f59e0b"] { background: #7c5e10 !important; }

[style*="background: linear-gradient(135deg, #06b6d4"],
[style*="background:linear-gradient(135deg,#06b6d4"],
[style*="background:#0891b2"] { background: #1e4a7a !important; }

input, select, textarea {
    border-radius: 0 !important;
    font-family: 'DM Sans', sans-serif !important;
}

input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 2px rgba(26, 92, 58, 0.15) !important;
    border-color: #1a5c3a !important;
    outline: none !important;
}

table { border-collapse: collapse; }

th {
    font-family: 'DM Sans', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.72em !important;
    color: #454540 !important;
    background: #efefe8 !important;
    font-weight: 600 !important;
}

td [style*="font-weight:600"], td [style*="font-weight: 600"],
.tutar, .bakiye, .amount { font-family: 'JetBrains Mono', monospace; }

tr:hover td { background: #f5f5ee !important; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f5f5f0; }
::-webkit-scrollbar-thumb { background: #c4c4b8; }
::-webkit-scrollbar-thumb:hover { background: #a4a498; }

[style*="rgba(0,0,0,0.8)"], [style*="rgba(0,0,0,0.5)"] { backdrop-filter: blur(2px); }

[style*="border-radius:12px"], [style*="border-radius: 12px"],
[style*="border-radius:20px"], [style*="border-radius: 20px"] { border-radius: 0 !important; }

.filter-btn { border-radius: 0 !important; font-family: 'DM Sans', sans-serif !important; }
.filter-btn.active { background: #1a5c3a !important; border-color: #1a5c3a !important; }
.filtre-btn.active { background: #1a5c3a !important; border-color: #1a5c3a !important; color: white !important; }

.toast, [class*="toast"] { border-radius: 0 !important; }

@media (max-width: 1024px) { .container { padding: 16px !important; } .header { flex-wrap: wrap !important; } }
@media (max-width: 768px) {
    .container { padding: 10px !important; }
    .header { padding: 14px !important; flex-direction: column !important; }
    .header h1 { font-size: 1.1rem !important; }
    button, .btn, [class*="btn-"] { padding: 6px 10px !important; font-size: 0.76em !important; }
    table { min-width: 600px; }
    th, td { padding: 8px 10px !important; font-size: 0.78em !important; }
    th { font-size: 0.66em !important; }
    .module-card, .stat-card, .chart-card, .detail-card { min-width: unset !important; }
    #auth-topbar { font-size: 10px !important; padding: 5px 10px !important; }
    [style*="max-width:800px"], [style*="max-width: 800px"],
    [style*="max-width:700px"], [style*="max-width: 700px"],
    [style*="max-width:500px"], [style*="max-width: 500px"] { max-width: 98% !important; width: 98% !important; margin: 4px !important; }
}
@media (max-width: 480px) {
    .container { padding: 6px !important; }
    .header h1 { font-size: 0.95rem !important; }
    button, .btn, [class*="btn-"] { padding: 5px 8px !important; font-size: 0.72em !important; }
    #auth-topbar { font-size: 9px !important; padding: 4px 8px !important; gap: 6px !important; }
}
@media print { body { background: white !important; } }