/* Placeholder stylesheet to satisfy page references and avoid MIME errors. */
/* If you have page-specific styles, add them here. */

/* Basic variables to align with style.css expectations */
:root {
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --white: #ffffff;
  --charcoal: #111827;
  --shadow-soft: 0 1px 3px rgba(0,0,0,0.06);
}

/* Scoped helpers used by business/profile pages */
.profile-shell .panel { box-shadow: var(--shadow-soft); }
.profile-shell .muted { color: var(--gray-600); }
.profile-shell .small { font-size: 12px; }

.suggestions-panel {
  position: absolute;
  background: #fff;
  color: #111827;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
  max-height: 240px;
  overflow-y: auto;
  width: 100%;
  z-index: 999;
  font-size: 0.9rem;
}
.suggestions-item {
  padding: 0.6rem 0.75rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.suggestions-item:hover {
  background: #f3f4f6;
}
.suggestions-name {
  font-weight: 600;
  color: #111827;
  line-height: 1.2;
}
.suggestions-email {
  font-size: .8rem;
  color: #6b7280;
  line-height: 1.2;
}

.suggestions-panel {
  position: absolute;
  background: #fff;
  color: #111827;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
  max-height: 240px;
  overflow-y: auto;
  width: 100%;
  z-index: 999;
  font-size: 0.9rem;
}

.suggestions-item {
  padding: 0.6rem 0.75rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.suggestions-item:hover {
  background: #f3f4f6;
}

.suggestions-name {
  font-weight: 600;
  color: #111827;
  line-height: 1.2;
}

.suggestions-email {
  font-size: .8rem;
  color: #6b7280;
  line-height: 1.2;
}

/* new wrapper for positioning the dropdown */
.team-fields-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
}

/* keep your original layout for the fields inside */
.team-fields{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* suggestions panel positioning / appearance */
.suggestions-panel {
  position: absolute;
  top: calc(100% + 4px);  /* sit just under the inputs row */
  left: 0;
  right: 0;

  background:#fff;
  color:#111827;
  border:1px solid #d1d5db;
  border-radius:0.5rem;
  box-shadow:0 20px 40px rgba(0,0,0,.12);
  max-height:240px;
  overflow-y:auto;
  z-index:99999;
  font-size:0.9rem;
  min-width:220px;
}

.suggestions-item {
  padding:0.6rem 0.75rem;
  cursor:pointer;
  display:flex;
  flex-direction:column;
}

.suggestions-item:hover {
  background:#f3f4f6;
}

.suggestions-name {
  font-weight:600;
  color:#111827;
  line-height:1.2;
}

.suggestions-email {
  font-size:.8rem;
  color:#6b7280;
  line-height:1.2;
}

.team-fields-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
}

.suggestions-panel {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;

  background:#fff;
  color:#111827;
  border:1px solid #d1d5db;
  border-radius:0.5rem;
  box-shadow:0 20px 40px rgba(0,0,0,.12);
  max-height:240px;
  overflow-y:auto;
  z-index:99999;
  font-size:0.9rem;
  min-width:220px;
}

.suggestions-item {
  padding:0.6rem 0.75rem;
  cursor:pointer;
  display:flex;
  flex-direction:column;
}

.suggestions-item:hover {
  background:#f3f4f6;
}

.suggestions-name {
  font-weight:600;
  color:#111827;
  line-height:1.2;
}

.suggestions-email {
  font-size:.8rem;
  color:#6b7280;
  line-height:1.2;
}


.uid-status {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  min-height: 1.2em; /* reserve space so it doesn't jump */
}

.uid-status.idle {
  color: var(--gray-600);
}

.uid-status.ok {
  color: #10b981; /* green-500 */
  font-weight: 600;
}

.uid-status.bad {
  color: #ef4444; /* red-500 */
  font-weight: 600;
}