/* ===== RF Sight — Admin Console (delta over /shared/base.css) ===== */

/* two-column layout with a draggable splitter */
main {
  display: flex; gap: 0; align-items: flex-start;
  padding: 20px; max-width: 1200px; margin: 0 auto;
}
#adminMain > .panel { flex: 1; min-width: 300px; }
@media (max-width: 820px) {
  main { flex-direction: column; align-items: stretch; gap: 14px; padding: 14px; }
  #adminMain > .panel { min-width: 0; width: 100%; }
  .mgmt-resizer { display: none; }
}

/* add-company / add-user forms */
.add-row, .add-user { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.add-user { flex-direction: column; }
.add-user .icon-btn { align-self: flex-end; padding: 6px 12px; }
.add-row input, .add-user input {
  flex: 1; min-width: 0; background: var(--input-bg); color: var(--text);
  border: 1px solid var(--border); border-radius: 8px; padding: 9px 11px; font: inherit; font-size: .9em;
}

/* companies / users list rows */
.list { display: flex; flex-direction: column; gap: 8px; }
.row {
  display: flex; align-items: center; gap: 10px; background: var(--item);
  border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px;
}
.row.selected { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.row .main { flex: 1; min-width: 0; cursor: pointer; }
.row .name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row .sub { color: var(--muted); font-size: .8em; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row .acts { display: flex; gap: 6px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; }
/* inline company rename — mirrors the dashboard device-ID field */
.co-name {
  flex: 1; min-width: 40px; background: transparent; border: 1px solid transparent;
  border-radius: 5px; color: var(--text); font-weight: 600; font-size: .95em;
  padding: 5px 7px; font-family: inherit; overflow: hidden; text-overflow: ellipsis;
}
.co-name[readonly] { cursor: pointer; }
.co-name:not([readonly]) { border-color: var(--accent); background: var(--input-bg); cursor: text; }
.co-name:focus { outline: none; }
.co-users { color: var(--muted); font-size: .8em; flex-shrink: 0; white-space: nowrap; }