/* =========================================================
   CollaLex — styles-tables.css
   TEMPORARY split file (transitional restructure).
   Extracted verbatim from the old styles.css.
   Will be rejoined into the final stylesheet later.
   ========================================================= */

/* -----------------------------------------------------------
   TABLES (generic) (old Section 9)
   ----------------------------------------------------------- */
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--color-border); font-size: 13.5px; }
th {
    background: var(--color-bg-hover); font-weight: 600; color: var(--color-text-secondary);
    font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.4px;
}
tr:last-child td { border-bottom: none; }
tr:hover td { background: var(--color-bg-hover); }


/* -----------------------------------------------------------
   LIST ITEM (settings tabs: lexcats / dialects / sources)
   (old Section 15)
   CLEANUP UPDATE: .project-item and .user-row (the other two row
   patterns this note used to compare against) are gone — both were
   confirmed dead and removed, since every page that used to render
   them now uses .info-table instead. .list-item survives as the
   one still-live exception: it has no card wrapper, top-aligns
   instead of centering, and has an expandable inline-edit drawer,
   used by the still-unconverted Lexcats/Dialects/Etymology
   Languages/Sources/Semantic Domains tabs.
   ----------------------------------------------------------- */
.list-item {
    display: flex; align-items: flex-start; justify-content: space-between;
    padding: 12px 0; border-bottom: 1px solid var(--color-border);
}
.list-item-info { flex: 1; }
.list-item-info strong { font-size: 14px; }
.list-item-info .meta { font-size: 13px; color: var(--color-text-muted); margin-top: 2px; }

/* CLEANUP UPDATE: .inline-edit/.inline-edit.open (the old div-based
   edit drawer, display:block when open) confirmed dead — replaced by
   .inline-edit-row below when the vocab-list edit interaction was
   rebuilt around a real table row instead of a div. Same toggleEdit()
   JS and id convention, just display:table-row instead of
   display:block, since a <tr> needs that to render correctly. Used by
   partials-vocab_list.php's per-item edit row. */
.inline-edit-row { display: none; }
.inline-edit-row.open { display: table-row; }
.inline-edit-row td { background: var(--color-bg-hover); padding: 16px; }

/* CLEANUP UPDATE: .import-grid/.import-row/.import-bar (default-list
   browse/import screens, formerly used by lexcats/semdoms) confirmed
   dead and removed. Both pages were converted to .info-table, and
   their only remaining reference was a stale demo swatch in
   admin-index.php's Stylesheet gallery describing itself as used by
   those two pages -- also removed, since it no longer reflected
   anything real. */


/* -----------------------------------------------------------
   PROJECT LIST (old Section 16)
   CLEANUP UPDATE: .project-list/.project-item/.project-item-info/
   -name/-meta confirmed dead (zero matches across the actual
   codebase, not just files available to Claude) and removed.
   projects-index.php, admin's Projects tab, and Profile
   Memberships all render via partials-project_list.php, which
   already uses .info-table.
   ----------------------------------------------------------- */
.projects-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }


/* -----------------------------------------------------------
   USERS LIST (old Section 17)
   CLEANUP UPDATE: .users-section/.user-row/.user-info confirmed
   dead (zero matches across the actual codebase) and removed —
   both users-index.php and admin's Join Requests tab now render
   via .info-table instead. .user-name/.user-email are still live,
   reused as the identity-cell classes inside those tables' Name
   column, so they're kept.
   ----------------------------------------------------------- */
.user-name { font-size: 14px; font-weight: 600; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-email { font-size: 12px; color: var(--color-text-faint); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-email em { color: var(--color-text-secondary); font-style: italic; }


/* -----------------------------------------------------------
   FIELD CONFIGURATION TABLE — table half only (old Section 19)
   The pill/button half of this original section
   (.fc-avail-pill, .fc-activate, .fc-deactivate) was moved to
   styles-elements.css instead — see note there.
   CONFIRMED (settings-index.php lines 352 & 436): .fc-section-title
   labels BOTH "Active Fields" (above this table) AND "Available
   Fields" (above the pill group now in styles-elements.css). It's
   a shared label style, not table-specific — this is fine to leave
   here since both files load together and will be rejoined anyway,
   but worth knowing if this file is ever split further.
   ----------------------------------------------------------- */
.fc-section-title {
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px;
    color: var(--color-text-faint); margin: 0 0 10px;
}
.field-config-table { width: 100%; border-collapse: collapse; }
.field-config-table th { font-size: 11px; padding: 8px 10px; text-align: left; color: var(--color-text-muted); border-bottom: 1px solid var(--color-border); }
.field-config-table td { padding: 7px 10px; vertical-align: middle; border-bottom: 1px solid var(--color-bg-divider); }
.field-config-table tbody tr:hover td { background: var(--color-bg-hover); }
.field-row.dragging { opacity: 0.4; background: var(--color-bg-active); }
.drag-handle { color: var(--color-border-strong); cursor: grab; }