/* FOODYA 0.6.4 · inicio por comensales */
.fy-order-mode-overlay{position:fixed;inset:0;z-index:2147483646;background:rgba(17,24,39,.48);display:flex;align-items:center;justify-content:center;padding:18px}
.fy-order-mode-card{width:min(440px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.22);font-family:inherit}
.fy-order-mode-brand{text-align:center;font-size:28px;font-weight:900;letter-spacing:-1px;margin-bottom:18px;color:#111}.fy-order-mode-brand b{color:#f97316}
.fy-order-mode-title{text-align:center;font-size:26px;font-weight:900;color:#111827}.fy-order-mode-sub{text-align:center;color:#6b7280;margin:7px 0 18px;line-height:1.4}
.fy-order-mode-option{width:100%;text-align:left;border:2px solid #e5e7eb;background:#fff;border-radius:18px;padding:16px;margin-top:10px}.fy-order-mode-option.primary{border-color:#f97316;background:#fff7ed}.fy-order-mode-option strong{display:block;font-size:18px;color:#111827}.fy-order-mode-option.primary strong{color:#ea580c}.fy-order-mode-option small{display:block;font-size:14px;color:#6b7280;margin-top:4px;line-height:1.35}
.fy-order-names{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.fy-order-name-chip{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:999px;padding:7px 11px;font-weight:800}
.fy-order-name-input{box-sizing:border-box;width:100%;font:inherit;font-size:16px;border:2px solid #e5e7eb;border-radius:14px;padding:13px 14px;outline:none}.fy-order-name-input:focus{border-color:#f97316}
.fy-order-add-name,.fy-order-continue{width:100%;border:0;border-radius:14px;padding:13px 15px;font:inherit;font-weight:900;margin-top:10px}.fy-order-add-name{background:#fff7ed;color:#ea580c;border:1px solid #fdba74}.fy-order-continue{background:#f97316;color:#fff;margin-top:18px}


/* FoodYA 0.1.4 · confirmación clara del último comensal */
.fy-order-name-wrap{
  position:relative;
  width:100%;
}
.fy-order-name-wrap .fy-order-name-input{
  padding-right:46px;
}
.fy-order-name-tick{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%) scale(.8);
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#16a34a;
  color:#fff;
  font-size:15px;
  font-weight:1000;
  opacity:0;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
}
.fy-order-name-wrap.has-name .fy-order-name-input{
  border-color:#22c55e;
}
.fy-order-name-wrap.has-name .fy-order-name-tick{
  opacity:1;
  transform:translateY(-50%) scale(1);
}
.fy-order-name-wrap.is-duplicate .fy-order-name-input{
  border-color:#fdba74;
}
.fy-order-name-pending{
  min-height:18px;
  margin:6px 2px 0;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  color:#64748b;
}
.fy-order-name-pending.ok{color:#15803d}
.fy-order-name-pending.duplicate{color:#c2410c}

@media(max-width:699px){
  .fy-order-name-tick{
    width:26px;
    height:26px;
    right:13px;
  }
  .fy-order-name-pending{
    font-size:12px;
  }
}