/* Lookup-screen-specific layout, including the roster editor dialog.
   Shared look-and-feel lives in app.css. */

.team h2 { display: flex; align-items: center; gap: 0.5rem; }
button.edit-btn { font-size: 0.75rem; }

.row { display: flex; align-items: center; gap: 0.6rem; margin: 0.5rem 0; flex-wrap: wrap; }
.row .spacer { flex: 1; }

dialog#editDialog {
  width: min(700px, 92vw);
  max-height: 85vh;
  overflow-y: auto;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 1rem;
}
dialog#editDialog::backdrop { background: rgba(0, 0, 0, 0.4); }

#editDialog fieldset { border: 1px solid var(--border); border-radius: 4px; margin: 0 0 1rem 0; padding: 0.75rem; }
#editDialog legend { padding: 0 0.3rem; font-weight: 600; }
#editDialog label { display: inline-flex; flex-direction: column; gap: 0.2rem; font-size: 0.8rem; margin-right: 1rem; }
#editDialog label.wide { width: 100%; margin-top: 0.5rem; }
#editDialog input[type="text"] { font-size: 1rem; padding: 0.3rem 0.4rem; }
#editDialog label.wide input { width: 100%; }

#editTable { width: 100%; border-collapse: collapse; margin-top: 0.5rem; }
#editTable th, #editTable td { border-bottom: 1px solid var(--border); padding: 0.25rem 0.4rem; text-align: left; }
#editTable td[contenteditable] { cursor: text; }
#editTable td[contenteditable]:focus { outline: 2px solid #6ea8fe; outline-offset: -2px; }
#editTable button.remove { color: #a33; border: none; background: none; cursor: pointer; font-size: 1rem; }

#editStatus.error { color: #a33; }
#editStatus.ok { color: var(--confirm); }