/* Mobile uses cards so status, signature progress and actions stay visible. */
@media(max-width:600px){
  .view-toggle{display:none}
  .document-grid{grid-template-columns:1fr}
  .document-card{padding:20px}
  .document-card>.document-title{font-size:14px;min-height:0;margin-top:17px;line-height:1.6}
  .document-card .badge{font-size:10px}
  .document-card .document-id{flex-wrap:wrap;font-size:10px}
  .document-card .signature-progress{font-size:12px}
  .document-card .row-action{height:36px;width:36px;min-height:36px}
  .document-card .row-action .icon{height:18px;width:18px}
  .document-card-foot{margin-top:18px;padding-top:15px}
  .document-card .mini-avatar{width:30px;height:30px;font-size:10px}
  .select-trigger{min-height:43px;font-size:11px}
  .select-menu [role=option]{min-height:44px;font-size:12px}
  .search-field input{min-height:42px;font-size:12px}
  .card-progress>small{font-size:11px}
  .card-progress .progress-track{width:75px;height:4px}
}