/* MaxVFY v0.1.4 — keep App Bridge nav available to Shopify while suppressing raw fallback text inside the iframe. */
s-app-nav{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  border:0!important;
}
s-app-nav s-link{
  display:none!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
}

:root{
  --mxv-ink:#0c1728;--mxv-navy:#101f36;--mxv-blue:#1f62d4;--mxv-blue2:#3177ea;
  --mxv-gold:#c79a2c;--mxv-gold-soft:#fff7db;--mxv-line:#dbe3ee;--mxv-muted:#617086;
  --mxv-bg:#f4f7fb;--mxv-card:#fff;--mxv-green:#147a55;--mxv-red:#a43b3b;--mxv-shadow:0 18px 50px rgba(17,34,62,.10)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--mxv-bg);color:var(--mxv-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}
a{color:inherit}
.mxv-shell{min-height:100vh;padding:22px 24px 60px}
.mxv-wrap{max-width:1180px;margin:0 auto}
.mxv-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.mxv-brand{display:flex;align-items:center;gap:12px}
.mxv-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--mxv-navy),#1c365c);display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 9px 25px rgba(17,34,62,.22)}
.mxv-brand strong{font-size:23px;letter-spacing:-.04em}.mxv-brand small{display:block;color:var(--mxv-muted);font-size:11px;margin-top:3px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.mxv-shop{font-size:13px;color:var(--mxv-muted);text-align:right}.mxv-shop strong{display:block;color:var(--mxv-ink);font-size:14px}
.mxv-hero{background:linear-gradient(125deg,#0e1d32,#18375f 64%,#1f62d4);border-radius:24px;padding:34px;display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:center;box-shadow:var(--mxv-shadow);color:#fff;overflow:hidden;position:relative}
.mxv-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025)}
.mxv-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#9fc1ff}
.mxv-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 13px;max-width:720px}
.mxv-hero p{font-size:17px;line-height:1.55;color:#d8e5f7;max-width:700px;margin:0}
.mxv-action-box{position:relative;z-index:2;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:18px;padding:18px}
.mxv-price{font-size:13px;color:#dce8fa;margin-bottom:11px}.mxv-price strong{color:#fff;font-size:22px}
.mxv-btn{border:0;border-radius:12px;padding:12px 16px;font-weight:850;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:.15s ease}
.mxv-btn:hover{transform:translateY(-1px)}
.mxv-btn-primary{background:#fff;color:#13233c;width:100%}.mxv-btn-blue{background:linear-gradient(135deg,var(--mxv-blue),var(--mxv-blue2));color:#fff}.mxv-btn-quiet{background:#eef3fa;color:#263b59}.mxv-btn-danger{background:#fff1f1;color:#943838}
.mxv-grid{display:grid;grid-template-columns:1fr .36fr;gap:20px;margin-top:20px}
.mxv-panel{background:var(--mxv-card);border:1px solid var(--mxv-line);border-radius:19px;box-shadow:0 8px 26px rgba(16,31,54,.055);overflow:hidden}
.mxv-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;border-bottom:1px solid #edf1f6}
.mxv-panel-head h2{margin:0;font-size:18px}.mxv-panel-head p{margin:4px 0 0;color:var(--mxv-muted);font-size:13px}
.mxv-request-list{display:grid}
.mxv-request{display:grid;grid-template-columns:1fr auto;gap:18px;padding:17px 22px;border-bottom:1px solid #edf1f6;cursor:pointer;transition:background .12s,box-shadow .12s;outline:none}.mxv-request:last-child{border-bottom:0}.mxv-request:hover{background:#f8fbff}.mxv-request:focus-visible{background:#f8fbff;box-shadow:inset 0 0 0 2px #7aa7ee}
.mxv-request-id{font-weight:900;letter-spacing:.02em}.mxv-request-meta{font-size:12px;color:var(--mxv-muted);margin-top:5px}
.mxv-request-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.mxv-view-link{display:inline-flex;align-items:center;gap:5px;color:var(--mxv-blue);font-size:12px;font-weight:900;white-space:nowrap}
.mxv-request:hover .mxv-view-link{color:#174fae;text-decoration:underline;text-underline-offset:3px}
.mxv-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.mxv-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.status-verified{background:var(--mxv-gold-soft);color:#8c6918}.status-opened,.status-engaged,.status-in_progress{background:#eaf2ff;color:#225db6}.status-pending{background:#f0f2f5;color:#657185}.status-expired,.status-cancelled,.status-not_verified{background:#fff0f0;color:#9a4242}
.mxv-mini{padding:20px 22px}.mxv-mini h3{margin:0 0 11px;font-size:14px}.mxv-mini p{margin:0;color:var(--mxv-muted);font-size:13px;line-height:1.55}.mxv-mini+.mxv-mini{border-top:1px solid #edf1f6}
.mxv-empty{padding:42px 22px;text-align:center;color:var(--mxv-muted)}.mxv-empty strong{display:block;color:var(--mxv-ink);font-size:18px;margin-bottom:6px}
.mxv-drawer{position:fixed;inset:0;background:rgba(8,18,33,.52);z-index:50;display:none;justify-content:flex-end}.mxv-drawer.open{display:flex}
.mxv-drawer-card{width:min(560px,100%);height:100%;background:#fff;overflow:auto;padding:26px;box-shadow:-20px 0 60px rgba(0,0,0,.18)}
.mxv-drawer-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.mxv-drawer-top h2{margin:6px 0 4px;font-size:28px;letter-spacing:-.04em}
.mxv-close{border:0;background:#edf2f8;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer}
.mxv-ticket{margin:22px 0;border:1px solid var(--mxv-line);border-radius:18px;padding:20px;background:linear-gradient(180deg,#fff,#f9fbfe)}
.mxv-ticket-code{font-weight:950;font-size:20px;letter-spacing:.05em}
.mxv-linkbox{margin-top:16px;background:#f2f6fb;border:1px solid #dce6f2;border-radius:11px;padding:11px;font-size:12px;word-break:break-all;color:#40536e}
.mxv-ticket-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}
.mxv-qr{width:210px;height:210px;margin:20px auto 6px;background:#fff;border:1px solid var(--mxv-line);border-radius:15px;padding:10px;display:grid;place-items:center}
.mxv-qr canvas{display:block!important;width:188px!important;height:188px!important;max-width:188px!important;max-height:188px!important}
.mxv-qr img{display:none!important}
.mxv-qr table{border-collapse:collapse}

.mxv-timeline{margin:22px 0;padding:0;list-style:none}.mxv-timeline li{position:relative;padding:0 0 20px 30px;color:var(--mxv-muted);font-size:13px}.mxv-timeline li:before{content:"";position:absolute;left:3px;top:4px;width:11px;height:11px;border-radius:50%;background:#d4dce7;border:3px solid #fff;box-shadow:0 0 0 1px #cfd8e5}.mxv-timeline li:after{content:"";position:absolute;left:8px;top:18px;width:1px;height:calc(100% - 9px);background:#dbe3ee}.mxv-timeline li:last-child:after{display:none}.mxv-timeline li.done:before{background:var(--mxv-blue)}.mxv-timeline strong{display:block;color:var(--mxv-ink);font-size:13px;margin-bottom:2px}
.mxv-verified-seal{width:112px;height:112px;border-radius:50%;border:5px solid var(--mxv-gold);color:#876615;display:grid;place-items:center;margin:18px auto;background:var(--mxv-gold-soft);font-weight:950;text-align:center;font-size:13px;box-shadow:inset 0 0 0 5px #fff,0 8px 30px rgba(199,154,44,.22)}
.mxv-public{min-height:100vh;background:radial-gradient(circle at top,#1b3f6d,#0b1728 53%,#07111e);padding:28px 16px;color:#fff;display:flex;justify-content:center;align-items:center}
.mxv-public-card{width:min(620px,100%);background:#fff;color:var(--mxv-ink);border-radius:24px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.34)}
.mxv-public-card h1{font-size:34px;letter-spacing:-.045em;margin:14px 0 9px}.mxv-public-card p{color:var(--mxv-muted);line-height:1.6}
.mxv-check{display:flex;gap:10px;margin:14px 0;padding:13px;border:1px solid var(--mxv-line);border-radius:12px;background:#f8fafc}.mxv-check input{margin-top:3px}
.mxv-help{font-size:12px;color:var(--mxv-muted)}
.mxv-support{max-width:760px;margin:50px auto;padding:0 18px}.mxv-support .mxv-panel{padding:28px}
.mxv-error{background:#fff0f0;border:1px solid #f0cccc;color:#8c3535;border-radius:12px;padding:12px 14px;margin:12px 0}
.mxv-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#13233c;color:#fff;padding:10px 15px;border-radius:999px;font-size:13px;display:none;z-index:90}.mxv-toast.show{display:block}
@media(max-width:850px){.mxv-hero,.mxv-grid{grid-template-columns:1fr}.mxv-top{align-items:flex-start}.mxv-shop{display:none}.mxv-shell{padding:16px 14px 45px}.mxv-hero{padding:25px}.mxv-panel-head{padding:18px}.mxv-request{padding:15px 18px}}
@media(max-width:520px){.mxv-hero h1{font-size:36px}.mxv-request{grid-template-columns:1fr}.mxv-request-actions{justify-content:flex-start}.mxv-status{justify-self:start}.mxv-public-card{padding:22px}.mxv-ticket-actions .mxv-btn{width:100%}}

/* ===== MaxVFY Request Management UX v0.4.0c ===== */
.mxv-request-toolbar{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(150px,.7fr) auto auto auto;gap:10px;align-items:end;padding:14px 18px;background:#f8fbff;border-bottom:1px solid #e6edf6}
.mxv-control{width:100%;box-sizing:border-box;border:1px solid #cfdae8;background:#fff;color:var(--mxv-ink);border-radius:10px;padding:10px 11px;font:inherit;font-size:13px;outline:none;transition:border-color .14s,box-shadow .14s,background .14s}
.mxv-control:focus{border-color:#6d9ee8;box-shadow:0 0 0 3px rgba(47,105,190,.12)}
.mxv-search-wrap{position:relative}.mxv-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#69809d;pointer-events:none}.mxv-search-input{padding-left:35px}
.mxv-date-filter{display:grid;gap:4px}.mxv-date-filter>span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#718198}
.mxv-clear-filters{padding:10px 13px;min-height:39px}
.mxv-request{position:relative;border-left:3px solid transparent}
.mxv-request[data-status="pending"]{border-left-color:#aab8ca}
.mxv-request[data-status="opened"]{border-left-color:#4f86da}
.mxv-request[data-status="engaged"]{border-left-color:#6a67d8}
.mxv-request[data-status="in_progress"]{border-left-color:#238dc1}
.mxv-request[data-status="verified"]{border-left-color:#c79a2c;background:linear-gradient(90deg,rgba(255,248,226,.55),#fff 24%)}
.mxv-request[data-status="not_verified"]{border-left-color:#bd5d68}
.mxv-request[data-status="expired"]{border-left-color:#d49a32}
.mxv-request[data-status="cancelled"]{border-left-color:#8290a3}
.mxv-request-reference{font-size:15px;font-weight:900;color:var(--mxv-ink);line-height:1.25;margin-bottom:4px}
.mxv-request-id{font-size:11px;font-weight:850;color:#66768b;letter-spacing:.055em}
.status-pending{background:#eef2f7;color:#657185}
.status-opened{background:#e9f2ff;color:#2864b8}
.status-engaged{background:#f0efff;color:#5a56b7}
.status-in_progress{background:#e8f7fc;color:#1e779e}
.status-verified{background:var(--mxv-gold-soft);color:#866412}
.status-not_verified{background:#fff0f2;color:#9f3e4c}
.status-expired{background:#fff6e6;color:#9b6510}
.status-cancelled{background:#eff2f5;color:#647285}
.mxv-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #edf1f6;background:#fbfcfe}
.mxv-page-summary{font-size:12px;color:var(--mxv-muted);font-weight:700}
.mxv-page-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.mxv-page-btn{border:1px solid #d8e2ee;background:#fff;color:#31455f;border-radius:9px;min-width:34px;height:34px;padding:0 9px;font-size:12px;font-weight:850;cursor:pointer}
.mxv-page-btn:hover:not(:disabled){border-color:#8eb0df;background:#f4f8fd}
.mxv-page-btn.active{background:#153761;border-color:#153761;color:#fff}
.mxv-page-btn:disabled{opacity:.42;cursor:not-allowed}
.mxv-page-gap{color:#8b99aa;padding:0 2px}
.mxv-drawer-request-id{font-size:11px;color:#6f7f94;font-weight:900;letter-spacing:.06em;margin:0 0 9px}
.mxv-detail-note{margin:18px 0;padding:15px 16px;border:1px solid #dce6f1;border-left:3px solid #5b88c7;border-radius:12px;background:#f8fbff}
.mxv-detail-note>span{display:block;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#647892;margin-bottom:6px}
.mxv-detail-note p{margin:0;color:#2d4059;font-size:13px;line-height:1.55;white-space:pre-wrap}
.mxv-inline-confirm{width:100%;display:grid;gap:13px;padding:15px;border:1px solid #efc9ce;background:#fff7f8;border-radius:13px}
.mxv-inline-confirm strong{display:block;color:#7f2f39;font-size:14px;margin-bottom:4px}
.mxv-inline-confirm span{display:block;color:#775b60;font-size:12px;line-height:1.45}
.mxv-inline-confirm-actions{display:flex;gap:9px;flex-wrap:wrap}
.mxv-btn-danger-solid{background:#a8414f;color:#fff}
.mxv-btn-danger-solid:hover{background:#913844}
.mxv-modal{position:fixed;inset:0;background:rgba(8,18,33,.56);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}
.mxv-modal.open{display:flex}
.mxv-modal-card{width:min(560px,100%);background:#fff;border:1px solid #dce5f0;border-radius:20px;box-shadow:0 28px 90px rgba(4,14,29,.32);padding:23px}
.mxv-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.mxv-modal-head h2{margin:5px 0 0;font-size:24px;letter-spacing:-.035em}
.mxv-field{display:grid;gap:7px;margin:15px 0}.mxv-field>span{font-size:13px;font-weight:900;color:#25384f}.mxv-field>span strong{color:#a3414f}.mxv-field>span em{font-style:normal;color:#7f8da0;font-weight:700}
.mxv-field textarea{resize:vertical;min-height:90px;line-height:1.45}
.mxv-field small{font-size:11px;color:#77869a;line-height:1.45}
.mxv-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
@media(max-width:1080px){.mxv-request-toolbar{grid-template-columns:1fr 1fr 1fr}.mxv-search-wrap{grid-column:span 2}}
@media(max-width:700px){.mxv-request-toolbar{grid-template-columns:1fr}.mxv-search-wrap{grid-column:auto}.mxv-pagination{align-items:flex-start;flex-direction:column}.mxv-page-controls{justify-content:flex-start}.mxv-modal{align-items:flex-end;padding:0}.mxv-modal-card{border-radius:20px 20px 0 0;padding:20px}.mxv-modal-actions .mxv-btn{flex:1}}

/* ===== MaxVFY Full Request Detail Display v0.4.1 ===== */
.mxv-request-main{min-width:0}
.mxv-request-reference{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
}
.mxv-request-note{
  margin:7px 0 8px;
  padding:8px 10px;
  background:#f7f9fc;
  border-left:2px solid #9bb7da;
  border-radius:7px;
  color:#52657d;
  font-size:12px;
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.mxv-request-note>span{
  display:block;
  margin-bottom:3px;
  color:#74849a;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mxv-request-note>div{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.mxv-drawer-card{overflow-x:hidden}
.mxv-drawer-top>div{min-width:0;max-width:calc(100% - 52px)}
.mxv-drawer-top h2{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.mxv-detail-reference,
.mxv-detail-note{
  margin:18px 0;
  padding:15px 16px;
  border:1px solid #dce6f1;
  border-radius:12px;
  background:#f8fbff;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.mxv-detail-reference{border-left:3px solid #316fbe}
.mxv-detail-note{border-left:3px solid #7089aa}
.mxv-detail-reference>span,
.mxv-detail-note>span{
  display:block;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#647892;
  margin-bottom:6px;
}
.mxv-detail-reference p,
.mxv-detail-note p{
  margin:0;
  color:#2d4059;
  font-size:13px;
  line-height:1.6;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
}

/* ===== MaxVFY Archive + Reference UX v0.4.2 ===== */
.mxv-request-toolbar{
  grid-template-columns:minmax(220px,1.6fr) minmax(145px,.72fr) minmax(145px,.72fr) auto auto auto;
}
.mxv-request-reference{
  display:grid;
  gap:2px;
}
.mxv-request-reference>span{
  color:#718198;
  font-size:9px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.mxv-request-reference>strong{
  display:block;
  color:#152a45;
  font-size:15px;
  font-weight:950;
  line-height:1.35;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.mxv-drawer-reference-title{
  max-width:100%;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.mxv-archive-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid #d4dce6;
  border-radius:999px;
  padding:5px 9px;
  background:#f5f7fa;
  color:#68778a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mxv-btn-archive{
  background:#243b5a;
  color:#fff;
}
.mxv-btn-archive:hover{background:#1a2f4b}
.mxv-inline-confirm-archive{
  border-color:#cad8e8;
  background:#f7faff;
}
.mxv-inline-confirm-archive strong{color:#243b5a}
.mxv-inline-confirm-archive span{color:#5d6f86}
@media(max-width:1180px){
  .mxv-request-toolbar{grid-template-columns:1fr 1fr 1fr}
  .mxv-search-wrap{grid-column:span 2}
}
@media(max-width:700px){
  .mxv-request-toolbar{grid-template-columns:1fr}
  .mxv-search-wrap{grid-column:auto}
}

/* ===== MaxVFY Archive UX Hotfix v0.4.3 ===== */
.mxv-inline-confirm-archive{
  position:sticky;
  bottom:10px;
  z-index:12;
  margin-bottom:4px;
  padding:13px 14px;
  box-shadow:0 14px 38px rgba(18,42,72,.18);
}
.mxv-inline-confirm-archive .mxv-inline-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.mxv-inline-confirm-archive .mxv-btn{
  min-height:40px;
  width:100%;
}
@media(max-width:520px){
  .mxv-inline-confirm-archive .mxv-inline-confirm-actions{
    grid-template-columns:1fr;
  }
}

/* ===== MaxVFY Cancel + Unarchive UX v0.4.4a ===== */
.mxv-inline-confirm-cancel{
  position:sticky;
  bottom:10px;
  z-index:12;
  margin-bottom:4px;
  padding:13px 14px;
  box-shadow:0 14px 38px rgba(127,47,57,.16);
}
.mxv-inline-confirm-cancel .mxv-inline-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.mxv-inline-confirm-cancel .mxv-btn{
  min-height:40px;
  width:100%;
}
@media(max-width:520px){
  .mxv-inline-confirm-cancel .mxv-inline-confirm-actions{
    grid-template-columns:1fr;
  }
}