.streaming-panel { margin: 1.5rem 0; }
.streaming-fields { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; margin: 1rem 0; }
.streaming-fields label { display: flex; flex-direction: column; gap: .5rem; flex: 1 1 220px; min-width: 0; max-width: 420px; font-size: .9rem; }
.streaming-fields input[type=checkbox] { align-self: start; width: 1.3rem; height: 1.3rem; }
.streaming-fields :disabled { opacity: .6; }
.streaming-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin: 1rem 0; }
.streaming-device { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--border-color); }
.streaming-device > div { flex: 1 1 220px; min-width: 0; }
.streaming-device small { display: block; overflow-wrap: anywhere; color: var(--text-secondary); }
.streaming-panel p { overflow-wrap: anywhere; }
.streaming-panel summary { cursor: pointer; padding: .6rem 0; }
@media(max-width: 600px) { .streaming-fields label { max-width: none; flex-basis: 100%; } }

.scrobbling-connection { margin-bottom:1.5rem; }
.scrobbling-connection h2 { margin-bottom:.5rem; }
.scrobbling-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin:1rem 0; }
.scrobbling-connection code { overflow-wrap:anywhere; }

.streaming-panel fieldset { min-width:0; margin:1.4rem 0; padding:1rem 1.25rem 1.25rem; border:1px solid var(--border-color); border-radius:12px; }
.streaming-panel legend { width:auto; padding:0 .5rem; font-weight:600; }
.streaming-panel fieldset > p { margin:.5rem 0 1rem; line-height:1.6; }
.system-inventory h2 { margin-bottom:1.25rem; }
.system-inventory-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr)); gap:1rem; }
.system-inventory-grid article { display:flex; flex-direction:column; gap:.4rem; padding:1.2rem; background:var(--bg-card); border:1px solid var(--border-color); border-radius:12px; }
.system-inventory-grid strong { font-size:1.8rem; color:var(--accent); }
.system-inventory-grid span { color:var(--text-secondary); }