/* ============================================================
   Delivery ▸ Edit modal — shared across SS-9163 / 9164 / 9165.
   Real location (verified in merchant-portal):
   Settings ▸ Order Dining Option ▸ [location] ▸ Mobile/Online
   → Delivery card ▸ Edit → this nz-modal.
   Renders inside .antd.theme-merchant (antd.css). Requires antd.css.
   ============================================================ */

/* the modal is tall — let the app window grow so the whole dialog shows */
.antd{height:auto;min-height:900px;position:relative}

/* header chrome (hamburger + operator email), matches the real portal */
.a-hamb{width:24px;height:24px;color:var(--t2);cursor:pointer;flex:none}
.a-user{display:flex;align-items:center;gap:7px;color:var(--p);font-size:14px}
.a-user svg{width:15px;height:15px}
.a-caret{margin-left:auto;color:var(--t3);font-size:10px}

/* back-title (nz-page-header) */
.back-t{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:var(--t1);margin:2px 0 6px}
.back-t .bk{cursor:pointer;color:var(--t2)}

/* dining-option cards behind the modal (nz-card grid, half width) */
.od{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.odc{background:#fff;border:1px solid var(--bd2);border-radius:var(--radius)}
.odc .top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--bd2)}
.odc .top .nm{font-weight:600;font-size:16px}
.odc .bd{padding:14px 20px;color:var(--t2);font-size:14px}
.odc .bd.on{color:#389e0d;font-weight:600}

/* ---- modal shell ---- */
.scrim{position:absolute;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:center;z-index:30;padding:24px}
.modal{width:680px;max-width:100%;max-height:100%;overflow:auto;background:#fff;border-radius:var(--radius);
  box-shadow:0 16px 56px rgba(0,0,0,.32);display:flex;flex-direction:column}
.modal .mh{display:flex;align-items:center;gap:12px;padding:22px 26px 14px}
.modal .mh b{font-size:18px;font-weight:600;color:var(--t1)}
.modal .mb{padding:0 26px 20px;display:flex;flex-direction:column;gap:16px}
.modal .mf{display:flex;justify-content:flex-end;gap:10px;padding:14px 26px;border-top:1px solid var(--bd2)}

/* fulfilment-mode = SINGLE CHOICE (radio): INFI Uber Direct  OR  External links */
.modelabel{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:-6px}
.req{color:#ff4d4f;font-weight:700}
.mode{display:flex;gap:10px}
.mp{flex:1;min-width:0;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--bd);
  border-radius:var(--radius);background:#fff;color:var(--t1);font:inherit;font-size:14px;cursor:pointer;text-align:left}
.mp-radio{flex:none;width:16px;height:16px;border:2px solid var(--bd);border-radius:50%;margin-top:1px;position:relative}
.mp.on{border-color:var(--p);background:var(--p-1)}
.mp.on .mp-radio{border-color:var(--p)}
.mp.on .mp-radio::after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:var(--p)}
.mp-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.mp-t{font-weight:600;line-height:1.25}
.mp.on .mp-t{color:var(--p)}
.mp-d{font-size:12px;color:var(--t2);line-height:1.3}
/* required-fields note shared by the modal tabs */
.reqnote{font-size:12px;color:var(--t2);display:flex;gap:7px;align-items:baseline;line-height:1.45}
.reqnote .req{font-size:13px;flex:none}

/* inner tabset (Delivery area · Pickup details · Fees) */
.itabs{display:flex;border-bottom:1px solid var(--bd2)}
.itabs button{border:none;background:none;font:inherit;font-size:14px;color:var(--t1);padding:9px 16px;cursor:pointer;
  border-bottom:2px solid transparent;margin-bottom:-1px}
.itabs button.on{color:var(--p);border-bottom-color:var(--p);font-weight:600}
.itab-body{padding-top:6px}
.frow{font-size:14px;color:var(--t1);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lnk{color:var(--p);cursor:pointer;font-size:13.5px}
.prev-lbl{font-size:12.5px;color:var(--t2);margin-bottom:8px}

/* "what the courier sees" preview (SS-9164) */
.cpv{background:#10151C;border-radius:var(--radius);padding:14px;color:#D7DCE3}
.cpv .ph{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7E8794;margin-bottom:8px}
.cpv .nm{font-weight:700;color:#fff;font-size:14px}
.cpv .ad{font-size:12px;color:#AEB6C2;margin-top:2px}
.cpv .cc{margin-top:9px;font-size:12px}
.cpv .ins{margin-top:9px;background:#1B2230;border-left:3px solid var(--p);border-radius:6px;padding:9px 10px;font-size:12px;line-height:1.5}
.cpv .ins b{color:#fff;display:block;font-size:10px;margin-bottom:3px;letter-spacing:.04em}

/* fee model (SS-9165) */
.fc{border:1px solid var(--bd);border-radius:var(--radius);padding:12px 14px;cursor:pointer}
.fc+.fc{margin-top:10px}
.fc.sel{border-color:var(--p);background:var(--p-1)}
.fc .top{display:flex;align-items:flex-start;gap:10px}
.fc .ti{flex:1}.fc .ti .h{font-weight:600;font-size:14px}
.fc .ti .d{font-size:12.5px;color:var(--t2);margin-top:2px;line-height:1.4}
.fc .cfg{margin-top:10px;padding-top:10px;border-top:1px dashed var(--bd);display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.calc{background:#10151C;border-radius:var(--radius);padding:14px;color:#D7DCE3}
.calc .ch{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7E8794;margin-bottom:10px}
.calc .cl{display:flex;justify-content:space-between;font-size:13px;padding:5px 0}
.calc .cl .v{font-weight:700;color:#fff}
.calc .cl.split{border-top:1px solid #2A3340;margin-top:5px;padding-top:10px}
.calc .cl.cust .v{color:#7fd6ff}.calc .cl.merch .v{color:#FBBF77}