.page-head--split{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-head__action{display:none}.board-filter{margin:0 0 var(--space-4)}.board-filter .filter-chip{min-height:48px}.board-filter .filter-chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.board{gap:var(--space-6);display:grid}.board-col{align-content:start;gap:var(--space-3);min-width:0;display:grid}.board-col__head{justify-content:space-between;align-items:center;gap:var(--space-2);margin:0;display:flex}.board-col__head h2{align-items:center;gap:var(--space-2);font-size:18px;display:flex}.count-badge{color:var(--muted);white-space:nowrap;font-size:14px}.ticket-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.ticket{gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:0;display:grid}.ticket__head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.ticket__room{margin:0;font-size:18px;font-weight:700}.ticket__issue{margin:0;font-weight:500}.ticket__meta{gap:var(--space-1);margin:0;display:grid}.ticket__meta>div{justify-content:space-between;gap:var(--space-3);display:flex}.ticket__meta dt{color:var(--muted);font-size:14px}.ticket__meta dd{text-align:right;margin:0;font-size:14px}.chip--prio-cao{color:var(--overdue)}.chip--prio-vua{color:var(--due)}.chip--prio-thap{color:var(--vacant)}@media (width<=767px){.board[data-filter=moi] .board-col:not([data-status=moi]),.board[data-filter=dang-xu-ly] .board-col:not([data-status=dang-xu-ly]),.board[data-filter=xong] .board-col:not([data-status=xong]){display:none}}@media (width>=768px){.board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.board-filter{display:none}.page-head__action{display:inline-flex}}.form-dialog{width:min(480px,100vw - 32px);max-height:90vh;padding:var(--space-6);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.form-dialog::backdrop{background:color-mix(in srgb, var(--ink) 40%, transparent)}.form-stack{gap:var(--space-3);display:grid}.form-stack h2{font-size:20px}.form-stack .hint{margin:0}.dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}
