/* R16 product QA — integrated into support list (not a footer second workbench) */
.r16-qa-integrated{margin:0 0 1rem;padding:0;border:none;background:transparent}
.r16-qa-panel.r16-qa-integrated .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:1rem 0 .5rem}
.r16-qa-panel.r16-qa-integrated .section-head h2{margin:0;font-size:1.15rem;color:#153f35}
.r16-qa-banner{background:#fff8e1;border:1px solid #f0c36d;color:#5c4500;padding:8px 12px;border-radius:8px;font-size:13px;margin:12px 0}
.r16-qa-card{margin:10px 0}
.r16-qa-card .meta{color:#667;font-size:12px}
.r16-qa-fb{background:#e8f5e9;border-left:4px solid #2e7d32;padding:10px;margin:8px 0;border-radius:4px;white-space:pre-wrap;word-break:break-word}
.r16-qa-fb.muted-fb{background:#f4f8f6;border-left-color:#8aa396}
.r16-qa-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.r16-qa-panel textarea,.r16-qa-panel input[type="text"]{width:100%;box-sizing:border-box;margin:6px 0 10px;padding:8px;border:1px solid #ccd;border-radius:8px;font:inherit;min-height:44px}
.r16-qa-panel textarea{min-height:96px}
.r16-qa-panel .btn{cursor:pointer;min-height:44px}
.r16-qa-empty{color:#667;padding:12px 0}
.r16-qa-history{margin:.75rem 0;font-size:.92rem}
.r16-qa-history summary{cursor:pointer;color:#153f35}
.r16-qa-scope,.r16-qa-scope-notice{font-size:.92rem;color:#4a5c55}
.r16-qa-list{margin-top:.5rem}
/* Mobile: no horizontal overflow; buttons stay visible above bottom chrome */
@media (max-width:430px){
  .r16-qa-panel textarea,.r16-qa-panel .btn{width:100%}
  .r16-qa-actions{flex-direction:column}
  .r16-qa-actions .btn{width:100%}
  #r16-product-qa-root{max-width:100%;overflow-x:hidden}
}
.r16-qa-material-nav{margin:.35rem 0 .75rem;gap:8px}
.r16-qa-material-nav .btn{min-height:44px}
@media (max-width:430px){
  .r16-qa-material-nav{flex-direction:column}
  .r16-qa-material-nav .btn{width:100%;display:block}
  #r16-product-qa-root .btn,#r16-product-qa-root textarea{margin-bottom:4px}
  /* Keep primary actions above fixed bottom nav (~64px + safe area) */
  .main{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
}

/* Filter empty-state — same surface as list */
.r16-qa-empty[data-testid="r16-qa-filter-empty"]{
  padding:28px 16px;text-align:center;border:1px dashed #c8d4c3;border-radius:10px;background:#f4f6ee;color:#4a5c55
}