/* v91 — أيقونات Material مملوءة: أكبر وأوضح وأنظف */
svg.tk-mi { flex-shrink: 0; vertical-align: middle; fill: currentColor; stroke: none; shape-rendering: geometricPrecision; }
/* مقاسات أكبر من الافتراضي (كانت 12/14/16/20/24px) */
svg.tk-mi.w-3   { width: 1.2rem;  height: 1.2rem; }
svg.tk-mi.w-3\.5 { width: 1.5rem;  height: 1.5rem; }
svg.tk-mi.w-4   { width: 1.65rem; height: 1.65rem; }
svg.tk-mi.w-5   { width: 2rem;    height: 2rem; }
svg.tk-mi.w-6   { width: 2.3rem;  height: 2.3rem; }
svg.tk-mi.w-7   { width: 2.5rem;  height: 2.5rem; }
svg.tk-mi.w-8   { width: 2.8rem;  height: 2.8rem; }
svg.tk-mi.h-3   { height: 1.2rem; }
svg.tk-mi.h-3\.5 { height: 1.5rem; }
svg.tk-mi.h-4   { height: 1.65rem; }
svg.tk-mi.h-5   { height: 2rem; }
svg.tk-mi.h-6   { height: 2.3rem; }
/* أيقونة بدون مقاس صريح */
svg.tk-mi:not([class*="w-"]) { width: 1.65rem; height: 1.65rem; }
/* الحاويات الصغيرة الملونة تتسع للأيقونة الأكبر */
div.w-6.h-6 > svg.tk-mi, div.w-7.h-7 > svg.tk-mi { width: 1.4rem; height: 1.4rem; }
div.w-8.h-8 > svg.tk-mi { width: 1.7rem; height: 1.7rem; }
div.w-14.h-14 > svg.tk-mi { width: 2.2rem; height: 2.2rem; }
/* داخل الأزرار: ابتعاد مناسب ولا تنضغط */
button > svg.tk-mi, a > svg.tk-mi { min-width: 1.3rem; min-height: 1.3rem; }
/* أزرار الهيدر الدائرية (الوضع الداكن، الإعدادات) */
svg.tk-mi.moon-icon, svg.tk-mi.sun-icon, svg.tk-mi.gear-icon { width: 1.45rem !important; height: 1.45rem !important; }

