/* דשבורד לידים - CSS RTL */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:"Segoe UI","Arial Hebrew",Arial,sans-serif;background:#f4f6fa;color:#1f2937;direction:rtl;text-align:right}
a{color:var(--primary,#2563eb);text-decoration:none}
a:hover{text-decoration:underline}

/* Login */
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#2563eb,#7c3aed)}
.login-box{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25);width:360px;max-width:90%}
.login-box h1{margin:0 0 8px;font-size:24px}
.login-box p{margin:0 0 24px;color:#6b7280}
.login-box label{display:block;margin-bottom:16px;font-size:14px;color:#374151}
.login-box input{display:block;width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;margin-top:6px}
.login-box button{width:100%;padding:12px;background:var(--primary,#2563eb);color:#fff;border:0;border-radius:8px;font-size:16px;cursor:pointer}
.login-box button:hover{opacity:.9}

/* Top bar */
.topbar{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--primary,#2563eb)}
.topbar .brand img{max-height:36px}
.topnav{flex:1;display:flex;gap:18px}
.topnav a{color:#374151;font-weight:500;padding:6px 10px;border-radius:6px}
.topnav a:hover{background:#f3f4f6;text-decoration:none}
.user{display:flex;gap:12px;align-items:center;font-size:14px}
.user a{color:#ef4444}

/* Layout */
.container{max-width:1280px;margin:0 auto;padding:24px}
.page-title{margin:0 0 20px;font-size:24px}
.footer{text-align:center;padding:24px;color:#9ca3af;font-size:13px}

/* Flash */
.flash{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}
.flash-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}
.flash-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}

/* KPI cards */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}
.kpi-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.kpi-label{color:#6b7280;font-size:13px;margin-bottom:8px}
.kpi-value{font-size:28px;font-weight:700;color:#111827}
.kpi-delta{margin-top:6px;font-size:13px;font-weight:600}
.kpi-delta.up{color:#059669}
.kpi-delta.down{color:#dc2626}

/* Cards */
.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:16px}
.chart-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}
.chart-box{min-height:300px}
@media (max-width:900px){.chart-row{grid-template-columns:1fr}}

/* Forms */
.form label{display:block;margin-bottom:14px;font-size:14px;color:#374151}
.form input[type=text],.form input[type=email],.form input[type=password],.form input[type=number],.form input[type=date],.form input[type=color],.form input[type=file],.form select,.form textarea{
    display:block;width:100%;max-width:420px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-top:4px;font-family:inherit
}
.form fieldset{border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:14px}
.form fieldset label{display:inline-flex;align-items:center;gap:6px;margin-left:12px;margin-bottom:6px}
.form button,.btn{background:var(--primary,#2563eb);color:#fff;border:0;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;display:inline-block;text-decoration:none}
.form button:hover,.btn:hover{opacity:.9;text-decoration:none}

/* Filters row */
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px;padding:16px}
.filters label{display:flex;flex-direction:column;font-size:13px;color:#6b7280;gap:4px}
.filters input,.filters select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}

/* Tables */
.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.data-table th,.data-table td{padding:10px 12px;text-align:right;border-bottom:1px solid #f3f4f6;font-size:14px}
.data-table th{background:#f9fafb;font-weight:600;color:#374151}
.data-table tr:hover td{background:#fafbfc}
.data-table .empty{text-align:center;color:#9ca3af;padding:24px}

/* Quality buttons */
.q-btn{border:1px solid #d1d5db;background:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;margin-inline-start:4px;font-size:14px}
.q-btn[data-q=quality].active{background:#10b981;color:#fff;border-color:#10b981}
.q-btn[data-q=irrelevant].active{background:#ef4444;color:#fff;border-color:#ef4444}

.muted{color:#9ca3af;font-size:13px}