/* ============================================================
   CTRL Unified UI v5.6 — نظام تصميم موحّد لكل الصفحات
   خلفية جريد + توهج · كروت موحّدة · أرقام أوضح · موبايل سلس
   ============================================================ */

/* خلفية موحّدة: جريد خفيف + توهج دافئ */
body{
  background-image:
    radial-gradient(950px 480px at 85% -8%, rgba(255,96,32,.09), transparent 62%),
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
  background-size:auto,46px 46px,46px 46px;
}
html[data-theme="light"] body{
  background-image:
    radial-gradient(950px 480px at 85% -8%, rgba(255,96,32,.10), transparent 62%),
    linear-gradient(rgba(20,24,32,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,24,32,.045) 1px, transparent 1px);
}

/* كروت وحاويات موحّدة */
.sec,.panel,.card,.cc,.k,.dc,.wcard,.rcard,.scard,.prog,.step,.flash,.empty,.ctrl,.cost{border-radius:15px}
table{border-radius:15px}

/* ===== قراءة الأرقام أسهل ===== */
.v,.val,.qv,.ovBig,td.num,th.num,.num{
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1;
  letter-spacing:-.2px;
}
.v,.val,.qv{color:#fff}
html[data-theme="light"] .v,html[data-theme="light"] .val,html[data-theme="light"] .qv{color:#14181f}
/* عناوين الكروت أوضح شوية */
.card .lbl,.cc .l,.k .l,.wcard .lbl,.scard .lbl{color:#9aa0ad;letter-spacing:.1px}

/* تصغير الكروت الكبيرة في باقي الصفحات (agency/analytics/...) */
.k .v{font-size:22px}
.cc .v{font-size:20px}
.kpis .k{padding:13px 15px}

/* لمسات موحّدة للأزرار والروابط */
.lnk{border-radius:10px}
.btn.red,.save,.go{background:linear-gradient(135deg,#e10600,#ff7a3d);border:0}
.pb.on{background:linear-gradient(135deg,#e10600,#ff7a3d);border-color:transparent}

/* شريط تنقّل قابل للسحب أفقياً */
.nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}
.nav::-webkit-scrollbar{display:none}
.nav .lnk{white-space:nowrap}

/* ===== موبايل احترافي وسلس ===== */
@media (max-width:640px){
  .wrap{padding:14px 12px 76px}
  h1{font-size:21px}
  .sub{font-size:13px}
  /* منع زووم iOS عند الكتابة */
  input,select,textarea{font-size:16px !important}
  /* مساحات لمس مريحة */
  .rbtn,.pb,.save,.go,.wb,.exp{min-height:40px}
  .lnk{padding:8px 12px}
  /* الشبكات الكبيرة تتصفّف */
  .cmp{grid-template-columns:1fr !important}
  .kpis{grid-template-columns:1fr 1fr !important}
  .grow .nm{width:88px !important}
  .val2{width:auto !important;font-size:11.5px !important}
  table{font-size:12px}
  .sec,.panel{padding:15px 14px}
  /* تصغير قيم الكروت على الموبايل */
  .k .v{font-size:20px}.cc .v{font-size:18px}
}
/* حركة أنعم للي بيفضّل تقليل الحركة */
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}

/* بادج الميزة التجريبية (v5.7) */
.betaTag{display:inline-block;font-size:10.5px;font-weight:800;color:#fbbf24;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.32);border-radius:12px;padding:2px 9px;vertical-align:middle;margin-inline-start:7px;letter-spacing:0;line-height:1.6}