/* Keep the feature styles scoped; other admin pages use the shared theme unchanged. */
#peerHelpAdmin { color:#374151; font-size:14px; line-height:1.5; padding:0 24px 24px; box-sizing:border-box; container-type:inline-size; }
#peerHelpAdmin *,#peerHelpDialog * { box-sizing:border-box; }
#peerHelpAdmin .ph-navigation { display:flex; align-items:center; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; padding:14px 0; }
#peerHelpAdmin .ph-tabs { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
#peerHelpAdmin .ph-tabs button { min-height:38px; padding:8px 14px; border:1px solid transparent; border-radius:6px; background:transparent; color:#6b7280; font:inherit; cursor:pointer; white-space:nowrap; }
#peerHelpAdmin .ph-tabs button:hover { background:#e5e7eb; color:#374151; }
#peerHelpAdmin .ph-tabs button.active { color:#4f46e5; background:#eef2ff; border-color:#c7d2fe; font-weight:600; }
#peerHelpAdmin .ph-environment { display:flex; align-items:center; gap:8px; color:#6b7280; white-space:nowrap; margin-left:auto; }
#peerHelpAdmin .ph-content { min-height:320px; padding:14px 18px; background:#fff; }
#peerHelpAdmin .ph-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px 16px; flex-wrap:wrap; margin:0 0 14px; }
#peerHelpAdmin .ph-overview-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px 24px; margin-bottom:14px; }
#peerHelpAdmin .ph-overview-heading h3 { margin-bottom:4px; }
#peerHelpAdmin .ph-overview-heading p { margin:0; color:#6b7280; font-size:13px; }
#peerHelpAdmin .ph-overview-heading>small { color:#9ca3af; white-space:nowrap; }
#peerHelpAdmin .ph-attention-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,220px)); justify-content:start; gap:12px; }
#peerHelpAdmin .ph-attention-stat { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px 16px; min-height:76px; padding:12px 16px; border:1px solid #e5e7eb; border-left:5px solid transparent; background:#fff; color:#374151; text-align:left; cursor:pointer; }
#peerHelpAdmin .ph-attention-stat:hover { background:#f9fafb; }
#peerHelpAdmin .ph-attention-stat>span { font-weight:600; }
#peerHelpAdmin .ph-attention-stat>strong { grid-row:1 / 3; grid-column:2; color:#111827; font-size:32px; line-height:1; }
#peerHelpAdmin .ph-attention-stat>small { color:#6b7280; }
#peerHelpAdmin .ph-attention-pending { border-left-color:#dc2626; }
#peerHelpAdmin .ph-attention-open { border-left-color:#d97706; }
#peerHelpAdmin .ph-attention-ai { border-left-color:#7c3aed; }
#peerHelpAdmin .ph-focus-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(135px,220px)); justify-content:start; gap:10px; }
#peerHelpAdmin .ph-focus-stat { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:58px; padding:10px 14px; border:1px solid #e5e7eb; border-left:3px solid #0ea5e9; background:#f8fafc; }
#peerHelpAdmin .ph-focus-stat span { color:#6b7280; }
#peerHelpAdmin .ph-focus-stat strong { color:#111827; font-size:23px; font-variant-numeric:tabular-nums; }
#peerHelpAdmin .table.ph-stat-table { min-width:0; table-layout:fixed; }
#peerHelpAdmin .ph-stat-table th,#peerHelpAdmin .ph-stat-table td { text-align:center; }
#peerHelpAdmin .ph-stat-table th,#peerHelpAdmin .ph-stat-table td { padding:12px 8px; }
#peerHelpAdmin .ph-stat-table th { white-space:normal; line-height:1.4; }
#peerHelpAdmin .ph-stat-table th:first-child { width:28%; text-align:left; }
#peerHelpAdmin .ph-stat-table tbody th { padding:14px 16px; border-bottom:1px solid #e5e7eb; color:#4b5563; font-weight:500; }
#peerHelpAdmin .ph-stat-table td { color:#111827; font-size:16px; font-variant-numeric:tabular-nums; }
#peerHelpAdmin .ph-stat-total th,#peerHelpAdmin .ph-stat-total td { background:#f9fafb; font-weight:700; }
#peerHelpAdmin .ph-actions,#peerHelpAdmin .ph-row-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-width:0; }
#peerHelpAdmin .ph-meta { display:flex; gap:6px 18px; flex-wrap:wrap; color:#6b7280; font-size:13px; }
#peerHelpAdmin .ph-config-toolbar { padding-bottom:12px; border-bottom:1px solid #e5e7eb; }
#peerHelpAdmin section { border-top:1px solid #e5e7eb; padding:14px 0; }
#peerHelpAdmin section:first-child,#peerHelpAdmin .ph-config-toolbar + section { border-top:0; padding-top:0; }
#peerHelpAdmin section:last-child { padding-bottom:0; }
#peerHelpAdmin h3 { margin:0 0 12px; color:#1f2937; font-size:16px; font-weight:600; }
#peerHelpAdmin h4 { margin:16px 0 8px; color:#374151; font-size:14px; font-weight:600; }
#peerHelpAdmin p { margin:0 0 10px; line-height:1.65; overflow-wrap:anywhere; }
#peerHelpAdmin .ph-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px 12px; }
#peerHelpAdmin .ph-field { display:flex; flex-direction:column; gap:5px; min-width:0; color:#6b7280; font-weight:500; }
#peerHelpAdmin .form-label { color:#6b7280; font-size:13px; font-weight:500; margin:0; }
#peerHelpAdmin input:not([type=checkbox]),#peerHelpAdmin select,#peerHelpAdmin textarea,#peerHelpDialog input,#peerHelpDialog select,#peerHelpDialog textarea { border:1px solid #e5e7eb; border-radius:6px; padding:7px 9px; font:inherit; font-weight:400; color:#374151; background:#fff; max-width:100%; min-height:34px; }
#peerHelpAdmin .ph-field input:not([type=checkbox]),#peerHelpAdmin textarea { width:100%; }
#peerHelpAdmin input:focus,#peerHelpAdmin select:focus,#peerHelpAdmin textarea:focus,#peerHelpDialog input:focus,#peerHelpDialog select:focus,#peerHelpDialog textarea:focus { outline:none; border-color:#4f46e5; box-shadow:0 0 0 2px #eef2ff; }
#peerHelpAdmin button:focus-visible,#peerHelpAdmin a:focus-visible,#peerHelpDialog button:focus-visible { outline:2px solid #4f46e5; outline-offset:2px; }
#peerHelpAdmin textarea,#peerHelpDialog textarea { resize:vertical; line-height:1.7; }
#peerHelpAdmin input::placeholder,#peerHelpDialog input::placeholder { color:#9ca3af; }
#peerHelpAdmin input[type=checkbox] { width:16px; height:16px; accent-color:#4f46e5; margin:0; flex-shrink:0; }
#peerHelpAdmin .ph-switch { position:relative; display:flex; align-items:center; gap:8px; min-height:34px; width:fit-content; cursor:pointer; }
#peerHelpAdmin .ph-switch input { position:absolute; width:40px; height:24px; opacity:0; cursor:pointer; }
#peerHelpAdmin .ph-switch-control-only { cursor:default; }
#peerHelpAdmin .ph-switch-control-only input { left:0; top:50%; transform:translateY(-50%); }
#peerHelpAdmin .ph-switch-track { display:block; width:40px; height:24px; border-radius:12px; background:#d1d5db; transition:background .15s; pointer-events:none; }
#peerHelpAdmin .ph-switch-track::after { content:''; display:block; width:18px; height:18px; margin:3px; border-radius:50%; background:#fff; box-shadow:0 1px 2px #0002; transition:transform .15s; }
#peerHelpAdmin .ph-switch input:checked + .ph-switch-track { background:#4f46e5; }
#peerHelpAdmin .ph-switch input:checked + .ph-switch-track::after { transform:translateX(16px); }
#peerHelpAdmin .ph-switch input:focus-visible + .ph-switch-track { outline:2px solid #4f46e5; outline-offset:3px; }
#peerHelpAdmin .ph-switch-state::after { content:'已关闭'; font-weight:400; }
#peerHelpAdmin .ph-switch input:checked ~ .ph-switch-state::after { content:'已开启'; color:#4f46e5; }
#peerHelpAdmin .ph-field.wide { margin:12px 0 10px; }
#peerHelpAdmin .ph-rule-version { max-width:320px; }
#peerHelpAdmin .ph-category,#peerHelpAdmin .ph-category-heading { display:grid; grid-template-columns:minmax(90px,150px) minmax(90px,180px) minmax(160px,1fr) 64px; align-items:center; gap:12px; max-width:860px; margin-bottom:10px; }
#peerHelpAdmin .ph-category-image { display:flex; align-items:center; gap:12px; min-width:0; }
#peerHelpAdmin .ph-series-preview,#peerHelpAdmin .ph-series-empty { width:52px; height:52px; flex:none; border:1px solid #e5e7eb; border-radius:4px; background:#f9fafb; display:grid; place-items:center; padding:0; color:#9ca3af; }
#peerHelpAdmin .ph-series-preview { cursor:pointer; }
#peerHelpAdmin .ph-series-preview img { width:50px; height:50px; object-fit:contain; }
#peerHelpAdmin .ph-series-actions { display:flex; flex-wrap:wrap; gap:6px; }
#peerHelpDialog .ph-series-large { display:block; max-width:100%; width:360px; height:360px; object-fit:contain; margin:auto; }
#peerHelpAdmin .ph-category-heading { color:#6b7280; font-size:13px; margin-bottom:8px; }
#peerHelpAdmin .ph-category input { width:100%; min-width:0; }
#peerHelpAdmin .ph-category .btn { padding:8px; font-size:13px; }
#peerHelpAdmin .ph-progress-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px 24px; margin-bottom:12px; }
#peerHelpAdmin .ph-progress-heading h3 { margin-bottom:4px; }
#peerHelpAdmin .ph-progress-heading p { margin:0; color:#6b7280; font-size:13px; }
#peerHelpAdmin .ph-progress-heading .ph-fields { width:220px; flex:none; }
#peerHelpAdmin .ph-progress-columns,#peerHelpAdmin .ph-progress-node { display:grid; grid-template-columns:52px minmax(140px,220px) 80px minmax(150px,1fr) auto; align-items:center; gap:10px 14px; }
#peerHelpAdmin .ph-progress-columns { padding:0 12px 7px; color:#6b7280; font-size:12px; }
#peerHelpAdmin .ph-progress-node { min-height:58px; padding:9px 12px; border-top:1px solid #e5e7eb; }
#peerHelpAdmin .ph-progress-node:last-child { border-bottom:1px solid #e5e7eb; margin-bottom:12px; }
#peerHelpAdmin .ph-progress-node>div:nth-child(2) { min-width:0; }
#peerHelpAdmin .ph-progress-node>div:nth-child(2)>strong { display:block; overflow-wrap:anywhere; color:#1f2937; }
#peerHelpAdmin .ph-progress-node small { display:block; color:#9ca3af; font-size:11px; overflow-wrap:anywhere; }
#peerHelpAdmin .ph-progress-node>span { color:#6b7280; font-size:13px; }
#peerHelpAdmin .ph-progress-order { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#e0f2fe; color:#0369a1; font-variant-numeric:tabular-nums; }
#peerHelpAdmin .ph-progress-node .btn { min-width:36px; min-height:34px; padding:5px 9px; font-size:13px; }
#peerHelpAdmin .ph-progress-empty { margin-bottom:12px; padding:18px 12px; border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; color:#9ca3af; text-align:center; }
#peerHelpAdmin .ph-mimes { display:flex; align-items:center; gap:8px 14px; flex-wrap:wrap; margin-top:12px; }
#peerHelpAdmin .ph-mimes label { display:flex; align-items:center; gap:7px; }
#peerHelpAdmin .ph-warning { color:#92400e; background:#fffbeb; border-left:3px solid #fbbf24; padding:8px 12px; }
#peerHelpAdmin .ph-message { color:#047857; background:#ecfdf5; padding:10px 14px; margin:0 0 14px; border:1px solid #a7f3d0; border-radius:6px; overflow-wrap:anywhere; }
#peerHelpAdmin .ph-message:empty { display:none; }
#peerHelpAdmin .ph-message.error { color:#b91c1c; background:#fef2f2; border-color:#fecaca; }
#peerHelpAdmin .btn,#peerHelpDialog .btn { font-size:14px; line-height:1.5; min-height:38px; padding:8px 16px; border-radius:8px; white-space:nowrap; }
#peerHelpAdmin a.btn { text-decoration:none; display:inline-flex; align-items:center; }
#peerHelpAdmin .btn-secondary,#peerHelpDialog .btn-secondary { border:1px solid #e5e7eb; background:#f9fafb; color:#4b5563; }
#peerHelpAdmin .btn-primary,#peerHelpDialog .btn-primary { border:1px solid #4f46e5; background:#4f46e5; color:#fff; }
#peerHelpAdmin .btn-secondary:hover,#peerHelpDialog .btn-secondary:hover { background:#f3f4f6; border-color:#d1d5db; }
#peerHelpAdmin .btn-primary:hover,#peerHelpDialog .btn-primary:hover { background:#4338ca; }
#peerHelpAdmin .btn:disabled,#peerHelpDialog .btn:disabled { opacity:.45; cursor:not-allowed; }
#peerHelpAdmin .ph-list-toolbar label { display:flex; align-items:center; gap:10px; }
#peerHelpAdmin #phStatus { min-width:140px; }
#peerHelpAdmin .ph-quick-filter[aria-pressed="true"] { color:#1d4ed8; background:#eff6ff; border-color:#93c5fd; font-weight:600; }
#peerHelpAdmin .ph-table-wrap { overflow-x:auto; border:1px solid #e5e7eb; }
#peerHelpAdmin .table { width:100%; min-width:760px; border-collapse:collapse; table-layout:auto; }
#peerHelpAdmin .table th { background:#f9fafb; color:#6b7280; font-weight:500; font-size:13px; white-space:nowrap; }
#peerHelpAdmin .table th,#peerHelpAdmin .table td { text-align:left; border-bottom:1px solid #e5e7eb; padding:14px 16px; vertical-align:top; }
#peerHelpAdmin .table td { white-space:normal; max-width:460px; overflow-wrap:anywhere; }
#peerHelpAdmin .table tbody tr:last-child td { border-bottom:0; }
#peerHelpAdmin .table td small { display:block; color:#9ca3af; font-size:12px; margin-top:5px; }
#peerHelpAdmin .table td strong { font-weight:500; color:#1f2937; }
#peerHelpAdmin .table .btn { font-size:13px; padding:6px 12px; min-height:32px; }
#peerHelpAdmin .ph-row-actions { gap:8px; }
#peerHelpAdmin .ph-excerpt { max-width:460px; overflow-wrap:anywhere; white-space:pre-wrap; max-height:100px; overflow:hidden; margin-top:6px; color:#6b7280; line-height:1.7; }
#peerHelpAdmin .ph-post-content { width:44%; min-width:360px; }
#peerHelpAdmin .ph-post-status { min-width:170px; }
#peerHelpAdmin .table td .ph-ai-rejected,#peerHelpDialog .ph-ai-rejected { display:block; color:#b91c1c; font-size:12px; line-height:1.7; margin-top:6px; max-width:240px; overflow-wrap:anywhere; }
#peerHelpAdmin .ph-audio-content,#peerHelpDialog .ph-audio-content { display:grid; grid-template-columns:minmax(160px,210px) minmax(120px,1fr); align-items:start; gap:12px; margin-top:10px; width:100%; min-width:0; }
#peerHelpAdmin .ph-audio-player,#peerHelpDialog .ph-audio-player { min-width:0; }
#peerHelpAdmin .ph-audio-player audio,#peerHelpDialog .ph-audio-player audio { display:block; width:100%; max-width:100%; height:40px; }
#peerHelpAdmin .ph-audio-transcript,#peerHelpDialog .ph-audio-transcript { min-width:0; color:#374151; font-size:14px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
#peerHelpAdmin .ph-media-empty,#peerHelpDialog .ph-media-empty { color:#9ca3af; font-size:13px; }
#peerHelpDialog .ph-audio-content { grid-template-columns:minmax(0,210px) minmax(0,1fr); }
#peerHelpAdmin .ph-status { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font-size:13px; color:#6b7280; }
#peerHelpAdmin .ph-status::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; flex-shrink:0; }
#peerHelpAdmin .ph-status-success { color:#059669; }
#peerHelpAdmin .ph-status-warning { color:#b45309; }
#peerHelpAdmin .ph-status-danger { color:#dc2626; }
#peerHelpAdmin .ph-pagination { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
#peerHelpAdmin .ph-empty,#peerHelpAdmin .table td.ph-empty { padding:48px 16px; text-align:center; color:#9ca3af; }
#peerHelpAdmin .ph-api { display:grid; grid-template-columns:150px minmax(0,1fr); gap:0; margin:0 0 20px; }
#peerHelpAdmin .ph-api dt,#peerHelpAdmin .ph-api dd { padding:12px 16px; border-bottom:1px solid #e5e7eb; }
#peerHelpAdmin .ph-api dt { background:#f9fafb; color:#6b7280; }
#peerHelpAdmin .ph-api dd { margin:0; overflow-wrap:anywhere; }
#peerHelpDialog { padding:0; margin:auto; width:780px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 48px); border:0; border-radius:8px; color:#374151; background:#fff; box-shadow:0 20px 60px #0003; font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif; }
#peerHelpDialog[open] { display:flex; flex-direction:column; }
#peerHelpDialog::backdrop { background:rgba(0,0,0,.45); }
#peerHelpDialog header { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid #e5e7eb; padding:18px 24px; flex-shrink:0; }
#peerHelpDialog h3 { margin:0; font-size:18px; font-weight:600; color:#1f2937; overflow-wrap:anywhere; }
#peerHelpDialog header button { flex-shrink:0; width:32px; height:32px; border:0; border-radius:4px; background:transparent; color:#9ca3af; font-size:26px; line-height:1; cursor:pointer; }
#peerHelpDialog header button:hover { color:#374151; background:#f3f4f6; }
#peerHelpDialog .ph-dialog-body { padding:24px; overflow:auto; min-height:0; }
#peerHelpDialog textarea { width:100%; }
#peerHelpDialog label { display:flex; flex-direction:column; gap:8px; margin-top:20px; color:#6b7280; }
#peerHelpDialog label:first-child { margin-top:0; }
#peerHelpDialog footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin:0; border-top:1px solid #e5e7eb; padding:16px 24px; flex-shrink:0; }
#peerHelpDialog h4 { margin:0 0 12px; font-size:16px; color:#1f2937; overflow-wrap:anywhere; }
#peerHelpDialog .ph-body-text,#peerHelpDialog pre { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; }
#peerHelpDialog pre { margin:0; background:#f9fafb; padding:16px; }
#peerHelpDialog .ph-images { display:flex; flex-wrap:wrap; gap:12px; margin:16px 0; }
#peerHelpDialog img { width:120px; height:100px; object-fit:contain; border:1px solid #e5e7eb; border-radius:4px; }
#peerHelpAdmin .ph-rules-editor { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:start; gap:12px; }
#peerHelpAdmin .ph-rules-editor .wide { margin:0; }
#peerHelpAdmin .ph-compact-note { margin:8px 0 0; color:#6b7280; font-size:13px; }
#peerHelpAdmin .ph-list-toolbar .ph-actions { gap:8px; }
#peerHelpAdmin .ph-list-toolbar select { min-width:120px; }
#peerHelpAdmin .ph-type-badge { display:inline-flex; padding:4px 8px; border-radius:4px; font-size:12px; font-weight:600; white-space:nowrap; }
#peerHelpAdmin .ph-type-question { color:#166534; background:#dcfce7; }
#peerHelpAdmin .ph-type-answer { color:#1d4ed8; background:#dbeafe; }
#peerHelpAdmin .ph-type-followup { color:#9a3412; background:#ffedd5; }
#peerHelpAdmin .ph-type-followup_reply { color:#5b21b6; background:#ede9fe; }
#peerHelpAdmin .ph-review-content { min-width:280px; }
#peerHelpAdmin .ph-review-block { padding:0 0 12px; margin:0 0 12px; border-bottom:1px dashed #d1d5db; }
#peerHelpAdmin .ph-review-block:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
#peerHelpAdmin .ph-review-person { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
#peerHelpAdmin .ph-review-person span,#peerHelpAdmin .ph-review-result>span,#peerHelpAdmin .ph-review-reason>span { color:#6b7280; font-size:12px; }
#peerHelpAdmin .ph-review-person strong { color:#111827; font-size:14px; }
#peerHelpAdmin .ph-review-title { color:#111827; font-weight:600; margin-bottom:4px; }
#peerHelpAdmin .ph-review-body { color:#000; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
#peerHelpAdmin .ph-thread-open { display:block; width:100%; padding:4px 6px; margin:0 -6px; border:0; border-radius:4px; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
#peerHelpAdmin .ph-thread-open:hover { background:#f3f4f6; }
#peerHelpAdmin .ph-no-media { display:block; margin-top:5px; color:#9ca3af; font-size:12px; }
#peerHelpAdmin .ph-inline-media { display:flex; align-items:flex-start; flex-wrap:wrap; gap:8px; margin-top:8px; }
#peerHelpAdmin .ph-media-thumb { position:relative; display:block; padding:0; border:1px solid #e5e7eb; border-radius:4px; overflow:hidden; background:#f9fafb; cursor:pointer; }
#peerHelpAdmin .ph-inline-image { width:86px; height:70px; }
#peerHelpAdmin .ph-inline-image img { width:100%; height:100%; object-fit:contain; }
#peerHelpAdmin .ph-inline-video { width:124px; max-width:100%; }
#peerHelpAdmin .ph-video-thumb { width:124px; height:70px; }
#peerHelpAdmin .ph-video-thumb video { display:block; width:100%; height:70px; object-fit:contain; background:#171717; pointer-events:none; }
#peerHelpAdmin .ph-play-icon { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#fff; background:#111827cc; font-size:13px; padding-left:2px; pointer-events:none; }
#peerHelpAdmin .ph-inline-video small { margin-top:3px; }
#peerHelpAdmin .ph-inline-media .ph-audio-content { flex:1 1 360px; margin-top:0; }
#peerHelpAdmin .ph-review-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#peerHelpAdmin .ph-not-applicable { color:#9ca3af; font-size:13px; }
#peerHelpAdmin .ph-review-summary { display:grid; gap:6px; min-width:170px; }
#peerHelpAdmin .ph-review-summary strong { color:#1f2937; font-weight:600; }
#peerHelpAdmin .ph-review-summary small { display:block; margin:0; color:#6b7280; line-height:1.6; white-space:pre-wrap; }
#peerHelpAdmin .ph-account-phone { display:block; color:#374151; font-size:14px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#peerHelpAdmin .ph-review-actions { position:relative; align-items:stretch; flex-direction:column; min-width:128px; }
#peerHelpAdmin .ph-review-hover-menu { position:relative; display:grid; width:100%; }
#peerHelpAdmin .ph-review-hover-menu>.btn { width:100%; }
#peerHelpAdmin .ph-review-choice { display:none; gap:6px; padding:7px; border:1px solid #d1d5db; border-radius:6px; background:#fff; box-shadow:0 6px 18px #00000014; }
#peerHelpAdmin .ph-review-hover-menu:hover .ph-review-choice,#peerHelpAdmin .ph-review-hover-menu:focus-within .ph-review-choice { display:grid; }
#peerHelpAdmin .ph-ai-failed-button { border:1px solid #dc2626; background:#dc2626; color:#fff; }
#peerHelpAdmin .ph-ai-failed-button:hover { background:#b91c1c; }
#peerHelpAdmin .ph-reject-confirm { color:#b91c1c; border-color:#fecaca; background:#fef2f2; }
#peerHelpAdmin .ph-exempt-reject { color:#475569; border-color:#cbd5e1; background:#f8fafc; }
#peerHelpAdmin .ph-user-blocked { color:#991b1b; border:1px solid #d1d5db; background:#e5e7eb; font-weight:600; }
#peerHelpAdmin .ph-user-blocked:hover { color:#7f1d1d; background:#d1d5db; }
#peerHelpDialog .ph-review-confirmation { margin:0 0 18px; padding:18px; text-align:center; border:1px solid #fecaca; background:#fff7f7; border-radius:6px; }
#peerHelpDialog .ph-review-confirmation-heading { margin:0 0 8px; color:#dc2626; font-size:26px; line-height:1.25; font-weight:800; }
#peerHelpDialog .ph-review-confirmation-reason { display:block; color:#b91c1c; font-size:20px; line-height:1.4; }
#peerHelpAdmin .ph-delete-button { color:#b91c1c; border-color:#fecaca; background:#fff; }
#peerHelpAdmin .ph-audit-summary { max-width:340px; margin-bottom:8px; color:#4b5563; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
#peerHelpDialog .ph-dialog-media { display:grid; gap:18px; }
#peerHelpDialog .ph-dialog-media section { padding:0 0 18px; border-bottom:1px solid #e5e7eb; }
#peerHelpDialog .ph-dialog-media section:last-child { padding-bottom:0; border-bottom:0; }
#peerHelpDialog .ph-dialog-media section>strong { display:block; margin-bottom:9px; color:#6b7280; font-size:13px; }
#peerHelpDialog .ph-media-preview-image { display:block; width:auto; height:auto; max-width:100%; max-height:62vh; margin:auto; object-fit:contain; border:0; }
#peerHelpDialog .ph-media-preview-video { display:block; width:100%; max-height:62vh; background:#171717; }
#peerHelpDialog .ph-reward-media-group+ .ph-reward-media-group { margin-top:22px; padding-top:20px; border-top:1px solid #d1d5db; }
#peerHelpDialog .ph-audit-detail { display:grid; grid-template-columns:88px minmax(0,1fr); margin:0; }
#peerHelpDialog .ph-audit-detail dt,#peerHelpDialog .ph-audit-detail dd { margin:0; padding:10px 12px; border-bottom:1px solid #e5e7eb; overflow-wrap:anywhere; }
#peerHelpDialog .ph-audit-detail dt { color:#6b7280; background:#f9fafb; }
#peerHelpDialog.ph-thread-dialog { width:980px; }
#peerHelpDialog.ph-report-restrictions-dialog { width:900px; }
#peerHelpDialog .ph-restriction-table { margin-top:16px; }
#peerHelpDialog .ph-restriction-table .table { min-width:700px; }
#peerHelpDialog .ph-restriction-table td:nth-child(2) { font-variant-numeric:tabular-nums; }
#peerHelpDialog .ph-remove-restriction { color:#b91c1c; border-color:#fecaca; background:#fff; }
#peerHelpDialog .ph-thread-entry { padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid #e5e7eb; }
#peerHelpDialog .ph-thread-entry-heading { display:flex; align-items:center; gap:8px 14px; flex-wrap:wrap; margin-bottom:10px; }
#peerHelpDialog .ph-thread-entry-heading strong { color:#1f2937; }
#peerHelpDialog .ph-thread-entry-heading span { color:#374151; font-weight:600; }
#peerHelpDialog .ph-thread-entry-heading small { margin-left:auto; color:#9ca3af; }
#peerHelpDialog .ph-thread-replies>h3 { margin:0 0 16px; }
#peerHelpDialog.ph-progress-dialog { width:920px; }
#peerHelpDialog .ph-progress-image-editor { margin-top:20px; }
#peerHelpDialog .ph-progress-image-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
#peerHelpDialog .ph-progress-image-row { display:grid; grid-template-columns:94px minmax(180px,1fr) minmax(150px,.7fr) auto; align-items:end; gap:10px; padding:10px 0; border-top:1px solid #e5e7eb; }
#peerHelpDialog .ph-progress-image-row label { margin:0; }
#peerHelpDialog .ph-progress-image-preview { display:grid; place-items:center; width:94px; height:70px; border:1px solid #e5e7eb; background:#f9fafb; color:#9ca3af; font-size:12px; overflow:hidden; }
#peerHelpDialog .ph-progress-image-preview img { width:100%; height:100%; border:0; border-radius:0; object-fit:contain; }
#peerHelpDialog .ph-progress-image-row .ph-row-actions { flex-wrap:nowrap; gap:5px; }
#peerHelpDialog .ph-progress-image-row .btn { min-width:34px; min-height:34px; padding:5px 8px; font-size:13px; }
@container(max-width:780px) { #peerHelpAdmin .ph-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container(max-width:520px) {
  #peerHelpAdmin .ph-progress-heading { flex-direction:column; }
  #peerHelpAdmin .ph-progress-heading .ph-fields { width:100%; }
  #peerHelpAdmin .ph-progress-columns { display:none; }
  #peerHelpAdmin .ph-progress-node { grid-template-columns:42px minmax(0,1fr); }
  #peerHelpAdmin .ph-progress-node>span,#peerHelpAdmin .ph-progress-node>.ph-row-actions { grid-column:2; }
}
@container(max-width:480px) {
  #peerHelpAdmin .ph-fields { grid-template-columns:minmax(0,1fr); }
  #peerHelpAdmin .ph-content { padding:16px; }
  #peerHelpAdmin .ph-config-toolbar .ph-actions { width:100%; }
  #peerHelpAdmin .ph-api { grid-template-columns:minmax(0,1fr); }
  #peerHelpAdmin .ph-api dt { border-bottom:0; }
  #peerHelpAdmin .ph-category { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px; gap:8px; padding-bottom:12px; border-bottom:1px solid #e5e7eb; }
  #peerHelpAdmin .ph-category-heading { display:none; }
  #peerHelpAdmin .ph-category-image { grid-column:1 / 3; grid-row:2; }
  #peerHelpAdmin .ph-category > .btn { grid-column:3; grid-row:1 / 3; }
  #peerHelpAdmin .ph-rules-editor { grid-template-columns:minmax(0,1fr); }
  #peerHelpAdmin .ph-review-pair { grid-template-columns:minmax(0,1fr); }
  #peerHelpAdmin .ph-overview-heading { flex-direction:column; }
  #peerHelpAdmin .ph-attention-stats { grid-template-columns:minmax(0,1fr); }
  #peerHelpAdmin .ph-focus-stats { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) { #peerHelpAdmin { padding:0 12px 16px; } #peerHelpDialog .ph-dialog-body { padding:16px; } }
@media(max-width:760px) { #peerHelpDialog .ph-progress-image-row { grid-template-columns:76px minmax(0,1fr); align-items:start; } #peerHelpDialog .ph-progress-image-preview { width:76px; height:64px; grid-row:1 / 3; } #peerHelpDialog .ph-progress-image-row .ph-row-actions { grid-column:2; } }
#peerHelpDialog .ph-video { width: 100%; max-width: 560px; }
#peerHelpDialog .ph-video video { display: block; width: 100%; max-height: 340px; background: #171717; }
#peerHelpDialog .ph-video small { display: block; margin-top: 6px; }
.ph-ai-approved { display:block; margin-top:6px; color:#287044!important; font-size:12px; }
.ph-review-origin { display:block; margin-top:6px; color:#7b6b4b; font-size:12px; }
#peerHelpDialog .ph-teacher-composer { border-top:2px solid #e5e7eb; padding-top:22px; margin-top:24px; }
#peerHelpDialog .ph-teacher-composer>h3 { margin:0 0 12px; }
#peerHelpDialog .ph-teacher-targets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:16px 0; }
#peerHelpDialog .ph-teacher-targets label[hidden] { display:none; }
#peerHelpDialog .ph-teacher-composer button[hidden] { display:none; }
#peerHelpDialog .ph-teacher-composer textarea { width:100%; resize:vertical; box-sizing:border-box; }
#peerHelpDialog .ph-teacher-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:12px 0; }
#peerHelpDialog .ph-teacher-file { position:relative; margin:0; overflow:hidden; cursor:pointer; }
#peerHelpDialog .ph-teacher-file input { position:absolute; width:100%; height:100%; inset:0; opacity:0; cursor:pointer; }
#peerHelpDialog .ph-teacher-file.ph-disabled { opacity:.5; cursor:not-allowed; }
#peerHelpDialog .ph-teacher-profile { margin:10px 0 16px; }
#peerHelpDialog .ph-teacher-profile summary { color:#2563eb; cursor:pointer; }
#peerHelpDialog .ph-teacher-profile>div { margin-top:10px; padding:12px; border:1px solid #e5e7eb; background:#f9fafb; overflow:auto; }
#peerHelpDialog .ph-teacher-profile img { float:left; width:72px; height:86px; object-fit:cover; margin:0 12px 8px 0; border-radius:4px; }
#peerHelpDialog .ph-teacher-attachment { padding:12px; margin:10px 0; border:1px solid #e5e7eb; border-radius:6px; }
#peerHelpDialog .ph-teacher-attachment>div:first-child { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
#peerHelpDialog .ph-teacher-attachment>div:first-child strong { overflow-wrap:anywhere; }
#peerHelpDialog .ph-teacher-attachment>div:first-child button { margin-left:auto; }
#peerHelpDialog .ph-teacher-submit { display:flex; justify-content:flex-end; margin-top:18px; }
#peerHelpDialog [data-teacher-notice] { min-height:1.5em; color:#166534; }
#peerHelpDialog .ph-teacher-composer .error { color:#b91c1c; }
@media(max-width:600px) { #peerHelpDialog .ph-teacher-targets { grid-template-columns:minmax(0,1fr); } }
#peerHelpDialog .ph-ai-detail { padding:10px 0; margin-bottom:14px; color:#5e6875; border-bottom:1px solid #e5e7eb; font-size:13px; overflow-wrap:anywhere; }
#peerHelpDialog .ph-ai-detail small { display:block; margin-top:5px; color:#7a8490; }