/* Common controls are styled by simple/styles.css. Only the extra vehicle
   strip and legacy record-dialog adapters are specific to professional mode. */
[hidden] { display: none !important; }
.topbar { margin-bottom: 0; }
.text-button { padding: 0 4px; border: 0; border-radius: 0; background: transparent; font-size: 12px; font-weight: 800; }
.flow-card .flow-heading-actions { width: auto; flex: 0 0 auto; justify-content: normal; flex-wrap: nowrap; gap: 6px; }
.warehouse-line { overflow: visible; }
.weigh-card > .weight-row { display: block; }
.weigh-card .current-fish-total { flex: 0 0 auto; }
.flow-card .flow-grade-heading span { max-width: none; }
.flow-card .flow-grade-heading strong { color: var(--text); }
.flow-card .flow-grade-heading span { line-height: normal; font-weight: 700; }
.flow-item.weight-cell { min-height: 66px; padding: 4px 3px; border: 0; border-left: 2px solid #9bb5ff; background: transparent; }
.flow-item.weight-cell strong { margin-top: 3px; color: var(--text); font-size: 15px; line-height: 1; }
.flow-item.weight-cell small { margin-bottom: 0; font-size: 9px; line-height: normal; }
.flow-item.weight-cell span { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.05; }
.vehicle-strip { padding: 12px 13px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: none; }
.vehicle-strip .strip-title .eyebrow { font-size: 16px; color: var(--text); }
.vehicle-settlement h3 { margin: 8px 0; font-size: 14px; }
.vehicle-settlement { min-width: 0; }
.record-editor .editor-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.record-editor input, .record-editor select { min-width: 0; width: 100%; min-height: 44px; }
.record-editor .dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; }
.record-editor .dialog-actions button { min-width: 80px; min-height: 48px; padding: 0 18px; border-radius: 9px; }
.record-editor .dialog-actions .primary-action { background: var(--primary); color: #fff; }
.summary-bar > div { flex: none; }
.app-toast.show { z-index: 100; }
@media (max-width: 360px) { .app-shell { padding-left: 12px; padding-right: 12px; } }