/* 说明：仅适配360原有prd-sidebar到质检看板；主体结构和填写区沿用shared/prd-sidebar.css。 */
:root { --prd-sidebar-width:clamp(340px,28vw,460px); --prd-toolbar-height:42px; }
.dev-toolbar { min-height:42px; padding:6px 20px; }
.dev-toolbar__brand,.dev-toolbar__controls { gap:8px; }
.dev-toolbar__controls label { color:#e2e8f0; }
.dev-toolbar .dev-btn.active { background:var(--ui-color-primary); border-color:var(--ui-color-primary); color:#fff; }
.prd-sidebar { top:var(--prd-toolbar-height); width:var(--prd-sidebar-width); min-width:0; max-width:none; box-shadow:none; }
.prd-sidebar[aria-hidden="true"] { visibility:hidden; }
.prd-sidebar-header h3 { margin:0; }
.prd-tab.active { background:var(--ui-color-primary-soft); color:var(--ui-color-primary); box-shadow:none; }
.prd-sidebar-body { min-height:0; overflow-x:hidden; overscroll-behavior:contain; }
.prd-section-header { width:100%; border:0; background:transparent; text-align:left; font:inherit; }
.prd-section-header h4 { flex:1; line-height:1.6; }
.prd-icon-req { color:var(--ui-color-primary); }
.prd-icon-rule { background:var(--ui-color-warning-soft); }
.prd-content { overflow-wrap:anywhere; }
.prd-content table { table-layout:fixed; }
.prd-content th,.prd-content td { overflow-wrap:anywhere; }
.prd-content th:first-child { width:22%; }
.prd-content th:nth-child(2) { width:43%; }
.prd-content mark { background:var(--ui-color-warning-soft); color:#885306; }
.prd-reference-image { margin:8px 0; }
.prd-reference-image summary { color:var(--ui-color-primary); cursor:pointer; }
.prd-reference-image a { display:block; color:var(--ui-color-primary); font-size:12px; }
.prd-reference-image img { display:block; width:100%; height:auto; margin:6px 0; }
.prd-reference-caption { color:var(--ui-color-text-muted); font-size:12px; }
.prd-annotation-label { display:block; margin-bottom:5px; color:var(--ui-color-text-muted); font-size:12px; }
.prd-annotation-input { min-height:88px; max-width:100%; font-family:var(--ui-font-family); }
.prd-annotation-saved small { display:block; margin-top:4px; font-size:11px; color:var(--ui-color-text-muted); }
.prd-annotation-actions .ui-btn { min-width:60px; min-height:28px; }
/* 看板历史规则使用了全局important，批注区只在自身范围恢复360标准主操作色。 */
.prd-annotation-actions .ui-btn-primary { background:var(--ui-color-primary) !important; border-color:var(--ui-color-primary) !important; color:#fff; }
.prd-annotation-actions .ui-btn-primary:hover { background:var(--ui-color-primary-hover) !important; border-color:var(--ui-color-primary-hover) !important; }
.prd-annotation-toggle { color:var(--ui-color-primary); }
.prd-empty { padding:16px; }
.prd-sidebar :is(button,textarea,a,summary,[tabindex]):focus-visible { outline:3px solid var(--ui-color-focus); outline-offset:2px; }
body.prd-open .quality-page { width:calc(100% - var(--prd-sidebar-width) - 28px); margin-left:14px; margin-right:calc(var(--prd-sidebar-width) + 14px); }
@media (min-width:901px) {
  body.prd-open .quality-shellbar { grid-template-columns:auto minmax(0,1fr) auto; gap:12px; padding-left:14px; padding-right:14px; }
  body.prd-open .quality-dashboard { grid-template-columns:minmax(0,1.8fr) minmax(245px,.9fr); }
}
@media (max-width:900px) {
  .prd-sidebar { width:86%; min-width:280px; }
  body.prd-open .quality-page { width:calc(100% - 28px); margin:8px 14px 10px; }
}
@media (max-width:520px) {
  .dev-toolbar { display:flex; align-items:center; gap:8px; padding:6px 10px; }
  .dev-toolbar__brand { flex:0 0 auto; }
  .dev-toolbar-label { white-space:nowrap; }
  .dev-toolbar__controls { display:flex; flex:1 1 auto; min-width:0; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; }
  .dev-toolbar__controls label { flex-direction:row; align-items:center; font-size:11px; }
  .dev-toolbar .ui-select { width:120px; min-width:0; }
  .dev-toolbar__brand > span:last-child { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .prd-sidebar,.prd-tab,.prd-chevron { transition:none; }
}