/* Staff app upgrades — phone cards, sticky actions, KPI strip. Does not change APIs. */
#advancedKpis{display:contents}
#advancedKpis .stat-value{font-size:1.18rem}
#navAdmin[hidden],a#navAdmin[data-hidden="1"]{display:none!important}
.msn-sticky-bar{display:none}
.sheet-toggle{background:#17333a;color:#fff}
body.msn-cards #ordersTab.orders-table{overflow:visible}

@media(max-width:900px){
  #orders-overflow-hotfix,#ordersTable{min-width:0!important}
  body:not(.msn-sheet) #ordersTable{min-width:0!important;width:100%!important}
  body:not(.msn-sheet) #ordersTable thead{display:none}
  body:not(.msn-sheet) #ordersTable,body:not(.msn-sheet) #ordersTable tbody,body:not(.msn-sheet) #ordersTable tr,body:not(.msn-sheet) #ordersTable td{display:block;width:100%;max-width:100%}
  body:not(.msn-sheet) #ordersTable tbody{display:grid;gap:12px}
  body:not(.msn-sheet) #ordersTable tr{background:#fff;border:1px solid #dce7ee;border-radius:16px;padding:13px;box-shadow:0 5px 16px rgba(15,61,74,.08)}
  body:not(.msn-sheet) #ordersTable td{border:0;padding:6px 0;display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:start;overflow-wrap:anywhere;white-space:normal!important}
  body:not(.msn-sheet) #ordersTable td::before{content:attr(data-label);color:#657786;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}
  body:not(.msn-sheet) #ordersTable td:first-child{font-size:16px;color:#007f82;padding-bottom:8px;border-bottom:1px solid #edf2f5;grid-template-columns:1fr}
  body:not(.msn-sheet) #ordersTable td:first-child::before{display:none}
  body:not(.msn-sheet) #ordersTable td:last-child{display:block;padding-top:10px;border-top:1px solid #edf2f5;margin-top:4px}
  body:not(.msn-sheet) #ordersTable td:last-child::before{display:none}
  body:not(.msn-sheet) #ordersTable td[colspan]{display:block}
  body:not(.msn-sheet) #ordersTable td[colspan]::before{display:none}
  /* Compact phone: hide secondary money columns unless expanded */
  body:not(.msn-sheet) #ordersTable td[data-label="Placed By"],
  body:not(.msn-sheet) #ordersTable td[data-label="Margin %"],
  body:not(.msn-sheet) #ordersTable td[data-label="Expected Billing Value"],
  body:not(.msn-sheet) #ordersTable td[data-label="Variance"],
  body:not(.msn-sheet) #ordersTable td[data-label="Placed"]{display:none}
  body.msn-cards-full #ordersTable td[data-label]{display:grid}
  .msn-sticky-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:980;padding:0}
  .msn-sticky-bar a,.msn-sticky-bar button{min-height:48px;border:0;border-radius:14px;font-weight:800;font-size:14px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center}
  .msn-sticky-bar .msn-fab-new{background:#0f766e}
  .msn-sticky-bar .msn-fab-create{background:#ff9500;color:#17333a}
  body{padding-bottom:72px}
  .navbar-right a{font-size:13px}
  #advancedKpis{display:contents}
  .status-strip{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
}

@media(min-width:901px){
  body.msn-cards #ordersTable{min-width:0}
}