/* STL Manipulation — עיצוב מינימלי מתוך התוסף: מצב טעינה, הודעות, כרטיס התחברות לאורח.
   עיצוב היישום עצמו (app.css) נטען מ-Render יחד עם הקוד. */

.stlm-root[data-stlm-app] { direction: rtl; text-align: right; font-family: "Rubik", "Segoe UI", system-ui, sans-serif; }

/* הודעה: טעינה / טלפון / שגיאת טעינה */
.stlm-root .stlm-note {
  max-width: 760px; margin: 24px auto; padding: 26px 24px; text-align: center;
  border-radius: 16px; font-size: 17px; line-height: 1.6; font-weight: 600;
  color: #e8ecf2; background: #161b24; border: 1px solid rgba(220,162,74,.55);
}
.stlm-root .stlm-loading::before {
  content: ''; display: block; width: 36px; height: 36px; margin: 0 auto 12px;
  border: 4px solid rgba(255,255,255,.14); border-top-color: #dca24a; border-radius: 50%;
  animation: stlm-front-spin 1s linear infinite;
}
@keyframes stlm-front-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .stlm-root .stlm-loading::before { animation: none; } }

/* חלון תקלת תקשורת בטעינת היישום (תבנית error-msgbox): כרטיס כהה, פס אדום, אייקון, "הבנתי" */
.stlm-boot-msgbox { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center;
  justify-content: center; padding: 20px; background: rgba(8, 11, 20, .66); }
.stlm-boot-msgbox[hidden] { display: none; }
.stlm-boot-card { width: min(430px, 100%); box-sizing: border-box; text-align: center; direction: rtl;
  background: #1e2438; border: 1px solid #2b3350; border-top: 4px solid #ff5c72; border-radius: 16px;
  padding: 26px 24px; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); animation: stlm-boot-pop .16s ease-out;
  font-family: "Rubik", "Segoe UI", system-ui, sans-serif; }
.stlm-boot-icon { font-size: 40px; line-height: 1; margin-bottom: 10px; }
.stlm-boot-title { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: #e7eaf3; font-family: inherit; line-height: 1.3; }
.stlm-boot-msg { margin: 0 0 20px; font-size: 14px; line-height: 1.65; color: #9aa3bd; }
.stlm-boot-btn { min-width: 130px; padding: 10px 18px; border-radius: 10px; border: none; cursor: pointer;
  font-family: inherit; font-weight: 700; font-size: 14px; color: #fff; text-transform: none; box-shadow: none;
  background: linear-gradient(90deg, #5b8cff, #7c5cff); }
.stlm-boot-btn:hover { filter: brightness(1.08); }
@keyframes stlm-boot-pop { from { transform: scale(.94); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .stlm-boot-card { animation: none; } }

/* אורח / אין הרשאה — כרטיס עם זוהר זהוב (מדריך העיצוב 6.9) */
.stlm-root .stlm-login-note {
  direction: rtl; max-width: 760px; margin: 0 auto; padding: 30px 28px;
  text-align: center; border-radius: 16px; font-size: 19px; line-height: 1.6;
  font-weight: 600; color: #e7ecff;
  background: linear-gradient(180deg, #0f1636, #0a1024);
  border: 1px solid rgba(255,214,120,.55);
  box-shadow: 0 0 0 1px rgba(255,214,120,.12), 0 0 34px rgba(120,150,255,.28),
              inset 0 0 26px rgba(120,150,255,.10);
}
.stlm-root .stlm-login-note a { color: #ffd66b; font-weight: 700; text-decoration: none;
                border-bottom: 1px solid rgba(255,214,120,.5); }