:root{
  --bg:#f4fbfb;
  --card:#ffffff;
  --text:#102a32;
  --muted:#60747b;
  --line:#dcebed;

  --primary:#0f8f8d;
  --primary-dark:#07343c;
  --primary-soft:#e6f7f6;

  --gold:#d4a75f;
  --gold-soft:#fff8e8;

  --blue-soft:#e8f7fb;
  --danger:#dc2626;
  --warning:#d97706;

  --brand-dark:#061f28;
  --brand-mid:#07343c;
  --brand-teal:#0f8f8d;
  --brand-aqua:#22d3c5;
  --brand-navy:#0b2e47;
  --brand-purple:#363478;

  --shadow:0 14px 34px rgba(7,52,60,.08);
  --shadow-soft:0 8px 20px rgba(7,52,60,.06);
  --radius:20px;
}

*{
  box-sizing:border-box;
}

body{
  background:
    radial-gradient(circle at top right, rgba(34,211,197,.12), transparent 25%),
    radial-gradient(circle at top left, rgba(212,167,95,.10), transparent 20%),
    linear-gradient(180deg,#f5fbfb 0%,#eef8f8 100%);
  color:var(--text);
}

/* الحاويات والبطاقات */
.card{
  border:none !important;
  border-radius:var(--radius) !important;
  background:var(--card);
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease;
}

.card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(15,23,42,.08);
}

.card.soft{
  background:linear-gradient(180deg,#ffffff 0%,#fbfefc 100%);
}

.empty-box{
  text-align:center;
  padding:2rem 1rem;
  color:var(--muted);
  border:1px dashed #d9e4ef;
  border-radius:18px;
  background:#fbfdff;
}

/* شريط أعلى الصفحة */
.navbar{
  background:rgba(255,255,255,.9)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid #e8eef5!important;
}

.navbar-brand{
  font-weight:800;
  color:var(--primary)!important;
}

/* العناوين */
.page-title{
  font-size:1.55rem;
  font-weight:800;
  margin-bottom:.25rem;
}

.page-subtitle{
  color:var(--muted);
  font-size:.95rem;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:1rem;
}

.section-head h4,
.section-head h5{
  margin:0;
  font-weight:800;
}

.section-note{
  color:var(--muted);
  font-size:.9rem;
}

/* أزرار القائمة العلوية */
.nav-pills-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:1rem;
}

.nav-pill-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.58rem 1rem;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  text-decoration:none;
  color:var(--text);
  font-size:.92rem;
  box-shadow:var(--shadow-soft);
  transition:.18s ease;
}

.nav-pill-link:hover{
  color:var(--primary);
  border-color:#b8e8c7;
  background:var(--primary-soft);
  transform:translateY(-1px);
}

/* الأزرار */
.btn{
  border-radius:14px !important;
  font-weight:700 !important;
  transition:all .18s ease;
}

.btn-primary{
  background:var(--primary) !important;
  border-color:var(--primary) !important;
}

.btn-primary:hover,
.btn-primary:focus{
  background:var(--primary-dark) !important;
  border-color:var(--primary-dark) !important;
}

.btn-outline-primary{
  color:var(--primary) !important;
  border-color:#b7e4c7 !important;
  background:#fff !important;
}

.btn-outline-primary:hover{
  color:#fff !important;
  background:var(--primary) !important;
  border-color:var(--primary) !important;
}

.btn-outline-secondary:hover{
  background:#f8fafc !important;
}

.btn-outline-warning{
  color:#a16207 !important;
  border-color:#f6d38b !important;
}

.btn-outline-warning:hover{
  background:var(--gold-soft) !important;
  border-color:#f0c96b !important;
}

.btn-outline-dark:hover{
  background:#f8fafc !important;
}

/* النماذج */
.form-control,
.form-select,
textarea{
  border-radius:14px !important;
  border-color:#dbe5f0 !important;
  padding:.7rem .9rem;
  box-shadow:none !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus{
  border-color:#9fdfb7 !important;
  box-shadow:0 0 0 .2rem rgba(22,163,74,.10) !important;
}

/* الجداول */
.table{
  --bs-table-bg:transparent;
  margin-bottom:0;
}

.table thead th{
  background:#f8fafc;
  color:#475569;
  font-weight:800;
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}

.table td,
.table th{
  vertical-align:middle;
  border-color:#edf2f7;
}

/* الشارات */
.badge{
  font-weight:800;
  padding:.45rem .65rem;
  border-radius:999px;
}

.text-bg-success{
  background:#dcfce7 !important;
  color:#166534 !important;
}

.text-bg-secondary{
  background:#f1f5f9 !important;
  color:#334155 !important;
}

.text-bg-warning{
  background:#fef3c7 !important;
  color:#92400e !important;
}

/* بطاقات الإحصائيات */
.stat-card{
  padding:1.1rem 1.2rem;
  min-height:122px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfefc 100%);
}

