/* Final compact pass for the owner portal. */
#menuView .page-intro{margin-bottom:11px}
#menuView .menu-editor-tabs{margin:10px 0 8px}
#menuView .menu-editor-tabs button{padding:7px 10px;font-size:11px}
#menuView .product-editor,#menuView .product-quick-list,#menuView .category-builder,#menuView .ingredient-builder,#menuView .allergen-builder{
  margin-bottom:10px!important;
  padding:11px!important;
  border-radius:12px!important;
}
#menuView .product-editor{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
#menuView .product-editor>h2{font-size:18px!important}
#menuView .product-editor-lead{margin:-2px 0 2px!important;font-size:11px!important}
#menuView .product-editor :is(label,small,p){font-size:10px!important}
#menuView .product-editor :is(input,select,textarea){min-height:32px!important;padding:5px 7px!important;font-size:11px!important}
#menuView .product-editor textarea{min-height:42px!important}
#menuView .product-editor :is(.product-editor-lead,.product-ingredients,.prep-time-help,.form-error,.product-allergens,#productImagePreview){grid-column:1/-1}
#menuView .product-ingredients,#menuView .product-allergens{padding:9px!important;border-radius:10px!important}
#menuView .ingredient-choices{max-height:92px!important;gap:4px!important}
#menuView .ingredient-choices label{min-height:28px!important;padding:4px 6px!important;font-size:10px!important}
#menuView .product-editor button{min-height:31px!important;padding:5px 7px!important;font-size:10px!important}
#menuView .product-quick-list .panel-header{padding-bottom:5px!important}
#menuView .product-quick-list .panel-header h2,#menuView .category-builder h2,#menuView .ingredient-builder h2{font-size:16px!important}
#menuView .product-quick-list #productQuickChoices{margin-top:7px!important;gap:6px!important}
#menuView .product-quick-list #productQuickChoices button{padding:7px!important}

/* Rider cards keep every detail but stop looking like long receipts. */
#ridersView .riders-grid{gap:7px!important}
#ridersView .rider-card{display:grid;align-content:start;gap:4px;padding:8px!important;border-radius:9px!important}
#ridersView .rider-card__top{gap:6px!important}
#ridersView .rider-card__person{gap:6px!important}
#ridersView .rider-card__name{font-size:13px!important}
#ridersView .rider-card__phone,#ridersView .rider-card__number{font-size:9px!important}
#ridersView .rider-card__status{margin:3px 0!important;padding:4px 6px!important;font-size:9px!important}
#ridersView .rider-live-state{gap:3px!important;padding:4px 6px!important;font-size:9px!important}
#ridersView .rider-card__footer{padding-top:5px!important}
#ridersView .invite-box{display:grid!important;gap:4px!important;margin-top:3px!important;padding-top:4px!important}
#ridersView .whatsapp-invite{grid-template-columns:15px minmax(0,1fr) auto!important;min-height:27px!important;padding:4px 5px!important;gap:4px!important}
#ridersView .whatsapp-invite .whatsapp-icon{width:15px!important;height:15px!important;font-size:10px!important}
#ridersView .whatsapp-invite strong{display:block;overflow:hidden;font-size:9px!important;line-height:1!important;text-overflow:ellipsis;white-space:nowrap!important}
#ridersView .whatsapp-invite b{font-size:10px!important}
#ridersView .rider-contact-box>button{min-height:26px!important;margin-top:0!important;padding:4px 5px!important;font-size:9px!important;line-height:1.1!important}
#ridersView .rider-contact-box>strong{margin-top:1px!important;font-size:9px!important}
@media(max-width:650px){
  #menuView .product-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #menuView .product-editor .product-category-quick{grid-column:1/-1}
  #ridersView .riders-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #ridersView .whatsapp-invite{grid-template-columns:13px minmax(0,1fr)!important}
  #ridersView .whatsapp-invite b{display:none!important}
}