#view-admin { max-width: 1120px; margin-inline: auto; font-size: 16px; line-height: 1.5; }
#view-admin h1 { font-size: 26px; margin-bottom: 16px; }
#view-admin h2 { font-size: 22px; margin-block: 20px 8px; overflow-wrap: anywhere; }
#view-admin h3 { font-size: 18px; margin-block: 28px 12px; }
#view-admin p { margin-block: 8px; overflow-wrap: anywhere; }
#view-admin button { min-height: 44px; text-transform: none; letter-spacing: normal; font-size: 14px; }
#view-admin button:hover { filter: brightness(1.15); }
#view-admin button:disabled { opacity: .55; cursor: wait; }
#view-admin :focus-visible { outline: 2px solid var(--tag-text); outline-offset: 3px; }
#view-admin input { width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--text-muted); background: var(--card-inner); color: var(--text-main); border-radius: 8px; padding: 10px; font-size: 16px; }
#view-admin input::placeholder { color: var(--text-muted); }
.admin-toolbar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.admin-layout { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr); gap: 28px; align-items: start; }
.admin-sidebar { min-width: 0; }
#view-admin .admin-user-row { display: flex; flex-direction: column; width: 100%; text-align: left; gap: 4px; margin-bottom: 8px; overflow-wrap: anywhere; }
.admin-muted { color: var(--text-muted); font-size: 14px; }
:root[data-theme="blue"] #view-admin { --text-muted: #a1aec2; }
.admin-inline-form { display: flex; align-items: end; gap: 12px; margin-block: 20px; }
.admin-field { display: grid; gap: 6px; flex: 1; min-width: 0; }
.admin-inline-form button { flex-shrink: 0; }
.admin-device { border-bottom: 1px solid var(--border); padding-block: 16px; }
.admin-technical { font-family: monospace; font-size: 13px; overflow-wrap: anywhere; }
.admin-danger-zone { border-top: 1px solid var(--border); margin-top: 32px; padding-top: 16px; }
#admin-feedback { min-height: 28px; margin-bottom: 12px; color: var(--text-muted); }
#admin-feedback.error { color: #ef7676; }
:root[data-theme="light"] #admin-feedback.error { color: #b91c1c; }
#admin-create-section { margin-block: 20px; }
#admin-create-section summary { cursor: pointer; padding-block: 12px; }
#admin-create { display: grid; gap: 12px; }
#view-admin [hidden] { display: none; }
#admin-detail { min-width: 0; font-variant-numeric: tabular-nums; }
@media (max-width: 680px) {
  .admin-layout { grid-template-columns: minmax(0, 1fr); }
  #view-admin.has-selection .admin-sidebar { display: none; }
  #view-admin:not(.has-selection) #admin-detail { display: none; }
  .admin-inline-form { flex-direction: column; align-items: stretch; }
}