
/* MOB365 V18 FINALIZATION
   Retail customer finder + final laptop legibility polish.
   No fiscal/API/offline business logic changed. */

/* RETAIL CUSTOMER SEARCH:
   full operational table overlays product results, never cart lines. */
.pos-app-shell .customer-box{
  position:relative!important;
  z-index:30!important;
}
.pos-app-shell .customer-results.customer-results-table{
  position:fixed!important;
  z-index:9990!important;
  top:190px!important;
  left:160px!important;
  right:622px!important;
  bottom:58px!important;
  display:grid!important;
  grid-template-rows:58px 34px minmax(0,1fr) 34px!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #aebfce!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 20px 55px rgba(15,36,55,.24)!important;
}

.pos-app-shell.sidebar-collapsed .customer-results.customer-results-table{
  left:54px!important;
}
.pos-app-shell .customer-results-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:8px 13px!important;
  background:linear-gradient(180deg,#f8fbfd,#eef4f8)!important;
  border-bottom:1px solid #d4dfe8!important;
}
.pos-app-shell .customer-results-head>div{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.pos-app-shell .customer-results-head strong{
  font-size:15px!important;
  color:#102c47!important;
}
.pos-app-shell .customer-results-head small{
  font-size:9px!important;
  color:#6b7e91!important;
}
.pos-app-shell .customer-results-close{
  width:34px!important;height:34px!important;
  border:1px solid #c9d6e1!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#42586b!important;
  font-size:21px!important;
}
.pos-app-shell .customer-results-columns,
.pos-app-shell .customer-table-row{
  display:grid!important;
  grid-template-columns:125px minmax(230px,2fr) minmax(130px,1fr) minmax(130px,1fr) 100px!important;
  gap:8px!important;
  align-items:center!important;
}
.pos-app-shell .customer-results-columns{
  padding:0 13px!important;
  background:#102f4d!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
}
.pos-app-shell .customer-results-body{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#fff!important;
}
.pos-app-shell .customer-table-row{
  width:100%!important;
  min-height:48px!important;
  padding:6px 13px!important;
  border:0!important;
  border-bottom:1px solid #e2e9ef!important;
  border-radius:0!important;
  text-align:left!important;
  background:#fff!important;
  color:#21384c!important;
}
.pos-app-shell .customer-table-row:hover,
.pos-app-shell .customer-table-row.keyboard-selected{
  background:#edf9f7!important;
  box-shadow:inset 4px 0 #0ba28c!important;
}
.pos-app-shell .customer-table-row span{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10.5px!important;
}
.pos-app-shell .customer-table-row .customer-code{
  font-weight:900!important;
  color:#12314e!important;
}
.pos-app-shell .customer-table-row .customer-name{
  font-size:12px!important;
  font-weight:900!important;
  color:#122b43!important;
}
.pos-app-shell .customer-table-row .customer-loyalty{
  color:#927013!important;
  font-weight:850!important;
}
.pos-app-shell .customer-results-foot{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:0 13px!important;
  background:#f6f9fb!important;
  border-top:1px solid #d6e1e9!important;
  color:#607487!important;
  font-size:8.5px!important;
  font-weight:800!important;
}

/* Final modest laptop legibility increase across suites. */
@media (min-width:1200px){
  .m3-shell .m3-product strong,
  .cafe-pos-shell .cafe-product-tile strong{
    font-size:12px!important;
  }
  .m3-shell .m3-product b,
  .cafe-pos-shell .cafe-product-price{
    font-size:16px!important;
  }
  .m3-shell .m3-tabs.category-tabs button,
  .cafe-pos-shell .cafe-category-chip{
    font-size:9.8px!important;
  }
}

/* Common 1366 laptop */
@media (min-width:1100px) and (max-width:1500px){
  .pos-app-shell .customer-results.customer-results-table{
    top:184px!important;
    left:154px!important;
    right:569px!important;
  }
  .pos-app-shell.sidebar-collapsed .customer-results.customer-results-table{
    left:52px!important;
  }
  .pos-app-shell .customer-results-columns,
  .pos-app-shell .customer-table-row{
    grid-template-columns:105px minmax(190px,2fr) minmax(105px,1fr) minmax(110px,1fr) 84px!important;
  }
}

/* Tablet: modal table fills screen safely. */
@media (max-width:1099px){
  .pos-app-shell .customer-results.customer-results-table,
  .pos-app-shell.sidebar-collapsed .customer-results.customer-results-table{
    top:80px!important;left:12px!important;right:12px!important;bottom:12px!important;
  }
  .pos-app-shell .customer-results-columns,
  .pos-app-shell .customer-table-row{
    grid-template-columns:92px minmax(160px,2fr) 110px!important;
  }
  .pos-app-shell .customer-results-columns span:nth-child(4),
  .pos-app-shell .customer-results-columns span:nth-child(5),
  .pos-app-shell .customer-table-row span:nth-child(4),
  .pos-app-shell .customer-table-row span:nth-child(5){
    display:none!important;
  }
}

/* V18.1 REAL FIX — retail customer table + cafe command center */
.pos-app-shell .customer-results.customer-results-table{
  top:92px!important;
  left:calc(var(--pos-sidebar-width, 154px) + 8px)!important;
  right:calc(var(--pos-cart-width, 460px) + 116px)!important;
  bottom:auto!important;
  height:min(620px,calc(100vh - 125px))!important;
  grid-template-rows:62px 38px minmax(220px,1fr) 38px!important;
}
.pos-app-shell.sidebar-collapsed .customer-results.customer-results-table{left:52px!important}
.pos-app-shell .customer-results-body{display:block!important;overflow-y:auto!important}
.pos-app-shell .customer-table-row{display:grid!important;visibility:visible!important;opacity:1!important}

/* Cafe: actual MOB365 icon and a cleaner, more dynamic single command bar. */
.m3-cafe-v3 .cafe-commandbar{
  min-height:72px!important;height:auto!important;padding:9px 12px!important;
  display:grid!important;grid-template-columns:minmax(210px,.9fr) minmax(430px,1.5fr) auto!important;
  align-items:center!important;gap:12px!important;
  background:linear-gradient(105deg,#0b2d4b 0%,#103e63 55%,#0a3658 100%)!important;
  box-shadow:0 5px 18px rgba(7,31,52,.18)!important;
}
.m3-cafe-v3 .cafe-brand{min-width:0!important;gap:10px!important}
.m3-cafe-v3 .cafe-brand-mark{width:46px!important;height:46px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:13px!important;overflow:hidden!important}
.m3-cafe-v3 .cafe-brand-mark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.m3-cafe-v3 .cafe-brand-suite{font-size:9px!important;letter-spacing:1.25px!important;color:#65ddd2!important}
.m3-cafe-v3 .cafe-brand h1{font-size:19px!important;line-height:1.05!important;margin-top:2px!important}
.m3-cafe-v3 .cafe-command-center{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.m3-cafe-v3 .cafe-order-context{min-width:126px!important;padding-right:10px!important;border-right:1px solid rgba(255,255,255,.18)!important}
.m3-cafe-v3 .cafe-kpi-compact{display:grid!important;grid-template-columns:repeat(5,minmax(68px,1fr))!important;gap:6px!important;flex:1!important}
.m3-cafe-v3 .cafe-mini-stat{min-height:38px!important;padding:5px 8px!important;border-radius:10px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}
.m3-cafe-v3 .cafe-mini-stat span{font-size:8px!important;opacity:.82!important}.m3-cafe-v3 .cafe-mini-stat strong{font-size:13px!important}
.m3-cafe-v3 .cafe-mini-stat.selected{background:rgba(27,177,161,.22)!important;border-color:#43c9bc!important}
.m3-cafe-v3 .cafe-command-status{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}
.m3-cafe-v3 .cafe-command-btn,.m3-cafe-v3 .cafe-status-badge{height:38px!important;padding:0 11px!important;border-radius:10px!important;font-size:9px!important;white-space:nowrap!important}
@media(max-width:1450px){.m3-cafe-v3 .cafe-commandbar{grid-template-columns:205px 1fr!important}.m3-cafe-v3 .cafe-command-status{grid-column:1/-1!important;justify-content:flex-end!important}.m3-cafe-v3 .cafe-commandbar{padding-bottom:7px!important}}
