/* local-cameras.css — fereastra de alegere a camerei locale. */

.local-open { margin-left: .5rem; }

.local-modal .modal-card {
  width: min(30rem, 92vw);
  text-align: left;
  max-height: 88vh;
  overflow-y: auto;
}

.local-modal h2 {
  font-family: Manrope, sans-serif;
  font-size: 1.05rem;
  margin: 0 0 .4rem;
}

.local-modal > .modal-card > p {
  margin: 0 0 1rem;
  font-size: .78rem;
  line-height: 1.5;
  color: var(--muted, #8c96a6);
}

.local-field {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  margin-bottom: .75rem;
  font-size: .7rem;
  color: var(--muted, #8c96a6);
}

.local-field select {
  font: inherit;
  font-size: .82rem;
  padding: .45rem .5rem;
  background: #0d1118;
  border: 1px solid var(--line, #252c37);
  border-radius: .35rem;
  color: var(--text, #eef2f7);
}

.local-field select:focus { outline: none; border-color: var(--amber, #f2b84b); }

.local-status {
  min-height: 1.1rem;
  margin: .25rem 0 .75rem;
  font-size: .74rem;
  color: var(--green, #39d98a);
}

.local-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .5rem;
  margin-bottom: .75rem;
}

.local-actions button {
  font: inherit;
  font-size: .8rem;
  padding: .55rem .8rem;
  border-radius: .4rem;
  border: 1px solid transparent;
  background: var(--amber, #f2b84b);
  color: #17120a;
  font-weight: 600;
  cursor: pointer;
}

.local-actions button.secondary {
  background: var(--panel2, #171d27);
  border-color: var(--line, #252c37);
  color: var(--text, #eef2f7);
  font-weight: 500;
}

.local-modal small {
  display: block;
  font-size: .68rem;
  line-height: 1.5;
  color: #667180;
}