/* منظّمي — رموز «سماء واحدة» (js/symbols.js): القمر، الكوكب، النجمة، الشهاب، النقطة، الشريط، الكلمة، الشارة، الأيقونات الخطية.
   منقولة من النموذج المعتمد design-reference/identity/ui.css. متغيرات نظام التصميم فقط، ولا حركة هنا. */
.ic { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* القمر: قرص بطوره مائل 38° كقارب، وتوهّج مرسوم مسبقاً (لا filter) شدته حسب حالة اليوم */
.moonx { position: relative; display: inline-grid; place-items: center; width: var(--ms); height: var(--ms); flex: none; }
.moonx .moon-rot { display: grid; transform: rotate(38deg); position: relative; z-index: 1; }
.moon-glow { position: absolute; width: calc(var(--ms) * 2.4); height: calc(var(--ms) * 2.4); left: 50%; top: 50%; margin: calc(var(--ms) * -1.2); border-radius: var(--r-pill); background: var(--glow-moon); pointer-events: none; }
.moon-glow.s-light { opacity: .55; } .moon-glow.s-heavy { opacity: .25; }
.moon-dot { position: absolute; z-index: 2; left: 50%; top: calc(var(--ms) * -.2 - 7px); width: 7px; height: 7px; margin-left: -3.5px; border-radius: var(--r-pill); border: 1.6px solid var(--rose); }
.moon-cloud { position: absolute; z-index: 3; width: 115%; bottom: -14%; left: -8%; }
.moon-place { position: relative; display: inline-block; width: var(--ms); height: var(--ms); border-radius: var(--r-pill); border: 1.5px solid color-mix(in srgb, var(--moon) 40%, transparent); }
.moon-place .moon-dot { top: -10px; }

/* الكوكب: قرص مسطح بحبر المادة وحرفها (46% من القطر، 36% للحرفين) وظل هلالي */
.planet { position: relative; width: var(--ps); height: var(--ps); border-radius: var(--r-pill); background: var(--pi); display: inline-grid; place-items: center; flex: none; overflow: hidden; }
.planet::after { content: ''; position: absolute; inset: 0; border-radius: var(--r-pill); background: radial-gradient(circle at 80% 82%, transparent 60%, var(--planet-shade) 62%); }
/* span.planet > b: أقوى من قواعد «X b» في الصفحات حتى لا يكبر حرف الكوكب */
span.planet > b { position: relative; z-index: 1; color: var(--on-planet); font-weight: 700; line-height: 1; font-size: var(--pf); font-family: inherit; }
.planet.add { background: none; border: 1.5px dashed var(--text-3); color: var(--text-2); }
.planet.add::after { display: none; }
.planet.archived { filter: saturate(.35); opacity: .6; }
.pdot { width: var(--ps); height: var(--ps); border-radius: var(--r-pill); background: var(--pi); display: inline-block; flex: none; }

/* النقطة: فارغة = منتظر، مضيئة بنور القمر = منجز، وردية = هدف الليلة، جمرية = متأخر */
.pt { width: var(--pt); height: var(--pt); border-radius: var(--r-pill); border: 1.5px solid var(--text-3); display: inline-block; flex: none; }
.pt.lit { border-color: var(--moon); background: var(--moon); outline: 4px solid color-mix(in srgb, var(--moon) 14%, transparent); }
.pt.rose { border-color: var(--rose); } .pt.late { border-color: var(--ember); }

/* الشريط (كمية فقط، لا وقت): 4px يمتلئ من اليمين */
.bar { display: block; height: 4px; border-radius: var(--r-pill); background: var(--line); overflow: hidden; }
.bar i { display: block; height: 100%; border-radius: var(--r-pill); background: var(--moon); transform-origin: right; }
.bar.neutral i { background: var(--text-2); } .bar.ember i { background: var(--ember); }

.meteor { color: var(--text); flex: none; }
.star { flex: none; overflow: visible; }

/* الكلمة «منظّمي» مسار ثابت بلون النص، ونقطة النون نجمة الشعار الوردية */
.wordmark { display: inline-block; width: auto; color: var(--text); overflow: visible; flex: none; }
.lockup { display: inline-flex; align-items: center; gap: 8px; }

/* شارة رقمية وردية على أيقونة التبويب */
.badge { position: absolute; top: 6px; left: 8px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--r-pill); background: var(--rose); color: var(--on-rose); font: var(--t-micro); font-weight: 700; line-height: 18px; text-align: center; z-index: 2; }