/* =====================================================
   SAM Travel Invoice Manager — Frontend Portal
   يُحمَّل دائمًا مع admin.css (يعتمد على نفس النظام).
   ===================================================== */

.samtim-frontend{
  direction:rtl;text-align:right;
  font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
  color:var(--sam-text,#0f172a);
  max-width:1320px;margin:24px auto;padding:0 18px;
  line-height:1.65;
  background:transparent;
}
.samtim-frontend *{box-sizing:border-box}

/* عرض كامل: يلغي حد 1320px فيملأ .samtim-portal-main كامل المساحة المتاحة. */
.samtim-frontend.samtim-full-width{max-width:none;padding-inline:24px}
@media (max-width:900px){
  .samtim-frontend.samtim-full-width{padding-inline:14px}
}

/* ===== Frontend table reset (matches admin exactly, overrides theme) ===== */
.samtim-frontend .samtim-table-wrap{
  background:#fff !important;border:1px solid var(--sam-border,#e2e8f0) !important;
  border-radius:14px !important;overflow:hidden !important;
  box-shadow:var(--sam-shadow-sm,0 1px 2px rgba(15,23,42,.05)) !important;
  box-sizing:border-box;
}
.samtim-frontend .samtim-table,
.samtim-frontend table.samtim-table{
  width:100% !important;border-collapse:separate !important;border-spacing:0 !important;
  margin:0 !important;background:#fff !important;border:none !important;border-radius:0 !important;box-shadow:none !important;
  font-family:inherit !important;font-size:14px !important;
}
.samtim-frontend .samtim-table caption{display:none !important}
.samtim-frontend .samtim-table thead{background:#fafbfc !important}
.samtim-frontend .samtim-table thead th{
  padding:12px 16px !important;text-align:right !important;
  font-weight:700 !important;font-size:11px !important;color:var(--sam-text-muted,#64748b) !important;
  border-bottom:1px solid var(--sam-border,#e2e8f0) !important;
  /* لا letter-spacing — يفصل حروف عناوين الأعمدة العربية. */
  white-space:nowrap !important;
  background:#fafbfc !important;font-family:inherit !important;
}
.samtim-frontend .samtim-table thead th:first-child{padding-inline-start:20px !important}
.samtim-frontend .samtim-table thead th:last-child{padding-inline-end:20px !important}
.samtim-frontend .samtim-table tbody td{
  padding:14px 16px !important;border-bottom:1px solid var(--sam-border-soft,#eef2f7) !important;
  font-size:14px !important;color:var(--sam-text,#0f172a) !important;vertical-align:middle !important;
  text-align:right !important;background:transparent !important;font-family:inherit !important;
  border-top:none !important;border-left:none !important;border-right:none !important;
}
.samtim-frontend .samtim-table tbody td:first-child{padding-inline-start:20px !important}
.samtim-frontend .samtim-table tbody td:last-child{padding-inline-end:20px !important}
.samtim-frontend .samtim-table tbody tr{background:transparent !important;transition:background 180ms ease}
.samtim-frontend .samtim-table tbody tr:nth-child(even){background:transparent !important}
.samtim-frontend .samtim-table tbody tr:hover{background:#fafcfe !important}
.samtim-frontend .samtim-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--sam-primary,#0d9488)}
.samtim-frontend .samtim-table tbody tr:last-child td{border-bottom:none !important}
.samtim-frontend .samtim-table tbody td strong{font-weight:600 !important;color:var(--sam-text,#0f172a) !important}
.samtim-frontend .samtim-table a{text-decoration:none !important;box-shadow:none !important;border-bottom:none !important}

/* Action chips on frontend (match admin colors) */
.samtim-frontend .samtim-table .actions{
  white-space:nowrap !important;text-align:right !important;
  display:flex !important;gap:6px !important;justify-content:flex-start !important;align-items:center !important;
}
.samtim-frontend .samtim-table .actions a,
.samtim-frontend .samtim-table .actions button{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;
  height:32px !important;padding:0 12px !important;border-radius:8px !important;
  font-size:12.5px !important;font-weight:600 !important;border:1px solid transparent !important;
  cursor:pointer !important;transition:all 180ms ease !important;text-decoration:none !important;line-height:1 !important;font-family:inherit !important;
  background:var(--sam-bg-soft,#f1f5f9) !important;color:var(--sam-text-soft,#475569) !important;border-color:var(--sam-border-soft,#eef2f7) !important;
  box-shadow:none !important;
}
.samtim-frontend .samtim-table .actions .dashicons{font-size:14px !important;width:14px !important;height:14px !important;line-height:1 !important}
.samtim-frontend .samtim-table .actions .action-view{background:#eff6ff !important;color:#1d4ed8 !important;border-color:#dbeafe !important}
.samtim-frontend .samtim-table .actions .action-view:hover{background:#1d4ed8 !important;color:#fff !important;border-color:#1d4ed8 !important;box-shadow:0 4px 10px -2px rgba(29,78,216,.4) !important;transform:translateY(-1px)}
.samtim-frontend .samtim-table .actions .action-edit{background:#fffbeb !important;color:#b45309 !important;border-color:#fde68a !important}
.samtim-frontend .samtim-table .actions .action-edit:hover{background:#d97706 !important;color:#fff !important;border-color:#d97706 !important;box-shadow:0 4px 10px -2px rgba(217,119,6,.4) !important;transform:translateY(-1px)}
.samtim-frontend .samtim-table .actions .action-print{background:#faf5ff !important;color:#7e22ce !important;border-color:#e9d5ff !important}
.samtim-frontend .samtim-table .actions .action-print:hover{background:#7e22ce !important;color:#fff !important;border-color:#7e22ce !important;box-shadow:0 4px 10px -2px rgba(126,34,206,.4) !important;transform:translateY(-1px)}
.samtim-frontend .samtim-table .actions .icon-only{width:32px !important;padding:0 !important;justify-content:center !important}
.samtim-frontend .samtim-table .actions .icon-only span:not(.dashicons){display:none !important}

/* Cell with avatar - ensure consistent rendering */
.samtim-frontend .samtim-table .cell-with-avatar{display:flex !important;align-items:center !important;gap:10px !important}
.samtim-frontend .samtim-table .cell-avatar{
  flex-shrink:0 !important;width:36px !important;height:36px !important;border-radius:10px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  font-weight:700 !important;font-size:14px !important;color:#fff !important;
  background:linear-gradient(135deg,var(--sam-primary,#0d9488) 0%,var(--sam-primary-700,#115e59) 100%) !important;
  text-transform:uppercase !important;letter-spacing:.02em !important;border:none !important;
}
.samtim-frontend .samtim-table .cell-text{display:flex !important;flex-direction:column !important;min-width:0 !important;gap:2px !important}
.samtim-frontend .samtim-table .cell-sub{font-size:12px !important;color:var(--sam-text-muted,#64748b) !important;font-weight:400 !important}
.samtim-frontend .samtim-table .cell-money{font-weight:700 !important;font-variant-numeric:tabular-nums !important;direction:ltr !important;display:inline-block !important}

/* Empty state on frontend */
.samtim-frontend .samtim-table .empty-row td{
  text-align:center !important;color:var(--sam-text-muted,#64748b) !important;
  padding:60px 16px !important;font-style:normal !important;border-bottom:none !important;
}
.samtim-frontend .samtim-table .empty-row:hover{background:transparent !important}
.samtim-frontend .samtim-table .empty-row:hover td:first-child{box-shadow:none !important}

/* ===== Top Navigation ===== */
.samtim-portal-nav{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
  margin-bottom:22px;padding:14px 22px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);
  border:1px solid var(--sam-border,#e2e8f0);
  border-radius:var(--sam-radius-lg,18px);
  box-shadow:var(--sam-shadow-sm,0 1px 2px rgba(15,23,42,.04));
}
.samtim-portal-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--sam-primary-600,#0f766e)}
.samtim-portal-brand::before{
  content:"";display:inline-block;width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg,var(--sam-primary,#0d9488) 0%,var(--sam-primary-700,#115e59) 100%);
  position:relative;flex-shrink:0;
  box-shadow:0 4px 10px rgba(13,148,136,.25);
}
.samtim-portal-brand .samtim-user{margin-inline-start:6px;color:var(--sam-text-muted,#64748b);font-size:13px;font-weight:500}
.samtim-nav-list{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.samtim-nav-list li a{
  display:inline-flex;align-items:center;padding:9px 16px;border-radius:10px;
  text-decoration:none;color:var(--sam-text,#0f172a);
  background:#fff;border:1px solid var(--sam-border,#e2e8f0);font-size:14px;font-weight:600;
  transition:all 180ms cubic-bezier(.4,0,.2,1);
}
.samtim-nav-list li a:hover{background:var(--sam-primary-50,#ecfdf5);border-color:#a7f3d0;color:var(--sam-primary-700,#115e59);transform:translateY(-1px)}
.samtim-nav-list li.active a{
  background:linear-gradient(135deg,var(--sam-primary,#0d9488) 0%,var(--sam-primary-600,#0f766e) 100%);
  color:#fff;border-color:var(--sam-primary-600,#0f766e);
  box-shadow:0 4px 12px rgba(13,148,136,.3);
}
.samtim-nav-list li.active a:hover{transform:translateY(-1px);color:#fff}
.samtim-nav-list li.logout a{background:#fff;border-color:#fecaca;color:#b91c1c}
.samtim-nav-list li.logout a:hover{background:#fef2f2;border-color:#f87171;color:#991b1b}

/* فاصل بين مجموعات القائمة */
.samtim-nav-sep{
  flex-shrink:0;align-self:center;
  width:1px;height:22px;margin:0 4px;
  background:var(--sam-border,#e2e8f0);
}
/* في الوضع الجانبي يصير خطًا أفقيًا */
.samtim-layout-left .samtim-nav-sep,
.samtim-layout-right .samtim-nav-sep,
.samtim-layout-sidebar .samtim-nav-sep{
  width:100%;height:1px;margin:6px 0;align-self:stretch;
}
.samtim-nav-solid .samtim-nav-sep{background:rgba(255,255,255,.25)}
.samtim-nav-glass .samtim-nav-sep{background:rgba(255,255,255,.7)}
html[data-sam-theme="dark"] .samtim-nav-sep{background:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-nav-solid .samtim-nav-sep{background:rgba(255,255,255,.25)}

/* Hamburger toggle (mobile only) */
.sam-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 10px;border-radius:10px;background:#fff;border:1px solid var(--sam-border,#e2e8f0);cursor:pointer;transition:all 180ms cubic-bezier(.4,0,.2,1);font-family:inherit}
.sam-nav-toggle:hover{background:var(--sam-primary-50,#ecfdf5);border-color:#5eead4}
.sam-nav-toggle span{display:block;height:2.5px;width:100%;background:var(--sam-text-soft,#475569);border-radius:2px;transition:transform 220ms ease,opacity 220ms ease}
.sam-nav-toggle.is-open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.sam-nav-toggle.is-open span:nth-child(2){opacity:0}
.sam-nav-toggle.is-open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Theme toggle button */
.samtim-nav-list li.theme-toggle .sam-theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:0;border-radius:10px;cursor:pointer;
  background:#fff;border:1px solid var(--sam-border,#e2e8f0);color:var(--sam-text-soft,#475569);
  transition:all 180ms cubic-bezier(.4,0,.2,1);font-family:inherit;
}
.samtim-nav-list li.theme-toggle .sam-theme-toggle:hover{background:var(--sam-primary-50,#ecfdf5);border-color:#5eead4;color:var(--sam-primary-700,#115e59);transform:translateY(-1px)}
.samtim-nav-list li.theme-toggle .dashicons{font-size:18px;width:18px;height:18px;line-height:1}

/* =====================================================
   Nav styles — .samtim-nav-{classic|minimal|solid|glass}
   classic = مظهر .samtim-portal-nav الأساسي أعلاه (بلا override).
   ===================================================== */

/* ---- Minimal: بلا بطاقة، خط سفلي للعنصر النشط ---- */
.samtim-nav-minimal{
  background:none;border:none;box-shadow:none;border-radius:0;
  border-bottom:1px solid var(--sam-border,#e2e8f0);
  padding:10px 4px;
}
.samtim-nav-minimal .samtim-nav-list{gap:2px}
.samtim-nav-minimal .samtim-nav-list li a{
  background:transparent;border:none;border-radius:0;
  border-bottom:2px solid transparent;padding:9px 12px;
  color:var(--sam-text-soft,#475569);
}
.samtim-nav-minimal .samtim-nav-list li a:hover{
  background:transparent;transform:none;
  color:var(--sam-primary-700,#115e59);border-bottom-color:#a7f3d0;
}
.samtim-nav-minimal .samtim-nav-list li.active a{
  background:none;box-shadow:none;
  color:var(--sam-primary-700,#115e59);border-bottom-color:var(--sam-primary,#0d9488);
}
.samtim-nav-minimal .samtim-nav-list li.active a:hover{color:var(--sam-primary-700,#115e59)}
.samtim-nav-minimal .samtim-nav-list li.logout a{background:transparent;border:none;border-bottom:2px solid transparent;color:#b91c1c}
.samtim-nav-minimal .samtim-nav-list li.logout a:hover{background:transparent;border-bottom-color:#fca5a5}
.samtim-nav-minimal .samtim-nav-list li.theme-toggle .sam-theme-toggle{background:transparent;border-color:transparent}
.samtim-nav-minimal .samtim-nav-list li.theme-toggle .sam-theme-toggle:hover{background:var(--sam-primary-50,#ecfdf5);border-color:transparent}
.samtim-nav-minimal .sam-nav-toggle{background:transparent;border-color:transparent}
/* في الوضع الجانبي: الفاصل رأسي، والنشط بخلفية بدل الخط السفلي */
.samtim-layout-left .samtim-nav-minimal,
.samtim-layout-right .samtim-nav-minimal{border-bottom:none;border-radius:0}
.samtim-layout-left .samtim-nav-minimal{border-inline-start:1px solid var(--sam-border,#e2e8f0)}
.samtim-layout-right .samtim-nav-minimal{border-inline-end:1px solid var(--sam-border,#e2e8f0)}
.samtim-layout-left .samtim-nav-minimal .samtim-nav-list li a,
.samtim-layout-right .samtim-nav-minimal .samtim-nav-list li a{border-bottom:none;border-radius:10px}
.samtim-layout-left .samtim-nav-minimal .samtim-nav-list li.active a,
.samtim-layout-right .samtim-nav-minimal .samtim-nav-list li.active a{
  background:var(--sam-primary-50,#ecfdf5);color:var(--sam-primary-700,#115e59);
}

/* ---- Solid: خلفية بلون البراند + روابط بيضاء ---- */
.samtim-nav-solid{
  background:linear-gradient(135deg,var(--sam-primary,#0d9488) 0%,var(--sam-primary-700,#115e59) 100%);
  border-color:transparent;
  box-shadow:0 6px 18px -6px rgba(13,148,136,.5);
}
.samtim-nav-solid .samtim-portal-brand{color:#fff}
.samtim-nav-solid .samtim-portal-brand::before{background:rgba(255,255,255,.2);box-shadow:none}
.samtim-nav-solid .samtim-portal-brand .samtim-user{color:rgba(255,255,255,.82)}
.samtim-nav-solid .samtim-nav-list li a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.samtim-nav-solid .samtim-nav-list li a:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.38);color:#fff}
.samtim-nav-solid .samtim-nav-list li.active a{
  background:#fff;color:var(--sam-primary-700,#115e59);border-color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}
.samtim-nav-solid .samtim-nav-list li.active a:hover{background:#fff;color:var(--sam-primary-700,#115e59)}
.samtim-nav-solid .samtim-nav-list li.logout a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.26);color:#fee2e2}
.samtim-nav-solid .samtim-nav-list li.logout a:hover{background:#fff;border-color:#fff;color:#b91c1c}
.samtim-nav-solid .samtim-nav-list li.theme-toggle .sam-theme-toggle{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.26);color:#fff}
.samtim-nav-solid .samtim-nav-list li.theme-toggle .sam-theme-toggle:hover{background:#fff;border-color:#fff;color:var(--sam-primary-700,#115e59)}
.samtim-nav-solid .sam-nav-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.samtim-nav-solid .sam-nav-toggle:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45)}
.samtim-nav-solid .sam-nav-toggle span{background:#fff}
.samtim-layout-left .samtim-nav-solid .samtim-portal-brand,
.samtim-layout-right .samtim-nav-solid .samtim-portal-brand,
.samtim-layout-left .samtim-nav-solid .samtim-nav-list li.theme-toggle,
.samtim-layout-right .samtim-nav-solid .samtim-nav-list li.theme-toggle{border-color:rgba(255,255,255,.22)}

/* ---- Glass: شفاف + blur ---- */
.samtim-nav-glass{
  background:rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);
  border-color:rgba(255,255,255,.6);
  box-shadow:0 8px 32px -12px rgba(15,23,42,.25);
}
.samtim-nav-glass .samtim-nav-list li a{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.66)}
.samtim-nav-glass .samtim-nav-list li a:hover{background:rgba(255,255,255,.85);border-color:#a7f3d0}
.samtim-nav-glass .samtim-nav-list li.logout a{background:rgba(255,255,255,.5)}
.samtim-nav-glass .samtim-nav-list li.theme-toggle .sam-theme-toggle{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.66)}
.samtim-nav-glass .sam-nav-toggle{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.66)}

/* ===== Sidebar layouts (يمين / يسار — والمحتوى يملأ الباقي) ===== */
/* الحاوية RTL: flex-direction:row يضع أول عنصر (القائمة) يمينًا، row-reverse يضعه يسارًا. */
/* .samtim-layout-sidebar مُبقاة كـ alias لأي HTML مُخزَّن/مُخبَّأ من ≤ 1.27.0 */
.samtim-layout-left,
.samtim-layout-right,
.samtim-layout-sidebar{
  display:flex;align-items:flex-start;gap:22px;
}
.samtim-layout-left,
.samtim-layout-sidebar{flex-direction:row-reverse}
.samtim-layout-right{flex-direction:row}

.samtim-layout-left .samtim-portal-nav,
.samtim-layout-right .samtim-portal-nav,
.samtim-layout-sidebar .samtim-portal-nav{
  flex:0 0 248px;width:248px;
  flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;
  position:sticky;top:20px;margin-bottom:0;
  max-height:calc(100vh - 40px);overflow:auto;
}
.samtim-layout-left .samtim-portal-brand,
.samtim-layout-right .samtim-portal-brand,
.samtim-layout-sidebar .samtim-portal-brand{
  flex-direction:row;width:100%;padding-bottom:12px;
  border-bottom:1px solid var(--sam-border-soft,#eef2f7);
  flex-wrap:wrap;
}
.samtim-layout-left .samtim-nav-list,
.samtim-layout-right .samtim-nav-list,
.samtim-layout-sidebar .samtim-nav-list{
  flex-direction:column;align-items:stretch;gap:4px;width:100%;flex-wrap:nowrap;
}
.samtim-layout-left .samtim-nav-list li,
.samtim-layout-right .samtim-nav-list li,
.samtim-layout-sidebar .samtim-nav-list li{width:100%}
.samtim-layout-left .samtim-nav-list li a,
.samtim-layout-right .samtim-nav-list li a,
.samtim-layout-sidebar .samtim-nav-list li a{
  width:100%;justify-content:flex-start;padding:11px 14px;
}
.samtim-layout-left .samtim-nav-list li.theme-toggle,
.samtim-layout-right .samtim-nav-list li.theme-toggle,
.samtim-layout-sidebar .samtim-nav-list li.theme-toggle{
  margin-top:4px;padding-top:8px;border-top:1px solid var(--sam-border-soft,#eef2f7);
}
.samtim-layout-left .samtim-nav-list li.theme-toggle .sam-theme-toggle,
.samtim-layout-right .samtim-nav-list li.theme-toggle .sam-theme-toggle,
.samtim-layout-sidebar .samtim-nav-list li.theme-toggle .sam-theme-toggle{width:100%}
.samtim-layout-left .samtim-nav-list li.logout,
.samtim-layout-right .samtim-nav-list li.logout,
.samtim-layout-sidebar .samtim-nav-list li.logout{margin-top:auto}
.samtim-layout-left .samtim-portal-main,
.samtim-layout-right .samtim-portal-main,
.samtim-layout-sidebar .samtim-portal-main{
  flex:1 1 auto;min-width:0;/* min-width:0 ليسمح للجداول بالـ scroll داخل flex */
}

/* ===== Dark Mode ===== */
html[data-sam-theme="dark"]{
  --sam-bg:#0b1220;
  --sam-bg-soft:#162033;
  --sam-card-bg:#111a2e;
  --sam-border:#243049;
  --sam-border-soft:#1c2740;
  --sam-text:#e2e8f0;
  --sam-text-soft:#cbd5e1;
  --sam-text-muted:#94a3b8;
  --sam-shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --sam-shadow:0 4px 12px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);
  --sam-shadow-lg:0 12px 32px -8px rgba(0,0,0,.7),0 4px 12px rgba(0,0,0,.4);
}
html[data-sam-theme="dark"] .samtim-frontend{background:var(--sam-bg);color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-frontend h1,html[data-sam-theme="dark"] .samtim-frontend h2,html[data-sam-theme="dark"] .samtim-frontend h3,html[data-sam-theme="dark"] .samtim-frontend h4{color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-frontend a{color:#5eead4}
html[data-sam-theme="dark"] .samtim-portal-nav{background:linear-gradient(135deg,#111a2e 0%,#162033 100%);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-nav-list li a{background:#1c2740;border-color:#2c3a57;color:#e2e8f0}
html[data-sam-theme="dark"] .samtim-nav-list li a:hover{background:#243049;color:#5eead4}
html[data-sam-theme="dark"] .samtim-nav-list li.logout a{background:#1c1820;border-color:#7f1d1d;color:#fca5a5}
html[data-sam-theme="dark"] .samtim-nav-list li.theme-toggle .sam-theme-toggle{background:#1c2740;border-color:#2c3a57;color:#e2e8f0}
html[data-sam-theme="dark"] .samtim-nav-list li.theme-toggle .sam-theme-toggle:hover{background:#243049;color:#5eead4}

/* Dark — nav styles (تأتي بعد قواعد الناف الداكنة العامة لتغلبها) */
html[data-sam-theme="dark"] .samtim-nav-minimal{background:none;border-color:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-nav-minimal .samtim-nav-list li a{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--sam-text-soft)}
html[data-sam-theme="dark"] .samtim-nav-minimal .samtim-nav-list li a:hover{background:transparent;color:#5eead4;border-bottom-color:#2c3a57}
html[data-sam-theme="dark"] .samtim-nav-minimal .samtim-nav-list li.active a{background:none;color:#5eead4;border-bottom-color:#5eead4}
html[data-sam-theme="dark"] .samtim-nav-minimal .samtim-nav-list li.logout a{background:transparent;border:none;border-bottom:2px solid transparent;color:#fca5a5}
html[data-sam-theme="dark"] .samtim-nav-minimal .samtim-nav-list li.theme-toggle .sam-theme-toggle{background:transparent;border-color:transparent}
html[data-sam-theme="dark"] .samtim-layout-left .samtim-nav-minimal .samtim-nav-list li.active a,
html[data-sam-theme="dark"] .samtim-layout-right .samtim-nav-minimal .samtim-nav-list li.active a{background:#1c2740;border-bottom:none}

html[data-sam-theme="dark"] .samtim-nav-solid{
  background:linear-gradient(135deg,var(--sam-primary,#0d9488) 0%,var(--sam-primary-700,#115e59) 100%);
  border-color:transparent;
}
html[data-sam-theme="dark"] .samtim-nav-solid .samtim-nav-list li a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
html[data-sam-theme="dark"] .samtim-nav-solid .samtim-nav-list li a:hover{background:rgba(255,255,255,.2);color:#fff}
html[data-sam-theme="dark"] .samtim-nav-solid .samtim-nav-list li.active a{background:#fff;color:var(--sam-primary-700,#115e59)}
html[data-sam-theme="dark"] .samtim-nav-solid .samtim-nav-list li.logout a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.26);color:#fee2e2}
html[data-sam-theme="dark"] .samtim-nav-solid .samtim-nav-list li.theme-toggle .sam-theme-toggle{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.26);color:#fff}
html[data-sam-theme="dark"] .samtim-nav-solid .sam-nav-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
html[data-sam-theme="dark"] .samtim-nav-solid .sam-nav-toggle span{background:#fff}

html[data-sam-theme="dark"] .samtim-nav-glass{background:rgba(17,26,46,.6);border-color:rgba(255,255,255,.09)}
html[data-sam-theme="dark"] .samtim-nav-glass .samtim-nav-list li a{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-nav-glass .samtim-nav-list li a:hover{background:rgba(255,255,255,.13);color:#5eead4}
html[data-sam-theme="dark"] .samtim-nav-glass .samtim-nav-list li.logout a{background:rgba(255,255,255,.06);border-color:#7f1d1d;color:#fca5a5}
html[data-sam-theme="dark"] .samtim-nav-glass .samtim-nav-list li.theme-toggle .sam-theme-toggle{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
html[data-sam-theme="dark"] .samtim-nav-glass .sam-nav-toggle{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}

html[data-sam-theme="dark"] .samtim-card{background:var(--sam-card-bg);border-color:var(--sam-border);color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-card.samtim-welcome{background:linear-gradient(135deg,var(--sam-primary) 0%,var(--sam-primary-700) 100%);color:#fff;border:none}
html[data-sam-theme="dark"] .samtim-card.samtim-welcome h2{color:#fff}
html[data-sam-theme="dark"] .samtim-card.samtim-welcome p{color:rgba(255,255,255,.88)}
html[data-sam-theme="dark"] .samtim-card.stat{background:linear-gradient(135deg,#111a2e 0%,#162033 100%)}
html[data-sam-theme="dark"] .samtim-card.stat .sam-delta.up{background:rgba(16,185,129,.15);color:#6ee7b7}
html[data-sam-theme="dark"] .samtim-card.stat .sam-delta.down{background:rgba(239,68,68,.15);color:#fca5a5}
html[data-sam-theme="dark"] .samtim-card.muted{background:#162033}
html[data-sam-theme="dark"] .samtim-table-wrap,html[data-sam-theme="dark"] .samtim-table{background:var(--sam-card-bg);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-table thead,html[data-sam-theme="dark"] .samtim-table thead th{background:#162033;color:var(--sam-text-muted);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-table tbody td{color:var(--sam-text);border-color:var(--sam-border-soft)}
html[data-sam-theme="dark"] .samtim-table tbody tr:hover{background:rgba(255,255,255,.03)}
html[data-sam-theme="dark"] .samtim-table tbody td .cell-sub{color:var(--sam-text-muted)}
html[data-sam-theme="dark"] .samtim-table-toolbar{background:var(--sam-card-bg);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-table-toolbar select,html[data-sam-theme="dark"] .samtim-table-toolbar .samtim-search input{background:#162033;border-color:var(--sam-border);color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-table-toolbar select:hover{background:#1c2740}
html[data-sam-theme="dark"] .samtim-table-toolbar .samtim-toolbar-info{background:#162033;color:var(--sam-text-muted)}
html[data-sam-theme="dark"] .samtim-table .empty-row .empty-state::before{background-color:#162033}
html[data-sam-theme="dark"] .samtim-field input,html[data-sam-theme="dark"] .samtim-field select,html[data-sam-theme="dark"] .samtim-field textarea{background:#162033;border-color:var(--sam-border);color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-field input[readonly]{background:#0b1220;color:var(--sam-text-muted)}
html[data-sam-theme="dark"] .samtim-field label{color:var(--sam-text-soft)}
/* عناصر صفحة الإعدادات */
html[data-sam-theme="dark"] .samtim-check{background:#162033;border-color:var(--sam-border);color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-check:hover{background:#1c2740;border-color:var(--sam-primary)}
html[data-sam-theme="dark"] .samtim-help{color:var(--sam-text-muted)}
html[data-sam-theme="dark"] .samtim-help code,html[data-sam-theme="dark"] .sam-shortcode-list code{background:#0b1220;color:#5eead4}
html[data-sam-theme="dark"] .sam-tpl-card{background:#162033;border-color:var(--sam-border);color:var(--sam-text-muted)}
html[data-sam-theme="dark"] .sam-tpl-card strong{color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-frontend .button{background:#1c2740;border-color:#2c3a57;color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-frontend .button:hover{background:#243049;border-color:#3b4a6b}
html[data-sam-theme="dark"] .detail-item{background:#162033;border-color:var(--sam-border)}
html[data-sam-theme="dark"] .detail-item span{color:var(--sam-text-muted)}
html[data-sam-theme="dark"] .detail-item strong{color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-table .actions a,html[data-sam-theme="dark"] .samtim-table .actions button{background:#1c2740;border-color:#2c3a57;color:var(--sam-text-soft)}
html[data-sam-theme="dark"] .samtim-table .actions .action-view{background:rgba(29,78,216,.15);color:#93c5fd;border-color:rgba(29,78,216,.35)}
html[data-sam-theme="dark"] .samtim-table .actions .action-edit{background:rgba(217,119,6,.15);color:#fcd34d;border-color:rgba(217,119,6,.35)}
html[data-sam-theme="dark"] .samtim-table .actions .action-print{background:rgba(126,34,206,.15);color:#d8b4fe;border-color:rgba(126,34,206,.35)}
html[data-sam-theme="dark"] .invoice-paper{background:#162033;color:var(--sam-text);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .invoice-header-note{color:var(--sam-text-soft)}
html[data-sam-theme="dark"] .invoice-header-note.beside{background:#0b1220;border-color:var(--sam-border)}
html[data-sam-theme="dark"] .invoice-signatures .sign-box{border-color:var(--sam-border)}
html[data-sam-theme="dark"] .invoice-signatures .sign-box strong{color:var(--sam-text)}
html[data-sam-theme="dark"] .invoice-footer-contact li strong{color:var(--sam-text)}
html[data-sam-theme="dark"] .invoice-meta div,html[data-sam-theme="dark"] .statbox{background:#0b1220;border-color:var(--sam-border)}
html[data-sam-theme="dark"] .invoice-section li{border-color:var(--sam-border-soft)}
html[data-sam-theme="dark"] .samtim-alert.success{background:rgba(16,185,129,.12);color:#6ee7b7;border-color:rgba(16,185,129,.3)}
html[data-sam-theme="dark"] .samtim-alert.error{background:rgba(239,68,68,.12);color:#fca5a5;border-color:rgba(239,68,68,.3)}
html[data-sam-theme="dark"] .sam-badge.muted{background:#162033;color:var(--sam-text-muted);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .sam-badge.outline{background:transparent;color:var(--sam-text-muted);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-login-card{background:var(--sam-card-bg)}
html[data-sam-theme="dark"] .samtim-card.samtim-card.stat::before{opacity:.15}
html[data-sam-theme="dark"] .samtim-card.no-image,html[data-sam-theme="dark"] .no-image{background:linear-gradient(135deg,#162033 0%,#1c2740 100%);color:#5eead4;border-color:var(--sam-border)}
/* القائمة القابلة للبحث — تحصين ضد أنماط أزرار الثيم على البوابة */
.samtim-frontend .sam-select-toggle{
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;
  width:100% !important;height:38px !important;padding:0 12px !important;
  border:1px solid var(--sam-border,#e2e8f0) !important;border-radius:8px !important;
  background:#fff !important;color:var(--sam-text,#0f172a) !important;
  font:inherit !important;font-size:14px !important;text-align:start !important;
  text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important;
  cursor:pointer !important;
}
.samtim-frontend .sam-select-toggle:hover{background:#fff !important;border-color:var(--sam-primary,#0d9488) !important}
.samtim-frontend .sam-select-option{cursor:pointer !important}

/* Dark — القائمة القابلة للبحث + التقويم */
html[data-sam-theme="dark"] .samtim-frontend .sam-select-toggle{background:#162033 !important;color:var(--sam-text) !important}
html[data-sam-theme="dark"] .samtim-frontend .sam-select-toggle:hover{background:#162033 !important}
html[data-sam-theme="dark"] .sam-select-toggle{background:#162033;border-color:var(--sam-border);color:var(--sam-text)}
html[data-sam-theme="dark"] .sam-select-toggle:hover{border-color:var(--sam-primary)}
html[data-sam-theme="dark"] .sam-select.is-open .sam-select-toggle{box-shadow:0 0 0 3px rgba(13,148,136,.25)}
html[data-sam-theme="dark"] .sam-select-drop{background:var(--sam-card-bg);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .sam-select-search{border-color:var(--sam-border)}
html[data-sam-theme="dark"] .sam-select-search input{background:#0b1220;border-color:var(--sam-border);color:var(--sam-text)}
html[data-sam-theme="dark"] .sam-select-option{color:var(--sam-text)}
html[data-sam-theme="dark"] .sam-select-option:hover,html[data-sam-theme="dark"] .sam-select-option.is-active{background:#1c2740}
html[data-sam-theme="dark"] .sam-select-option.is-selected{background:rgba(13,148,136,.2);color:#5eead4}
html[data-sam-theme="dark"] .sam-date-input{background:#162033 !important;color:var(--sam-text)}
html[data-sam-theme="dark"] .ui-datepicker{background:var(--sam-card-bg);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .ui-datepicker .ui-datepicker-prev,html[data-sam-theme="dark"] .ui-datepicker .ui-datepicker-next{background:#1c2740;color:var(--sam-text)}
html[data-sam-theme="dark"] .ui-datepicker .ui-datepicker-title select{background:#162033;border-color:var(--sam-border);color:var(--sam-text)}
html[data-sam-theme="dark"] .ui-datepicker td a,html[data-sam-theme="dark"] .ui-datepicker td span{color:var(--sam-text)}
html[data-sam-theme="dark"] .ui-datepicker td a:hover{background:#1c2740}

/* الإضافة السريعة (Quick Add) */
html[data-sam-theme="dark"] .sam-quick-add{background:#1c2740;border-color:#2c3a57;color:#5eead4}
html[data-sam-theme="dark"] .sam-quick-add:hover{background:var(--sam-primary);border-color:var(--sam-primary);color:#fff}
html[data-sam-theme="dark"] .samtim-modal-backdrop{background:rgba(2,6,23,.72)}
html[data-sam-theme="dark"] .samtim-modal-panel{background:var(--sam-card-bg);border-color:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-modal-head h2{color:var(--sam-text)}
html[data-sam-theme="dark"] .samtim-modal-foot{background:#162033;border-color:var(--sam-border)}
html[data-sam-theme="dark"] .samtim-modal-error{color:#fca5a5}

/* ===== Login Card ===== */
.samtim-login-wrap{max-width:460px;margin:80px auto;padding:0 16px}
.samtim-login-card{padding:36px 32px;border-radius:20px;box-shadow:var(--sam-shadow-lg,0 12px 32px -8px rgba(15,23,42,.18))}
.samtim-login-card h2{margin:0 0 8px;text-align:center;font-size:24px;color:var(--sam-text,#0f172a)}
.samtim-login-card .samtim-login-sub{text-align:center;color:var(--sam-text-muted,#64748b);margin-bottom:24px;font-size:14px}
.samtim-login-card::before{
  content:"";display:block;width:56px;height:56px;border-radius:16px;margin:0 auto 16px;
  background:linear-gradient(135deg,var(--sam-primary,#0d9488) 0%,var(--sam-primary-700,#115e59) 100%);
  box-shadow:0 8px 20px rgba(13,148,136,.3);
}

/* ===== Alerts ===== */
.samtim-alert{padding:14px 18px;border-radius:12px;margin-bottom:16px;border:1px solid;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}
.samtim-alert::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}
.samtim-alert.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.samtim-alert.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.samtim-alert.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
.samtim-alert.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}

/* ===== Mobile: collapse nav into hamburger menu ===== */
@media (max-width:900px){
  /* القائمة الجانبية تعود شريطًا علويًا + زر منسدل على الجوال */
  .samtim-layout-left,
  .samtim-layout-right,
  .samtim-layout-sidebar{display:block}
  .samtim-layout-left .samtim-portal-nav,
  .samtim-layout-right .samtim-portal-nav,
  .samtim-layout-sidebar .samtim-portal-nav{
    flex:none;width:auto;flex-direction:row;align-items:center;
    position:relative;top:auto;max-height:none;overflow:visible;gap:16px;
    margin-bottom:22px;
  }
  .samtim-layout-left .samtim-portal-brand,
  .samtim-layout-right .samtim-portal-brand,
  .samtim-layout-sidebar .samtim-portal-brand{border-bottom:none;padding-bottom:0}
  .samtim-layout-left .samtim-portal-main,
  .samtim-layout-right .samtim-portal-main,
  .samtim-layout-sidebar .samtim-portal-main{min-width:0}
  /* إلغاء عرض/هوامش الـ sidebar حتى يعمل المنسدل المطلق (left/right) بشكل صحيح */
  .samtim-layout-left .samtim-nav-list,
  .samtim-layout-right .samtim-nav-list,
  .samtim-layout-sidebar .samtim-nav-list{width:auto}
  .samtim-layout-left .samtim-nav-list li.logout,
  .samtim-layout-right .samtim-nav-list li.logout,
  .samtim-layout-sidebar .samtim-nav-list li.logout{margin-top:0}
  .samtim-layout-left .samtim-nav-list li.theme-toggle,
  .samtim-layout-right .samtim-nav-list li.theme-toggle,
  .samtim-layout-sidebar .samtim-nav-list li.theme-toggle{border-top:1px solid var(--sam-border-soft,#eef2f7)}
  /* الفاصل الرأسي لنمط minimal لا معنى له بعد الانهيار لشريط علوي */
  .samtim-layout-left .samtim-nav-minimal,
  .samtim-layout-right .samtim-nav-minimal{
    border-inline-start:none;border-inline-end:none;
    border-bottom:1px solid var(--sam-border,#e2e8f0);
  }
  .samtim-portal-nav{position:relative;padding:12px 16px}
  .sam-nav-toggle{display:flex !important}
  .samtim-nav-list{
    position:absolute;top:calc(100% + 6px);right:12px;left:12px;
    flex-direction:column;align-items:stretch;gap:4px;
    background:#fff;border:1px solid var(--sam-border,#e2e8f0);
    border-radius:14px;padding:8px;margin:0;
    box-shadow:var(--sam-shadow-lg,0 12px 32px -8px rgba(15,23,42,.18));
    max-height:0;overflow:hidden;opacity:0;visibility:hidden;
    transform:translateY(-8px);
    transition:opacity 220ms ease,transform 220ms ease,max-height 0ms ease 220ms,visibility 0ms ease 220ms;
    z-index:50;
  }
  .samtim-nav-list.is-open{
    max-height:600px;opacity:1;visibility:visible;transform:translateY(0);
    transition:opacity 220ms ease,transform 220ms ease,max-height 0ms ease,visibility 0ms ease;
  }
  .samtim-nav-list li{width:100%}
  .samtim-nav-list li.samtim-nav-sep{width:100%;height:1px;margin:6px 0;align-self:stretch}
  .samtim-nav-list li a{
    display:flex;align-items:center;width:100%;padding:12px 14px;
    border-radius:10px;justify-content:flex-start;
    background:transparent;border:none;font-size:15px;
  }
  .samtim-nav-list li a:hover{background:var(--sam-primary-50,#ecfdf5);transform:none}
  .samtim-nav-list li.active a{background:linear-gradient(135deg,var(--sam-primary,#0d9488) 0%,var(--sam-primary-600,#0f766e) 100%);color:#fff}
  .samtim-nav-list li.theme-toggle{display:flex;justify-content:center;padding-top:6px;border-top:1px solid var(--sam-border-soft,#eef2f7);margin-top:4px}
  .samtim-nav-list li.theme-toggle .sam-theme-toggle{width:100%;border-radius:10px;background:var(--sam-bg-soft,#f1f5f9)}
  .samtim-nav-list li.logout a{background:transparent;border:none;color:#b91c1c}
  .samtim-portal-brand{flex:1;min-width:0}
}

/* المنسدل على الجوال لوحة بيضاء — أعِد ضبط روابط solid/glass حتى تبقى مقروءة */
@media (max-width:900px){
  .samtim-nav-solid .samtim-nav-list li a,
  .samtim-nav-glass .samtim-nav-list li a{background:transparent;border:none;color:var(--sam-text,#0f172a)}
  .samtim-nav-solid .samtim-nav-list li a:hover,
  .samtim-nav-glass .samtim-nav-list li a:hover{background:var(--sam-primary-50,#ecfdf5);color:var(--sam-primary-700,#115e59)}
  .samtim-nav-solid .samtim-nav-list li.active a,
  .samtim-nav-glass .samtim-nav-list li.active a{
    background:linear-gradient(135deg,var(--sam-primary,#0d9488) 0%,var(--sam-primary-600,#0f766e) 100%);
    color:#fff;box-shadow:none;
  }
  .samtim-nav-solid .samtim-nav-list li.logout a,
  .samtim-nav-glass .samtim-nav-list li.logout a{background:transparent;border:none;color:#b91c1c}
  .samtim-nav-solid .samtim-nav-list li.theme-toggle .sam-theme-toggle,
  .samtim-nav-glass .samtim-nav-list li.theme-toggle .sam-theme-toggle{
    background:var(--sam-bg-soft,#f1f5f9);border-color:var(--sam-border,#e2e8f0);color:var(--sam-text-soft,#475569);
  }
  /* minimal: الشريط العلوي على الجوال يحتاج حشوة الحاوية الأصلية */
  .samtim-nav-minimal{padding:12px 16px}
}
/* Dark mode mobile menu */
html[data-sam-theme="dark"] .sam-nav-toggle{background:#1c2740;border-color:#2c3a57;color:#e2e8f0}
html[data-sam-theme="dark"] .sam-nav-toggle span{background:#e2e8f0}
@media (max-width:900px){
  html[data-sam-theme="dark"] .samtim-nav-list{background:var(--sam-card-bg);border-color:var(--sam-border)}
  html[data-sam-theme="dark"] .samtim-nav-list li a{background:transparent;border:none;color:var(--sam-text)}
  html[data-sam-theme="dark"] .samtim-nav-list li.theme-toggle .sam-theme-toggle{background:#162033}
}

/* ===== Print ===== */
@media print{
  .samtim-portal-nav,.sam-nav-toggle,.samtim-header .button,.actions-row,.samtim-table-toolbar{display:none !important}
  .samtim-frontend{margin:0;padding:0;max-width:none}
}