/* Shared visual tokens and primitives come from прототип/styles.css. */
.load-status { min-height: 28px; padding: 4px 28px; color: var(--muted); font-size: 12px; }
.login-panel { max-width: 470px; margin: 24px auto; }
.login-panel input { width: 100%; }
.login-panel .reveal { margin-top: 8px; }
.pagination { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 22px 0; }
.task-header { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; }
.task-header h2 { margin-bottom: 8px; }
.task-note { white-space: pre-wrap; }
.session-name { overflow-wrap: anywhere; }
.login-mode .workspace { margin: 0; }
.login-mode .sidebar, .login-mode .bottom-nav { display: none; }
.form-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.form-actions button { flex: 1; }
.form-error { min-height: 44px; }
.ui-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.ui-form textarea { resize: none; min-height: 130px; }
.ui-form [aria-busy=true] { cursor: wait; }
.task-list .panel { scroll-margin-top: 24px; }
#identity { overflow-wrap: anywhere; }
.summary-line { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.actions { margin-bottom: 18px; }
.nav-link { overflow-wrap: anywhere; }
.board-mode .sidebar, .board-mode .bottom-nav { display: none; }
.board-mode .workspace { margin-left: 0; }
.board-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.board-column { min-width: 0; }
.board-column > h2 { display: flex; align-items: center; gap: 8px; min-height: 56px; }
.board-column .car-card { margin-bottom: 16px; }
.board-column .card-top { flex-direction: column; align-items: flex-start; }
.board-column .car-title, .board-column strong { overflow-wrap: anywhere; }
.board-freshness { min-height: 64px; }
.board-content { min-height: 240px; }
@media (max-width: 1300px) { .board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .bottom-nav { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
  .board-grid { grid-template-columns: minmax(0, 1fr); }
  .bottom-nav .nav-link { justify-content: center; }
  .load-status { padding-inline: 16px; }
  .login-panel { margin: 0; }
}