.stat-card .label{
  color:var(--muted);
  font-size:.92rem;
  margin-bottom:.45rem;
}

.stat-card .value{
  font-size:2rem;
  font-weight:800;
  line-height:1;
}

.stat-card .mini{
  color:var(--muted);
  font-size:.82rem;
  margin-top:.6rem;
}

.stat-card:before{
  content:"";
  position:absolute;
  left:-18px;
  top:-18px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:rgba(22,163,74,.08);
}

.stat-card.gold:before{
  background:rgba(245,158,11,.12);
}

/* عناصر مساعدة */
.metric-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.45rem .8rem;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid var(--line);
  color:#334155;
  font-size:.88rem;
  font-weight:700;
}

.muted{
  color:var(--muted);
}

.mono{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* بطاقات لوحة الشرف */
.honor-card{
  border-radius:22px;
  padding:22px;
  position:relative;
  overflow:hidden;
  min-height:220px;
  border:1px solid #edf2f7;
  background:#fff;
  box-shadow:var(--shadow);
}

.honor-card:before{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  left:-25px;
  top:-25px;
  opacity:.18;
}

.honor-card.gold:before{ background:#f59e0b; }
.honor-card.silver:before{ background:#94a3b8; }
.honor-card.bronze:before{ background:#b45309; }

.honor-badge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  margin-bottom:12px;
}

.honor-card.gold .honor-badge{ background:#fff7e6; color:#a16207; }
.honor-card.silver .honor-badge{ background:#f1f5f9; color:#475569; }
.honor-card.bronze .honor-badge{ background:#fff7ed; color:#9a3412; }

.honor-name{
  font-size:28px;
  font-weight:800;
  margin-bottom:8px;
}

/* تحسينات الرسوم */
.chart-box{
  height:340px;
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#fcfffd 100%);
  border-radius:18px;
}

/* تنسيق الطباعة */
@media print{
  body{
    background:#fff !important;
    color:var(--text);
  }
}

@media (max-width:768px){
  .page-title{
    font-size:1.25rem;
  }
  .stat-card .value{
    font-size:1.7rem;
  }
}
.brand-org{
font-size:13px;
color:#64748b;
}

.brand-system{
font-size:18px;
font-weight:800;
}

.brand-logo{
height:38px;
width:38px;
border-radius:8px;
object-fit:contain;
background:white;
padding:4px;
box-shadow:0 2px 6px rgba(0,0,0,.08);
}




/* هوية شكراً 2026 */
.shukran-brand-logo{
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.12));
}
.shukran-admin-logo{height:64px;width:auto;max-width:150px;}
.shukran-footer-logo{height:92px;width:auto;max-width:220px;}
.shukran-mini-logo{height:52px;width:auto;max-width:130px;}

.brand-gradient-bar{
  background:
    radial-gradient(circle at 85% 20%, rgba(34,211,197,.22), transparent 24%),
    linear-gradient(135deg, var(--brand-dark), var(--brand-mid) 50%, #075b61);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 42px rgba(7,52,60,.20);
}
.brand-gradient-bar .text-muted,
.brand-gradient-bar .page-subtitle,
.brand-gradient-bar .brand-org{
  color:rgba(255,255,255,.76)!important;
}
.brand-gradient-bar .brand-system{
  color:#fff!important;
}
.brand-gradient-bar .nav-pill-link{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  color:#fff;
  box-shadow:none;
}
.brand-gradient-bar .nav-pill-link:hover{
  background:rgba(34,211,197,.16);
  color:#fff;
  border-color:rgba(34,211,197,.55);
}
.brand-gradient-bar .top-user{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
  box-shadow:none;
}
.brand-gradient-bar .top-user-name{
  color:#fff;
}

.navbar{
  background:
    radial-gradient(circle at 88% 35%, rgba(34,211,197,.18), transparent 22%),
    linear-gradient(135deg, var(--brand-dark), var(--brand-mid) 58%, #075b61)!important;
  border-bottom:none!important;
  box-shadow:0 12px 32px rgba(7,52,60,.18);
}
.navbar-brand{color:#fff!important;}
.navbar .btn-outline-secondary{
  color:#fff!important;
  border-color:rgba(255,255,255,.35)!important;
  background:rgba(255,255,255,.08)!important;
}
.navbar .btn-outline-secondary:hover{
  background:rgba(255,255,255,.18)!important;
}
.navbar + .container.page-shell{
  margin-top:1rem;
}
.nav-pills-wrap{
  background:#ffffffb8;
  border:1px solid var(--line);
  border-radius:24px;
  padding:.8rem;
  box-shadow:var(--shadow-soft);
}
.footer-brand-2026{
  margin-top:2rem;
  padding:1.2rem;
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 35%, rgba(34,211,197,.16), transparent 22%),
    linear-gradient(135deg, var(--brand-dark), var(--brand-mid) 60%, #075b61);
  color:#fff;
  box-shadow:0 14px 34px rgba(7,52,60,.14);
}
.footer-brand-2026 .small,
.footer-brand-2026 .muted{
  color:rgba(255,255,255,.75)!important;
}
.btn-primary{
  box-shadow:0 10px 22px rgba(15,143,141,.18);
}


/* Fix admin header logo size */
.admin-header-logo,
.sidebar-logo,
.brand-logo,
.header-logo {
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
    display: block;
}

/* إذا الشعار داخل الهيدر بدون كلاس */
.admin-sidebar img,
.admin-header img,
.sidebar-brand img,
.brand-area img {
    max-width: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
}

/* منع تمدد الشعار كخلفية */
.admin-sidebar,
.sidebar {
    background-size: auto !important;
}

/* إصلاح تمدد الشعار في الأدمن */
body,
.admin-layout,
.admin-shell,
.admin-sidebar,
.admin-header,
.admin-footer,
.site-footer,
.vote-footer {
    background-image: none !important;
}

/* حجم شعار الأدمن */
.admin-logo,
.admin-brand-logo,
.header-logo,
.footer-logo,
.brand-logo,
.sidebar-logo {
    width: 120px !important;
    height: auto !important;
    max-width: 120px !important;
    max-height: 120px !important;
    object-fit: contain !important;
    display: block !important;
}

/* أي صورة داخل الهيدر أو الفوتر */
header img,
footer img,
.admin-header img,
.admin-footer img,
.vote-footer img {
    width: auto !important;
    max-width: 120px !important;
    max-height: 90px !important;
    object-fit: contain !important;
}

/* منع أي صورة شعار من التمدد */
img[src*="ShukranLogo"],
img[src*="logo"],
img[src*="Logo"] {
    max-width: 140px !important;
    max-height: 110px !important;
    object-fit: contain !important;
}

/* =========================================================
   Shukran 2026 - Logo size final override
   يمنع تضخم الشعار في الهيدر/الفوتر/الأدمن/التصويت
   ========================================================= */
.shukran-brand-logo{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:180px !important;
  max-height:90px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.12));
}

.shukran-admin-logo,
.admin-header-logo,
.admin-logo,
.admin-brand-logo,
.header-logo,
.sidebar-logo,
.brand-logo{
  width:auto !important;
  height:auto !important;
  max-width:150px !important;
  max-height:76px !important;
  object-fit:contain !important;
  display:block !important;
}

.shukran-footer-logo,
.footer-logo{
  width:auto !important;
  height:auto !important;
  max-width:190px !important;
  max-height:95px !important;
  object-fit:contain !important;
  display:block !important;
}

.shukran-mini-logo{
  width:auto !important;
  height:auto !important;
  max-width:110px !important;
  max-height:58px !important;
  object-fit:contain !important;
  display:block !important;
}

.navbar img.shukran-brand-logo,
.admin-header img.shukran-brand-logo,
.admin-shell img.shukran-brand-logo,
.footer-brand-2026 img.shukran-brand-logo,
.vote-footer img.shukran-brand-logo,
footer img.shukran-brand-logo{
  width:auto !important;
  height:auto !important;
  max-width:170px !important;
  max-height:86px !important;
  object-fit:contain !important;
}

/* لا تستخدم صورة الشعار كخلفية ممتدة */
.admin-header,
.admin-footer,
.footer-brand-2026,
.vote-footer{
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}



/* =========================================================
   Shukran 2026 - Light Mint Header/Footer Theme
   تم تعديل ألوان الهيدر والتذييل لتكون فاتحة وواضحة مع الشعار
   ========================================================= */

:root{
  --mint-bg:#f3fffe;
  --mint-bg-2:#e8fbfa;
  --mint-line:#cdebea;
  --mint-text:#06343d;
  --mint-muted:#46646a;
  --mint-teal:#0f8f8d;
  --mint-teal-dark:#07343c;
  --mint-aqua:#7ee8df;
}

/* خلفية عامة أخف */
body{
  background:
    radial-gradient(circle at top right, rgba(126,232,223,.18), transparent 28%),
    radial-gradient(circle at top left, rgba(15,143,141,.08), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f2fbfb 100%) !important;
  color:var(--mint-text) !important;
}

/* الهيدر الفاتح */
.navbar,
.admin-header,
.brand-gradient-bar{
  background:
    radial-gradient(circle at 92% 22%, rgba(15,143,141,.14), transparent 23%),
    radial-gradient(circle at 5% 60%, rgba(126,232,223,.16), transparent 24%),
    linear-gradient(135deg,#ffffff 0%, var(--mint-bg) 52%, var(--mint-bg-2) 100%) !important;
  color:var(--mint-text) !important;
  border-bottom:1px solid var(--mint-line) !important;
  box-shadow:0 12px 32px rgba(7,52,60,.08) !important;
}

/* نصوص الهيدر */
.navbar-brand,
.brand-gradient-bar .brand-system,
.brand-gradient-bar .page-title,
.brand-gradient-bar .top-user-name,
.admin-header .brand-system,
.admin-header .page-title{
  color:var(--mint-text) !important;
  font-weight:900 !important;
}

.brand-gradient-bar .text-muted,
.brand-gradient-bar .page-subtitle,
.brand-gradient-bar .brand-org,
.admin-header .brand-org,
.admin-header .page-subtitle{
  color:var(--mint-muted) !important;
  font-weight:700 !important;
}

.brand-org{
  color:var(--mint-muted) !important;
  font-weight:700 !important;
}

.brand-system{
  color:var(--mint-teal) !important;
  font-weight:900 !important;
}

/* أزرار الهيدر */
.navbar .btn-outline-secondary,
.brand-gradient-bar .btn-outline-secondary,
.admin-header .btn-outline-secondary{
  color:var(--mint-text) !important;
  border-color:rgba(7,52,60,.26) !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 8px 20px rgba(7,52,60,.06) !important;
}

.navbar .btn-outline-secondary:hover,
.brand-gradient-bar .btn-outline-secondary:hover,
.admin-header .btn-outline-secondary:hover{
  color:#fff !important;
  background:var(--mint-teal-dark) !important;
  border-color:var(--mint-teal-dark) !important;
}

/* القائمة */
.nav-pills-wrap{
  background:rgba(255,255,255,.84) !important;
  border:1px solid var(--mint-line) !important;
  border-radius:26px !important;
  box-shadow:0 14px 34px rgba(7,52,60,.07) !important;
}

.nav-pill-link{
  color:var(--mint-text) !important;
  background:rgba(255,255,255,.92) !important;
  border-color:var(--mint-line) !important;
}

.nav-pill-link:hover{
  color:#fff !important;
  background:linear-gradient(135deg,var(--mint-teal),#0b6f75) !important;
  border-color:var(--mint-teal) !important;
}

/* التذييل الفاتح */
.footer-brand-2026,
.admin-footer,
.site-footer,
.vote-footer{
  background:
    radial-gradient(circle at 12% 30%, rgba(15,143,141,.12), transparent 24%),
    radial-gradient(circle at 92% 80%, rgba(126,232,223,.18), transparent 28%),
    linear-gradient(135deg,#ffffff 0%, var(--mint-bg) 55%, var(--mint-bg-2) 100%) !important;
  color:var(--mint-text) !important;
  border:1px solid var(--mint-line) !important;
  box-shadow:0 14px 34px rgba(7,52,60,.08) !important;
}

.footer-brand-2026 .small,
.footer-brand-2026 .muted,
.footer-brand-2026 .text-muted,
.admin-footer .small,
.admin-footer .muted,
.site-footer .small,
.site-footer .muted,
.vote-footer .small,
.vote-footer .muted{
  color:var(--mint-muted) !important;
}

.footer-brand-2026 h4,
.footer-brand-2026 h5,
.footer-brand-2026 h6,
.admin-footer h4,
.admin-footer h5,
.site-footer h4,
.site-footer h5{
  color:var(--mint-text) !important;
}

/* شعار الهيدر والتذييل */
.shukran-brand-logo,
.shukran-admin-logo,
.shukran-footer-logo,
.shukran-mini-logo,
.admin-header-logo,
.admin-logo,
.admin-brand-logo,
.header-logo,
.footer-logo,
.sidebar-logo,
.brand-logo{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 16px rgba(7,52,60,.14)) !important;
}

.shukran-admin-logo,
.admin-header-logo,
.admin-logo,
.admin-brand-logo,
.header-logo,
.sidebar-logo,
.brand-logo{
  max-width:165px !important;
  max-height:86px !important;
}

.shukran-footer-logo,
.footer-logo{
  max-width:210px !important;
  max-height:110px !important;
}

/* تحسين وضوح اسم الجهة والوصف بجانب الشعار */
.brand-area,
.admin-brand,
.header-brand{
  color:var(--mint-text) !important;
}

.brand-area strong,
.admin-brand strong,
.header-brand strong{
  color:var(--mint-text) !important;
  font-weight:900 !important;
}

.brand-area .muted,
.admin-brand .muted,
.header-brand .muted{
  color:var(--mint-muted) !important;
}

/* منع الخلفية الداكنة القديمة نهائيًا */
.brand-gradient-bar:before,
.footer-brand-2026:before,
.admin-header:before,
.admin-footer:before{
  opacity:.18 !important;
}