/* ---------- v130: صورة الحساب وأيقونات قائمة الحساب ---------- */
.tk-av {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 9999px; color: #fff;
  font-family: Inter, Cairo, sans-serif; font-weight: 800; font-size: 12px; line-height: 1; letter-spacing: .03em;
  background-size: cover; text-shadow: 0 1px 1px rgba(15, 23, 42, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 0 2px #fff, 0 0 0 3px rgba(15, 23, 42, .12), 0 4px 10px -4px rgba(15, 23, 42, .45) !important;
}
.dark .tk-av { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 0 2px #0f172a, 0 0 0 3px rgba(255, 255, 255, .18) !important; }
#nav-user-avatar.tk-av { width: 30px; height: 30px; margin-inline-start: 2px; }
#mobile-user-avatar.tk-av { width: 34px; height: 34px; font-size: 12.5px; margin-inline: 3px; }
#profile-view .pf-avatar.tk-av { font-size: 21px; }
.tk-av-lg, .tk-av.tk-av-lg { width: 44px; height: 44px; font-size: 15px; }

/* v135: رقم الحساب الفريد */
.tk-acc-card { display: flex; align-items: center; gap: 12px; padding: 10px 6px; border-bottom: 1px solid #f1f5f9; }
.dark .tk-acc-card { border-bottom-color: rgba(30, 41, 59, .8); }
.tk-acc-txt { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.tk-acc-txt b { max-width: 150px; font: 800 13.5px/1.3 Cairo, Inter, sans-serif; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dark .tk-acc-txt b { color: #f1f5f9; }
.tk-acc-id, .um-uid { display: inline-block; width: fit-content; padding: 1px 7px; border-radius: 6px; background: #f1f5f9; color: #475569; font: 700 11px/1.6 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .02em; }
.dark .tk-acc-id, .dark .um-uid { background: #1e293b; color: #cbd5e1; }
.um-uid:empty, .tk-acc-id:empty { display: none; }
.tk-acc-id { border: 0; cursor: pointer; transition: background .15s, color .15s; }
.tk-acc-id:hover { background: #dcfce7; color: #15803d; }
.tk-acc-id:focus-visible { outline: 2px solid #16a34a; outline-offset: 2px; }
.tk-acc-id[data-copied] { background: #16a34a; color: #fff; font-family: Cairo, sans-serif; }
.um-user-main .um-uid { margin-top: 2px; }

/* ---------- v135: الإشعارات — اللون حسب نوع الرسالة، وأيقونة بيضاء داخل مربع ملوّن ---------- */
.tk-toast {
  --t-a: #22c55e; --t-b: #15803d; --t-bg: #fff; --t-ink: #0f172a; --t-line: #e2e8f0;
  position: fixed; right: 24px; bottom: 96px; z-index: 9999; box-sizing: border-box;
  display: flex; align-items: center; gap: 12px; width: max-content; min-width: 240px; max-width: min(380px, calc(100vw - 32px));
  padding: 10px 16px 12px 10px; overflow: hidden; border-radius: 16px;
  background: var(--t-bg); color: var(--t-ink); border: 1px solid var(--t-line);
  box-shadow: 0 18px 40px -14px rgba(15, 23, 42, .4), 0 2px 6px rgba(15, 23, 42, .06);
  font: 700 13.5px/1.6 Cairo, Inter, sans-serif;
}
.dark .tk-toast { --t-bg: #0f172a; --t-ink: #f1f5f9; --t-line: #27354a; }
.tk-t-err { --t-a: #f87171; --t-b: #dc2626; }
.tk-t-warn { --t-a: #fbbf24; --t-b: #d97706; }
.tk-t-info { --t-a: #60a5fa; --t-b: #2563eb; }
.tk-toast .tk-toast-ic, .dark .tk-toast .tk-toast-ic {
  flex: none; width: 36px; height: 36px; border-radius: 11px; color: #fff;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(145deg, var(--t-a), var(--t-b));
  box-shadow: 0 6px 12px -6px var(--t-b);
}
.tk-toast .tk-toast-ic svg, .tk-toast .tk-toast-ic svg.tk-mi { width: 20px !important; height: 20px !important; min-width: 0; min-height: 0; color: #fff; }
.tk-toast .tk-toast-bar { background: var(--t-b); opacity: .55; }
@media (max-width: 1023px) {
  .tk-toast { left: 16px; right: 16px; width: auto; max-width: none; min-width: 0; bottom: calc(160px + env(safe-area-inset-bottom)); }
}
.tk-acc-ico { width: 30px; height: 30px; border-radius: 10px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; transition: transform .15s ease; }
.tk-acc-ico svg.tk-mi { width: 18px !important; height: 18px !important; min-width: 0; min-height: 0; }
.group:hover .tk-acc-ico { transform: scale(1.06); }
.tk-acc-green { background: #dcfce7; color: #15803d; }
.tk-acc-blue { background: #dbeafe; color: #1d4ed8; }
.tk-acc-red { background: #fee2e2; color: #dc2626; }
.dark .tk-acc-green { background: rgba(22, 163, 74, .18); color: #4ade80; }
.dark .tk-acc-blue { background: rgba(37, 99, 235, .2); color: #93c5fd; }
.dark .tk-acc-red { background: rgba(220, 38, 38, .18); color: #fca5a5; }
.tk-dash-go { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.tk-dash-go svg.tk-mi { width: 20px !important; height: 20px !important; min-width: 0; min-height: 0; }

/* ---------- زر الواتساب العائم ---------- */
#wa-float .tk-wa {
  position: relative; display: inline-flex; align-items: center; gap: 0; height: 64px; min-width: 64px;
  padding: 0; justify-content: center; border-radius: 999px; color: #fff; text-decoration: none;
  background: linear-gradient(145deg, #12803f 0%, #0a5c2d 100%);   /* أخضر غامق */
  box-shadow: 0 10px 26px rgba(8, 70, 35, .45), 0 2px 6px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255,255,255,.18);
  border: 3px solid #fff; overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, padding .25s ease, gap .25s ease;
}
.dark #wa-float .tk-wa { border-color: #0f172a; }
#wa-float .tk-wa svg { width: 36px; height: 36px; flex-shrink: 0; color: #fff; }
#wa-float .tk-wa-label { max-width: 0; opacity: 0; white-space: nowrap; font: 800 14px Cairo, system-ui, sans-serif; transition: max-width .3s ease, opacity .2s ease; }
#wa-float .tk-wa:hover, #wa-float .tk-wa:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(8, 70, 35, .55), 0 3px 8px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.2); padding: 0 18px 0 12px; gap: 8px; }
#wa-float .tk-wa:hover .tk-wa-label, #wa-float .tk-wa:focus-visible .tk-wa-label { max-width: 120px; opacity: 1; }
#wa-float .tk-wa:active { transform: scale(.96); }
#wa-float .tk-wa::after { content: ""; position: absolute; inset: -3px; border-radius: inherit; border: 2px solid rgba(18,128,63,.55); animation: tk-wa-ring 2.6s ease-out infinite; pointer-events: none; }
@keyframes tk-wa-ring { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.35); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { #wa-float .tk-wa::after { animation: none; } }

/* ---------- محرر النصوص (أدمن) ---------- */
#tk-te-modal { position: fixed; inset: 0; z-index: 9995; background: rgba(15,23,42,.55); display: flex; align-items: center; justify-content: center; padding: 14px; }
#tk-te-modal[hidden] { display: none; }
.tk-te-card { background: #fff; color: #0f172a; width: min(760px, 100%); max-height: 88vh; display: flex; flex-direction: column;
  border-radius: 20px; padding: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.3); font-family: Cairo, system-ui, sans-serif; }
.dark .tk-te-card { background: #0f172a; color: #e2e8f0; border: 1px solid #1e293b; }
.tk-te-head { display: flex; justify-content: space-between; align-items: center; font-size: 16px; margin-bottom: 6px; }
.tk-te-head button { border: 0; background: transparent; font-size: 18px; cursor: pointer; color: inherit; }
.tk-te-hint { font-size: 12px; opacity: .7; line-height: 1.7; margin: 0 0 10px; }
#tk-te-search, #tk-te-list input { width: 100%; padding: 9px 12px; border: 1px solid #cbd5e1; border-radius: 12px; font-size: 13px;
  background: transparent; color: inherit; font-family: inherit; }
.dark #tk-te-search, .dark #tk-te-list input { border-color: #334155; }
#tk-te-list { overflow: auto; margin: 10px 0; display: flex; flex-direction: column; gap: 10px; flex: 1; min-height: 120px; }
.tk-te-row { display: flex; flex-direction: column; gap: 4px; padding-bottom: 10px; border-bottom: 1px dashed rgba(148,163,184,.4); }
.tk-te-orig { font-size: 11px; opacity: .65; word-break: break-word; }
.tk-te-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#tk-te-msg { font-size: 12px; opacity: .8; }
#tk-te-save { border: 0; border-radius: 12px; padding: 9px 26px; background: #059669; color: #fff; font-weight: 700; cursor: pointer; font-family: inherit; }
#tk-te-save:hover { background: #047857; }