.luna-dialog{width:min(960px,calc(100% - 24px));max-height:90dvh;border:1px solid #ddd2c1;border-radius:24px;padding:0;background:#fff8ef;color:#10263a;box-shadow:0 24px 80px #0005}.luna-dialog::backdrop{background:#081927aa;backdrop-filter:blur(4px)}.luna-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid #e7ddce;position:sticky;top:0;background:#fff8ef;z-index:1}.luna-dialog-header h2{margin:6px 0;font-size:28px}.luna-dialog-body{padding:24px}.luna-dialog button,.luna-tabs button{cursor:pointer;font:inherit;padding:10px 16px;border-radius:12px;min-height:44px}.luna-dialog button:disabled{opacity:.5;cursor:not-allowed}.luna-member-card{padding:28px;border-radius:20px;background:#10263a;color:#fff8ef;display:grid;gap:12px}.luna-member-card>strong{font-size:52px}.luna-member-card strong small{font-size:20px;font-weight:400}.luna-member-card p{margin:0}.luna-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.luna-card{padding:22px;background:#fff;border:1px solid #e5dccf;border-radius:18px;display:flex;flex-direction:column;gap:12px}.luna-card h4,.luna-card p{margin:0}.luna-card h4{font-size:22px}.luna-card>button{margin-top:auto}.luna-card small{line-height:1.6;color:#655f55}.luna-card code{overflow-wrap:anywhere;user-select:all;font-size:17px}.luna-dialog progress{width:100%;height:10px;accent-color:#bb874a}.luna-dialog h3{margin:30px 0 18px}.luna-check{display:flex;align-items:center;gap:10px;margin:16px 0;line-height:1.5}.luna-check input{width:20px;height:20px;flex-shrink:0}.luna-dialog details{border-top:1px solid #ddd;padding:18px 0}.luna-dialog summary{cursor:pointer;font-weight:bold;min-height:32px}.luna-ledger{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #e4dccf}.luna-ledger small{display:block;color:#756f66;margin-top:5px}.luna-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.luna-form-grid,.luna-tier-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.luna-form-grid label,.luna-tier-row label,.luna-message-form label{display:grid;gap:8px;align-content:start}.luna-form-grid .luna-check{display:flex}.luna-tier-row{background:#f6efe4;border-radius:16px;padding:18px;margin:14px 0}.luna-product-picker{display:grid;gap:10px;max-height:300px;overflow:auto;padding:10px;border:1px solid #ddd}.luna-product-picker label{display:flex;gap:10px}.luna-message-form{display:grid;gap:12px;padding:22px 0;border-bottom:1px solid #ddd}.luna-message-form textarea{min-height:90px}.luna-intro-sound{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);right:20px;z-index:3;background:#0005;color:white;border:1px solid #ffffff60;border-radius:24px;padding:10px 16px;font:14px Arial;cursor:pointer}.appearance-preview{overflow:auto!important;min-width:0}.appearance-preview iframe{display:block;margin:0 auto;border:1px solid #ddd;border-radius:16px}.luna-empty{grid-column:1/-1;padding:40px;text-align:center}.luna-notice{padding:16px;background:#f5e6c8;border-radius:14px}.luna-dialog .input{width:100%;box-sizing:border-box}.luna-dialog .luna-actions label{flex:1}.luna-theme-footer{margin-bottom:70px}#toast{border-radius:14px!important;max-width:min(480px,calc(100vw - 36px))!important;width:max-content!important;box-sizing:border-box;overflow-wrap:anywhere;padding:14px 20px!important} @media(max-width:600px){.luna-dialog-header,.luna-dialog-body{padding:18px}.luna-member-card{padding:22px}.luna-ledger{flex-wrap:wrap}.luna-tier-row{grid-template-columns:1fr}.luna-dialog-header h2{font-size:24px}}

/* 1.8.1 · Ruta Lunar */
.luna-route-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.luna-route-title>b{font-size:14px;padding:6px 10px;border:1px solid currentColor;border-radius:999px;opacity:.9}.luna-route{padding:22px 10px 8px}.luna-route-track{height:12px;border-radius:999px;background:#ffffff32;position:relative;overflow:visible}.luna-route-track>span:first-child{position:absolute;inset:0 auto 0 0;border-radius:999px;background:currentColor;opacity:.88}.luna-milestone{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2}.luna-milestone i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff8ef;color:#10263a;border:2px solid #10263a;font-size:13px}.luna-member-card .luna-milestone i{border-color:#fff8ef}.luna-milestone.unlocked i,.luna-milestone.claimed i{box-shadow:0 0 0 4px #ffffff28}.luna-milestone small{position:absolute;top:35px;white-space:nowrap;font-size:11px;font-weight:700}.luna-route-meta{display:flex;justify-content:space-between;margin-top:25px;font-size:12px}.luna-reward-locked{opacity:.72}.luna-reward-unlocked{outline:2px solid #bb874a;outline-offset:-2px}.luna-reward-claimed{background:#f7f3eb}.luna-reward-claimed .eyebrow{font-weight:800}.luna-dialog .luna-member-card b{color:inherit}@media(max-width:600px){.luna-route{padding-left:4px;padding-right:4px}.luna-milestone i{width:27px;height:27px}.luna-milestone small{font-size:10px}.luna-route-title{align-items:flex-start}}
\n\n/* Luna App 1.8.2 — compact home membership card and four-item bottom navigation. */
.luna-home-mount{padding:14px 20px 0;background:#10263a}
.luna-home-card{--luna-level-bg:#31465a;--luna-level-fg:#fff;width:min(100%,920px);margin:0 auto;border:0;border-radius:22px;padding:18px 20px;background:var(--luna-level-bg);color:var(--luna-level-fg);display:grid;gap:12px;text-align:left;box-shadow:0 10px 30px #0002;cursor:pointer;font:inherit;position:relative;overflow:hidden}
.luna-home-card::after{content:'☾';position:absolute;right:-14px;bottom:-46px;font-size:126px;line-height:1;opacity:.10;color:currentColor;pointer-events:none}
.luna-home-card:focus-visible{outline:3px solid #fff;outline-offset:3px}
.luna-home-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative;z-index:1}
.luna-home-greeting,.luna-home-points{display:grid;gap:2px}.luna-home-greeting small,.luna-home-points small{font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;opacity:.85}.luna-home-greeting strong{font-size:21px;line-height:1.1}.luna-home-points{text-align:right}.luna-home-points strong{font-size:27px;line-height:1}.luna-home-level{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;position:relative;z-index:1}.luna-home-level .emoji{font-size:20px}.luna-home-route{display:grid;gap:7px;position:relative;z-index:1}.luna-home-track{height:9px;border-radius:999px;background:#ffffff3d;position:relative;overflow:visible}.luna-home-track>span:first-child{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:currentColor}.luna-home-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--luna-level-bg);border:2px solid currentColor;box-shadow:0 0 0 2px #ffffff44}.luna-home-dot.done{background:currentColor}.luna-home-route small{font-size:11px;opacity:.9}.luna-home-card-guest{background:#183247;color:#fff8ef}.luna-home-card-guest .luna-home-greeting strong{font-size:19px}.luna-home-card-guest .luna-home-points strong{font-size:15px}.luna-home-mount:not(:empty)+.hero #greeting{display:none}.luna-home-mount:not(:empty)+.hero{padding-top:22px}.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.bottom-nav>button{min-width:0}.bottom-nav small{white-space:nowrap;font-size:11px}
.luna-tier-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.luna-tier-style{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #ded4c6;border-radius:14px}.luna-tier-chip{min-height:58px;border-radius:12px;display:grid;place-items:center;font-size:28px}.luna-tier-style label{display:grid;gap:6px}.appearance-fields .full-field{grid-column:1/-1}.appearance-fields textarea.input{min-height:84px;resize:vertical}.appearance-preview iframe{background:#fff8ef}
@media(max-width:800px){.desktop-only{display:none!important}}
@media(max-width:650px){.luna-home-mount{padding:10px 14px 0}.luna-home-card{padding:16px;border-radius:18px}.luna-home-greeting strong{font-size:18px}.luna-home-points strong{font-size:24px}.luna-tier-style-grid{grid-template-columns:1fr}.bottom-nav small{font-size:10px}}

/* ============================================================
   Luna App 1.8.3 — full-bleed Luna Club + app-style navigation
   ============================================================ */
.luna-home-mount{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;background:#10263a}
.luna-home-card{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;min-height:190px;padding:22px clamp(18px,4vw,64px)!important}
.luna-home-card::after{right:clamp(-18px,1vw,12px);bottom:-48px}
.luna-home-card-guest{min-height:112px}
.luna-home-route{padding-top:2px}
.luna-home-track{height:10px}
.luna-home-moon{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;font-style:normal;font-size:20px;line-height:1;filter:grayscale(1);opacity:.38;text-shadow:0 1px 3px #0003;z-index:2}
.luna-home-moon.done{filter:none;opacity:1;transform:translate(-50%,-50%) scale(1.05)}
.luna-home-dot{display:none!important}
.luna-home-mount:not(:empty)+.hero{padding-top:26px}

.appearance-announcement-editor{display:grid!important;grid-column:1/-1!important;gap:8px!important;width:100%!important;margin:4px 0 8px!important}
.appearance-announcement-editor textarea.input{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:112px!important;height:auto!important;padding:12px 14px!important;box-sizing:border-box!important;resize:vertical!important;background:#fff!important;color:#10263a!important;border:1px solid #cfc4b6!important}
.appearance-announcement-editor .helper{display:block!important}

.internal-view{display:none;min-height:calc(100dvh - 92px);padding:28px clamp(16px,4vw,56px) calc(118px + env(safe-area-inset-bottom,0px));background:inherit;color:inherit;box-sizing:border-box}
.internal-view.active{display:block}
.internal-view-card{width:min(1120px,100%);margin:0 auto;background:transparent;box-sizing:border-box}
.internal-view .panel-head{margin-bottom:20px}
.internal-view .panel-head .round{display:none!important}
.internal-view #cartContent,.internal-view #notificationsContent,.internal-view #ordersContent{width:100%}
body.app-internal-mode .luna-home-mount,
body.app-internal-mode .hero,
body.app-internal-mode .app-shell,
body.app-internal-mode .desktop-cart{display:none!important}
body.app-internal-mode{min-height:100dvh}
.bottom-nav [data-app-nav].is-active{font-weight:800}
.bottom-nav [data-app-nav].is-active>small{font-weight:800}
.bottom-nav [data-app-nav].is-active::after{content:'';display:block;width:24px;height:3px;margin:3px auto 0;border-radius:999px;background:currentColor;opacity:.75}

@media(max-width:650px){
  .luna-home-card{padding:20px 18px!important;min-height:184px}
  .luna-home-card-guest{min-height:104px}
  .luna-home-moon{width:24px;height:24px;font-size:18px}
  .internal-view{padding:22px 14px calc(104px + env(safe-area-inset-bottom,0px))}
  .internal-view-card{width:100%}
}

/* ============================================================
   Luna App 1.8.4 — exact milestone alignment + member QR card
   ============================================================ */
.luna-home-route{padding-bottom:2px}
.luna-home-track{margin-bottom:18px}
.luna-home-milestone{position:absolute;top:50%;transform:translate(calc(-50% - 4px),-50%);display:grid;place-items:center;z-index:2}
.luna-home-milestone .luna-home-moon{position:static!important;top:auto!important;transform:none!important;filter:grayscale(1);opacity:.38}
.luna-home-milestone.done .luna-home-moon{filter:none;opacity:1;transform:scale(1.05)!important}
.luna-home-milestone>small{position:absolute;top:27px;left:50%;transform:translateX(-50%);min-width:34px;text-align:center;white-space:nowrap;font-size:10px!important;font-weight:800;line-height:1;opacity:.95!important}
.luna-home-route>small{margin-top:2px}

.luna-milestone{transform:translate(calc(-50% - 4px),-50%)}
.luna-milestone i{width:30px;height:30px;border-radius:0;background:transparent!important;border:0!important;font-size:21px;filter:grayscale(1);opacity:.42;text-shadow:0 1px 3px #0003}
.luna-milestone.unlocked i,.luna-milestone.claimed i{filter:none;opacity:1;box-shadow:none!important}
.luna-member-card .luna-milestone i{border:0!important}
.luna-milestone small{top:31px}

.luna-id-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px;margin-bottom:18px;border:1px solid #e2d5c3;border-radius:22px;background:linear-gradient(145deg,#fffdf8,#f7ecdc);box-shadow:0 12px 30px #10263a12}
.luna-id-copy{min-width:0}.luna-id-copy h3{margin:5px 0 7px!important;font-size:28px}.luna-id-copy p{margin:0 0 16px;max-width:560px;color:#5f5b54;line-height:1.5}
.luna-id-code-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.luna-id-code-row>div{display:grid;gap:3px}.luna-id-code-row small,.luna-id-stats small,.luna-id-qr-wrap small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a6d5f}.luna-id-code-row strong{font-size:34px;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#10263a}
.luna-id-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.luna-id-stats span{display:grid;gap:3px;min-width:110px;padding:10px 12px;border-radius:14px;background:#fff}.luna-id-stats b{font-size:17px;color:#10263a}
.luna-id-qr-wrap{display:grid;justify-items:center;gap:8px;padding:12px;border-radius:18px;background:#fff}.luna-id-qr{display:block;width:156px;height:156px;object-fit:contain;image-rendering:auto}

.staff-luna-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.staff-luna-code-row .secondary{white-space:nowrap}
.staff-luna-qr-dialog{width:min(560px,calc(100% - 24px))}.staff-luna-camera{position:relative;overflow:hidden;border-radius:18px;background:#07131d;aspect-ratio:3/4;max-height:62dvh}.staff-luna-camera video{width:100%;height:100%;display:block;object-fit:cover}.staff-luna-scan-frame{position:absolute;inset:50% auto auto 50%;width:min(64%,280px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #fff8ef;border-radius:22px;box-shadow:0 0 0 999px #0006}

@media(max-width:650px){
  .luna-home-milestone{transform:translate(calc(-50% - 3px),-50%)}
  .luna-milestone{transform:translate(calc(-50% - 3px),-50%)}
  .luna-id-card{grid-template-columns:1fr;padding:18px;gap:18px}
  .luna-id-qr-wrap{order:-1;width:max-content;max-width:100%;justify-self:center}
  .luna-id-qr{width:142px;height:142px}
  .luna-id-code-row{justify-content:space-between}.luna-id-code-row strong{font-size:30px}
  .staff-luna-code-row{grid-template-columns:1fr}.staff-luna-code-row .secondary{width:100%}
}

/* ============================================================
   Luna App 1.8.5 — full-moon milestones, Push manager, iOS safe staff nav
   ============================================================ */
.luna-home-milestone{transform:translate(-50%,-50%)!important}
.luna-home-milestone .luna-home-moon{width:30px;height:30px;font-size:22px;background:var(--luna-level-bg);border-radius:50%;padding:1px;box-sizing:border-box}
.luna-milestone{transform:translate(-50%,-50%)!important}
.luna-milestone i{width:32px;height:32px;font-size:23px;background:#10263a!important;border-radius:50%!important;padding:1px;box-sizing:border-box}
.luna-milestone small{top:33px}

.staff-luna-code-row{grid-template-columns:minmax(0,1fr) auto!important}
.staff-luna-code-row .secondary{min-width:112px;padding-inline:12px}
.staff-luna-member-preview{margin-top:8px;padding:10px 12px;border:1px solid #d7c7b4;border-radius:12px;background:#fff8ef;color:#10263a;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.staff-luna-member-preview strong{font-size:14px}.staff-luna-member-preview small{color:#6f6559}
.staff-luna-member-preview.error{border-color:#c9786b;background:#fff1ed;color:#7d3026}

.push-composer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);gap:14px;align-items:end;margin-top:12px}
.push-composer-grid label{display:grid;gap:7px}.push-composer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.push-manager-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.push-manager-section{min-width:0}.push-manager-section h4{margin:0 0 10px}
.push-job-list{display:grid;gap:10px}.push-job-card{padding:14px;border:1px solid #ded3c5;border-radius:14px;background:#fff;display:grid;gap:8px}
.push-job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.push-job-head strong{overflow-wrap:anywhere}.push-job-body{margin:0;color:#5e5a54;white-space:pre-wrap;overflow-wrap:anywhere}
.push-job-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#6c655d}.push-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;background:#eee7dc;color:#514b43}
.push-status.pending{background:#fff1c9;color:#71520b}.push-status.sent{background:#e0f2e6;color:#245b35}.push-status.cancelled{background:#ececec;color:#555}.push-status.failed{background:#ffe3df;color:#7b2f28}.push-status.sending{background:#e4eef9;color:#285783}
.push-job-actions{display:flex;gap:8px;flex-wrap:wrap}.push-job-actions button{min-height:36px;padding:7px 10px}.push-undo-countdown{font-variant-numeric:tabular-nums;font-weight:800}
.push-job-editor{display:grid;gap:8px;padding-top:8px;border-top:1px solid #ece3d8}.push-job-editor textarea{min-height:76px}

@media(max-width:900px){
  .push-manager-lists{grid-template-columns:1fr}
}
@media(max-width:650px){
  .luna-home-milestone .luna-home-moon{width:28px;height:28px;font-size:20px}
  .luna-milestone i{width:30px;height:30px;font-size:21px}
  .staff-luna-code-row{grid-template-columns:minmax(0,1fr) auto!important}.staff-luna-code-row .secondary{width:auto!important;min-width:104px;padding-inline:10px;font-size:13px}
  .push-composer-grid{grid-template-columns:1fr}
}

/* Keep Staff controls clear of the iPhone/iPad Home indicator. */
@media(max-width:900px) and (pointer:coarse){
  .staff-dashboard.active{display:block;overflow:auto}
  .staff-sidebar{position:sticky;top:0;z-index:20;flex-direction:row;align-items:center;padding:10px}
  .staff-brand{margin:0 auto 0 0}
  .staff-sidebar nav{position:fixed;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:35;display:flex;overflow-x:auto;overscroll-behavior-x:contain;padding:8px 10px;background:var(--navy-dark);border-radius:16px;box-shadow:0 10px 30px #0005;-webkit-overflow-scrolling:touch}
  .staff-nav{width:auto;flex:0 0 auto;min-height:44px}
  .staff-logout{margin:0}
  .staff-main{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}
}

/* 1.8.5 · QR reader tuned for Staff on iPhone/iPad */
.staff-luna-reader{min-height:320px;overflow:hidden;border-radius:18px;background:#07131d;color:#fff;display:grid;place-items:center}
.staff-luna-reader-placeholder{padding:24px;text-align:center;opacity:.75}
.staff-luna-reader video{width:100%!important;max-height:62dvh!important;object-fit:cover!important;border-radius:18px}
.staff-luna-reader #qr-shaded-region{border-color:#fff8ef!important;border-width:3px!important}
@media(max-width:650px){.staff-luna-reader{min-height:300px}}

/* ============================================================
   Luna App 1.8.5.1 — milestone label spacing hotfix
   Keep the point value visually separated from the full moon.
   ============================================================ */
.luna-home-milestone>small{top:38px!important}
.luna-home-track{margin-bottom:30px!important}
.luna-milestone small{top:40px!important}
.luna-route-meta{margin-top:36px!important}

@media(max-width:650px){
  .luna-home-milestone>small{top:36px!important}
  .luna-home-track{margin-bottom:28px!important}
  .luna-milestone small{top:39px!important}
  .luna-route-meta{margin-top:34px!important}
}