* { box-sizing: border-box; }
body { margin: 0; font-family: 'Assistant', sans-serif; direction: rtl; background: #f4f6fb; }

.login-gate {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
}

.app-navbar {
  background: #1A2332; color: #fff; height: 52px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: sticky; top: 0; z-index: 100;
}
.app-navbar .text-muted { color: #8b9ab0 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-800 { font-weight: 800 !important; }

.panel-card { background: #fff; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.07); overflow: hidden; margin-bottom: 16px; }
.panel-header {
  background: #f8fafc; color: #1e293b; font-weight: 700; font-size: 14px;
  padding: 10px 14px; border-bottom: 1px solid #e2e8f0;
}
.panel-body { padding: 14px; }

.table-wrapper { padding: 4px 0 0; }
.table-empty { text-align: center; padding: 60px 20px; }
table thead th {
  background: #f8fafc; color: #64748b; font-weight: 700;
  border-bottom: 2px solid #e2e8f0; padding: 10px 12px;
}
table tbody td { padding: 10px 12px; }

.table-scroll-area {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 1 auto;
  max-height: calc(100vh - 260px);
}

/* קטעי קוד באנגלית (LTR) - יישור מפורש לשמאל, כי מחלקת ה-utility text-start של בוטסטרפ RTL מתורגמת ל-text-align:right */
/* רקע כהה וטקסט בהיר לריבועי הקוד (כמו עורך קוד), במקום bg-light הישן שהיה קשה לקריאה עם הצבע הוורוד של code */
.ltr-code {
  direction: ltr;
  text-align: left;
  background: #1a2332;
  color: #e2e8f0;
  border: 1px solid #2d3a52;
}

/* אותה בעיה גם בשדות טופס LTR רגילים (דומיין, מייל, קישורים) - להשתמש במקום text-start */
.ltr-field {
  direction: ltr;
  text-align: left;
}

/* צבע ברירת המחדל הוורוד של תגית code בבוטסטרפ לא קריא מספיק על רקע בהיר - כהה יותר לכל קטעי הקוד המוטבעים בטקסט */
.panel-body code:not(.ltr-code) {
  color: #a3145a;
  background: #f1f0f5;
  padding: .1em .35em;
  border-radius: 4px;
}

/* עמודת "דפדפן" (User-Agent) בטבלת היומן - ארוכה, שוברת שורה בתוך התא במקום להרחיב את הטבלה ולגרום לגלילה אופקית */
.log-details-cell {
  display: inline-block;
  white-space: normal;
  word-break: break-word;
  max-width: 480px;
}

/* עמודת "כתובת מלאה" בטבלת היומן - שורה אחת בלבד (בלי גלישה), חתוכה ב-"..." אם ארוכה מדי
   (הכתובת המלאה מוצגת ב-title בעת ריחוף). יישור מפורש לשמאל מוחלט (לא text-align:start) כדי
   שלא יהיה תלוי בכיוון התא - כתובת ה-URL היא תמיד LTR.
   רוחב קבוע (לא max-width) בכוונה: table-layout:auto (ברירת המחדל של הטבלה המשותפת) מתעלם
   מרוחב ה-col/td שהוגדר בעמודה בעת חישוב הרוחב המינימלי הנדרש לתוכן, ולכן overflow:hidden +
   text-overflow:ellipsis לא היו פועלים בלי רוחב מוחלט על האלמנט עצמו (התוכן פשוט "ברח" מהעמודה) */
.log-url-cell {
  display: block;
  direction: ltr;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 400px;
}

/* לשונית "הוראות שימוש" - רוחב מוגבל לקריאה נוחה, כדי שהטקסט וקטעי הקוד לא יימתחו על פני כל רוחב מסך רחב */
#tab-guide .panel-body { max-width: 820px; }

/* מסך עריכת דומיין - פריסה דו-טורית עם רוחב מוגבל, כדי שהטופס כולו ייכנס בגובה מסך מחשב בלי גלילה */
.domain-edit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 28px;
  max-width: 980px;
}
.domain-edit-col .form-text { font-size: 12px; margin-bottom: 10px; }
@media (max-width: 820px) {
  .domain-edit-grid { grid-template-columns: 1fr; }
}