.board-demo { width:100%; }
.board-shell { height:100%; padding:0 2px 10px; }
.board-shell.is-disabled { pointer-events:none; }
.board-controls { display:flex; gap:4px; margin:6px 0 7px; overflow:hidden; }
.board-controls button,.board-view button { min-height:27px; padding:4px 7px; border:1px solid #d5ddd7; border-radius:999px; background:#fff; color:#34463a; font-size:9px; white-space:nowrap; }
.board-controls button[aria-pressed=true],.board-view button[aria-pressed=true] { border-color:#2d7655; background:#2d7655; color:#fff; }
.board-view { display:flex; gap:4px; margin:4px 0 6px; }
.board-list { display:grid; gap:4px; max-height:calc(100% - 72px); overflow:auto; padding-right:2px; }
.report-row { overflow:hidden; border:1px solid #e5eae6; border-left:3px solid #b5afa3; border-radius:7px; background:#fff; }
.report-row[data-urgency=High] { border-left-color:#a8392b; }
.report-row[data-urgency=Medium] { border-left-color:#e0a800; }
.report-row[data-urgency=Low] { border-left-color:#3a7355; }
.report-row[data-urgency=""] { border-left-color:#b5afa3; }
.report-head { display:flex; align-items:flex-start; justify-content:space-between; gap:5px; padding:7px; cursor:pointer; }
.report-head strong { display:block; font:700 11px/1.1 Georgia,serif; }
.report-meta { display:block; margin-top:3px; color:#6b776f; font-size:8px; line-height:1.2; }
.report-pill { flex:0 0 auto; border-radius:999px; padding:3px 5px; background:#eff2ef; color:#465249; font-size:8px; white-space:nowrap; }
.report-row[data-stage=seen] .report-pill { background:#e7eef5; color:#385b74; }
.report-row[data-stage=progress] .report-pill { background:#fff0c9; color:#745310; }
.report-row[data-stage=done] .report-pill { background:#dff1e7; color:#226044; }
.report-panel { padding:0 7px 7px; color:#425047; font-size:9px; line-height:1.3; }
.report-panel[hidden] { display:none; }
.report-photo { display:block; width:100%; max-height:76px; margin:3px 0 6px; border-radius:6px; object-fit:cover; }
.report-actions { display:flex; gap:4px; flex-wrap:wrap; margin-top:5px; }
.report-actions button { min-height:25px; padding:4px 6px; border:1px solid #ccd7cf; border-radius:5px; background:#f7faf8; font-size:8px; }
.report-actions button.primary { border-color:#2d7655; background:#2d7655; color:#fff; }

.board-shell{display:flex;flex-direction:column;height:100%;} .board-list{display:block;min-height:0;overflow:auto;flex:1;overscroll-behavior:contain;} .report-head{width:100%;border:0;background:white;text-align:left;color:inherit;} .board-controls{flex-wrap:wrap;flex-shrink:0;} .report-row{flex-shrink:0;margin-bottom:5px;} .report-head strong{font-family:Arial,sans-serif;}