/* Phoenix Hibachi V167 — commercial rules + requested detail fixes only.
   Baseline: approved V166. No dashboard/print redesign and no database migration. */
:root{--phx-build-version:"V167_COMMERCIAL_LAUNCH";}

/* Address autocomplete: only the actual input/label is interactive. */
.address-field{position:relative;display:block;min-width:0;}
.address-field .address-input-label{display:block;margin-bottom:6px;font-weight:850;color:inherit;}
.address-field>[data-address-display-only]{cursor:default;user-select:text;}
.address-field .address-suggest-box{left:0!important;right:auto!important;top:72px!important;width:100%!important;max-width:100%!important;max-height:260px!important;overflow-y:auto!important;overscroll-behavior:contain;}
.address-field .travel-estimate{position:relative;z-index:0;pointer-events:auto;}
.address-field .field-help{pointer-events:auto;}


/* Minimum food-order / side-order tracker. */
.minimum-order-tracker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px;padding:14px;border:1px solid rgba(255,215,121,.25);border-radius:16px;background:rgba(227,167,45,.07);}
.minimum-order-tracker>div{display:grid;gap:4px;padding:10px;border-radius:12px;background:rgba(0,0,0,.16);}
.minimum-order-tracker span{font-size:.76rem;color:var(--muted);font-weight:800;}
.minimum-order-tracker b{font-size:1.03rem;color:#ffd779;}
.minimum-order-tracker p{grid-column:1/-1;margin:0;font-size:.82rem;font-weight:800;color:#d8c8ae;}
.minimum-order-tracker.met{border-color:rgba(94,201,135,.42);background:rgba(54,159,102,.08);}
.minimum-order-tracker.met p{color:#a9e6be;}
.quote-travel-review{display:grid;gap:5px;padding:11px 12px;border:1px solid rgba(255,215,121,.2);border-radius:12px;background:rgba(227,167,45,.06);align-content:center;}
.quote-travel-review span{font-size:.78rem;line-height:1.4;color:var(--muted);}
body.light-theme .minimum-order-tracker,body.light .minimum-order-tracker,body.light-theme .quote-travel-review,body.light .quote-travel-review{background:#fff8ec;}

/* Staffing request details. */
.staffing-request-box{display:grid;gap:12px;}
.waitstaff-request-row{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);}
.waitstaff-request-row>label:first-child{flex:1 1 320px;}
.waitstaff-count-label{display:grid;gap:5px;min-width:110px;font-size:.78rem;font-weight:850;color:var(--muted);}
.waitstaff-count-label input{width:100%;}
.waitstaff-count-label input:disabled{opacity:.55;cursor:not-allowed;}
.optional-media-line{opacity:.9;}

/* Flexible avatar display: the original upload ratio never moves the card layout. */
.member-avatar-v133{grid-template-columns:minmax(140px,180px) minmax(0,1fr)!important;align-items:center!important;}
.member-avatar-preview-v133{width:112px!important;height:112px!important;margin-inline:auto!important;flex:none!important;}
.member-avatar-preview-v133 img,.member-profile-avatar-mini-v133 img,#accountAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;}
.member-avatar-actions-v133{align-items:center;}

/* Avatar editor */
.phx-avatar-editor-v167{max-width:min(94vw,760px);width:760px;border:1px solid rgba(255,215,121,.34);border-radius:24px;background:#0d0906;color:#f8f2e8;padding:0;box-shadow:0 28px 100px rgba(0,0,0,.72);}
.phx-avatar-editor-v167::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px);}
.phx-avatar-editor-card-v167{padding:22px;display:grid;gap:18px;}
.phx-avatar-editor-head-v167{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.phx-avatar-editor-head-v167 h2{margin:3px 0 0;font-family:Georgia,serif;}
.phx-avatar-editor-close-v167{border:0;background:transparent;color:inherit;font-size:30px;line-height:1;cursor:pointer;}
.phx-avatar-editor-grid-v167{display:grid;grid-template-columns:minmax(280px,1fr) minmax(220px,.8fr);gap:20px;align-items:start;}
.phx-avatar-canvas-wrap-v167{display:grid;place-items:center;min-height:360px;padding:12px;border-radius:22px;background:repeating-conic-gradient(rgba(255,255,255,.055) 0 25%,rgba(255,255,255,.018) 0 50%) 50%/22px 22px;border:1px solid rgba(255,215,121,.18);touch-action:none;overflow:hidden;}
#phxAvatarCanvasV167{width:min(100%,360px);height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 18px 55px rgba(0,0,0,.55);cursor:grab;touch-action:none;background:transparent;}
#phxAvatarCanvasV167.dragging{cursor:grabbing;}
.phx-avatar-controls-v167{display:grid;gap:14px;}
.phx-avatar-controls-v167 fieldset{border:1px solid rgba(255,215,121,.2);border-radius:16px;padding:12px;display:grid;gap:9px;}
.phx-avatar-controls-v167 legend{padding:0 7px;color:#ffd779;font-weight:900;}
.phx-avatar-controls-v167 label{display:flex;align-items:center;gap:8px;font-weight:780;}
.phx-avatar-controls-v167 input[type="range"]{width:100%;}
.phx-avatar-control-buttons-v167{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}
.phx-avatar-control-buttons-v167 button,.phx-avatar-actions-v167 button{border:1px solid rgba(255,215,121,.28);background:rgba(255,255,255,.04);color:inherit;border-radius:12px;padding:10px 12px;font:inherit;font-weight:850;cursor:pointer;}
.phx-avatar-control-buttons-v167 button:hover,.phx-avatar-actions-v167 button:hover{background:rgba(227,167,45,.13);}
.phx-avatar-actions-v167{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.phx-avatar-actions-v167 .primary{background:linear-gradient(135deg,#d79b22,#ffd779);color:#211203;border-color:transparent;}
.phx-avatar-editor-status-v167{min-height:20px;color:#cdbfa9;font-size:.82rem;font-weight:750;}
.phx-avatar-editor-help-v167{margin:0;color:#b8a990;font-size:.8rem;line-height:1.5;}
body.light-theme .phx-avatar-editor-v167,body.light .phx-avatar-editor-v167{background:#fffaf2;color:#2d2116;}
body.light-theme .phx-avatar-canvas-wrap-v167,body.light .phx-avatar-canvas-wrap-v167{background:repeating-conic-gradient(#fff 0 25%,#f2e6d4 0 50%) 50%/22px 22px;}

@media(max-width:700px){
  .member-avatar-v133{grid-template-columns:1fr!important;text-align:center!important;}
  .member-avatar-copy-v133{text-align:center;}
  .member-avatar-actions-v133{justify-content:center;}
  .address-field .address-suggest-box{top:70px!important;max-height:240px!important;}
  .waitstaff-request-row{display:grid;grid-template-columns:1fr;}
  .minimum-order-tracker{grid-template-columns:1fr;}
  .phx-avatar-editor-grid-v167{grid-template-columns:1fr;}
  .phx-avatar-canvas-wrap-v167{min-height:300px;}
  .phx-avatar-editor-card-v167{padding:16px;}
}

/* Keep the booking sheet fully inside narrow phone viewports. V166 had a
   small negative dialog margin that could create a 5–6 px horizontal scroll. */
@media(max-width:700px){
  #bookingModal[open]{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:8px auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  #bookingModal .modal-card{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}