.observation-list-workspace { min-width:0; overflow-x:auto; }
.observation-table-controls { display:flex; flex-wrap:wrap; align-items:center; min-width:0; }
.observation-table-controls button { min-height:44px; width:auto; }
.observation-mobile-sort { display:none; }
.observation-match-count { margin:6px 0 10px; color:var(--muted); font-size:14px; }
.observation-coordinate-note { margin:6px 0; font-size:12px; color:var(--muted); }
.observation-active-filters { margin:8px 0; overflow-wrap:break-word; font-size:14px; }
.observation-filter-panel { border:1px solid var(--border); border-radius:8px; padding:10px; margin-bottom:8px; }
.observation-filter-row { display:flex; flex-wrap:wrap; align-items:center; min-width:0; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid var(--border); }
.observation-filter-row select,.observation-filter-row input { font-size:16px; padding:8px; min-width:0; width:auto; margin:2px; }
.observation-filter-field { flex:1 1 130px; }
.observation-filter-operator { flex:0 1 110px; }
.observation-filter-value { flex:1 1 120px; }
.observation-filter-row button { flex:0 0 44px; min-height:44px; width:44px; padding:8px; }
.observation-table-header { display:flex; align-items:center; border:1px solid transparent; padding:0 10px; }
.observation-header-preview { width:68px; flex:0 0 68px; margin-right:12px; text-align:center; font-size:12px; color:var(--muted); }
.observation-header-middle { display:flex; flex:1; min-width:0; align-items:center; padding:0 8px; }
.observation-header-grid { display:grid; flex:1; min-width:0; grid-column-gap:12px; align-items:center; }
.observation-header-indicator { flex:0 0 18px; margin-left:12px; }
.observation-sort-heading { background:transparent; color:var(--text); padding:2px 0; border-radius:3px; min-width:0; min-height:44px; width:100%; text-align:left; font-size:13px; overflow:hidden; word-break:normal; }
.observation-sort-heading:hover { background:#e8f1fc; }
.observation-sort-heading:focus { outline:2px solid var(--primary); outline-offset:-2px; }
.observation-sort-heading[data-sort-key="photos"] { text-align:right; }
@media (min-width:641px) {
 .observation-table-content { min-width:var(--observation-table-min-width,0px); }
 .observation-table-row .observation-row-text { display:grid; grid-column-gap:12px; align-items:center; }
 .observation-table-row .observation-row-text > [data-observation-column] { order:0; margin:0; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
 .observation-table-row .observation-row-photo-count { text-align:right; font-size:0; }
 .observation-table-row .observation-row-photo-count::before { content:attr(data-count); font-size:13px; }
}
@media (min-width:641px) and (max-width:900px) { .observation-header-indicator { margin-left:8px; } }
@media (max-width:640px) {
 .observation-table-content { min-width:0; }
 .observation-table-header { display:none; }
 .observation-mobile-sort { display:flex; flex:1 0 100%; min-width:0; align-items:center; }
 .observation-mobile-sort select { flex:1 1 0%; min-width:0; width:auto; margin:4px; font-size:16px; padding:8px; }
 .observation-mobile-sort button { flex:0 0 44px; width:44px; padding:8px; }
 .observation-filter-field { flex-basis:100%; }
 .observation-filter-operator { flex:0 0 68px; }
 .observation-filter-value { flex:1 1 0%; }
 .observation-filter-row button { width:44px; }
}
@media (max-width:640px) {
 .observation-row-text > [data-observation-column="observation_number"]::before { content:"Observation ID: "; }
}
@media (max-width:640px) {
 .observation-row-text > [data-observation-column="observation_number"],
 .observation-row-text > [data-observation-column="heading"] {
  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
 }
}