/* Admin manage panels (user and device). Was the adm-panels-styles tag in
   js/views/admin-panels.js, appended when a panel opened, after views-admin.
   .amp-input / .amp-select appearance stays in styles/components.css. */
.amp-section { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--border-subtle); }
.amp-section:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.amp-section-title { font-size: 13px; font-weight: 600; color: var(--accent-text); display: block; margin-bottom: 6px; }
.amp-section-title.danger { color: var(--danger); }
.amp-meta { font-size: 12px; color: var(--text-muted); line-height: 1.6; }
.amp-meta .mono { font-family: var(--font-mono); }
.amp-field { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; max-width: 460px; align-items: flex-start; }
.modal-body .amp-field { max-width: none; }
.amp-label { font-size: 11px; color: var(--text-2); }
/* .amp-input / .amp-select appearance and width: styles/components.css */
.amp-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.amp-row-btns { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.amp-chip {
  display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: var(--r-pill);
  font-size: 11px; font-family: var(--font-mono); border: 1px solid;
}
.amp-chip-x { background: none; border: none; cursor: pointer; padding: 0; margin-left: 2px; font-size: 11px; opacity: .65; }
.amp-chip-x:hover { opacity: 1; }
.amp-pill {
  display: inline-block; padding: 1px 8px; border-radius: var(--r-pill); font-size: 10px;
  text-transform: uppercase; letter-spacing: .5px; font-family: var(--font-mono); border: 1px solid;
  vertical-align: middle;
}
.amp-disclosure { margin-top: 10px; background: var(--bg-input); border: 1px solid var(--border-subtle); border-radius: var(--r-sm); padding: 6px 10px; }
.amp-disclosure > summary { cursor: pointer; color: var(--accent-text); font-size: 12px; list-style: none; padding: 2px 0; }
.amp-disclosure > summary::-webkit-details-marker { display: none; }
.amp-list { list-style: none; padding: 0; margin: 6px 0 0; }
.amp-list-item { padding: 6px 0; border-bottom: 1px solid var(--border-subtle); font-size: 13px; }
.amp-list-item:last-child { border-bottom: none; }
.amp-empty { color: var(--text-muted); font-style: italic; font-size: 12px; }
.amp-banner {
  background: var(--ok-dim); border: 1px solid var(--ok); color: var(--ok); padding: 12px;
  margin: 12px 0; border-radius: var(--r-md); font-size: 13px;
}
.amp-banner code { display: block; font-family: var(--font-mono); background: var(--bg-0); color: var(--text-1);
  padding: 8px; margin: 8px 0; border-radius: var(--r-sm); word-break: break-all; font-size: 12px; }
.amp-sessions { display: flex; flex-direction: column; gap: 0; }
.amp-session { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--border-subtle); }
.amp-session.current { background: color-mix(in srgb, var(--ok) 8%, transparent); border-radius: var(--r-sm); padding: 8px; }
.amp-pre {
  font-family: var(--font-mono); font-size: 11px; background: var(--bg-0); color: var(--text-2);
  padding: 8px; margin-top: 6px; border-radius: var(--r-sm); max-height: 180px; overflow: auto; white-space: pre;
}
.amp-do-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.amp-do-table th { color: var(--text-muted); text-align: left; border-bottom: 1px solid var(--border); padding: 4px 8px;
  font-family: var(--font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.amp-do-table td { padding: 5px 8px; border-bottom: 1px solid var(--border-subtle); }