/* ============================================================
   لوحة صفحة الهبوط — Fibitek LP Vendor Panel
   ============================================================ */
.lpv-panel-page{
  margin:0;
  font-family:"Tajawal","Cairo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#f3f4f8;
  color:#1f2430;
}
.lpv-panel-page *, .lpv-panel-page *::before, .lpv-panel-page *::after{box-sizing:border-box;}
.lpv-wrap{min-height:100vh;max-width:1120px;margin:0 auto;padding:24px 16px 60px;}

/* ---- شاشة الدخول ---- */
.lpv-auth{max-width:460px;margin:6vh auto 0;text-align:center;}
.lpv-brand{margin-bottom:26px;}
.lpv-brand-title{font-size:26px;font-weight:900;color:#4a3f8f;}
.lpv-brand-sub{color:#667085;font-size:14px;margin-top:6px;}
.lpv-auth-card{background:#fff;border-radius:18px;box-shadow:0 10px 34px rgba(0,0,0,.08);padding:26px;text-align:right;}
.lpv-tabs{display:flex;gap:8px;background:#f0f1f6;border-radius:12px;padding:5px;margin-bottom:20px;}
.lpv-tab{flex:1;border:none;background:transparent;padding:10px;border-radius:9px;font-weight:800;font-size:14px;cursor:pointer;color:#55607a;font-family:inherit;}
.lpv-tab.is-on{background:#fff;color:#4a3f8f;box-shadow:0 2px 8px rgba(0,0,0,.08);}

.lpv-form{display:flex;flex-direction:column;gap:14px;}
.lpv-field{display:flex;flex-direction:column;gap:6px;}
.lpv-field label{font-weight:700;font-size:14px;}
.lpv-input{
  padding:12px 14px;border:1px solid #d5d9e4;border-radius:12px;
  font-family:inherit;font-size:15px;background:#fff;outline:none;width:100%;
}
.lpv-input:focus{border-color:#6a5ae0;box-shadow:0 0 0 3px rgba(106,90,224,.12);}
.lpv-msg{display:none;padding:11px 14px;border-radius:10px;font-size:13px;font-weight:700;}
.lpv-msg.is-ok{display:block;background:#e8fbef;color:#0e7a3f;}
.lpv-msg.is-err{display:block;background:#fdecec;color:#b42318;}
.lpv-btn{
  border:none;cursor:pointer;font-family:inherit;font-weight:800;
  padding:13px 22px;border-radius:12px;font-size:15px;
  transition:transform .12s ease, box-shadow .12s ease;
}
.lpv-btn:hover{transform:translateY(-1px);}
.lpv-btn:disabled{opacity:.6;cursor:wait;transform:none;}
.lpv-btn-primary{background:#4a3f8f;color:#fff;}
.lpv-btn-primary:hover{box-shadow:0 8px 20px rgba(74,63,143,.3);}
.lpv-btn-green{background:#16a34a;color:#fff;}
.lpv-btn-teal{background:#0d9488;color:#fff;}
.lpv-btn-outline{background:#fff;color:#4a3f8f;border:2px solid #e2e4ee;}
.lpv-btn-danger{background:#fdecec;color:#b42318;border:1px solid #f6c6c6;}
.lpv-btn-sm{padding:8px 13px;font-size:13px;border-radius:9px;}
.lpv-hint{font-size:12px;color:#8a93a8;margin:2px 0 0;}
.lpv-radio{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;cursor:pointer;}

/* ---- رأس اللوحة ---- */
.lpv-topbar{
  display:flex;align-items:center;justify-content:space-between;
  background:#fff;border-radius:16px;padding:16px 22px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);margin-bottom:18px;
}
.lpv-topbar-brand{font-weight:900;font-size:19px;color:#4a3f8f;}
.lpv-topbar-user{display:flex;align-items:center;gap:16px;}
.lpv-user-name{font-weight:700;font-size:14px;}
.lpv-link{background:none;border:none;cursor:pointer;color:#b42318;font-weight:700;font-size:13px;font-family:inherit;}

/* ---- القوائم ---- */
.lpv-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.lpv-nav-item{
  background:#fff;border:1px solid #e6e8f1;color:#4a5568;
  padding:10px 18px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit;
  transition:background .12s ease, color .12s ease;
}
.lpv-nav-item.is-on{background:#4a3f8f;border-color:#4a3f8f;color:#fff;}

.lpv-tab-page{display:none;}
.lpv-tab-page.is-on{display:block;}
.lpv-title{font-size:22px;font-weight:900;margin:0 0 6px;}
.lpv-sub{font-size:13px;color:#667085;margin:0 0 16px;}

/* ---- بطاقات ---- */
.lpv-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:22px;margin-bottom:18px;}
.lpv-card-title{font-size:16px;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.lpv-sync-time{font-size:12px;color:#0e7a3f;background:#e8fbef;padding:4px 10px;border-radius:999px;font-weight:700;}
.lpv-btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px;}
.lpv-empty{color:#8a93a8;text-align:center;font-size:15px;padding:30px 0;margin:0;}
.lpv-error-text{color:#b42318;display:block;margin-top:4px;max-width:200px;}

/* ---- جداول ---- */
.lpv-table-wrap{overflow-x:auto;background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.06);}
.lpv-table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px;}
.lpv-table th{background:#f8f9fc;color:#4a5568;font-weight:800;padding:12px;border-bottom:2px solid #eceef5;text-align:right;}
.lpv-table td{padding:12px;border-bottom:1px solid #f1f2f8;vertical-align:top;}
.lpv-table tr:last-child td{border-bottom:none;}
.lpv-table tr:hover td{background:#fafaff;}
.lpv-rates-table{min-width:520px;}

/* ---- شارات ---- */
.lpv-badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800;}
.lpv-badge.is-new{background:#eef2ff;color:#4338ca;}
.lpv-badge.is-ready{background:#e8fbef;color:#0e7a3f;}
.lpv-badge.is-delivered{background:#e0f2fe;color:#075985;}
.lpv-badge.is-returned{background:#fef3c7;color:#92400e;}
.lpv-badge.is-cancelled,.lpv-badge.is-error{background:#fdecec;color:#b42318;}
.lpv-badge.is-pending,.lpv-badge.is-not_configured{background:#eef0f4;color:#55607a;}
.lpv-badge.is-created{background:#e0f2fe;color:#075985;}

.lpv-actions{display:flex;gap:6px;flex-wrap:wrap;}

/* ---- تنبيهات ولوحة الباقة ---- */
.lpv-alert{border-radius:14px;padding:14px 18px;font-weight:800;font-size:14px;margin-bottom:18px;}
.lpv-alert.is-danger{background:#fdecec;color:#b42318;border:1px solid #f6c6c6;}
.lpv-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.lpv-stat-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:16px;text-align:center;}
.lpv-stat-label{font-size:12px;color:#667085;font-weight:700;margin-bottom:6px;}
.lpv-stat-value{font-size:24px;font-weight:900;color:#4a3f8f;}

@media (max-width:640px){
  .lpv-wrap{padding:16px 10px 50px;}
  .lpv-title{font-size:19px;}
  .lpv-nav{gap:8px;}
  .lpv-nav-item{flex:1 1 auto;padding:9px 12px;font-size:13px;}
  .lpv-cards{grid-template-columns:repeat(2,1fr);}
}