.observation-panel { margin-top:14px; padding-bottom:16px; }
.observation-intro { margin:0; padding:0 16px 14px; color:var(--muted); font-size:.8rem; line-height:1.5; }
.observation-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:18px; padding:0 16px; }
.observation-panel input,.observation-panel select,.observation-panel textarea { box-sizing:border-box; font:inherit; width:100%; border:1px solid var(--line); border-radius:7px; background:#fff; padding:9px; margin-top:4px; }
.observation-panel textarea { min-height:95px; resize:vertical; }
.wide-field { display:block; font-size:.72rem; font-weight:800; margin:12px 14px 0; }
.observation-actions { display:flex; justify-content:flex-end; gap:8px; padding:0 14px; }
.observation-actions button { border:1px solid var(--green-700); border-radius:7px; background:#fff; color:var(--green-900); padding:10px 16px; font-weight:800; }
.observation-actions .primary-button { width:auto; margin:0; background:var(--green-900); color:#fff; }
.observation-grid h3,.observation-review h3 { margin:0 0 10px; }
.observation-row,.observation-review-row { border:1px solid var(--line); border-radius:8px; padding:11px; margin-bottom:9px; }
.observation-row header,.observation-review-row header { display:flex; justify-content:space-between; gap:10px; }
.observation-row small,.observation-review-row small { color:var(--muted); }
.observation-row p,.observation-review-row p { font-size:.76rem; line-height:1.45; }
.observation-review { margin:18px 16px 0; padding-top:16px; border-top:1px solid var(--line); }
.review-actions { display:grid; grid-template-columns:1fr auto; gap:8px; }
.review-actions input { margin:0; }
.review-actions button { border:0; border-radius:6px; background:var(--green-900); color:#fff; padding:8px 12px; }
@media (max-width:850px) { .observation-grid { grid-template-columns:1fr; } .observation-actions { display:grid; grid-template-columns:1fr 1fr; } .observation-actions button { width:100%; } }
@media (max-width:620px) { .observation-grid { padding:0 10px; } .observation-panel .builder-grid { padding:0; } .wide-field { margin-left:0; margin-right:0; } .observation-actions { padding:0; } }