/* עמוד בגובה מלא (ללא גלילת דף) - רק הטבלה עצמה גוללת, כדי שהיא תתפוס את כל
   הגובה הפנוי בין הכותרת/לשוניות/סרגל הכלים לתחתית המסך. */
html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.home-topbar { flex: 0 0 auto; }

.domains-tabs {
  background: #fff; border-bottom: 1px solid #e2e8f0; display: flex; gap: 4px;
  padding: 0 20px; flex: 0 0 auto;
}
.domains-tab {
  border: none; background: none; padding: 12px 16px; font-size: 14px; font-weight: 700;
  color: #64748b; cursor: pointer; border-bottom: 3px solid transparent; transition: all .12s;
}
.domains-tab:hover { color: #1e293b; }
.domains-tab.active { color: #1d4ed8; border-bottom-color: #1d4ed8; }

.domains-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.domains-panel {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.domains-table-area {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0 20px 16px;
}

/* table-layout:fixed הכרחי - בלעדיו תוכן ארוך (למשל שם פרויקט) "מתנפח" ומקבל את
   רוב רוחב הטבלה במקום לכבד את ה-width שהוגדר לעמודה (ר' אותה הערה ב-core/wi/style.css).
   width:auto מבטל את width:100% של מחלקת ה-Bootstrap ".table" - בלעדיו רוחב הטבלה
   נמתח למלוא הרוחב הפנוי במקום להיקבע לפי סכום רוחבי העמודות שהוגדרו. */
.domains-table { table-layout: fixed; width: auto; }
.domains-table thead th {
  white-space: normal; line-height: 1.25; max-height: 2.6em; overflow: hidden;
}
/* overflow:hidden הכרחי בחזרה כדי ש-table-layout:fixed יאכוף את רוחב העמודה מול
   תוכן ללא-גלישה (ר' הערה מקבילה ומפורטת ב-core/wi/style.css - תקרית אמיתית: עמודות
   קפצו למאות/אלפי פיקסלים בפועל בלעדיו). חיתוך תפריט הפעולות נפתר עם
   data-bs-strategy="fixed" על כפתור ה-dropdown (ר' rowActionsMenu ב-domains.js). */
.domains-table tbody td { overflow: hidden; }
.domains-table tbody td:first-child { padding: 2px 4px; text-align: center; }

/* אייקון הפעולות - מוסתר כברירת מחדל, מופיע רק בריחוף עכבר מעל השורה או במיקוד
   מקלדת - אותו עיקרון בדיוק כמו dash.vidis.co.il. */
.domains-actions-toggle { opacity: 0; pointer-events: none; transition: opacity .15s ease; }
.st-table tbody tr:hover .domains-actions-toggle,
.st-table tbody tr:focus-within .domains-actions-toggle,
.domains-actions-toggle:focus { opacity: 1; pointer-events: auto; }

.st-table tbody tr.st-row-selected > td { background: #e3efe7; }

.project-name-input {
  min-width: 140px;
  border: 1px solid transparent;
  background: transparent;
}
.project-name-input:hover,
.project-name-input:focus {
  border-color: #ced4da;
  background: #fff;
}