.admin-page [data-panel-content="p2p"] > .admin-card + .admin-card { margin-top: 20px; }
.admin-page .hls-mode-help, .admin-page .hls-description { color: var(--admin-muted); font-size: 13px; line-height: 1.8; margin: 0; }
.admin-page #p2p-network-options { display: grid; gap: 18px; }
.admin-page #p2p-network-options textarea { min-height: 96px; }
.admin-page .hls-notice { margin: 0; padding: 14px 16px; border-radius: 10px; color: var(--admin-ink-soft); background: var(--admin-purple-soft); line-height: 1.8; font-size: 13px; }
.admin-page #hls-search { display:flex; gap:10px; margin:20px 0; }
.admin-page #hls-query { flex:1; min-width:0; height:44px; padding:0 14px; border:1px solid var(--admin-line); border-radius:9px; background:#fcfbfd; }
.admin-page .hls-recording { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--admin-line); padding:18px 0; }
.admin-page .hls-recording > div:first-child { min-width:0; }
.admin-page .hls-recording strong { display:block; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.admin-page .hls-recording small { display:block; color:var(--admin-muted); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.admin-page .hls-recording p { font-size:12px; margin:6px 0; color:var(--admin-purple-dark); }
.admin-page .hls-row-actions { display:flex; flex:none; flex-wrap:wrap; gap:8px; }
.admin-page .hls-row-actions button, .admin-page #hls-search button, .admin-page .hls-pagination button, .admin-page #hls-refresh, .admin-page #hls-clear { min-height:40px; padding:0 14px; border:1px solid var(--admin-line); border-radius:9px; background:#fff; color:var(--admin-purple-dark); font-size:13px; }
.admin-page .hls-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px; border-top:1px solid var(--admin-line); padding-top:18px; color:var(--admin-muted); font-size:12px; }
.admin-page .hls-empty { padding:24px 0; font-size:13px; color:var(--admin-muted); }
.admin-page #hls-storage { font-size:inherit; font-weight:700; }
.admin-page [data-panel-content="p2p"] button:disabled { opacity:.45; cursor:not-allowed; }
.admin-page .hls-storage-actions { display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:620px) { .admin-page .hls-recording { align-items:stretch; flex-direction:column; gap:12px; } .admin-page .hls-row-actions button { flex:1; } .admin-page .hls-storage-actions { width:100%; } }