 

#panel-pred { align-items: stretch; justify-content: flex-start; overflow-y: auto; }

 
.pred-wrap { width: 100%; margin: 0 auto; padding: 4px 4px 40px; }
.pred-card { }

.pred-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.pred-sheet-status { font-size: var(--fs-sm); }

 
.pred-table-wrap {
  overflow-x: auto; overflow-y: auto; max-height: 440px;
  border: 1px solid var(--border); border-radius: var(--radius-card);
}
 
.pred-table { table-layout: fixed; min-width: 900px; }
.pred-table th, .pred-table td { overflow: hidden; text-overflow: ellipsis; }
.pred-table thead th { position: relative; cursor: pointer; }
.pred-th-resize-grip {
  position: absolute; top: 0; right: 0; bottom: 0; width: 8px; cursor: col-resize;
  touch-action: none; user-select: none;
}
.pred-th-resize-grip:hover, .pred-th-resize-grip:active { background: color-mix(in srgb, var(--accent) 25%, transparent); }
.pred-table thead th.pred-th-drop-before { box-shadow: inset 3px 0 0 var(--accent); }
.pred-table thead th.pred-th-drop-after { box-shadow: inset -3px 0 0 var(--accent); }
 
.pred-formulas { margin: 0 0 12px; padding: 8px 10px; background: color-mix(in srgb, var(--accent) 5%, transparent); border-radius: var(--radius-md); }
.pred-formula { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 4px 0; border-bottom: 1px solid var(--border-soft); font-size: var(--fs-md); }
.pred-formula:last-child { border-bottom: none; }
.pred-formula-eq { font-family: ui-monospace, monospace; }
.pred-formula-meta { font-size: var(--fs-sm); flex-basis: 100%; white-space: nowrap; }
.pred-formula-meta [title], .pred-formula-tag, .pred-acc-real { cursor: help; }
.pred-acc-honest { font-weight: 700; color: var(--text); }
 
.pred-lang-errors { width: auto; margin-top: 6px; font-size: var(--fs-sm); }
.pred-lang-errors th, .pred-lang-errors td { padding: 3px 10px; white-space: nowrap; }
.pred-lang-errors th[title] { cursor: help; }
.pred-lang-errors td.num { text-align: right; font-variant-numeric: tabular-nums; }
.pred-formula-tag { font-size: var(--fs-sm); font-weight: 700; padding: 1px 7px; border-radius: var(--radius-btn); background: var(--warn-soft); color: var(--warn-text); white-space: nowrap; }

@media (max-width: 600px) {
  .pred-wrap { padding: 4px 4px 24px; }
  .pred-table-wrap { max-height: 50vh; }
  .pred-formula-meta { white-space: normal; }
}
