/* ib-plan-my-event.css — Plan my event (Phase 2 website parity, 2026-09-19)
   Brand dashboard: planner, event checkout, My events (order groups), live
   tracking. Namespaced under .pme so nothing leaks into the dashboard. */
.pme { --pink:#E21058; --pink-soft:#FCE7EE; --ink:#191922; --mut:#6c6c79; --faint:#9a9aa6; --line:#ECECF0; --card:#fff; --ok:#1B6749; --okbg:#E3F5EB; --blue:#2F6FED; --warn:#9D6435; --warnbg:#FFF4E0; --bad:#B3261E; --badbg:#FDECEA;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--ink); }
.pme * { box-sizing: border-box; }
.pme h2, .pme h3, .pme p { margin: 0; }
.pme .pme-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.pme .pme-head h2 { font-size:22px; font-weight:800; letter-spacing:-.02em; }
.pme .pme-head p { font-size:13px; color:var(--mut); margin-top:2px; }
.pme .pme-back { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 14px 0 10px; border-radius:999px; background:#fff; border:1px solid var(--line); font:inherit; font-size:12.5px; font-weight:700; color:var(--ink); cursor:pointer; text-decoration:none; }
.pme .pme-back:hover { background:#f6f6f8; }
.pme .pme-card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px 20px; box-shadow:0 2px 8px rgba(0,0,0,.04); margin-bottom:16px; }
.pme .pme-card-h { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.pme .pme-card-h .t { font-size:15px; font-weight:700; }
.pme .pme-card-h .x { font-size:12px; font-weight:600; color:var(--mut); }
.pme .pme-steps { display:flex; gap:6px; align-items:center; font-size:12px; font-weight:700; color:var(--faint); margin-bottom:18px; flex-wrap:wrap; }
.pme .pme-steps span { padding:4px 10px; border-radius:999px; background:#f3f3f6; }
.pme .pme-steps span.on { background:var(--pink); color:#fff; }
.pme .pme-steps span.done { background:var(--okbg); color:var(--ok); }
.pme .pme-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:42px; padding:0 18px; border-radius:12px; border:0; background:var(--pink); color:#fff; font:inherit; font-size:14px; font-weight:700; cursor:pointer; text-decoration:none; white-space:nowrap; }
.pme .pme-btn:hover { filter:brightness(.95); }
.pme .pme-btn:disabled { opacity:.55; cursor:default; filter:none; }
.pme .pme-btn.ghost { background:#fff; color:var(--pink); border:1.5px solid var(--pink); }
.pme .pme-btn.soft { background:#f3f3f6; color:var(--ink); }
.pme .pme-btn.sm { height:34px; padding:0 13px; font-size:12.5px; border-radius:10px; }
.pme .pme-btn.dark { background:#111; }
.pme .pme-link { color:var(--pink); font-weight:700; text-decoration:none; cursor:pointer; font-size:13px; background:none; border:0; padding:0; font-family:inherit; }
.pme .pme-link:hover { text-decoration:underline; }
.pme .pme-muted { color:var(--mut); font-size:13px; line-height:1.5; }
.pme .pme-err { color:var(--bad); font-size:12.5px; margin-top:8px; line-height:1.45; }
.pme .pme-ok { color:var(--ok); font-size:12.5px; margin-top:8px; }
.pme .pme-spin { display:inline-block; width:14px; height:14px; border:2px solid rgba(0,0,0,.15); border-top-color:var(--pink); border-radius:50%; animation:pmeSpin .8s linear infinite; vertical-align:-2px; }
@keyframes pmeSpin { to { transform: rotate(360deg); } }
.pme .pme-loading { padding:26px; text-align:center; color:var(--mut); font-size:13px; }
.pme .pme-empty { padding:32px 20px; text-align:center; color:var(--mut); font-size:13.5px; line-height:1.55; }
.pme .pme-empty i { font-size:34px; color:#d0d0d8; display:block; margin-bottom:8px; }

/* occasion grid */
.pme .pme-occ { display:grid; grid-template-columns:repeat(auto-fill, minmax(205px, 1fr)); gap:14px; }
.pme .pme-occ button { text-align:left; background:#fff; border:1.5px solid var(--line); border-radius:16px; padding:18px 16px 16px; cursor:pointer; font:inherit; color:var(--ink); transition:border-color .15s, box-shadow .15s; display:flex; flex-direction:column; }
.pme .pme-occ button:hover { border-color:var(--pink); box-shadow:0 4px 16px rgba(226,16,88,.10); }
.pme .pme-occ .ic { width:64px; height:64px; border-radius:14px; background:var(--pink-soft); color:var(--pink); display:flex; align-items:center; justify-content:center; font-size:30px; margin-bottom:12px; }
.pme .pme-occ .ic.ph { background:none; padding:0; overflow:hidden; }
.pme .pme-occ .ic.ph img { width:100%; height:100%; object-fit:cover; display:block; }
.pme .pme-occ .n { font-size:14.5px; font-weight:800; line-height:1.25; }
.pme .pme-occ .c { font-size:12px; color:var(--mut); margin-top:5px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* form */
.pme .pme-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:640px) { .pme .pme-grid2 { grid-template-columns:1fr; } }
.pme label.pme-f { display:block; font-size:12px; font-weight:700; color:var(--mut); margin-bottom:6px; }
.pme .pme-in { width:100%; height:42px; padding:0 12px; border:1.5px solid var(--line); border-radius:11px; font:inherit; font-size:14px; color:var(--ink); background:#fff; }
.pme .pme-in:focus { outline:none; border-color:var(--pink); }
.pme textarea.pme-in { height:auto; min-height:76px; padding:10px 12px; resize:vertical; }
.pme .pme-chips { display:flex; flex-wrap:wrap; gap:8px; }
.pme .pme-chip { display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 13px; border-radius:999px; border:1.5px solid var(--line); background:#fff; font:inherit; font-size:13px; font-weight:600; color:var(--ink); cursor:pointer; }
.pme .pme-chip i { font-size:15px; color:var(--mut); }
.pme .pme-chip.on { border-color:var(--pink); background:var(--pink-soft); color:var(--pink); }
.pme .pme-chip.on i { color:var(--pink); }
.pme .pme-addr { display:flex; flex-direction:column; gap:8px; }
.pme .pme-addr-row { display:flex; align-items:flex-start; gap:12px; padding:12px 14px; border:1.5px solid var(--line); border-radius:12px; cursor:pointer; background:#fff; }
.pme .pme-addr-row.on { border-color:var(--pink); background:#FFF6F9; }
.pme .pme-addr-row .ic { width:34px; height:34px; border-radius:10px; background:#f3f3f6; display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:17px; flex:none; }
.pme .pme-addr-row.on .ic { background:var(--pink-soft); color:var(--pink); }
.pme .pme-addr-row .l { font-size:13.5px; font-weight:700; }
.pme .pme-addr-row .a { font-size:12.5px; color:var(--mut); margin-top:2px; line-height:1.4; }
.pme .pme-addr-row .w { font-size:11.5px; color:var(--warn); margin-top:3px; }
.pme .pme-sugg { border:1.5px solid var(--line); border-radius:12px; overflow:hidden; margin-top:6px; }
.pme .pme-sugg button { display:block; width:100%; text-align:left; background:#fff; border:0; border-bottom:1px solid var(--line); padding:10px 12px; font:inherit; font-size:13px; cursor:pointer; color:var(--ink); }
.pme .pme-sugg button:last-child { border-bottom:0; }
.pme .pme-sugg button:hover { background:#f8f8fa; }
.pme .pme-sugg small { display:block; color:var(--mut); font-size:11.5px; margin-top:2px; }

/* planner */
/* "Find an artist" cards — the app's ArtistCategoryCard on the web.
   ratio 0.56; the subject is 118% of the card height, anchored bottom-right
   and clipped at the top, so the card is never empty up there (founder,
   2026-09-20). The name sits bottom-left and may run under the subject's
   left quarter — that corner is air in every one of these cutouts. */
.pme .pme-find { margin-top:26px; }
.pme .pme-find-h { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px; }
.pme .pme-find-h h3 { margin:0; font-size:17px; font-weight:800; letter-spacing:-.01em; }
.pme .pme-artgrid { display:grid; grid-template-columns:repeat(auto-fill, minmax(168px, 1fr)); gap:12px; }
.pme .pme-artcard { position:relative; display:block; aspect-ratio:1 / 0.56; border-radius:16px; overflow:hidden;
  background:#F3F4F8; border:1px solid rgba(0,0,0,.05); text-decoration:none; transition:box-shadow .15s, transform .15s; }
.pme .pme-artcard:hover { box-shadow:0 6px 20px rgba(226,16,88,.13); transform:translateY(-1px); }
.pme .pme-artcard img { position:absolute; right:0; bottom:0; height:118%; width:auto; max-width:78%; object-fit:contain; display:block; }
.pme .pme-artcard span { position:absolute; left:12px; bottom:10px; max-width:58%; font-size:14px; font-weight:800;
  line-height:1.2; letter-spacing:-.2px; color:#111114; }
@media (max-width:560px) { .pme .pme-artgrid { grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px; } }
.pme .pme-slot { border:1.5px solid var(--line); border-radius:14px; padding:14px 16px; margin-bottom:10px; background:#fff; }
.pme .pme-slot-h { display:flex; align-items:center; gap:12px; }
.pme .pme-slot-h .ic { width:52px; height:52px; border-radius:13px; background:#f3f3f6; display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--ink); flex:none; }
.pme .pme-slot-h .ic.ph { background:#F3F4F8; overflow:hidden; }
.pme .pme-slot-h .ic.ph img { width:100%; height:100%; object-fit:cover; display:block; }
.pme .pme-slot-h .n { font-size:14.5px; font-weight:800; flex:1; min-width:0; }
.pme .pme-slot-h .s { font-size:12px; color:var(--mut); margin-top:2px; font-weight:500; }
.pme .pme-slot-h .acts { display:flex; gap:8px; align-items:center; flex:none; }
.pme .pme-line { display:flex; align-items:center; gap:12px; margin-top:12px; padding:12px; border-radius:12px; background:#FAFAFC; border:1px solid var(--line); }
.pme .pme-line .av { width:44px; height:44px; border-radius:50%; object-fit:cover; background:#e9e9ef; flex:none; display:flex; align-items:center; justify-content:center; font-weight:800; color:#fff; }
.pme .pme-line .m { flex:1; min-width:0; }
.pme .pme-line .n { font-size:13.5px; font-weight:800; }
.pme .pme-line .p { font-size:12.5px; color:var(--mut); margin-top:2px; }
.pme .pme-line .chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.pme .pme-line .chips span { font-size:11px; font-weight:700; padding:3px 8px; border-radius:999px; background:#fff; border:1px solid var(--line); color:var(--mut); }
.pme .pme-line .chips span.warn { color:var(--warn); border-color:#F2D6A8; background:var(--warnbg); }
.pme .pme-line .amt { font-size:14px; font-weight:800; white-space:nowrap; }
.pme .pme-line .x { display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.pme .pme-line .x .pme-link { font-size:12px; }
.pme .pme-foot { position:sticky; bottom:0; background:#fff; border:1.5px solid var(--line); border-radius:16px; padding:14px 18px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; box-shadow:0 -6px 24px rgba(0,0,0,.05); margin-top:14px; }
.pme .pme-foot .sum { flex:1; min-width:180px; }
.pme .pme-foot .sum b { font-size:18px; font-weight:800; display:block; }
.pme .pme-foot .sum span { font-size:12.5px; color:var(--mut); }

/* artist picker */
.pme .pme-picker { margin-top:12px; border-top:1px solid var(--line); padding-top:12px; }
.pme .pme-picker-bar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
.pme .pme-picker-bar select, .pme .pme-picker-bar input { height:36px; border:1.5px solid var(--line); border-radius:10px; padding:0 10px; font:inherit; font-size:13px; background:#fff; }
.pme .pme-cards { position:relative; }
.pme .pme-cards .card.creator-card { cursor:pointer; }
.pme .pme-pkg { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--line); cursor:pointer; }
.pme .pme-pkg:first-of-type { border-top:0; }
.pme .pme-pkg .n { font-size:13.5px; font-weight:700; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.pme .pme-pkg .d { font-size:12px; color:var(--mut); margin-top:3px; line-height:1.45; }
.pme .pme-pkg .pr { font-size:14px; font-weight:800; white-space:nowrap; }
.pme .pme-pkg .ad { font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--mut); background:#f2f2f6; border-radius:999px; padding:2px 7px; }
.pme .pme-pkg input { margin-top:3px; accent-color:var(--pink); }
.pme .pme-artist-head { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.pme .pme-artist-head img, .pme .pme-artist-head .av { width:52px; height:52px; border-radius:50%; object-fit:cover; background:#e9e9ef; }
.pme .pme-artist-head .n { font-size:15px; font-weight:800; display:flex; align-items:center; gap:6px; }
.pme .pme-artist-head .n i { color:var(--pink); font-size:16px; }
.pme .pme-artist-head .s { font-size:12.5px; color:var(--mut); margin-top:2px; }
.pme .pme-cells { display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:8px; margin:10px 0; }
.pme .pme-cell { background:#fafafc; border:1px solid var(--line); border-radius:10px; padding:8px 10px; }
.pme .pme-cell .l { font-size:10.5px; font-weight:700; color:var(--faint); text-transform:uppercase; letter-spacing:.04em; }
.pme .pme-cell .v { font-size:13px; font-weight:700; margin-top:3px; }

/* bill */
.pme .pme-bill .r { display:flex; justify-content:space-between; font-size:13.5px; padding:6px 0; color:var(--mut); }
.pme .pme-bill .r b { color:var(--ink); font-weight:600; }
.pme .pme-bill .r.big { border-top:1px solid var(--line); margin-top:6px; padding-top:12px; font-size:16px; color:var(--ink); }
.pme .pme-bill .r.big b { font-size:18px; font-weight:800; }

/* modal */
.pme-ov { position:fixed; inset:0; z-index:100000; background:rgba(20,16,30,.5); display:flex; align-items:center; justify-content:center; padding:20px; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
.pme-ov .pme-mod { width:100%; max-width:520px; max-height:92vh; overflow:auto; background:#fff; border-radius:18px; padding:22px; box-shadow:0 24px 70px rgba(0,0,0,.3); }
.pme-ov .pme-mod h3 { font-size:16px; font-weight:800; margin:0 0 4px; }
.pme-ov .pme-mod .sub { font-size:12.5px; color:#8a8a94; margin:0 0 16px; }
.pme-ov .pme-mod .row { display:flex; gap:10px; justify-content:flex-end; margin-top:16px; }

/* events list + group */
.pme .pme-glist { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:12px; }
.pme .pme-g { background:#fff; border:1.5px solid var(--line); border-radius:16px; padding:16px; cursor:pointer; text-decoration:none; color:var(--ink); display:block; }
.pme .pme-g:hover { border-color:var(--pink); }
.pme .pme-g .t { font-size:15px; font-weight:800; display:flex; align-items:center; gap:8px; }
.pme .pme-g .t i { color:var(--pink); }
.pme .pme-g .s { font-size:12.5px; color:var(--mut); margin-top:4px; line-height:1.45; }
.pme .pme-g .avs { display:flex; margin-top:10px; align-items:center; gap:8px; }
.pme .pme-g .avs img, .pme .pme-g .avs .av { width:28px; height:28px; border-radius:50%; border:2px solid #fff; margin-left:-8px; object-fit:cover; background:#e9e9ef; }
.pme .pme-g .avs img:first-child, .pme .pme-g .avs .av:first-child { margin-left:0; }
.pme .pme-chipst { display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:8px; font-size:10.5px; font-weight:800; letter-spacing:.04em; white-space:nowrap; }
.pme .pme-chipst.neutral { background:#f3f3f6; color:var(--mut); }
.pme .pme-chipst.progress { background:var(--pink-soft); color:var(--pink); }
.pme .pme-chipst.success { background:var(--okbg); color:var(--ok); }
.pme .pme-chipst.delivered { background:#E8F0FF; color:var(--blue); }
.pme .pme-chipst.dispute { background:var(--badbg); color:var(--bad); }
.pme .pme-strip { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.pme .pme-strip .t { font-size:14px; font-weight:800; }
.pme .pme-strip .s { font-size:12.5px; color:var(--mut); margin-top:2px; }
.pme .pme-row { display:flex; align-items:center; gap:14px; padding:14px 0; border-top:1px solid var(--line); }
.pme .pme-row:first-child { border-top:0; }
.pme .pme-row .av { width:48px; height:48px; border-radius:50%; object-fit:cover; background:#e9e9ef; flex:none; display:flex; align-items:center; justify-content:center; font-weight:800; color:#fff; }
.pme .pme-row .m { flex:1; min-width:0; }
.pme .pme-row .n { font-size:14px; font-weight:800; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pme .pme-row .b { font-size:12.5px; color:var(--mut); margin-top:3px; line-height:1.45; }
.pme .pme-row .meta { font-size:12.5px; font-weight:700; margin-top:4px; }
.pme .pme-row .meta.live { color:var(--pink); }
.pme .pme-row .x { display:flex; flex-direction:column; align-items:flex-end; gap:8px; flex:none; }
.pme .pme-stepbar { display:flex; align-items:center; gap:0; margin:8px 0 2px; }
.pme .pme-stepbar div { flex:1; height:4px; background:#ececf0; border-radius:2px; margin-right:4px; }
.pme .pme-stepbar div.on { background:var(--pink); }
.pme .pme-stepbar div.done { background:var(--ok); }
.pme .pme-stepbar div:last-child { margin-right:0; }
.pme .pme-steplbl { display:flex; justify-content:space-between; font-size:10.5px; color:var(--faint); font-weight:700; margin-top:4px; }

/* tracking */
.pme .pme-band { background:var(--pink); color:#fff; border-radius:18px; padding:18px 20px 20px; display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.pme .pme-band .bk { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.18); border:0; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:18px; flex:none; }
.pme .pme-band .l1 { font-size:14px; font-weight:500; opacity:.92; }
.pme .pme-band .l2 { font-size:28px; font-weight:800; letter-spacing:-.3px; margin-top:2px; line-height:1.15; }
.pme .pme-band .l2.paused { opacity:1; } /* paused reads from the l1 line; the headline stays WHITE on pink (founder, 2026-09-20 — dimmed pink "acha nahi") */
.pme .pme-band .l2 small { font-size:14px; font-weight:600; opacity:.9; }
.pme .pme-mapcard { position:relative; border-radius:18px; overflow:hidden; border:1.5px solid var(--line); background:#EDEEF0; height:360px; margin-bottom:14px; }
.pme .pme-mapcard.full { position:fixed; inset:0; z-index:99999; height:auto; border-radius:0; margin:0; }
.pme .pme-map { position:absolute; inset:0; }
.pme .pme-mapx { position:absolute; top:10px; right:10px; z-index:5; width:36px; height:36px; border-radius:10px; background:#fff; border:1px solid var(--line); box-shadow:0 2px 8px rgba(0,0,0,.12); display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:17px; color:var(--ink); }
.pme .pme-mapnote { position:absolute; left:10px; bottom:10px; z-index:5; background:rgba(255,255,255,.94); border-radius:10px; padding:6px 10px; font-size:11.5px; color:var(--mut); font-weight:600; }
.pme .pme-pin-venue { position:relative; width:28px; height:28px; border-radius:50%; background:#fff; border:2px solid #111; box-shadow:0 1px 3px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; }
.pme .pme-pin-venue:after { content:""; position:absolute; left:50%; bottom:-7px; width:6px; height:6px; margin-left:-3px; background:#111; border-radius:50%; }
.pme .pme-pin-artist { position:relative; width:32px; height:32px; border-radius:50%; background:#111; border:2px solid #111; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.35); }
.pme .pme-pin-artist img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.pme .pme-pin-artist .dot { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; }
.pme .pme-partner { display:flex; align-items:center; gap:12px; }
.pme .pme-partner img, .pme .pme-partner .av { width:52px; height:52px; border-radius:50%; object-fit:cover; background:#e9e9ef; flex:none; display:flex; align-items:center; justify-content:center; font-weight:800; color:#fff; }
.pme .pme-partner .n { font-size:15px; font-weight:800; }
.pme .pme-partner .s { font-size:12.5px; color:var(--mut); margin-top:2px; }
.pme .pme-partner .acts { margin-left:auto; display:flex; gap:8px; }
.pme .pme-partner .acts a, .pme .pme-partner .acts button { width:40px; height:40px; border-radius:50%; border:1.5px solid var(--line); background:#fff; display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:18px; text-decoration:none; cursor:pointer; }
.pme .pme-bubble { margin-top:12px; background:var(--okbg); color:var(--ok); border-radius:12px; padding:10px 12px; font-size:13px; font-weight:600; line-height:1.45; }
.pme .pme-bubble.neutral { background:#f3f3f6; color:var(--mut); }
.pme .pme-bubble small { display:block; font-weight:500; opacity:.85; margin-top:2px; }
.pme .pme-safety { display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--mut); margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.pme .pme-safety i { color:var(--ok); font-size:17px; }
.pme .pme-code { display:flex; align-items:center; gap:14px; }
.pme .pme-code .dg { font-size:34px; font-weight:800; letter-spacing:10px; font-variant-numeric:tabular-nums; }
.pme .pme-code .h { font-size:12.5px; color:var(--mut); line-height:1.45; }
.pme .pme-kv { display:flex; justify-content:space-between; gap:12px; font-size:13px; padding:7px 0; border-top:1px solid var(--line); }
.pme .pme-kv:first-child { border-top:0; }
.pme .pme-kv span { color:var(--mut); }
.pme .pme-kv b { font-weight:700; text-align:right; }
.pme .pme-sos { position:fixed; left:50%; transform:translateX(-50%); bottom:22px; z-index:9998; height:44px; padding:0 18px; border-radius:999px; background:#111; color:#fff; border:0; font:inherit; font-size:13px; font-weight:800; letter-spacing:.06em; display:inline-flex; align-items:center; gap:8px; cursor:pointer; box-shadow:0 8px 24px rgba(0,0,0,.25); }
.pme .pme-sos i { color:#FF6B6B; font-size:18px; }
.pme .pme-sosrow { display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid var(--line); cursor:pointer; text-decoration:none; color:var(--ink); font-size:14px; font-weight:700; }
.pme .pme-sosrow:first-of-type { border-top:0; }
.pme .pme-sosrow i { width:36px; height:36px; border-radius:10px; background:#f3f3f6; display:flex; align-items:center; justify-content:center; font-size:18px; }
.pme .pme-sosrow small { display:block; color:var(--mut); font-weight:500; font-size:12px; margin-top:2px; }
.pme .pme-tl { display:flex; flex-direction:column; gap:10px; }
.pme .pme-tl .r { display:flex; align-items:center; gap:10px; font-size:13px; }
.pme .pme-tl .r .d { width:22px; height:22px; border-radius:50%; background:#ececf0; color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px; flex:none; }
.pme .pme-tl .r.done .d { background:var(--ok); }
.pme .pme-tl .r.now .d { background:var(--pink); }
.pme .pme-tl .r small { margin-left:auto; color:var(--mut); }
.pme .pme-two { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:16px; align-items:start; }
@media (max-width:980px) { .pme .pme-two { grid-template-columns:1fr; } }
.bd-tab .pme-new { display:inline-block; margin-left:6px; font-size:9.5px; font-weight:800; letter-spacing:.06em; color:#fff; background:#E21058; border-radius:999px; padding:2px 6px; vertical-align:middle; }
.ib-row-track { display:inline-flex; align-items:center; gap:4px; margin-left:8px; color:#E21058; font-size:12px; font-weight:700; text-decoration:none; padding:2px 9px; border-radius:999px; border:1px solid #F7C2D4; background:#fff; white-space:nowrap; }
.ib-row-track.live { background:#E21058; color:#fff; border-color:#E21058; }
.ib-row-track:hover { filter:brightness(.95); }
/* phones: rows wrap, actions drop under the text, long venue lines clamp */
@media (max-width:640px) {
  .pme .pme-row { flex-wrap:wrap; }
  .pme .pme-row .m { flex:1 1 calc(100% - 62px); }
  .pme .pme-row .x { flex:1 1 100%; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap; }
  .pme .pme-row .b { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .pme .pme-steplbl { font-size:9px; }
  .pme .pme-steplbl span { white-space:nowrap; }
  .pme .pme-line { flex-wrap:wrap; }
  .pme .pme-line .m { flex:1 1 calc(100% - 56px); }
  .pme .pme-line .x { flex:1 1 100%; flex-direction:row; align-items:center; justify-content:space-between; }
  .pme .pme-band .l2 { font-size:22px; }
  .pme .pme-mapcard { height:300px; }
  .pme .pme-slot-h { flex-wrap:wrap; }
  .pme .pme-slot-h .acts { flex:1 1 100%; justify-content:flex-end; }
  .pme .pme-head { align-items:flex-start; }
  .pme .pme-foot { position:static; }
  .pme .pme-code .dg { font-size:28px; letter-spacing:7px; }
}

/* ── POST A REQUEST (founder, 2026-10-06) ────────────────────────────────
   "Find an artist" was browse-only: a grid of professions and nothing for
   the customer who does not want to go shopping. The other half of the
   marketplace — post what you need, let artists quote — existed on the
   server and had no way in, so all 49 live artists had an empty Campaigns
   screen. This is the way in. Short on purpose: profession, day, place,
   how many. A six-step wizard is right for a reel brief and wrong for
   "I need a mehndi artist on the 14th". */
.pme-ask{display:flex;align-items:center;gap:16px;justify-content:space-between;
  background:linear-gradient(135deg,#FFF4F8 0%,#FFF9FB 100%);
  border:1px solid #FBD9E6;border-radius:18px;padding:16px 20px;margin-bottom:18px;}
.pme-ask h4{margin:0 0 3px;font-size:15px;font-weight:800;color:#191922;}
.pme-ask p{margin:0;font-size:12.5px;color:#6C6C79;line-height:1.5;}
.pme-ask button{flex:0 0 auto;height:42px;padding:0 20px;border-radius:999px;border:0;
  background:#E21058;color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;}
.pme-ask button:hover{background:#C50D4C;}
@media (max-width:620px){.pme-ask{flex-direction:column;align-items:flex-start;}.pme-ask button{width:100%;}}

.pme-ov{position:fixed;inset:0;background:rgba(16,14,20,.46);display:none;align-items:center;justify-content:center;z-index:9000;padding:20px;}
.pme-ov.on{display:flex;}
.pme-ask-sheet{width:100%;max-width:520px;max-height:88vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.26);}
.pme-ask-sheet h3{margin:0 0 2px;font-size:17px;font-weight:800;color:#191922;}
.pme-ask-sheet .sub{font-size:12.5px;color:#6C6C79;margin-bottom:16px;}
.pme-fl{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8A8A94;margin-bottom:7px;}
.pme-fld{margin-bottom:15px;}
.pme-row{display:flex;gap:10px;}
.pme-row>*{flex:1;min-width:0;}
.pme-in{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:1px solid #E6E6EC;border-radius:12px;
  font-size:14px;font-weight:600;color:#191922;font-family:inherit;background:#fff;}
.pme-in:focus{outline:none;border-color:#E21058;}
.pme-ta{width:100%;box-sizing:border-box;min-height:84px;padding:12px 14px;border:1px solid #E6E6EC;border-radius:12px;
  font-size:13.5px;line-height:1.5;color:#191922;font-family:inherit;resize:vertical;background:#fff;}
.pme-ta:focus{outline:none;border-color:#E21058;}
/* The professions are a scrollable band, not a 24-item wall: picking one is
   a single tap and the rest of the form has to stay on screen. */
.pme-profs{display:flex;flex-wrap:wrap;gap:7px;max-height:124px;overflow:auto;padding:1px;}
.pme-prof{height:34px;padding:0 13px;border-radius:999px;border:1px solid #E6E6EC;background:#fff;
  font-size:12.5px;font-weight:600;color:#4A4A55;cursor:pointer;font-family:inherit;white-space:nowrap;}
.pme-prof.on{border-color:#E21058;background:#FDEEF4;color:#E21058;font-weight:700;}
.pme-aerr{font-size:11.5px;color:#D0021B;margin-top:7px;min-height:14px;}
.pme-aacts{display:flex;gap:9px;justify-content:flex-end;margin-top:4px;}
.pme-acancel{height:42px;padding:0 16px;border-radius:999px;border:1px solid #E6E6EC;background:#fff;color:#6C6C79;
  font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;}
.pme-asend{height:42px;padding:0 20px;border-radius:999px;border:0;background:#E21058;color:#fff;
  font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;}
.pme-asend[disabled]{background:#D8D6DE;cursor:not-allowed;}
.pme-adone{text-align:center;padding:12px 4px 4px;}
.pme-adone i{font-size:40px;color:#1D7A46;}
.pme-adone h4{margin:10px 0 4px;font-size:16px;font-weight:800;color:#191922;}
.pme-adone p{margin:0 0 16px;font-size:13px;color:#6C6C79;line-height:1.55;}