/* v6.0.135 — coherent staff panels, text-first Classics, and legible POS at all widths.
   Additional layer after Round 2; does not restyle the customer portal. */
body.otml-mode-staff #hubTabPos,
body.otml-mode-staff #hubTabReviews,
body.otml-mode-staff #hubTabSystem {min-width:0;scroll-margin-top:12px}
body.otml-mode-staff .otml-pos-container {grid-template-columns:minmax(0,1.45fr) minmax(340px,.78fr)!important;align-items:start!important}
body.otml-mode-staff #posRegisterWorkspace .otml-pos-left,
body.otml-mode-staff #posRegisterWorkspace .otml-pos-right {min-width:0!important}
body.otml-mode-staff .otml-drink-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;grid-auto-rows:max-content!important;
  gap:12px!important;min-width:0!important;
}
@media (min-width:1740px){body.otml-mode-staff .otml-drink-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:900px) and (max-width:1170px){
 body.otml-mode-staff .otml-pos-container{grid-template-columns:minmax(0,1fr)!important}
 body.otml-mode-staff .otml-pos-right{position:static!important;max-height:none!important}
}
/* No photo for Classics: category belongs IN the card layout, not over the name. */
body.otml-mode-staff #posDrinkGrid .otml-pos-classic {
  min-height:192px!important;height:auto!important;padding:0!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  overflow:visible!important;isolation:isolate;
}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-product-category {
  position:static!important;display:inline-flex!important;align-self:flex-start!important;
  width:auto!important;max-width:calc(100% - 28px)!important;
  margin:14px 14px 0!important;padding:5px 9px!important;
  line-height:1.25!important;font-size:9px!important;
  background:#EEE3D8!important;color:#61452F!important;
  border-radius:999px!important;white-space:normal!important;overflow:visible!important;
  letter-spacing:.09em!important;
}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-copy {
  flex:1 1 auto!important;min-height:0!important;display:flex!important;
  flex-direction:column!important;gap:7px!important;
  padding:12px 15px 5px!important;
}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-title {
  display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;
  min-height:0!important;max-height:none!important;height:auto!important;
  font-family:inherit!important;font-size:clamp(15px,1.3vw,18px)!important;
  font-weight:850!important;line-height:1.3!important;
  color:#2C1D14!important;letter-spacing:-.01em!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-desc {
  display:block!important;min-height:0!important;max-height:none!important;
  -webkit-line-clamp:unset!important;overflow:visible!important;
  font-size:11px!important;line-height:1.45!important;color:#78695D!important;
}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-bottom {
  margin-top:auto!important;padding:10px 14px 13px!important;
  border-top:1px solid rgba(105,70,47,.11)!important;
  font-size:16px!important;min-height:54px!important;
}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-add-circle{flex:0 0 38px!important;height:38px!important;width:38px!important}
body.otml-mode-staff #posDrinkGrid .otml-drink-card:focus-visible,
body.otml-mode-staff .otml-cat-pill:focus-visible {outline:3px solid #A37A59!important;outline-offset:3px!important}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic:hover{overflow:visible!important}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic.soldout{overflow:hidden!important}
body.otml-mode-staff #posDrinkGrid .otml-pos-classic.soldout .otml-soldout-badge{top:3px;right:3px;font-size:8px}
body.otml-mode-staff.otml-pos-night #posDrinkGrid .otml-pos-classic .otml-product-category {
  background:rgba(245,218,187,.16)!important;color:#F7D9BA!important;
  border:1px solid rgba(242,213,185,.18)!important;
}
body.otml-mode-staff.otml-pos-night #posDrinkGrid .otml-pos-classic .otml-drink-title{color:#FFF1E6!important}
body.otml-mode-staff.otml-pos-night #posDrinkGrid .otml-pos-classic .otml-drink-desc{color:#DCC8B8!important}
body.otml-mode-staff.otml-pos-night #posDrinkGrid .otml-pos-classic .otml-drink-bottom{border-color:rgba(242,213,185,.18)!important}
/* Keep tablet / phone comfortable rather than squeezing three tiny cards. */
@media(max-width:899px){
 body.otml-mode-staff .otml-drink-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important}
 body.otml-mode-staff #posDrinkGrid .otml-pos-classic{min-height:195px!important}
 body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-title{font-size:15px!important}
}
@media(max-width:430px){
 body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-product-category{margin:10px 10px 0!important;font-size:8px!important}
 body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-copy{padding:10px 11px 5px!important}
 body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-title{font-size:14px!important}
 body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-desc{font-size:10.5px!important}
 body.otml-mode-staff #posDrinkGrid .otml-pos-classic .otml-drink-bottom{padding:10px!important}
}
/* Reviews and System Check: a consistent, top-aligned warm-glass admin workspace. */
body.otml-mode-staff #hubTabReviews,
body.otml-mode-staff #hubTabSystem {
  padding:20px!important;border-radius:24px!important;
  background:rgba(255,253,250,.80)!important;
  border:1px solid rgba(140,103,78,.18)!important;
  box-shadow:0 14px 36px rgba(47,30,19,.075)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  width:100%;box-sizing:border-box;
}
body.otml-mode-staff #hubTabReviews>div:first-child,
body.otml-mode-staff #hubTabSystem>div:first-child{padding:4px 2px 14px!important;border-bottom:1px solid rgba(128,94,70,.15)!important;align-items:center!important}
body.otml-mode-staff #hubTabReviews>div:first-child>div>div:nth-child(2),
body.otml-mode-staff #hubTabSystem>div:first-child>div>div:nth-child(2){font-family:Georgia,serif!important;font-size:clamp(24px,2.2vw,30px)!important;color:#302016!important;letter-spacing:-.025em!important}
body.otml-mode-staff #hubTabReviews>div:first-child>div>div:nth-child(3),
body.otml-mode-staff #hubTabSystem>div:first-child>div>div:nth-child(3){color:#776459!important;font-size:12px!important;max-width:780px!important;line-height:1.55!important}
body.otml-mode-staff #hubTabReviews>div:first-child>button,
body.otml-mode-staff #hubTabSystem>div:first-child>button{min-height:42px!important;border-radius:13px!important;padding:10px 18px!important}
body.otml-mode-staff #reviewSummaryCards,
body.otml-mode-staff #systemCheckSummary{gap:12px!important}
body.otml-mode-staff #reviewSummaryCards>* ,
body.otml-mode-staff #systemCheckSummary .otml-system-stat {background:rgba(255,255,255,.94)!important;border:1px solid rgba(135,98,71,.16)!important;border-radius:17px!important;padding:15px!important;box-shadow:0 6px 18px rgba(38,23,14,.04)!important}
body.otml-mode-staff #hubTabReviews>div:nth-child(3){background:rgba(255,255,255,.76)!important;border:1px solid rgba(135,98,71,.16)!important;border-radius:18px!important;padding:16px!important;gap:12px!important}
body.otml-mode-staff #hubTabReviews input,
body.otml-mode-staff #hubTabReviews select{min-width:0!important;width:100%!important;box-sizing:border-box!important;min-height:42px!important;border:1px solid rgba(137,104,78,.22)!important;border-radius:12px!important;background:#FFFCF9!important;color:#34241B!important;padding:10px!important}
body.otml-mode-staff #hubTabReviews .otml-order-field label{font-size:11px!important;color:#756154!important}
body.otml-mode-staff #reviewsDashboardList,
body.otml-mode-staff #systemCheckList{gap:12px!important;align-items:start!important}
body.otml-mode-staff #reviewsDashboardList>* ,
body.otml-mode-staff #systemCheckList .otml-system-check {background:rgba(255,255,255,.91)!important;border:1px solid rgba(135,98,71,.15)!important;border-radius:17px!important;box-shadow:0 6px 20px rgba(40,23,12,.035)!important}
body.otml-mode-staff #systemCheckTime{background:rgba(255,255,255,.78)!important;border:1px solid rgba(135,98,71,.14)!important;border-radius:15px!important;color:#604E40!important;padding:14px!important}
@media(max-width:1100px){
 body.otml-mode-staff #hubTabReviews>div:nth-child(3){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.otml-mode-staff #hubTabReviews>div:nth-child(3)>.otml-order-field:first-child{grid-column:1/-1}
}
@media(max-width:700px){
 body.otml-mode-staff #hubTabReviews,body.otml-mode-staff #hubTabSystem{padding:14px!important;border-radius:18px!important}
 body.otml-mode-staff #hubTabReviews>div:nth-child(3){grid-template-columns:1fr!important}
 body.otml-mode-staff #hubTabReviews>div:nth-child(3)>.otml-order-field:first-child{grid-column:auto!important}
 body.otml-mode-staff #reviewSummaryCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.otml-mode-staff #systemCheckSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.otml-mode-staff #reviewsDashboardList,body.otml-mode-staff #systemCheckList{grid-template-columns:1fr!important}
}
/* Preserve contrast on both POS themes, including inline legacy labels. */
body.otml-mode-staff.otml-pos-night #hubTabReviews,
body.otml-mode-staff.otml-pos-night #hubTabSystem {background:linear-gradient(150deg,rgba(89,65,50,.72),rgba(42,30,24,.88))!important;border-color:rgba(241,214,190,.19)!important;box-shadow:0 16px 35px rgba(7,4,2,.20)!important;color:#FFF0E3!important}
body.otml-mode-staff.otml-pos-night #hubTabReviews>div:first-child,
body.otml-mode-staff.otml-pos-night #hubTabSystem>div:first-child {border-color:rgba(241,214,190,.16)!important}
body.otml-mode-staff.otml-pos-night #hubTabReviews>div:first-child>div>div,
body.otml-mode-staff.otml-pos-night #hubTabSystem>div:first-child>div>div{color:#FFF0E3!important}
body.otml-mode-staff.otml-pos-night #hubTabReviews>div:first-child>div>div:nth-child(3),
body.otml-mode-staff.otml-pos-night #hubTabSystem>div:first-child>div>div:nth-child(3){color:#D8C2AF!important}
body.otml-mode-staff.otml-pos-night #reviewSummaryCards>* ,
body.otml-mode-staff.otml-pos-night #systemCheckSummary .otml-system-stat,
body.otml-mode-staff.otml-pos-night #hubTabReviews>div:nth-child(3),
body.otml-mode-staff.otml-pos-night #reviewsDashboardList>* ,
body.otml-mode-staff.otml-pos-night #systemCheckList .otml-system-check,
body.otml-mode-staff.otml-pos-night #systemCheckTime {background:rgba(97,70,54,.57)!important;border-color:rgba(241,214,190,.18)!important;color:#F9EADB!important}
body.otml-mode-staff.otml-pos-night #hubTabReviews input,
body.otml-mode-staff.otml-pos-night #hubTabReviews select{background:#382820!important;color:#FFF0E3!important;border-color:rgba(241,214,190,.22)!important}
body.otml-mode-staff.otml-pos-night #hubTabReviews input::placeholder{color:#BDA38E!important}
body.otml-mode-staff.otml-pos-night #hubTabReviews .otml-order-field label,
body.otml-mode-staff.otml-pos-night #systemCheckTime,
body.otml-mode-staff.otml-pos-night #systemCheckSummary .otml-system-stat span,
body.otml-mode-staff.otml-pos-night #systemCheckList .otml-system-check small{color:#E4CDB8!important}
body.otml-mode-staff.otml-pos-night #systemCheckSummary .otml-system-stat b,
body.otml-mode-staff.otml-pos-night #systemCheckList .otml-system-check b{color:#FFF0E3!important}
