:root{color-scheme:dark}
*{box-sizing:border-box}
html, body{height:100%; overscroll-behavior-y:contain}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b1220;color:#e5e7eb}
a{color:#60a5fa}

.row{display:flex;align-items:center;gap:8px}
.btn{padding:8px 12px;border-radius:10px;border:1px solid #2a3a55;background:#0f172a;color:#e6f;cursor:pointer}
.btn.primary{background:#14b8a6;color:#012;border-color:#0e8a7d;font-weight:700}
.card{background:#0f172a;border:1px solid #1c2a3f;border-radius:12px;padding:12px}
.select,.input{height:36px;padding:6px 10px;border-radius:10px;border:1px solid #2a3a55;background:#0f172a;color:#e6f}
.hidden{display:none}
.sub{opacity:.8}
.hint{opacity:.7;font-size:.9rem}

/* התאמות מובייל כלליות */
@media (max-width: 640px) {
  .btn, .select, .input { height:44px }
}

/* אם יש מחלקות כאלה בדפי הצ'אט הפנימיים – יתפסו מיד.
   אם לא, לא יקרה כלום. דפי iframe עצמם יידרשו עדכון דומה. */
.chat-footer{
  position:sticky; bottom:0; z-index:50;
  background:#0b1220; padding:12px 12px calc(12px + env(safe-area-inset-bottom));
  border-top:1px solid #1c2a3f;
}
.chat-footer textarea,
.chat-footer input[type="text"]{
  width:100%; min-height:44px; max-height:35vh; resize:none;
}
/* רמז גרירת קבצים – לא לחסום כפתורי שליחה במובייל */
.drop-hint{ pointer-events:none; font-size:12px; opacity:.85; }
@media (pointer:coarse), (max-width:640px){
  .drop-hint{ display:none !important; }
}
/* --- MOBILE FIX PACK --- */
:root { color-scheme: dark; }
html, body { width:100%; height:100%; margin:0; padding:0; overscroll-behavior: none; touch-action: manipulation; }
* { -webkit-tap-highlight-color: transparent; }

/* רספונסיביות אמיתית לסמארטפון */
@media (max-width: 900px) {
  .app {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    max-width: 100vw !important;
    width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* אם יש פאנל צד ברוחב קבוע – נהפוך לעמודה */
  .panel, .sidebar, .left, .right {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* שדות וקבוצות כפתורים */
  input, button, .btn, select, textarea {
    font-size: 16px !important;      /* מונע זום אוטומטי */
    min-height: 44px !important;      /* Target נוח לאצבע */
  }

  /* כותרות/סרגלים שלא יברחו */
  header, .topbar {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
}

/* מניעת שכבת-כיסוי “שקופה” שחוסמת לחיצות */
[style*="pointer-events: auto"] {}
*[class*="overlay"],
*[class*="cover"],
*[class*="shield"],
*[class*="modal-backdrop"] {
  pointer-events: none !important;
}

/* ודא שאלמנטים לחיצים באמת לחיצים */
button, .btn, [role="button"], a, input, select, textarea {
  pointer-events: auto !important;
  position: relative;
  z-index: 1;
}

/* גלילה ללא זחילה אופקית */
body { overflow-x: hidden !important; }