/* MEAS Signing Tracker — app styles. All rules scoped to .mst-* to resist theme bleed. */
:root{
  --mst-canvas:#f5f6fb; --mst-surface:#ffffff; --mst-ink:#1b2240; --mst-ink-2:#3a4263; --mst-muted:#6b7390; --mst-faint:#9aa1b9;
  --mst-line:#e6e8f1; --mst-line-2:#eef0f6; --mst-brand:#004aad; --mst-brand-soft:#e3ecfb;
  --mst-lav:#ece7ff; --mst-lav-ink:#5b49c9;
  --mst-mint:#dff5ea; --mst-mint-ink:#1c7a52;
  --mst-peach:#ffe8da; --mst-peach-ink:#b4561f;
  --mst-sky:#deedff; --mst-sky-ink:#1f5bb5;
  --mst-butter:#fff3cf; --mst-butter-ink:#8a6700;
  --mst-rose:#ffe3e9; --mst-rose-ink:#b8324d;
  --mst-slate:#edeff5; --mst-slate-ink:#565e78;
  --mst-r-lg:20px; --mst-r:14px; --mst-r-sm:10px;
  --mst-shadow:0 1px 2px rgba(27,34,64,.04),0 8px 24px -12px rgba(27,34,64,.12);
  --mst-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mst-safe-b:env(safe-area-inset-bottom,0px); --mst-safe-t:env(safe-area-inset-top,0px);
}
html,body.mst-body{margin:0;padding:0;background:var(--mst-canvas)!important;}
body.mst-body{font-family:var(--mst-font);color:var(--mst-ink);-webkit-font-smoothing:antialiased;}
#wpadminbar,.wd-toolbar,.woo-multi-currency.wmc-sidebar.style-1 .wmc-list-currencies{display:none!important;}
html.mst-lock,html.mst-lock body{overflow:hidden;}

.mst-root,.mst-root *,.mst-root *::before,.mst-root *::after,.mst-layer,.mst-layer *{box-sizing:border-box;}
.mst-root,.mst-layer{font-family:var(--mst-font);font-size:14px;line-height:1.45;color:var(--mst-ink);letter-spacing:normal;text-transform:none;}
.mst-root h1,.mst-root h2,.mst-root h3,.mst-root h4,.mst-layer h2,.mst-layer h3{font-family:var(--mst-font);color:var(--mst-ink);margin:0;letter-spacing:-.01em;text-transform:none;font-weight:700;line-height:1.25;}
.mst-root p,.mst-layer p{margin:0;}
.mst-root a,.mst-layer a{color:var(--mst-brand);text-decoration:none;}
.mst-root svg.mst-i,.mst-layer svg.mst-i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;}
.mst-root button,.mst-layer button{font-family:inherit;}

/* ---------- form armour ---------- */
.mst-root .mst-input,.mst-root .mst-select,.mst-root .mst-textarea,
.mst-layer .mst-input,.mst-layer .mst-select,.mst-layer .mst-textarea{
  all:unset;box-sizing:border-box;display:block;width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--mst-line)!important;
  background:#fff!important;border-radius:var(--mst-r-sm)!important;font:inherit;font-size:15px;color:var(--mst-ink);line-height:1.3;
  transition:border-color .15s, box-shadow .15s;box-shadow:none;-webkit-appearance:none;appearance:none;
}
.mst-root .mst-textarea,.mst-layer .mst-textarea{min-height:88px;white-space:pre-wrap;resize:vertical;}
.mst-root .mst-select,.mst-layer .mst-select{padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7390' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;}
.mst-root .mst-input:focus,.mst-root .mst-select:focus,.mst-root .mst-textarea:focus,
.mst-layer .mst-input:focus,.mst-layer .mst-select:focus,.mst-layer .mst-textarea:focus{border-color:#9db8e8!important;box-shadow:0 0 0 4px var(--mst-brand-soft)!important;outline:none;}
.mst-root .mst-input::placeholder,.mst-layer .mst-input::placeholder,.mst-layer .mst-textarea::placeholder{color:var(--mst-faint);}
.mst-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.mst-field>span{font-size:12.5px;font-weight:600;color:var(--mst-ink-2);}
.mst-field small{color:var(--mst-muted);font-size:12px;}
.mst-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.mst-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.mst-stack{display:flex;flex-direction:column;gap:14px;}
.mst-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;min-height:44px;}
.mst-check input{width:20px!important;height:20px!important;margin:0!important;accent-color:var(--mst-brand);}

/* ---------- buttons ---------- */
.mst-btn,.mst-root .login-submit input[type=submit]{
  all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;
  background:var(--mst-brand);color:#fff!important;font:inherit;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:transform .08s, background .15s, box-shadow .15s;
  box-shadow:0 6px 16px -8px rgba(0,74,173,.6);
}
.mst-btn:hover{background:#003d8f;}
.mst-btn:active{transform:scale(.98);}
.mst-btn:focus-visible,.mst-ghost:focus-visible,.mst-icon-btn:focus-visible,.mst-nav a:focus-visible,.mst-chip:focus-visible{outline:3px solid #9db8e8;outline-offset:2px;}
.mst-btn[disabled]{opacity:.55;pointer-events:none;}
.mst-ghost{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;
  background:var(--mst-surface);border:1px solid var(--mst-line);color:var(--mst-ink-2);font:inherit;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;}
.mst-ghost:hover{background:#f8f9fc;}
.mst-ghost.is-danger{color:var(--mst-rose-ink);border-color:#f6c9d3;}
.mst-ghost.is-danger:hover{background:var(--mst-rose);}
.mst-btn.is-sm,.mst-ghost.is-sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px;}
.mst-icon-btn{all:unset;box-sizing:border-box;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;cursor:pointer;color:var(--mst-muted);flex:none;}
.mst-icon-btn:hover{background:var(--mst-slate);color:var(--mst-ink);}
.mst-icon-btn.is-sm{width:34px;height:34px;border-radius:9px;}
.mst-icon-btn.is-danger:hover{background:var(--mst-rose);color:var(--mst-rose-ink);}

/* ---------- tone helpers ---------- */
.t-lav{--tone:var(--mst-lav);--tone-ink:var(--mst-lav-ink);}
.t-mint{--tone:var(--mst-mint);--tone-ink:var(--mst-mint-ink);}
.t-peach{--tone:var(--mst-peach);--tone-ink:var(--mst-peach-ink);}
.t-sky{--tone:var(--mst-sky);--tone-ink:var(--mst-sky-ink);}
.t-butter{--tone:var(--mst-butter);--tone-ink:var(--mst-butter-ink);}
.t-rose{--tone:var(--mst-rose);--tone-ink:var(--mst-rose-ink);}
.t-slate{--tone:var(--mst-slate);--tone-ink:var(--mst-slate-ink);}
.mst-badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 8px;border-radius:999px;background:var(--tone,var(--mst-slate));color:var(--tone-ink,var(--mst-slate-ink));font-size:12.5px;font-weight:600;white-space:nowrap;}
.mst-badge svg.mst-i{width:14px;height:14px;stroke-width:2.2;}
.mst-tile{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--tone);color:var(--tone-ink);flex:none;}
.mst-tile svg.mst-i{width:20px;height:20px;}

/* ---------- shell ---------- */
.mst-boot{min-height:100vh;display:grid;place-items:center;}
.mst-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--mst-lav);border-top-color:var(--mst-brand);animation:mst-spin .8s linear infinite;display:inline-block;}
@keyframes mst-spin{to{transform:rotate(360deg)}}
.mst-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;}
.mst-side{position:sticky;top:0;height:100vh;background:var(--mst-surface);border-right:1px solid var(--mst-line);display:flex;flex-direction:column;padding:22px 14px;gap:22px;}
.mst-brand{display:flex;align-items:center;gap:11px;padding:0 8px;}
.mst-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#004aad,#6d5bd9);font-weight:800;font-size:15px;}
.mst-brand b{display:block;font-size:15px;}
.mst-brand small{color:var(--mst-muted);font-size:12px;}
.mst-nav{display:flex;flex-direction:column;gap:4px;}
.mst-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 10px;border-radius:13px;color:var(--mst-ink-2)!important;font-weight:600;font-size:14px;}
.mst-nav a .mst-tile{width:32px;height:32px;border-radius:10px;background:transparent;color:var(--mst-muted);}
.mst-nav a .mst-tile svg.mst-i{width:18px;height:18px;}
.mst-nav a:hover{background:#f7f8fc;}
.mst-nav a.is-active{background:var(--tone);color:var(--tone-ink)!important;}
.mst-nav a.is-active .mst-tile{background:#fff;color:var(--tone-ink);}
.mst-side-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 0;border-top:1px solid var(--mst-line-2);}
.mst-side-foot img{width:34px;height:34px;border-radius:50%;}
.mst-side-foot div{flex:1;min-width:0;}
.mst-side-foot b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mst-side-foot small{color:var(--mst-muted);font-size:12px;}

.mst-main{min-width:0;display:flex;flex-direction:column;}
.mst-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:18px 28px;background:rgba(245,246,251,.86);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);}
.mst-top h1{font-size:22px;flex:1;min-width:0;}
.mst-top-actions{display:flex;gap:8px;align-items:center;}
.mst-view{padding:6px 28px 40px;}
.mst-view[hidden]{display:none!important;}

.mst-bottom{display:none;}

/* ---------- cards & sections ---------- */
.mst-card{background:var(--mst-surface);border:1px solid var(--mst-line);border-radius:var(--mst-r-lg);box-shadow:var(--mst-shadow);}
.mst-card-h{display:flex;align-items:center;gap:12px;padding:16px 18px 0;}
.mst-card-h h3{font-size:15px;flex:1;}
.mst-card-b{padding:16px 18px 18px;}
.mst-muted{color:var(--mst-muted);}
.mst-small{font-size:12.5px;}
.mst-mono{font-variant-numeric:tabular-nums;}
.mst-empty{padding:40px 20px;text-align:center;color:var(--mst-muted);display:flex;flex-direction:column;align-items:center;gap:10px;}
.mst-empty .mst-tile{width:52px;height:52px;border-radius:16px;}
.mst-empty b{color:var(--mst-ink);font-size:15px;}

/* overview */
.mst-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.mst-stat{padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform .12s;}
.mst-stat:hover{transform:translateY(-1px);}
.mst-stat-v{font-size:26px;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.mst-stat-l{color:var(--mst-muted);font-size:13px;font-weight:600;}
.mst-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;}
.mst-pipeline{display:flex;flex-direction:column;gap:8px;}
.mst-pipe-row{display:grid;grid-template-columns:170px 1fr 38px;align-items:center;gap:12px;cursor:pointer;padding:4px 0;}
.mst-pipe-bar{height:10px;border-radius:99px;background:var(--mst-line-2);overflow:hidden;}
.mst-pipe-bar i{display:block;height:100%;border-radius:99px;background:var(--tone-ink);opacity:.55;}
.mst-pipe-row b{text-align:right;font-variant-numeric:tabular-nums;}
.mst-feed{display:flex;flex-direction:column;}
.mst-feed-row{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--mst-line-2);}
.mst-feed-row:first-child{border-top:0;}
.mst-feed-row .mst-tile{width:32px;height:32px;border-radius:10px;}
.mst-feed-row .mst-tile svg.mst-i{width:16px;height:16px;}
.mst-feed-row div{min-width:0;flex:1;}
.mst-feed-row p{font-size:13.5px;}
.mst-feed-row small{color:var(--mst-muted);font-size:12px;}
.mst-money{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.mst-money div{background:var(--tone);color:var(--tone-ink);border-radius:14px;padding:12px;}
.mst-money b{display:block;font-size:17px;font-variant-numeric:tabular-nums;color:var(--mst-ink);}
.mst-money small{font-size:12px;font-weight:600;}

/* toolbar & chips */
.mst-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap;}
.mst-search{position:relative;flex:1;min-width:220px;}
.mst-search svg.mst-i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--mst-faint);pointer-events:none;}
.mst-root .mst-search .mst-input{padding-left:40px!important;}
.mst-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none;margin-bottom:6px;}
.mst-chips::-webkit-scrollbar{display:none;}
.mst-chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:999px;background:#fff;border:1px solid var(--mst-line);font-size:13px;font-weight:600;color:var(--mst-ink-2);cursor:pointer;white-space:nowrap;flex:none;}
.mst-chip svg.mst-i{width:15px;height:15px;}
.mst-chip em{font-style:normal;font-size:11.5px;background:var(--mst-slate);color:var(--mst-slate-ink);border-radius:99px;padding:1px 7px;}
.mst-chip.is-on{background:var(--tone,var(--mst-brand-soft));color:var(--tone-ink,var(--mst-brand));border-color:transparent;}
.mst-chip.is-on em{background:#fff;}

/* list table */
.mst-table{width:100%;border-collapse:separate;border-spacing:0;}
.mst-table th{font-size:12px;font-weight:600;color:var(--mst-muted);text-align:left;padding:12px 14px;border-bottom:1px solid var(--mst-line);background:#fbfbfe;}
.mst-table th:first-child{border-top-left-radius:var(--mst-r-lg);}
.mst-table th:last-child{border-top-right-radius:var(--mst-r-lg);}
.mst-table td{padding:13px 14px;border-bottom:1px solid var(--mst-line-2);vertical-align:middle;font-size:14px;}
.mst-table tr:last-child td{border-bottom:0;}
.mst-table tbody tr{cursor:pointer;transition:background .12s;}
.mst-table tbody tr:hover{background:#fafbff;}
.mst-who b{display:block;font-weight:650;}
.mst-who small{color:var(--mst-muted);font-size:12.5px;}
.mst-no{font-weight:700;color:var(--mst-brand);font-variant-numeric:tabular-nums;}
.mst-trk{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mst-muted);}
.mst-trk code{font-family:inherit;font-weight:600;color:var(--mst-ink-2);background:var(--mst-slate);padding:2px 7px;border-radius:7px;}
.mst-right{text-align:right;}
.mst-cards{display:none;}
.mst-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 4px 0;color:var(--mst-muted);font-size:13px;}
.mst-pager div{display:flex;gap:8px;}
.mst-loading-bar{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--mst-lav),var(--mst-brand),var(--mst-lav));background-size:200% 100%;animation:mst-slide 1s linear infinite;margin-bottom:8px;}
@keyframes mst-slide{to{background-position:-200% 0}}

/* shipping list */
.mst-ship-list{display:flex;flex-direction:column;gap:10px;}
.mst-ship{display:grid;grid-template-columns:44px 1.3fr 1.2fr 1fr auto;gap:14px;align-items:center;padding:14px 16px;}
.mst-ship .mst-tile{width:44px;height:44px;}
.mst-ship-meta{display:flex;flex-direction:column;gap:3px;min-width:0;}
.mst-ship-meta small{color:var(--mst-muted);font-size:12.5px;}
.mst-ship-actions{display:flex;gap:6px;}

/* talent */
.mst-talent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.mst-talent{overflow:hidden;display:flex;flex-direction:column;}
.mst-talent-ph{aspect-ratio:4/3;background:var(--tone);display:grid;place-items:center;color:var(--tone-ink);position:relative;}
.mst-talent-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.mst-talent-ph .mst-initials{font-size:34px;font-weight:800;opacity:.75;}
.mst-talent-ph .mst-badge{position:absolute;top:10px;left:10px;}
.mst-talent-b{padding:14px;display:flex;flex-direction:column;gap:10px;}
.mst-talent-b h3{font-size:15px;}
.mst-talent-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--mst-muted);}
.mst-talent-meta b{color:var(--mst-ink);}
.mst-meter{height:8px;border-radius:99px;background:var(--mst-line-2);overflow:hidden;}
.mst-meter i{display:block;height:100%;background:linear-gradient(90deg,#9ed8bc,#7fb6f0);border-radius:99px;}
.mst-photo-pick{display:flex;align-items:center;gap:14px;}
.mst-photo-pick .mst-av{width:72px;height:72px;border-radius:16px;background:var(--mst-lav);display:grid;place-items:center;overflow:hidden;color:var(--mst-lav-ink);flex:none;}
.mst-photo-pick .mst-av img{width:100%;height:100%;object-fit:cover;}

/* log */
.mst-log .mst-feed-row{padding:13px 16px;}
.mst-log .mst-feed-row .mst-no{font-size:12.5px;}

/* settings */
.mst-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.mst-carrier-row{display:grid;grid-template-columns:1fr 2fr 36px;gap:8px;align-items:center;}
.mst-sticky-save{position:sticky;bottom:16px;display:flex;justify-content:flex-end;margin-top:18px;}

/* ---------- layers: drawer, modal, toast ---------- */
.mst-layer{position:fixed;inset:0;z-index:99990;}
.mst-scrim{position:absolute;inset:0;background:rgba(27,34,64,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:mst-fade .18s ease;}
@keyframes mst-fade{from{opacity:0}}
.mst-drawer{position:absolute;top:0;right:0;bottom:0;width:min(760px,100%);background:var(--mst-canvas);box-shadow:-20px 0 60px -20px rgba(27,34,64,.3);display:flex;flex-direction:column;animation:mst-in .24s cubic-bezier(.2,.8,.2,1);}
@keyframes mst-in{from{transform:translateX(40px);opacity:.4}}
.mst-drawer-h{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px;padding-top:calc(18px + var(--mst-safe-t));background:var(--mst-surface);border-bottom:1px solid var(--mst-line);}
.mst-drawer-h .mst-grow{flex:1;min-width:0;}
.mst-drawer-h h2{font-size:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mst-drawer-h p{color:var(--mst-muted);font-size:13px;margin-top:3px;}
.mst-tabs{display:flex;gap:4px;padding:0 14px;background:var(--mst-surface);border-bottom:1px solid var(--mst-line);overflow-x:auto;scrollbar-width:none;}
.mst-tabs::-webkit-scrollbar{display:none;}
.mst-tab{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;height:46px;padding:0 12px;font-weight:600;font-size:13.5px;color:var(--mst-muted);cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap;}
.mst-tab svg.mst-i{width:16px;height:16px;}
.mst-tab.is-on{color:var(--mst-brand);border-bottom-color:var(--mst-brand);}
.mst-tab em{font-style:normal;font-size:11px;background:var(--mst-slate);border-radius:99px;padding:1px 6px;}
.mst-drawer-b{flex:1;overflow-y:auto;padding:18px 20px 28px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.mst-drawer-f{display:flex;gap:8px;padding:12px 20px;padding-bottom:calc(12px + var(--mst-safe-b));background:var(--mst-surface);border-top:1px solid var(--mst-line);}
.mst-drawer-f .mst-grow{flex:1;}

.mst-journey{display:flex;gap:0;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none;}
.mst-journey::-webkit-scrollbar{display:none;}
.mst-step{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:78px;flex:1;position:relative;cursor:pointer;text-align:center;}
.mst-step::before{content:"";position:absolute;top:19px;left:-50%;right:50%;height:3px;background:var(--mst-line);z-index:0;}
.mst-step:first-child::before{display:none;}
.mst-step .mst-dot{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--mst-line);color:var(--mst-faint);transition:transform .15s;}
.mst-step .mst-dot svg.mst-i{width:17px;height:17px;}
.mst-step span{font-size:11.5px;font-weight:600;color:var(--mst-muted);line-height:1.2;}
.mst-step.is-done::before,.mst-step.is-now::before{background:#b9ceef;}
.mst-step.is-done .mst-dot{background:var(--mst-brand-soft);border-color:transparent;color:var(--mst-brand);}
.mst-step.is-now .mst-dot{background:var(--tone);border-color:var(--tone-ink);color:var(--tone-ink);transform:scale(1.1);box-shadow:0 0 0 5px #fff,0 0 0 7px var(--tone);}
.mst-step.is-now span{color:var(--mst-ink);}
.mst-step:hover .mst-dot{transform:scale(1.06);}
.mst-sidechips{display:flex;gap:8px;flex-wrap:wrap;}

.mst-kv{display:grid;grid-template-columns:120px 1fr;gap:10px 14px;font-size:14px;}
.mst-kv dt{color:var(--mst-muted);font-size:13px;}
.mst-kv dd{margin:0;word-break:break-word;white-space:pre-line;}
.mst-section{margin-bottom:16px;}

.mst-items{display:flex;flex-direction:column;}
.mst-item{display:grid;grid-template-columns:36px 1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--mst-line-2);}
.mst-item:first-child{border-top:0;}
.mst-item-check{all:unset;box-sizing:border-box;width:36px;height:36px;border-radius:11px;border:2px solid var(--mst-line);display:grid;place-items:center;cursor:pointer;color:transparent;}
.mst-item-check.is-on{background:var(--mst-mint);border-color:transparent;color:var(--mst-mint-ink);}
.mst-item-check svg.mst-i{width:18px;height:18px;stroke-width:2.6;}
.mst-item-t b{display:block;font-weight:650;}
.mst-item-t small{color:var(--mst-muted);font-size:12.5px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.mst-pen{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15);vertical-align:-1px;}
.mst-totals{display:flex;flex-direction:column;gap:8px;font-size:14px;}
.mst-totals div{display:flex;justify-content:space-between;}
.mst-totals .is-big{font-size:18px;font-weight:750;padding-top:10px;border-top:1px dashed var(--mst-line);}
.mst-pay-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.mst-pay-hero div{border-radius:14px;padding:12px 14px;background:var(--tone);}
.mst-pay-hero small{display:block;font-size:12px;font-weight:600;color:var(--tone-ink);}
.mst-pay-hero b{font-size:18px;font-variant-numeric:tabular-nums;}

.mst-shipcard{margin-bottom:14px;overflow:hidden;}
.mst-shipcard-h{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(0deg,#fff, var(--tone));}
.mst-shipcard-h .mst-grow{flex:1;min-width:0;}
.mst-shipcard-h small{color:var(--mst-muted);font-size:12px;font-weight:600;}
.mst-trkbox{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--mst-line-2);border-bottom:1px solid var(--mst-line-2);flex-wrap:wrap;}
.mst-trkbox code{font-family:inherit;font-weight:700;font-size:15px;letter-spacing:.02em;background:var(--mst-slate);border-radius:9px;padding:6px 10px;}
.mst-trkbox .mst-grow{flex:1;}
.mst-timeline{list-style:none;margin:0;padding:14px 16px 16px;display:flex;flex-direction:column;}
.mst-timeline li{display:grid;grid-template-columns:30px 1fr;gap:10px;position:relative;padding-bottom:14px;}
.mst-timeline li:last-child{padding-bottom:0;}
.mst-timeline li::before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--mst-line-2);}
.mst-timeline li:last-child::before{display:none;}
.mst-timeline .mst-tl-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tone);color:var(--tone-ink);}
.mst-timeline .mst-tl-dot svg.mst-i{width:15px;height:15px;stroke-width:2.2;}
.mst-timeline b{font-size:13.5px;}
.mst-timeline p{font-size:13px;color:var(--mst-ink-2);}
.mst-timeline small{color:var(--mst-muted);font-size:12px;}

.mst-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;}
.mst-photo{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--mst-slate);}
.mst-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.mst-photo a{display:grid;place-items:center;width:100%;height:100%;color:var(--mst-slate-ink);font-size:12px;font-weight:600;}
.mst-photo .mst-icon-btn{position:absolute;top:6px;right:6px;background:rgba(255,255,255,.92);width:30px;height:30px;border-radius:9px;color:var(--mst-rose-ink);}
.mst-drop{all:unset;box-sizing:border-box;aspect-ratio:1;border-radius:14px;border:2px dashed #c9d2e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--mst-muted);font-size:12.5px;font-weight:600;cursor:pointer;text-align:center;padding:6px;}
.mst-drop:hover{border-color:var(--mst-brand);color:var(--mst-brand);background:var(--mst-brand-soft);}
.mst-drop.is-busy{pointer-events:none;opacity:.7;}

.mst-modal-wrap{position:absolute;inset:0;display:grid;place-items:center;padding:20px;}
.mst-modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);background:var(--mst-surface);border-radius:22px;box-shadow:0 30px 80px -20px rgba(27,34,64,.45);display:flex;flex-direction:column;animation:mst-pop .2s cubic-bezier(.2,.8,.2,1);}
@keyframes mst-pop{from{transform:scale(.96);opacity:0}}
.mst-modal-h{display:flex;align-items:center;gap:12px;padding:18px 20px 6px;}
.mst-modal-h h3{flex:1;font-size:17px;}
.mst-modal-b{padding:12px 20px;overflow-y:auto;}
.mst-modal-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 18px;}
.mst-statusgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.mst-statusopt{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border-radius:13px;border:1.5px solid var(--mst-line);cursor:pointer;font-weight:600;font-size:13.5px;}
.mst-statusopt .mst-tile{width:32px;height:32px;border-radius:10px;}
.mst-statusopt.is-on{border-color:var(--tone-ink);background:var(--tone);}

.mst-toasts{position:fixed;left:50%;bottom:calc(24px + var(--mst-safe-b));transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;}
.mst-toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:14px;background:var(--mst-ink);color:#fff;font-family:var(--mst-font);font-size:14px;font-weight:600;box-shadow:0 12px 30px -10px rgba(27,34,64,.5);animation:mst-pop .2s;}
.mst-toast svg.mst-i{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.mst-toast.is-err{background:#b8324d;}
.mst-toast.is-ok svg.mst-i{color:#9ee6c3;}

/* ---------- gate / login ---------- */
.mst-gate{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,var(--mst-lav),transparent 45%),radial-gradient(circle at 90% 90%,var(--mst-mint),transparent 40%),var(--mst-canvas);font-family:var(--mst-font);}
.mst-gate-card{width:min(400px,100%);background:#fff;border-radius:24px;padding:30px;box-shadow:var(--mst-shadow);color:var(--mst-ink);}
.mst-gate-card h1{font-size:21px;margin:10px 0 18px;font-family:var(--mst-font);}
.mst-gate-card p{color:var(--mst-muted);margin:0 0 18px;}
.mst-gate-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#004aad,#6d5bd9);color:#fff;font-size:20px;}
.mst-gate-card form p{margin:0 0 14px;}
.mst-gate-card label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--mst-ink-2);}
.mst-gate-card input[type=text],.mst-gate-card input[type=password]{all:unset;box-sizing:border-box;display:block;width:100%;height:46px;padding:0 13px;border:1px solid var(--mst-line);border-radius:12px;font-size:15px;background:#fff;}
.mst-gate-card input[type=text]:focus,.mst-gate-card input[type=password]:focus{border-color:#9db8e8;box-shadow:0 0 0 4px var(--mst-brand-soft);}
.mst-gate-card .login-remember label{display:flex;align-items:center;gap:8px;font-weight:500;}
.mst-gate-card input[type=submit]{all:unset;box-sizing:border-box;width:100%;height:48px;border-radius:12px;background:var(--mst-brand);color:#fff;text-align:center;font-weight:700;cursor:pointer;}
.mst-gate .mst-btn{width:100%;}

/* ---------- customer portal ---------- */
.mst-portal{max-width:720px;margin:0 auto;padding:28px 18px calc(40px + var(--mst-safe-b));}
.mst-portal-head{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.mst-portal-hero{padding:22px;margin-bottom:16px;background:linear-gradient(135deg,var(--mst-lav),var(--mst-sky) 60%,var(--mst-mint));border:0;}
.mst-portal-hero h1{font-size:24px;margin-bottom:4px;}
.mst-portal-hero .mst-journey{margin-top:18px;background:rgba(255,255,255,.6);border-radius:16px;padding:14px 6px 10px;}
.mst-portal-hero .mst-step{cursor:default;}
.mst-portal .mst-card{margin-bottom:14px;}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .mst-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mst-cols,.mst-settings{grid-template-columns:1fr;}
  .mst-ship{grid-template-columns:44px 1fr 1fr auto;}
  .mst-ship>.mst-ship-meta:nth-child(4){display:none;}
}
@media (max-width:960px){
  .mst-shell{grid-template-columns:1fr;}
  .mst-side{display:none;}
  .mst-top{padding:14px 16px;padding-top:calc(14px + var(--mst-safe-t));}
  .mst-top h1{font-size:20px;}
  .mst-view{padding:4px 14px calc(96px + var(--mst-safe-b));}
  .mst-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--mst-line);padding:6px 6px calc(6px + var(--mst-safe-b));justify-content:space-around;}
  .mst-bottom a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;justify-content:center;border-radius:14px;color:var(--mst-muted)!important;font-size:10.5px;font-weight:600;}
  .mst-bottom a .mst-tile{width:38px;height:28px;border-radius:99px;background:transparent;color:inherit;}
  .mst-bottom a.is-active{color:var(--tone-ink)!important;}
  .mst-bottom a.is-active .mst-tile{background:var(--tone);}
  .mst-table-wrap{display:none;}
  .mst-cards{display:flex;flex-direction:column;gap:10px;}
  .mst-ecard{padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;}
  .mst-ecard-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
  .mst-ecard-bot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
  .mst-ecard .mst-paym{font-weight:700;font-size:13px;}
  .mst-toolbar .mst-search{flex-basis:100%;}
  .mst-toolbar{display:grid;grid-template-columns:1fr 1fr;}
  .mst-toolbar .mst-search{grid-column:1/-1;}
  .mst-ship{grid-template-columns:44px 1fr auto;}
  .mst-ship>.mst-ship-meta:nth-child(3),.mst-ship>.mst-ship-meta:nth-child(4){display:none;}
  .mst-drawer-b{padding:14px 14px 24px;}
  .mst-drawer-h,.mst-drawer-f{padding-left:14px;padding-right:14px;}
  .mst-toasts{bottom:calc(84px + var(--mst-safe-b));}
}
@media (max-width:750px){
  .mst-grid2,.mst-grid3{grid-template-columns:1fr;}
  .mst-grid2.keep{grid-template-columns:1fr 1fr;}
  .mst-pipe-row{grid-template-columns:130px 1fr 30px;}
  .mst-money,.mst-pay-hero{grid-template-columns:1fr 1fr;}
  .mst-money div:last-child,.mst-pay-hero div:last-child{grid-column:1/-1;}
  .mst-kv{grid-template-columns:1fr;gap:2px;}
  .mst-kv dd{margin-bottom:10px;}
  .mst-item{grid-template-columns:36px 1fr auto;}
  .mst-item .mst-item-price{display:none;}
  .mst-modal-wrap{place-items:end center;padding:0;}
  .mst-modal{width:100%;border-radius:22px 22px 0 0;max-height:92vh;padding-bottom:var(--mst-safe-b);}
  .mst-statusgrid{grid-template-columns:1fr;}
  .mst-carrier-row{grid-template-columns:1fr 36px;}
  .mst-carrier-row .mst-input:nth-child(2){grid-column:1/2;grid-row:2;}
}
/* ---------- events ---------- */
.mst-event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;}
.mst-event{display:flex;flex-direction:column;overflow:hidden;color:inherit!important;text-decoration:none!important;transition:transform .12s,box-shadow .12s;}
.mst-event:hover{transform:translateY(-2px);}
.mst-event-h{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,var(--tone),#fff);}
.mst-event-h .mst-tile{background:#fff;color:var(--tone-ink);}
.mst-event-h .mst-grow{min-width:0;flex:1;}
.mst-event-h b{display:block;font-size:15.5px;line-height:1.3;}
.mst-event-h small{display:block;color:var(--mst-muted);font-size:12.5px;margin-top:2px;}
.mst-event-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.mst-event-b .mst-small{display:inline-flex;align-items:center;gap:6px;}
.mst-event-b .mst-small svg.mst-i{width:14px;height:14px;}
.mst-event-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;padding-top:10px;border-top:1px solid var(--mst-line-2);}
.mst-event-nums div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.mst-event-nums b{font-size:15px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mst-event-nums small{font-size:11.5px;color:var(--mst-muted);}
.mst-event-hero{padding:18px;background:linear-gradient(135deg,var(--tone),#fff 70%);}
.mst-event-hero-top{display:flex;align-items:flex-start;gap:14px;}
.mst-event-hero-top .mst-tile{background:#fff;color:var(--tone-ink);}
.mst-event-hero h2{font-size:21px;line-height:1.25;}
.mst-event-hero p{color:var(--mst-ink-2);font-size:13.5px;margin-top:3px;}
.mst-event-hero .mst-icon-btn{background:#fff;}
.mst-event-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0 22px;}
.mst-seg{display:flex;gap:8px;flex-wrap:wrap;}
.mst-seg .mst-chip.is-on{background:var(--tone);border-color:var(--tone-ink);color:var(--tone-ink);}
.mst-evtag{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mst-muted);font-weight:600;}
.mst-evtag svg.mst-i{width:13px;height:13px;}
@media (max-width:750px){
  .mst-event-grid{grid-template-columns:1fr;}
  .mst-event-actions .mst-btn{flex:1 1 100%;}
  .mst-event-actions .mst-ghost{flex:1;}
  .mst-event-hero h2{font-size:18px;}
}
@media (prefers-reduced-motion:reduce){
  .mst-root *,.mst-layer *{animation:none!important;transition:none!important;}
}

/* ================= Signing tracker ================= */
.mst-grow{flex:1;min-width:0;}
.mst-hint{color:var(--mst-muted);font-size:11.5px;}
.mst-back{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;margin-bottom:14px;min-height:36px;}
.mst-row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.mst-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
.mst-grid-2col>.mst-card{margin:0;}
.mst-stats-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.mst-stat{all:unset;box-sizing:border-box;}
.mst-card.mst-stat{background:var(--mst-surface);border:1px solid var(--mst-line);border-radius:var(--mst-r-lg);box-shadow:var(--mst-shadow);padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;}
.mst-card.mst-stat.is-static{cursor:default;}
.mst-card.mst-stat:focus-visible{outline:3px solid #9db8e8;outline-offset:2px;}

/* swatches, codes */
.mst-swatch{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mst-ink-2);white-space:nowrap;}
.mst-swatch i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block;flex:none;}
.mst-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;background:var(--mst-slate);color:var(--mst-ink);padding:2px 7px;border-radius:6px;}
.mst-badge.is-lg{height:32px;font-size:13.5px;padding:0 13px 0 10px;}

/* toolbar & chips */
.mst-toolbar-wide .mst-search{flex:1 1 280px;}
.mst-toolbar-wide .mst-select{width:auto;min-width:150px;flex:0 1 190px;}
.mst-chip-sep{flex:none;width:1px;background:var(--mst-line);margin:4px 4px;}
.mst-chip em{font-style:normal;}
.mst-scope{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;}
.mst-seg{display:flex;flex-wrap:wrap;gap:8px;}
.mst-seg .mst-chip{cursor:pointer;}

/* items table + cards + selection */
.mst-cbx{width:44px;padding-left:12px!important;padding-right:0!important;}
.mst-check-only{display:inline-grid;place-items:center;width:34px;height:34px;cursor:pointer;margin:-6px 0;}
.mst-check-only input{width:19px!important;height:19px!important;margin:0!important;accent-color:var(--mst-brand);cursor:pointer;}
.mst-items-table tr.is-sel td{background:#f2f6ff;}
.mst-serialcell{display:flex;align-items:center;gap:10px;}
.mst-serialcell img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;}
.mst-serialcell .mst-tile{width:40px;height:40px;}
.mst-icard{display:flex;gap:10px;padding:12px 14px;cursor:pointer;align-items:flex-start;}
.mst-icard.is-sel{border-color:#9db8e8;background:#f5f8ff;}
.mst-icard .mst-check-only{margin:0 -4px 0 -6px;}
.mst-icard-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.mst-icard-b small{font-size:12.5px;color:var(--mst-ink-2);display:flex;flex-wrap:wrap;gap:4px;align-items:center;}
.mst-icard-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;}
.mst-selbar{position:sticky;bottom:16px;z-index:20;margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:var(--mst-ink);color:#fff;border-radius:16px;box-shadow:0 18px 40px -16px rgba(27,34,64,.6);}
.mst-selbar[hidden]{display:none!important;}
.mst-selbar>b{padding:0 6px;font-size:13.5px;}
.mst-selbar .mst-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:transparent;}
.mst-selbar .mst-icon-btn{background:rgba(255,255,255,.12);color:#fff;}
.mst-selbar .mst-btn.t-peach{background:#e0773a;box-shadow:none;}
.mst-selbar .mst-btn.t-lav{background:#6d5bd9;box-shadow:none;}
.mst-selbar .mst-icon-btn.is-danger{color:#ffb3c2;}

/* QR card in drawer */
.mst-qrcard{display:flex;gap:18px;padding:16px;align-items:flex-start;}
.mst-qrbox{width:168px;flex:none;background:#fff;border:1px solid var(--mst-line);border-radius:14px;padding:6px;}
.mst-qrbox svg{display:block;width:100%;height:auto;}
.mst-qrinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;}
.mst-qrserial{font-size:22px;font-weight:800;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--mst-ink);}
.mst-kv-tight{grid-template-columns:100px 1fr;gap:6px 12px;font-size:13.5px;}

/* receive rows */
.mst-modal.is-wide{width:min(980px,100%);}
.mst-rcv-list{display:flex;flex-direction:column;gap:10px;}
.mst-rcv-row{display:flex;gap:8px;align-items:flex-start;padding:12px;border:1px solid var(--mst-line);border-radius:14px;background:#fbfcff;}
.mst-rcv-grid{flex:1;min-width:0;display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr .8fr .8fr;gap:10px;}
.mst-rcv-remark{grid-column:1/6;}
.mst-rcv-qty{grid-column:6/7;}
.mst-rcv-tools{display:flex;flex-direction:column;gap:6px;padding-top:22px;}
.mst-rcv-foot{display:flex;align-items:center;gap:10px;}

/* pickers */
.mst-pick{display:flex;flex-direction:column;gap:6px;max-height:48vh;overflow-y:auto;}
.mst-pickrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--mst-line);border-radius:12px;cursor:pointer;min-height:48px;}
.mst-pickrow:hover{background:#fafbff;}
.mst-pickrow input{width:19px!important;height:19px!important;margin:0!important;accent-color:var(--mst-brand);flex:none;}
.mst-pickrow small{display:block;color:var(--mst-muted);font-size:12px;}
.mst-pickrow .mst-tile{width:34px;height:34px;border-radius:10px;}
.mst-more{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.mst-more a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--mst-line);border-radius:14px;color:var(--mst-ink)!important;font-weight:600;min-height:56px;}
.mst-more .mst-tile{width:34px;height:34px;border-radius:10px;}
.mst-video{width:100%;border-radius:14px;background:#000;max-height:50vh;object-fit:cover;}

/* shipping */
.mst-ship-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;}
.mst-ship-card{display:flex;flex-direction:column;gap:10px;padding:16px;color:var(--mst-ink)!important;transition:transform .12s;}
.mst-ship-card:hover{transform:translateY(-1px);}
.mst-ship-top{display:flex;align-items:center;gap:12px;}
.mst-ship-top small{display:block;color:var(--mst-muted);font-size:12.5px;}
.mst-ship-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--mst-ink-2);}
.mst-ship-meta span{display:inline-flex;align-items:center;gap:5px;}
.mst-ship-meta svg.mst-i{width:15px;height:15px;}
.mst-ship-hero{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;padding:18px;background:linear-gradient(135deg,var(--tone),#fff 70%);}
.mst-ship-hero h2{font-size:21px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mst-ship-hero p{margin-top:4px;font-size:13.5px;}
.mst-ship-hero .mst-tile{background:#fff;}
.mst-scanadd{padding-bottom:0!important;}
.mst-shipitem{align-items:center;padding:10px 0;}
.mst-shipitem a{color:var(--mst-ink)!important;}
.mst-shipitem small{color:var(--mst-muted);font-size:12px;}

/* partners */
.mst-partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.mst-partner{padding:16px;display:flex;flex-direction:column;gap:12px;}
.mst-partner.is-off{opacity:.7;}
.mst-partner-h{display:flex;align-items:center;gap:12px;}
.mst-partner-h small{display:block;color:var(--mst-muted);font-size:12.5px;}
.mst-avatar-i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--mst-mint);color:var(--mst-mint-ink);font-weight:800;flex:none;}
.mst-partner-total{font-size:13px;color:var(--mst-muted);}
.mst-partner-total b{font-size:22px;color:var(--mst-ink);margin-right:4px;}
.mst-pstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.mst-pstat{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;border-radius:12px;background:var(--tone);color:var(--tone-ink);cursor:pointer;text-align:center;}
.mst-pstat b{font-size:18px;font-variant-numeric:tabular-nums;}
.mst-pstat span{font-size:10.5px;font-weight:600;line-height:1.15;}
.mst-pstat[disabled]{opacity:.45;cursor:default;}
.mst-badges{display:flex;flex-wrap:wrap;gap:6px;}
.mst-badges .mst-badge{height:24px;font-size:11.5px;}

/* overview */
.mst-flow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
.mst-flow::-webkit-scrollbar{display:none;}
.mst-flow-step{all:unset;box-sizing:border-box;flex:1 0 96px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;background:var(--tone);color:var(--tone-ink);cursor:pointer;text-align:center;position:relative;}
.mst-flow-step .mst-tile{width:34px;height:34px;border-radius:10px;background:#fff;}
.mst-flow-step b{font-size:20px;font-variant-numeric:tabular-nums;}
.mst-flow-step small{font-size:11px;font-weight:600;line-height:1.2;}
.mst-ptable td.num,.mst-ptable th.num{text-align:center;}
.mst-ptable tbody tr{cursor:pointer;}
.mst-count{all:unset;box-sizing:border-box;min-width:36px;height:30px;padding:0 10px;border-radius:99px;background:var(--tone);color:var(--tone-ink);font-weight:700;cursor:pointer;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums;}
.mst-card-b .mst-table-wrap{border:1px solid var(--mst-line);border-radius:14px;overflow-x:auto;}
.mst-card-b .mst-table th:first-child,.mst-card-b .mst-table th:last-child{border-radius:0;}

/* settings: colours + profiles */
.mst-colour-row{display:grid;grid-template-columns:44px 1fr 36px;gap:8px;align-items:center;}
.mst-colour-row input[type=color]{width:44px;height:44px;padding:0;border:1px solid var(--mst-line);border-radius:10px;background:#fff;cursor:pointer;}
.mst-profile{border:1px solid var(--mst-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;background:#fbfcff;}
.mst-profile-h{display:flex;align-items:center;gap:8px;}
.mst-radio{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--mst-ink-2);white-space:nowrap;cursor:pointer;min-height:44px;}
.mst-radio input{accent-color:var(--mst-brand);width:17px;height:17px;margin:0;}
.mst-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.mst-profile-grid>[hidden]{display:none!important;}
.mst-profile-grid .mst-grid2{grid-column:1/-1;}
.mst-fieldpicks{display:flex;flex-wrap:wrap;gap:6px;}
.mst-fieldpicks .mst-chip{height:32px;font-size:12.5px;cursor:pointer;opacity:.55;}
.mst-fieldpicks .mst-chip.is-on{opacity:1;}
.mst-colpicks .mst-chip{touch-action:none;user-select:none;-webkit-user-select:none;padding-left:6px;}
.mst-colpicks .mst-chip.is-drag{opacity:.35;outline:2px dashed currentColor;}
.mst-grip{display:inline-block;margin-right:4px;letter-spacing:-3px;font-size:13px;line-height:1;opacity:.5;cursor:grab;}
.mst-colpicks .mst-chip.is-drag .mst-grip{cursor:grabbing;}

/* ============ label printer ============ */
.mst-printer{position:fixed;inset:0;z-index:100000;background:#e9ecf4;display:flex;flex-direction:column;}
.mst-printer-bar{background:#fff;border-bottom:1px solid var(--mst-line);padding:12px 18px calc(10px);display:flex;flex-direction:column;gap:10px;padding-top:calc(12px + var(--mst-safe-t));}
.mst-printer-row{display:flex;align-items:center;gap:12px;}
.mst-printer-opts{flex-wrap:wrap;align-items:flex-end;}
.mst-printer-opts .mst-field{flex:1 1 220px;}
.mst-printer-opts .mst-narrow{flex:0 0 110px;}
.mst-printer-note{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--mst-ink-2);background:var(--mst-butter);border-radius:10px;padding:8px 10px;}
.mst-printer-note svg.mst-i{color:var(--mst-butter-ink);width:16px;height:16px;margin-top:1px;}
.mst-printer-stage{flex:1;overflow:auto;padding:16px;}
.mst-printer-count{text-align:center;margin-bottom:10px;}
.mst-print-pages{--mst-scale:1;display:flex;flex-direction:column;align-items:center;gap:calc(16px / var(--mst-scale));transform:scale(var(--mst-scale));transform-origin:top center;}
.mst-page{background:#fff;box-shadow:0 6px 24px -10px rgba(27,34,64,.35);overflow:hidden;box-sizing:border-box;flex:none;}
.mst-sheet{display:grid;}
.mst-lbl{box-sizing:border-box;display:flex;align-items:center;overflow:hidden;color:#000;font-family:Arial,Helvetica,sans-serif;line-height:1.18;background:#fff;}
.mst-sheet .mst-lbl{outline:1px dashed #d5dae8;outline-offset:-1px;}
.mst-lbl.is-skip{background:repeating-linear-gradient(45deg,#f4f5f9,#f4f5f9 6px,#fff 6px,#fff 12px);}
.mst-lbl-qr{flex:none;}
.mst-lbl-qr svg{display:block;width:100%;height:100%;}
.mst-lbl-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15em;overflow:hidden;max-height:100%;}
.mst-lbl-serial{font-weight:800;font-size:1.35em;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-lbl-f{display:flex;gap:.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-lbl-f span{color:#555;flex:none;}
.mst-lbl-f span::after{content:":";}
.mst-lbl-f b{font-weight:700;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:.25em;min-width:0;}
.mst-lbl-dot{display:inline-block;width:.85em;height:.85em;border-radius:50%;border:.5px solid #000;flex:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;}

@media print{
  html.mst-printing,html.mst-printing body{background:#fff!important;margin:0!important;padding:0!important;height:auto!important;overflow:visible!important;}
  html.mst-printing body>*:not(.mst-printer){display:none!important;}
  html.mst-printing .mst-printer{position:static!important;background:#fff!important;display:block!important;}
  html.mst-printing .mst-printer-bar,html.mst-printing .mst-printer-count{display:none!important;}
  html.mst-printing .mst-printer-stage{padding:0!important;overflow:visible!important;}
  html.mst-printing .mst-print-pages{transform:none!important;display:block!important;gap:0!important;}
  html.mst-printing .mst-page{box-shadow:none!important;margin:0!important;page-break-after:always;break-after:page;}
  html.mst-printing .mst-page:last-child{page-break-after:auto;break-after:auto;}
  html.mst-printing .mst-sheet .mst-lbl{outline:none!important;}
  html.mst-printing .mst-lbl.is-skip{background:none!important;}
  html.mst-printing *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* ============ public scan page ============ */
.mst-scan{max-width:560px;margin:0 auto;padding:calc(22px + var(--mst-safe-t)) 16px calc(40px + var(--mst-safe-b));display:flex;flex-direction:column;gap:14px;}
.mst-scan-brand{font-weight:800;color:var(--mst-brand);letter-spacing:.02em;}
.mst-scan-card{padding:18px;display:flex;flex-direction:column;gap:16px;}
.mst-scan-photo{width:100%;max-height:320px;object-fit:cover;border-radius:14px;}
.mst-scan-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;}
.mst-scan-gate{padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:10vh;}
.mst-scan-gate h1{font-size:20px;}
.mst-scan-gate p{color:var(--mst-muted);}

@media (max-width:1180px){
  .mst-stats-5{grid-template-columns:repeat(3,minmax(0,1fr));}
  .mst-rcv-grid{grid-template-columns:repeat(3,1fr);}
  .mst-rcv-remark{grid-column:1/3;}
  .mst-rcv-qty{grid-column:3/4;}
}
@media (max-width:960px){
  .mst-grid-2col{grid-template-columns:1fr;}
  .mst-selbar{bottom:calc(76px + var(--mst-safe-b));}
  .mst-selbar .mst-btn span,.mst-selbar .mst-ghost span{display:none;}
  .mst-toolbar-wide .mst-select{min-width:0;width:100%;}
}
@media (max-width:750px){
  .mst-stats-5{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mst-qrcard{flex-direction:column;align-items:stretch;}
  .mst-qrbox{width:190px;align-self:center;}
  .mst-kv-tight{grid-template-columns:1fr;}
  .mst-rcv-row{flex-direction:column;}
  .mst-rcv-grid{grid-template-columns:1fr 1fr;width:100%;}
  .mst-rcv-grid>.mst-field:first-child{grid-column:1/-1;}
  .mst-rcv-remark{grid-column:1/2;}
  .mst-rcv-qty{grid-column:2/3;}
  .mst-rcv-tools{flex-direction:row;padding-top:0;align-self:flex-end;}
  .mst-more{grid-template-columns:1fr;}
  .mst-profile-grid{grid-template-columns:1fr 1fr;}
  .mst-printer-bar{padding-left:12px;padding-right:12px;}
  .mst-printer-opts .mst-field{flex-basis:100%;}
  .mst-printer-opts .mst-narrow{flex:1 1 0;}
  .mst-printer-opts .mst-btn{flex:1 1 100%;}
  .mst-ship-grid,.mst-partner-grid{grid-template-columns:1fr;}
  .mst-ship-hero .mst-row-actions{width:100%;}
  .mst-ship-hero .mst-row-actions .mst-btn,.mst-ship-hero .mst-row-actions .mst-ghost{flex:1;}
}
@media (max-width:420px){.mst-top .mst-btn span{display:none;}.mst-top .mst-btn{width:44px;padding:0;}}

/* talent from website products */
.mst-prodrow{border:1px solid var(--mst-line);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:8px;}
.mst-prodrow.is-on{border-color:#9db8e8;background:#f5f8ff;}
.mst-prodrow-main{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px;}
.mst-prodrow-main input{width:19px!important;height:19px!important;margin:0!important;accent-color:var(--mst-brand);flex:none;}
.mst-prodrow-main img,.mst-prodrow-main .mst-tile{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;}
.mst-prodrow-main small{display:block;color:var(--mst-muted);font-size:12px;}
.mst-prodrow-name[hidden]{display:none!important;}
.mst-more a small{margin-top:2px;}

/* connected plugins shown as tabs */
.mst-embed{display:flex;flex-direction:column;gap:10px;}
.mst-embed-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.mst-embed-frame{position:relative;height:calc(100vh - 150px);min-height:520px;border:1px solid var(--mst-line);border-radius:var(--mst-r-lg);overflow:hidden;background:#fff;box-shadow:var(--mst-shadow);}
.mst-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.mst-embed-frame .mst-boot{position:absolute;inset:0;display:grid;place-items:center;}
@media (max-width:960px){.mst-embed-frame{height:calc(100vh - 190px - var(--mst-safe-b));border-radius:14px;}.mst-embed-bar .mst-ghost span{display:none;}}

/* receive rows: sheet-style fields */
.mst-rcv-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.mst-rcv-grid .mst-rcv-span2{grid-column:span 2;}
.mst-rcv-grid .mst-rcv-span3{grid-column:span 3;}
.mst-rcv-grid .mst-rcv-remark,.mst-rcv-grid .mst-rcv-qty{grid-column:auto;}
@media (max-width:750px){
  .mst-rcv-grid{grid-template-columns:1fr 1fr;}
  .mst-rcv-grid>.mst-field:first-child{grid-column:auto;}
  .mst-rcv-grid .mst-rcv-span2,.mst-rcv-grid .mst-rcv-span3{grid-column:1/-1;}
}

/* filters panel */
.mst-fpanel{padding:14px;margin-bottom:12px;}
.mst-fpanel[hidden]{display:none!important;}
.mst-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.mst-filter-grid:empty{display:none;}
.mst-fcount{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--mst-brand);color:#fff;font-size:11.5px;display:inline-grid;place-items:center;}
.mst-fcount[hidden]{display:none;}
.mst-pickrow.is-on{border-color:#9db8e8;background:#f5f8ff;}
.mst-pickrow img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;}

/* photo slots */
.mst-rcv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;}
.mst-pslots{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mst-pslots-l{font-size:12.5px;font-weight:600;color:var(--mst-ink-2);min-width:48px;}
.mst-pslots-g{display:flex;gap:8px;flex-wrap:wrap;}
.mst-pslot{all:unset;box-sizing:border-box;position:relative;width:72px;height:72px;border-radius:12px;border:2px dashed #c9d2e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--mst-muted);font-size:11px;background:#fff;overflow:hidden;}
.mst-pslot:hover{border-color:var(--mst-brand);color:var(--mst-brand);}
.mst-pslot.is-full{border:1px solid var(--mst-line);cursor:default;}
.mst-pslot.is-full img{width:100%;height:100%;object-fit:cover;}
.mst-pslot.is-more{width:40px;border-style:dotted;}
.mst-pslot.is-busy{pointer-events:none;}
.mst-pslot-x{all:unset;position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.95);color:var(--mst-rose-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.mst-pslot-x svg.mst-i{width:13px;height:13px;}
@media (max-width:960px){.mst-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:750px){.mst-pslot{width:64px;height:64px;}}

/* colour picker (presets) + arranging numbers */
.mst-cpick{position:relative;}
.mst-cpick-btn{all:unset;box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--mst-line);border-radius:12px;background:#fff;cursor:pointer;font-size:14px;color:var(--mst-ink);}
.mst-cpick-btn:focus-visible{outline:3px solid #9db8e8;outline-offset:1px;}
.mst-cpick-btn i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none;}
.mst-cpick-btn i.is-none{border-style:dashed;}
.mst-cpick-btn span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mst-cpick-btn svg.mst-i{width:16px;height:16px;color:var(--mst-muted);}
.mst-cpick-pop{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:max-content;max-width:280px;display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:#fff;border:1px solid var(--mst-line);border-radius:14px;box-shadow:0 14px 34px -14px rgba(27,34,64,.45);}
.mst-cpick-pop[hidden]{display:none!important;}
.mst-cdot{all:unset;box-sizing:border-box;width:32px;height:32px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.14);display:grid;place-items:center;transition:transform .1s;}
.mst-cdot:hover{transform:scale(1.1);}
.mst-cdot.is-on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mst-brand);}
.mst-cdot.is-none{background:#fff;border:1px dashed #b8c0d6;color:var(--mst-muted);}
.mst-cdot.is-none svg.mst-i{width:14px;height:14px;}
.mst-modal .mst-cpick-pop{position:static;margin-top:6px;max-width:none;box-shadow:none;}
.mst-arr{display:inline-grid;place-items:center;min-width:30px;height:26px;padding:0 8px;border-radius:8px;background:var(--mst-lav);color:var(--mst-lav-ink);font-weight:800;font-variant-numeric:tabular-nums;}
.mst-items-table td.num,.mst-items-table th.num{text-align:center;width:64px;}

/* colour name on its own colour */
.mst-cpill{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:2px 10px;border-radius:7px;font-size:12.5px;font-weight:700;line-height:1.2;white-space:nowrap;border:1px solid rgba(0,0,0,.14);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.mst-cpill.is-plain{background:#fff;color:var(--mst-ink-2);font-weight:600;}
.mst-cpill.is-multi b{background:#fff;padding:0 6px;border-radius:5px;}
.mst-cpill svg.mst-i{width:13px;height:13px;}
.mst-cpick-pop{max-width:340px;}
.mst-cdot{width:auto;height:auto;border-radius:9px;border:0;padding:2px;}
.mst-cdot .mst-cpill{min-height:30px;padding:4px 11px;}
.mst-cdot.is-on{box-shadow:0 0 0 2px var(--mst-brand);}
.mst-cdot.is-none{background:transparent;border:0;}
.mst-cdot:hover{transform:translateY(-1px);}

/* ===== label templates (thermal friendly: black only) ===== */
.mst-lbl{gap:1.2mm;}
.mst-lbl-qrw{flex:none;display:flex;flex-direction:column;align-items:center;gap:.3mm;}
.mst-lbl-sn{font-size:.78em;font-weight:700;white-space:nowrap;letter-spacing:.01em;}
.mst-lbl-t{gap:.1em;justify-content:center;}
.mst-lbl-f.is-head span{display:none;}
.mst-lbl-f.is-head b{font-size:1.28em;font-weight:800;}
.mst-lbl-f.is-big b{font-size:1.18em;font-weight:800;}
.mst-lbl-f.k-remark{white-space:normal;display:block;}
.mst-lbl-f.k-remark span{display:inline;}
.mst-lbl-f.k-remark b{display:inline;white-space:normal;word-break:break-word;}
.mst-lbl.t-banner{flex-direction:column;align-items:stretch;gap:0;}
.mst-lbl-bar{flex:none;display:flex;justify-content:space-between;align-items:center;gap:1mm;background:#000;color:#fff;padding:.25em .45em;border-radius:.6mm;font-size:1.12em;line-height:1.15;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.mst-lbl-bar b{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.mst-lbl-bar span{flex:none;font-weight:700;}
.mst-lbl-body{flex:1;min-height:0;display:flex;align-items:center;gap:1.2mm;padding-top:.8mm;}
.mst-lbl-body .mst-lbl-t{order:0;}
.mst-lbl.t-stacked{flex-direction:column;align-items:center;justify-content:flex-start;gap:1mm;}
.mst-lbl.t-stacked .mst-lbl-t{width:100%;flex:1;justify-content:flex-start;}
.mst-lbl.t-stacked .mst-lbl-f.is-head{justify-content:center;}

/* label: arrange number box + number sticker */
.mst-lbl-arr{display:flex;align-items:center;gap:.3em;border:.25mm solid #000;border-radius:.5mm;padding:0 .35em;min-width:9mm;height:1.6em;margin-top:.2mm;}
.mst-lbl-arr span{font-size:.72em;font-weight:700;white-space:nowrap;}
.mst-lbl-arr b{flex:1;text-align:center;font-size:1.25em;font-weight:800;line-height:1;}
.mst-lbl-arr.is-blank b{min-width:5mm;}
.mst-lbl.t-number{flex-direction:column;align-items:center;justify-content:center;gap:.2mm;}
.mst-lbl-num{font-size:3.1em;font-weight:900;line-height:1;letter-spacing:-.02em;}
.mst-lbl-num.is-blank{width:70%;height:55%;border:.3mm dashed #000;border-radius:1mm;}
.t-number .mst-lbl-sn{font-size:.85em;}

/* screen options, views, numbering history, duplicates */
.mst-toolbar-wide .mst-views{min-width:130px;flex:0 1 170px;}
.mst-items-table.is-compact td{padding-top:6px;padding-bottom:6px;}
.mst-items-table.is-compact .mst-serialcell img,.mst-items-table.is-compact .mst-serialcell .mst-tile{width:30px;height:30px;}
.mst-items-table.is-compact .mst-small{display:none;}
.mst-remarkcell{max-width:260px;white-space:normal;font-size:13px;line-height:1.35;}
.mst-warnbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;border-radius:12px;background:var(--mst-rose);color:var(--mst-rose-ink);font-size:13.5px;font-weight:600;}
.mst-warnbar svg.mst-i{width:18px;height:18px;}
.mst-warnbar span{flex:1;min-width:0;}
.mst-runs{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;}
.mst-run{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:8px 10px;border:1px solid var(--mst-line);border-radius:10px;font-size:13px;}
.mst-run b{grid-row:span 2;align-self:center;font-variant-numeric:tabular-nums;min-width:52px;}
.mst-run span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mst-run small{color:var(--mst-muted);font-size:11.5px;}
.mst-run.is-undone{opacity:.55;text-decoration:line-through;}
.mst-scan-arr{align-self:center;display:flex;flex-direction:column;align-items:center;padding:8px 26px;border-radius:16px;background:var(--mst-lav);color:var(--mst-lav-ink);}
.mst-scan-arr span{font-size:12px;font-weight:700;letter-spacing:.04em;}
.mst-scan-arr b{font-size:54px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;}

/* sort bar + sortable headers */
.mst-sortbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 12px;padding:8px 12px;background:var(--mst-surface);border:1px solid var(--mst-line);border-radius:14px;}
.mst-sortbar>svg.mst-i{width:18px;height:18px;color:var(--mst-muted);}
.mst-sortbar label{display:flex;align-items:center;gap:8px;margin:0;}
.mst-sortbar label span{font-size:12.5px;font-weight:600;color:var(--mst-ink-2);white-space:nowrap;}
.mst-sortbar .mst-select{width:auto;min-width:150px;height:38px;min-height:38px;}
.mst-dirbtn{all:unset;box-sizing:border-box;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--mst-line);background:#fff;font-size:12.5px;font-weight:700;color:var(--mst-ink);cursor:pointer;white-space:nowrap;}
.mst-dirbtn:hover{border-color:var(--mst-brand);color:var(--mst-brand);}
.mst-dirbtn[hidden]{display:none;}
.mst-thsort{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:inherit;color:inherit;white-space:nowrap;}
.mst-thsort i{font-style:normal;opacity:.35;font-size:11px;}
.mst-thsort.is-on{color:var(--mst-brand);}
.mst-thsort.is-on i{opacity:1;}
.mst-thsort:hover i{opacity:.8;}
@media (max-width:750px){
  .mst-sortbar{gap:6px;padding:8px;}
  .mst-sortbar label{flex:1 1 100%;}
  .mst-sortbar .mst-select{flex:1;min-width:0;}
  .mst-sortbar>svg.mst-i{display:none;}
}

/* receive: add next item */
.mst-rcv-saved{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--mst-mint);color:var(--mst-mint-ink);font-size:13.5px;}
.mst-rcv-saved[hidden]{display:none;}
.mst-rcv-saved svg.mst-i{width:18px;height:18px;flex:none;}
.mst-modal-f .mst-btn.t-mint{background:#1f9d6b;box-shadow:none;}
@media (max-width:750px){.mst-modal-f{flex-wrap:wrap;}.mst-modal-f .mst-btn{flex:1 1 auto;}}

/* photo stages */
.mst-pstages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.mst-pstages .mst-pslots{flex-direction:column;align-items:stretch;gap:6px;padding:10px;border:1px solid var(--mst-line);border-radius:12px;background:#fff;}
.mst-pstages .mst-pslots.is-busy{opacity:.7;pointer-events:none;}
.mst-pslots-h{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.mst-pslots-h .mst-pslots-l{min-width:0;font-size:12.5px;}
.mst-pcam{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:9px;border:1px solid var(--mst-line);background:#fff;font-size:12px;font-weight:600;color:var(--mst-ink-2);cursor:pointer;white-space:nowrap;}
.mst-pcam:hover{border-color:var(--mst-brand);color:var(--mst-brand);}
.mst-pcam svg.mst-i{width:15px;height:15px;}
.mst-pcam.is-busy{opacity:.6;pointer-events:none;}
.mst-pstages .mst-pslot{width:60px;height:60px;}
.mst-photowarn{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border-radius:10px;background:var(--mst-butter);color:var(--mst-butter-ink);font-size:12.5px;}
.mst-photowarn svg.mst-i{width:16px;height:16px;flex:none;}
.mst-photowarn b{font-weight:700;}
.mst-pstage{display:flex;flex-direction:column;gap:8px;}
.mst-pstage-h{display:flex;align-items:center;gap:8px;}
.mst-pstage-h b{flex:1;font-size:13.5px;}
.mst-pflag{display:inline-flex;align-items:center;gap:2px;margin-left:4px;padding:1px 6px;border-radius:6px;background:var(--mst-butter);color:var(--mst-butter-ink);font-size:11px;font-weight:700;vertical-align:middle;}
.mst-pflag svg.mst-i{width:12px;height:12px;}
.mst-rcv-photos{margin-top:2px;}
@media (max-width:960px){.mst-pstages{grid-template-columns:1fr;}}

/* ===== Receive items: easy entry (mobile first) ===== */
.mst-rcv-keep{font-size:13px;}
.mst-quick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:6px;}
.mst-quick::-webkit-scrollbar{display:none;}
.mst-quickchip{all:unset;box-sizing:border-box;flex:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px;border-radius:99px;background:var(--mst-slate);color:var(--mst-ink-2);font-size:12.5px;font-weight:600;cursor:pointer;}
.mst-quickchip:hover,.mst-quickchip:focus-visible{background:var(--mst-sky);color:var(--mst-sky-ink);}
.mst-stepper{display:flex;align-items:stretch;border:1px solid var(--mst-line);border-radius:12px;overflow:hidden;background:#fff;}
.mst-stepper button{all:unset;box-sizing:border-box;width:44px;display:grid;place-items:center;font-size:20px;font-weight:700;color:var(--mst-brand);cursor:pointer;}
.mst-stepper button:active{background:var(--mst-sky);}
.mst-stepper .mst-input{border:0!important;border-radius:0!important;text-align:center;min-width:0;flex:1;box-shadow:none!important;}
.mst-rcv-more,.mst-rcv-phdet{border-top:1px dashed var(--mst-line);padding-top:8px;}
.mst-rcv-more>summary,.mst-rcv-phdet>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:40px;font-size:13.5px;font-weight:700;color:var(--mst-ink-2);}
.mst-rcv-more>summary::-webkit-details-marker,.mst-rcv-phdet>summary::-webkit-details-marker{display:none;}
.mst-rcv-more>summary small,.mst-rcv-phdet>summary small{font-weight:500;color:var(--mst-muted);}
.mst-rcv-more>summary svg.mst-i{width:16px;height:16px;transition:transform .15s;}
.mst-rcv-more[open]>summary svg.mst-i{transform:rotate(180deg);}
.mst-rcv-phdet>summary svg.mst-i{width:17px;height:17px;}
.mst-rcv-more>.mst-rcv-grid{margin-top:6px;}

@media (max-width:750px){
  .mst-rcv-modal{height:100dvh;max-height:100dvh!important;border-radius:0!important;padding-bottom:0!important;}
  .mst-modal-wrap:has(.mst-rcv-modal){place-items:stretch;}
  .mst-rcv-modal .mst-modal-h{padding:calc(12px + var(--mst-safe-t)) 14px 6px;}
  .mst-rcv-modal .mst-modal-b{flex:1;padding:8px 12px 16px;}
  .mst-rcv-modal .mst-modal-f{position:sticky;bottom:0;background:var(--mst-surface);border-top:1px solid var(--mst-line);padding:10px 12px calc(10px + var(--mst-safe-b));display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .mst-rcv-modal .mst-modal-f [data-next]{grid-column:1/-1;order:-1;height:52px;font-size:16px;}
  .mst-rcv-modal .mst-modal-f .mst-ghost,.mst-rcv-modal .mst-modal-f .mst-btn{justify-content:center;}
  .mst-rcv-modal .mst-input,.mst-rcv-modal .mst-select,.mst-rcv-modal textarea{font-size:16px!important;min-height:48px;}
  .mst-rcv-modal .mst-cpick-btn{min-height:48px;font-size:16px;}
  .mst-rcv-modal .mst-cdot .mst-cpill{min-height:36px;font-size:14px;}
  .mst-rcv-head{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .mst-rcv-head .mst-rcv-batch{grid-column:1/-1;}
  .mst-rcv-head .mst-hint{display:none;}
  .mst-rcv-row{padding:12px;border-radius:16px;gap:6px;}
  .mst-rcv-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .mst-rcv-grid>.mst-field:first-child{grid-column:1/-1;}
  .mst-rcv-grid .mst-rcv-span2,.mst-rcv-grid .mst-rcv-span3{grid-column:1/-1;}
  .mst-rcv-grid .mst-rcv-qty{grid-column:1/-1;}
  .mst-stepper button{width:56px;}
  .mst-rcv-tools{flex-direction:row;padding-top:0;align-self:flex-end;}
  .mst-rcv-foot{flex-wrap:wrap;}
  .mst-rcv-foot .mst-ghost{flex:1 1 auto;justify-content:center;}
  .mst-rcv-foot b{flex:1 1 100%;text-align:center;font-size:12.5px;color:var(--mst-muted);}
  .mst-rcv-saved{position:sticky;top:-8px;z-index:5;}
}

/* Receive: 2-step wizard on mobile (1 Details → 2 Photos & save) */
.mst-wsteps,.mst-modal [data-wnext],.mst-modal [data-wback]{display:none!important;}
.mst-rcv-wiz .mst-wsteps{display:flex!important;align-items:center;gap:8px;}
.mst-wsteps span{flex:1;height:2px;background:var(--mst-line);}
.mst-wsteps button{all:unset;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--mst-muted);cursor:pointer;min-height:36px;}
.mst-wsteps i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--mst-slate);color:var(--mst-ink-2);font-size:12px;}
.mst-wsteps button.is-on{color:var(--mst-ink);}
.mst-wsteps button.is-on i{background:var(--mst-brand);color:#fff;}
.mst-wsteps button.is-done i{background:var(--mst-mint);color:var(--mst-mint-ink);}
.mst-rcv-wiz .mst-rcv-foot>[data-add],.mst-rcv-wiz .mst-rcv-tools,.mst-rcv-wiz .mst-rcv-foot>b{display:none!important;}
.mst-rcv-wiz.is-set .mst-rcv-head{display:none!important;}
/* step 1: details */
.mst-rcv-wiz[data-step="1"] .mst-rcv-phdet{display:none!important;}
.mst-rcv-wiz[data-step="1"] [data-wnext]{display:flex!important;grid-column:1/-1;order:-2;height:52px;font-size:16px;justify-content:center;}
.mst-rcv-wiz[data-step="1"] .mst-modal-f [data-next]{order:0;height:44px;font-size:13.5px;grid-column:auto;background:#fff;color:var(--mst-ink-2);border:1px solid var(--mst-line);}
.mst-rcv-wiz[data-step="1"] .mst-modal-f [data-next] svg.mst-i{display:none;}
.mst-rcv-wiz[data-step="1"] .mst-modal-f [data-x]{display:none;}
/* step 2: photos */
.mst-rcv-wiz[data-step="2"] .mst-rcv-head,.mst-rcv-wiz[data-step="2"] .mst-rcv-keep,.mst-rcv-wiz[data-step="2"] .mst-rcv-grid,.mst-rcv-wiz[data-step="2"] .mst-rcv-more,.mst-rcv-wiz[data-step="2"] .mst-rcv-foot{display:none!important;}
.mst-rcv-wiz[data-step="2"] .mst-rcv-phdet{border-top:0;padding-top:0;}
.mst-rcv-wiz[data-step="2"] .mst-rcv-phdet>summary{pointer-events:none;font-size:15px;}
.mst-rcv-wiz[data-step="2"] [data-wback]{display:flex!important;justify-content:center;}
.mst-rcv-wiz[data-step="2"] .mst-modal-f [data-x]{display:none;}
.mst-rcv-wiz[data-step="2"] .mst-pstages .mst-pslot{width:84px;height:84px;}
.mst-rcv-wiz[data-step="2"] .mst-pcam{height:40px;padding:0 14px;font-size:14px;}

/* ===== native Send-In ===== */
.mst-date{width:auto!important;min-width:0;flex:0 1 160px;}
.mst-si-more{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:-4px 0 12px;font-size:12.5px;color:var(--mst-muted);}
.mst-si-more svg.mst-i{width:14px;height:14px;}
.mst-si-more a{font-weight:600;}
.mst-si-head{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;padding:16px 18px;}
.mst-si-head h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:21px;}
.mst-si-status{min-width:220px;}
.mst-si-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;}
.mst-si-grid>.mst-stack{gap:0;}
.mst-si-side{position:sticky;top:90px;}
.mst-si-totals{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:var(--mst-slate);font-size:13.5px;}
.mst-si-totals div{display:flex;justify-content:space-between;gap:10px;}
.mst-si-totals span{color:var(--mst-ink-2);}
.mst-si-totals .is-total{margin-top:4px;padding-top:6px;border-top:1px solid var(--mst-line);font-size:16px;}
.mst-inline{display:flex;gap:6px;align-items:center;}
.mst-inline .mst-input{flex:1;min-width:0;}
.mst-si-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px;border:1px solid var(--mst-line);border-radius:14px;background:#fbfcff;}
.mst-si-item.is-removed,.mst-si-photo.is-removed{opacity:.45;}
.mst-si-item-ph{display:flex;flex-direction:column;gap:6px;}
.mst-si-item-ph img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;}
.mst-si-item-f{display:flex;flex-direction:column;gap:10px;min-width:0;}
.mst-si-remark{display:grid;grid-template-columns:1fr 80px;gap:8px;}
.mst-si-colours{display:flex;flex-wrap:wrap;gap:6px;}
.mst-si-colour{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1px solid var(--mst-line);background:#fff;font-size:12.5px;font-weight:600;cursor:pointer;}
.mst-si-colour i{width:14px;height:14px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.2);}
.mst-si-colour.is-on{border-color:var(--mst-brand);box-shadow:0 0 0 2px #c9d8f4;}
.mst-si-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.mst-si-photo{display:flex;flex-direction:column;gap:6px;}
.mst-si-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;}
.mst-si-savebar{position:sticky;bottom:12px;z-index:15;display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;background:var(--mst-surface);border:1px solid var(--mst-line);border-radius:16px;box-shadow:0 14px 34px -18px rgba(27,34,64,.45);}
.mst-si-savebar [data-dirty]{font-size:13px;color:var(--mst-muted);}
.mst-si-savebar [data-dirty].is-dirty{color:var(--mst-butter-ink);font-weight:700;}
.mst-si-ship .mst-field:last-child{grid-column:1/-1;}

/* ===== native Shipping Desk ===== */
.mst-dk-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;}
.mst-dk-tabs>button{all:unset;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;font-weight:700;font-size:13.5px;color:var(--mst-ink-2);cursor:pointer;}
.mst-dk-tabs>button svg.mst-i{width:16px;height:16px;}
.mst-dk-tabs>button.is-on{background:var(--mst-surface);color:var(--mst-brand);box-shadow:var(--mst-shadow);}
.mst-dk-act{white-space:nowrap;text-align:right;}
.mst-dk-act .mst-btn,.mst-dk-act .mst-ghost,.mst-dk-act .mst-icon-btn{margin-left:4px;}
.mst-btn.t-slate{background:#4b5566;box-shadow:none;}
.mst-select.is-sm{height:34px;min-height:34px;font-size:13px;padding-top:0;padding-bottom:0;}
.mst-dk-table tbody tr{cursor:pointer;}
.mst-dk-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.mst-dk-photos>p{grid-column:1/-1;}
.mst-dk-pk{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--mst-line);border-radius:12px;background:#fbfcff;}
.mst-dk-pk>b{font-size:13px;}
.mst-dk-thumbs{display:flex;flex-wrap:wrap;gap:6px;}
.mst-dk-thumb{display:flex;flex-direction:column;gap:2px;width:72px;font-size:11px;}
.mst-dk-thumb img{width:72px;height:72px;object-fit:cover;border-radius:8px;}
.mst-dk-picked{display:flex;flex-wrap:wrap;gap:6px;}
.mst-dk-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 9px;border-radius:99px;background:var(--mst-sky);color:var(--mst-sky-ink);font-size:12px;}
.mst-dk-chip button{all:unset;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-weight:700;}
.mst-dk-hist{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;}
.mst-dk-hcard{padding:14px;display:flex;flex-direction:column;gap:8px;}
.mst-dk-hh{display:flex;flex-direction:column;gap:2px;}
.mst-dk-hc{font-size:13px;line-height:1.5;color:var(--mst-ink-2);overflow-wrap:anywhere;}
.mst-dk-hc img{max-width:100%;height:auto;border-radius:8px;}
@media (max-width:1100px){.mst-si-grid{grid-template-columns:1fr;}.mst-si-side{position:static;}}
@media (max-width:750px){
  .mst-si-item{grid-template-columns:1fr;}
  .mst-si-item-ph img{max-width:220px;}
  .mst-si-savebar{bottom:calc(72px + var(--mst-safe-b));}
  .mst-si-savebar .mst-ghost span{display:none;}
  .mst-dk-photos{grid-template-columns:1fr;}
  .mst-dk-act{white-space:normal;text-align:left;}
  .mst-dk-tabs>button{padding:0 10px;}
  .mst-dk-tabs .mst-btn span,.mst-dk-tabs .mst-ghost span{display:none;}
}

/* scan page: status updates + camera */
.mst-scan-up{padding:16px;display:flex;flex-direction:column;gap:12px;}
.mst-scan-up .mst-card-h{padding:0;}
.mst-scan-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.mst-scan-st{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:56px;padding:10px 12px;border-radius:14px;background:var(--tone);color:var(--tone-ink);font-weight:700;font-size:14.5px;cursor:pointer;border:2px solid transparent;}
.mst-scan-st svg.mst-i{width:20px;height:20px;flex:none;}
.mst-scan-st.is-on{border-color:currentColor;cursor:default;}
.mst-scan-st.is-on::after{content:"✓ now";margin-left:auto;font-size:11px;opacity:.8;}
.mst-scan-st:disabled:not(.is-on){opacity:.5;}
.mst-scan-st.is-busy{opacity:.6;}
.mst-scan-next{justify-content:center;height:52px;font-size:15px;}
.mst-scan-toast{position:fixed;left:50%;bottom:calc(24px + var(--mst-safe-b));transform:translateX(-50%);z-index:9999;background:#1d2230;color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;font-family:var(--mst-font);}
.mst-scan-cam{position:fixed;inset:0;z-index:99999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;}
.mst-scan-cam video{width:100%;max-width:520px;border-radius:16px;}
.mst-scan-cam .mst-ghost{background:#fff;}
/* settings: steps editor */
.mst-steps-ed{display:flex;flex-direction:column;gap:8px;}
.mst-step-ed{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:start;}
.mst-step-ed.is-off .mst-input{opacity:.5;}
.mst-step-ed>.mst-check{min-height:44px;}
.mst-step-roles>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--mst-line);border-radius:10px;font-size:12.5px;font-weight:600;white-space:nowrap;list-style:none;}
.mst-step-roles>summary::-webkit-details-marker{display:none;}
.mst-step-roles>div{display:flex;flex-direction:column;gap:2px;padding:8px 4px;}
.mst-step-roles .mst-check{font-size:12.5px;min-height:32px;}

/* ===== scan page v2 ===== */
.mst-view-scan{background:linear-gradient(180deg,#e9effb 0,var(--mst-canvas) 260px) no-repeat,var(--mst-canvas);}
.mst-scan{gap:12px;padding-top:calc(14px + var(--mst-safe-t));}
.mst-sh{display:flex;align-items:baseline;justify-content:space-between;padding:4px 4px 2px;}
.mst-sh-brand{font-weight:900;font-size:18px;letter-spacing:.04em;color:var(--mst-brand);}
.mst-sh-sub{font-size:12px;font-weight:700;color:var(--mst-muted);text-transform:uppercase;letter-spacing:.08em;}
.mst-scan .mst-card{border-radius:22px;}
.mst-sh-hero{padding:18px;display:flex;flex-direction:column;gap:12px;}
.mst-sh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.mst-sh-top small,.mst-sh-celeb small,.mst-sh-arr small{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mst-muted);}
.mst-sh-top .mst-qrserial{font-size:30px;line-height:1.1;}
.mst-sh-arr{text-align:center;padding:6px 14px;border-radius:14px;background:var(--mst-lav);color:var(--mst-lav-ink);}
.mst-sh-arr small{color:inherit;opacity:.8;}
.mst-sh-arr b{font-size:30px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;}
.mst-sh-status{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--tone);color:var(--tone-ink);font-weight:800;font-size:17px;}
.mst-sh-status svg.mst-i{width:22px;height:22px;}
.mst-sh-prog{display:flex;gap:4px;}
.mst-sh-prog i{flex:1;height:6px;border-radius:3px;background:var(--mst-line);}
.mst-sh-prog i.is-done{background:#9db8e8;}
.mst-sh-prog i.is-now{background:var(--mst-brand);}
.mst-sh-progl{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--mst-muted);font-weight:600;margin-top:-4px;}
.mst-scan .mst-scan-photo{border-radius:16px;max-height:280px;}
.mst-sh-brief{padding:18px;display:flex;flex-direction:column;gap:14px;border:2px solid #d8e3f7;}
.mst-sh-celeb{display:flex;align-items:center;gap:12px;}
.mst-sh-celeb>svg.mst-i{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--mst-butter);color:var(--mst-butter-ink);flex:none;}
.mst-sh-celeb b{font-size:20px;line-height:1.2;color:var(--mst-ink);}
.mst-sh-dl{display:flex;flex-direction:column;gap:0;margin:0;}
.mst-sh-dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--mst-line-2);}
.mst-sh-dl dt{font-size:12.5px;font-weight:700;color:var(--mst-muted);}
.mst-sh-dl dd{margin:0;font-size:15.5px;color:var(--mst-ink);display:flex;flex-wrap:wrap;gap:6px;align-items:center;overflow-wrap:anywhere;}
.mst-sb-to{font-size:22px;font-weight:900;letter-spacing:.02em;}
.mst-sb-remark{font-size:16px;font-weight:600;}
.mst-sh-dl .mst-cpill{font-size:14px;min-height:28px;padding:3px 12px;}
.mst-sh-info,.mst-sh-hist{padding:16px 18px;}
.mst-sh-info h3,.mst-sh-hist h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--mst-muted);margin-bottom:10px;}
.mst-sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;}
.mst-sh-grid dt{font-size:12px;font-weight:700;color:var(--mst-muted);}
.mst-sh-grid dd{margin:2px 0 0;font-size:14.5px;color:var(--mst-ink);overflow-wrap:anywhere;}
.mst-sh-hist .mst-timeline{padding:0;}
.mst-sh-open{justify-content:center;height:50px;}
.mst-scan-up{border:2px solid var(--mst-mint);}

/* photo stages: 4 groups + scan galleries */
.mst-pstages{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
.mst-sh-gal{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--mst-line-2);}
.mst-sh-gal+.mst-sh-gal{margin-top:12px;}
.mst-sh-gal>b{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mst-muted);}
.mst-sh-gal-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;}
.mst-sh-gal-g img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block;}
.mst-sh-brief .mst-sh-gal-g{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}

/* ===== signer labels (big Autograph colour + To) ===== */
.mst-lbl-sg{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.25mm;}
.mst-lbl-k{font-size:5.5pt;font-weight:700;letter-spacing:.06em;line-height:1;color:#222;}
.mst-lbl-big{display:block;font-weight:900;line-height:1.02;white-space:nowrap;overflow:hidden;max-width:100%;}
.mst-lbl-ord{font-size:7pt;font-weight:700;white-space:nowrap;margin-top:.4mm;}
.t-signer .mst-lbl-k+.mst-lbl-big{margin-bottom:.6mm;}
.mst-lbl.t-tobar{flex-direction:column;align-items:stretch;gap:1.2mm;}
.mst-lbl-tobar{flex:none;display:flex;align-items:baseline;gap:1.5mm;background:#000;color:#fff;border-radius:.6mm;padding:.5mm 1.5mm;min-width:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.mst-lbl-tobar>span{font-size:7pt;font-weight:700;flex:none;}
.mst-lbl-tobar .mst-lbl-big{flex:1;min-width:0;}
.mst-lbl-tbody{flex:1;min-height:0;display:flex;align-items:center;gap:1.2mm;}
.mst-lbl-qr svg{display:block;width:100%;height:100%;}
/* settings label preview */
.mst-lbl-prev{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:#eef1f7;overflow-x:auto;}
.mst-lbl-prev>small{font-size:11.5px;color:var(--mst-muted);font-weight:600;}
.mst-lbl-prev .mst-lbl{box-shadow:0 4px 16px -8px rgba(27,34,64,.4);outline:none;}
.mst-lbl-prev-in{transform-origin:top left;}

/* settings tabs */
.mst-settings.is-tabbed{display:block;}
.mst-set-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:16px;padding-bottom:2px;}
.mst-set-tabs::-webkit-scrollbar{display:none;}
.mst-set-tabs button{all:unset;flex:none;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:12px;font-weight:700;font-size:13.5px;color:var(--mst-ink-2);cursor:pointer;white-space:nowrap;}
.mst-set-tabs button svg.mst-i{width:16px;height:16px;}
.mst-set-tabs button.is-on{background:var(--mst-surface);color:var(--mst-brand);box-shadow:var(--mst-shadow);}
.mst-set-cards{max-width:920px;}
.mst-set-cards>.mst-card[hidden]{display:none!important;}

/* partner portal (staff side) */
.mst-pt-access{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;padding:8px 10px;border-radius:10px;background:var(--mst-slate);}
.mst-pt-access svg.mst-i{width:15px;height:15px;}
.mst-pt-access span{flex:1;min-width:0;}
.mst-sub{padding:14px;display:flex;flex-direction:column;gap:10px;}
.mst-sub-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;}
.mst-sub-h span:nth-child(2){flex:1;color:var(--mst-ink-2);}
.mst-sub-t td,.mst-sub-t th{font-size:12.5px;padding:8px 10px;}

/* ===== partner portal (partner side) ===== */
.mst-view-partner{background:linear-gradient(180deg,#e9effb 0,var(--mst-canvas) 260px) no-repeat,var(--mst-canvas);}
.mst-pt{max-width:1080px;margin:0 auto;padding:calc(16px + var(--mst-safe-t)) 16px calc(40px + var(--mst-safe-b));display:flex;flex-direction:column;gap:14px;}
.mst-pt-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.mst-pt-top>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.mst-pt-who{font-weight:800;font-size:16px;color:var(--mst-ink);}
.mst-pt-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;}
.mst-pt-tabs::-webkit-scrollbar{display:none;}
.mst-pt-tabs button{all:unset;flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:14px;font-weight:700;font-size:14px;color:var(--mst-ink-2);cursor:pointer;}
.mst-pt-tabs button svg.mst-i{width:17px;height:17px;}
.mst-pt-tabs button.is-on{background:var(--mst-surface);color:var(--mst-brand);box-shadow:var(--mst-shadow);}
.mst-pt-hello{padding:18px;}
.mst-pt-hello h1{font-size:22px;}
.mst-pt-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.mst-pt-step{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:var(--tone);color:var(--tone-ink);cursor:pointer;}
.mst-pt-step .mst-tile{background:#fff;width:34px;height:34px;border-radius:10px;}
.mst-pt-step b{font-size:26px;line-height:1;font-variant-numeric:tabular-nums;}
.mst-pt-step small{font-size:12.5px;font-weight:700;}
.mst-pt-sec{padding:0;}
.mst-pt-list{display:flex;flex-direction:column;gap:8px;}
.mst-pt-item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--mst-surface);border:1px solid var(--mst-line);cursor:pointer;}
.mst-pt-item:hover{border-color:#9db8e8;}
.mst-pt-item img,.mst-pt-item>.mst-tile{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:none;}
.mst-pt-item b{display:block;font-size:14.5px;}
.mst-pt-item small{display:block;font-size:12.5px;color:var(--mst-ink-2);}
.mst-pt-item small.mst-muted{color:var(--mst-muted);}
.mst-pt-ship{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;}
.mst-pt-shipcard{padding:14px;display:flex;flex-direction:column;gap:6px;}
.mst-pt-shiph{display:flex;align-items:center;justify-content:space-between;gap:8px;}

/* ===== statements (staff) ===== */
.mst-bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.mst-bl-card{padding:16px;display:flex;flex-direction:column;gap:10px;}
.mst-bl-h{display:flex;gap:10px;align-items:flex-start;}
.mst-bl-due{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--mst-mint);color:var(--mst-mint-ink);}
.mst-bl-due small{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.mst-bl-due b{font-size:22px;font-variant-numeric:tabular-nums;}
.mst-bl-due span{font-size:12.5px;}
.mst-bl-t td,.mst-bl-t th{padding:6px 8px;font-size:13px;vertical-align:middle;}
.mst-bl-t td:first-child{min-width:200px;}
.mst-bl-t td:first-child .mst-input{margin-top:4px;}
.mst-input.is-sm{height:36px;min-height:36px;font-size:13px;padding:0 10px;}
.mst-input.num{text-align:right;max-width:110px;}
.mst-bl-t td.num{white-space:nowrap;font-variant-numeric:tabular-nums;}
.mst-bl-tot{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--mst-slate);}
.mst-bl-tot>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:baseline;font-size:14px;}
.mst-bl-tot>div small{color:var(--mst-muted);min-width:110px;text-align:right;}
.mst-bl-tot>div b{font-variant-numeric:tabular-nums;}
.mst-bl-tot .is-due{margin-top:4px;padding-top:8px;border-top:1px solid var(--mst-line);font-size:17px;}
.mst-bl-tot .is-due b{color:var(--mst-brand);font-size:20px;}
.mst-bl-tot.is-partner>div{grid-template-columns:1fr auto;}
.mst-bl-tot.is-partner>small{text-align:right;}

/* ===== statements (partner portal) ===== */
.mst-pt-hello{display:flex;align-items:flex-start;gap:12px;}
.mst-pt-duebar{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--mst-brand);color:#fff;cursor:pointer;box-shadow:0 12px 28px -14px rgba(0,74,173,.7);}
.mst-pt-duebar>svg.mst-i{width:24px;height:24px;flex:none;}
.mst-pt-duebar span{flex:1;display:flex;flex-direction:column;}
.mst-pt-duebar b{font-size:16px;}
.mst-pt-duebar small{opacity:.85;font-size:12.5px;}
.mst-pt-bill{padding:18px;display:flex;flex-direction:column;gap:14px;}
.mst-pt-bill-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.mst-pt-bill-h small{font-size:12px;font-weight:700;color:var(--mst-muted);letter-spacing:.04em;}
.mst-pt-bill-h h2{font-size:20px;margin-top:2px;}
.mst-pt-cur .mst-chip{cursor:pointer;}
.mst-pt-bt td,.mst-pt-bt th{padding:10px 12px;}
.mst-pt-bt td.num,.mst-pt-bt th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.mst-pt-paybox{display:flex;flex-direction:column;gap:8px;}
.mst-pt-paybtn{height:56px;justify-content:center;font-size:17px;border-radius:16px;}
.mst-pt-paybtn svg.mst-i{width:20px;height:20px;}
.mst-pt-tabs button em{margin-left:4px;}
@media (max-width:750px){.mst-bl-tot>div{grid-template-columns:1fr auto;}.mst-bl-tot>div small{grid-column:1/-1;text-align:right;min-width:0;margin-top:-4px;}}

/* Theme markup that sneaks into plugin pages (WoodMart search overlay, currency sidebar…) stays hidden. */
body.mst-body>*:not([class*="mst-"]):not([id^="mst-"]):not(script):not(style):not(link):not(noscript):not(template){display:none!important;}

/* Partner Reservations table inside the portal */
.mst-pt-resv h3{font-size:17px;margin:4px 0 10px;}
.mst-pt-resv table{width:100%;border-collapse:collapse;font-size:14px;}
.mst-pt-resv th,.mst-pt-resv td{padding:10px 8px;border-bottom:1px solid var(--mst-line);text-align:left;}
.mst-pt-resv th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mst-muted);}
.mst-pt-resv .button{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:10px;border:0;font-weight:700;cursor:pointer;}
.mst-pt-resv .pr-linkbar{border-radius:12px;}
.mst-pt-resv .pr-linkbar a.buttonms{text-decoration:none;font-weight:700;}
@media (max-width:750px){.mst-pt-resv table,.mst-pt-resv thead,.mst-pt-resv tbody,.mst-pt-resv tr,.mst-pt-resv td{display:block;}.mst-pt-resv thead{display:none;}.mst-pt-resv tr{padding:10px 0;border-bottom:1px solid var(--mst-line);}.mst-pt-resv td{border:0;padding:3px 0;}}

/* partner logins */
.mst-table tr.is-off td{opacity:.55;}
[data-pview][hidden]{display:none!important;}

/* ===== sign-in page (/part-login) ===== */
.mst-view-login{background:radial-gradient(1200px 500px at 50% -10%,#dfe9fb 0,transparent 70%),var(--mst-canvas);}
.mst-login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + var(--mst-safe-t)) 16px calc(24px + var(--mst-safe-b));}
.mst-login-card{width:100%;max-width:420px;background:var(--mst-surface);border-radius:24px;padding:30px 26px;box-shadow:0 30px 60px -30px rgba(27,34,64,.35);display:flex;flex-direction:column;gap:14px;}
.mst-login-brand{font-weight:900;font-size:20px;letter-spacing:.06em;color:var(--mst-brand);}
.mst-login h1{font-size:24px;line-height:1.2;margin:0;}
.mst-login .mst-input{height:50px;font-size:16px;}
.mst-login-go{height:52px;justify-content:center;font-size:16px;border-radius:14px;margin-top:4px;}
.mst-login-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.mst-login-row a,.mst-login-alt a,.mst-login-foot a{color:var(--mst-brand);font-weight:600;text-decoration:none;}
.mst-login-msg{padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.4;}
.mst-login-msg.is-err{background:var(--mst-rose);color:var(--mst-rose-ink);}
.mst-login-msg.is-ok{background:var(--mst-mint);color:var(--mst-mint-ink);}
.mst-login-alt{margin:0;text-align:center;}
.mst-login-foot{margin:6px 0 0;text-align:center;font-size:13px;}
/* inline sign-in on scan / portal pages */
.mst-root .mst-login,.mst-scan .mst-login{min-height:auto;}

/* ===== partner shop ===== */
.mst-pt-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;}
.mst-pt-prod{display:flex;flex-direction:column;overflow:hidden;}
.mst-pt-prod>img,.mst-pt-prod-ph{width:100%;aspect-ratio:1;object-fit:cover;background:var(--mst-slate);}
.mst-pt-prod-ph{display:grid;place-items:center;color:var(--mst-muted);}
.mst-pt-prod-ph svg.mst-i{width:40px;height:40px;}
.mst-pt-prod-b{padding:12px 14px;display:flex;flex-direction:column;gap:4px;flex:1;}
.mst-pt-prod-b b{font-size:15px;line-height:1.3;}
.mst-pt-price{font-size:17px;font-weight:800;color:var(--mst-brand);}
.mst-pt-deadline{color:#b8324d;font-weight:600;}
.mst-pt-prod-f{display:flex;gap:8px;padding:0 14px 14px;}
.mst-pt-prod-f .mst-stepper{flex:1;}
.mst-pt-prod-f .mst-btn{flex:none;}

/* ===== Partner dashboard — app shell (all devices) ===== */
.mst-view-partner{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;}
.mst-pt{gap:16px;}
.mst-pt-top{position:sticky;top:0;z-index:40;margin:0 -16px;padding:calc(10px + var(--mst-safe-t)) 16px 10px;background:rgba(245,246,251,.86);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;}
.mst-pt-id{display:flex;align-items:baseline;gap:10px;min-width:0;}
.mst-pt-id .mst-pt-who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-pt-avatar{all:unset;box-sizing:border-box;flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mst-brand);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,74,173,.8);}
.mst-pt-avatar:focus-visible{outline:3px solid #9db8e8;outline-offset:2px;}
.mst-pt-title{display:none;margin:0;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.01em;}
.mst-pt-body.is-in{animation:mstPtIn .22s ease-out;}
@keyframes mstPtIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mst-pt-bar{display:none;}
.mst-pt-tabs button em,.mst-pt-bar button em{margin-left:4px;}
.mst-pt-ptr{position:fixed;left:50%;top:calc(8px + var(--mst-safe-t));z-index:60;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 6px 18px -6px rgba(27,34,64,.4);display:grid;place-items:center;color:var(--mst-brand);opacity:0;transform:translate(-50%,-50px);transition:opacity .15s;pointer-events:none;}
.mst-pt-ptr svg.mst-i{width:18px;height:18px;}
.mst-pt-steps{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
.mst-pt-item{min-height:64px;}
.mst-pt-item:active,.mst-pt-step:active,.mst-pt-bar button:active{transform:scale(.98);}
@media (hover:hover){.mst-pt-step:hover{filter:brightness(.98);}}

/* Tablet */
@media (max-width:1024px){
  .mst-pt{padding-left:20px;padding-right:20px;}
  .mst-pt-top{margin:0 -20px;padding-left:20px;padding-right:20px;}
  .mst-pt-shop{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));}
}

/* Phone: app layout — large title, bottom tab bar, sheets */
@media (max-width:760px){
  .mst-pt{padding:0 14px calc(96px + var(--mst-safe-b));gap:12px;}
  .mst-pt-top{margin:0 -14px;padding:calc(8px + var(--mst-safe-t)) 14px 8px;}
  .mst-pt-top .mst-sh-brand{font-size:16px;}
  .mst-pt-who{font-size:14px;}
  .mst-pt-tabs{display:none;}
  .mst-pt-title{display:block;padding:2px 2px 0;}
  .mst-pt-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:6px 6px calc(6px + var(--mst-safe-b));background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-top:1px solid var(--mst-line);}
  .mst-pt-bar button{all:unset;box-sizing:border-box;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:14px;color:var(--mst-muted);font-size:11px;font-weight:700;cursor:pointer;position:relative;transition:color .15s,background .15s;}
  .mst-pt-bar button svg.mst-i{width:23px;height:23px;}
  .mst-pt-bar button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .mst-pt-bar button.is-on{color:var(--mst-brand);background:var(--mst-brand-soft);}
  .mst-pt-bar button em{position:absolute;top:4px;left:calc(50% + 6px);margin:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e03a3a;color:#fff;font-size:10.5px;font-style:normal;display:grid;place-items:center;}
  .mst-pt-hello{padding:16px;flex-wrap:wrap;}
  .mst-pt-hello h1{font-size:20px;}
  .mst-pt-hello [data-mydetails]{display:none;}
  .mst-pt-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mst-pt-step{padding:12px;border-radius:16px;}
  .mst-pt-step b{font-size:24px;}
  .mst-pt-duebar{border-radius:16px;}
  .mst-pt .mst-toolbar{gap:8px;}
  .mst-pt .mst-toolbar .mst-search{flex:1 1 100%;}
  .mst-pt .mst-toolbar .mst-select{flex:1 1 calc(50% - 4px);min-width:0;}
  .mst-pt .mst-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px;}
  .mst-pt .mst-chips::-webkit-scrollbar{display:none;}
  .mst-pt .mst-chip{flex:none;}
  .mst-pt-item{border-radius:16px;padding:10px;}
  .mst-pt-item .mst-badge{max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mst-pt-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mst-pt-prod-b{padding:10px;}
  .mst-pt-prod-b b{font-size:14px;}
  .mst-pt-prod-f{flex-direction:column;padding:0 10px 10px;}
  .mst-pt-prod-f .mst-btn{justify-content:center;height:44px;}
  .mst-pt-bill{padding:14px;border-radius:18px;}
  .mst-pt-paybtn{position:sticky;bottom:calc(76px + var(--mst-safe-b));z-index:5;}
  .mst-pt-bt td,.mst-pt-bt th{padding:8px;font-size:13px;}
  .mst-pt .mst-card{border-radius:18px;}
  .mst-pt .mst-input,.mst-pt .mst-select,.mst-pt .mst-textarea{font-size:16px;}
  .mst-pt-sec .mst-card-h{padding:14px 14px 0;}
  .mst-pt-sec .mst-card-b{padding:12px 14px 14px;}
}
/* Very small phones */
@media (max-width:360px){
  .mst-pt-shop{grid-template-columns:1fr;}
  .mst-pt-bar button{font-size:10px;}
}
/* Installed from the home screen */
@media (display-mode:standalone){.mst-pt-top{padding-top:calc(12px + var(--mst-safe-t));}}

/* partner products (admin) */
.mst-pp-name{display:flex;align-items:center;gap:10px;min-width:0;}
.mst-pp-name img,.mst-pp-name .mst-tile{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;}
.mst-pp-who{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow:auto;padding:6px 10px;border:1px solid var(--mst-line);border-radius:12px;}
.mst-pp-who[hidden]{display:none;}

/* ===== Partner shop v2 ===== */
.mst-ps-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px;}
.mst-ps-search{flex:1 1 260px;display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:14px;background:var(--mst-surface);border:1px solid var(--mst-line);}
.mst-ps-search svg.mst-i{width:18px;height:18px;color:var(--mst-muted);flex:none;}
.mst-ps-search input{all:unset;flex:1;min-width:0;font-size:16px;color:var(--mst-ink);}
.mst-ps-seg{display:flex;padding:4px;border-radius:14px;background:#e6eaf4;}
.mst-ps-seg button{all:unset;cursor:pointer;padding:0 14px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:13.5px;font-weight:700;color:var(--mst-ink-2);white-space:nowrap;}
.mst-ps-seg button.is-on{background:#fff;color:var(--mst-brand);box-shadow:0 2px 8px -3px rgba(27,34,64,.25);}
.mst-ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;}
.mst-ps-none{grid-column:1/-1;}
.mst-ps-card{position:relative;display:flex;flex-direction:column;background:var(--mst-surface);border-radius:22px;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px rgba(27,34,64,.05),0 12px 30px -18px rgba(27,34,64,.35);transition:transform .18s ease,box-shadow .18s ease;outline:none;}
.mst-ps-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(27,34,64,.05),0 20px 40px -20px rgba(27,34,64,.45);}
.mst-ps-card:focus-visible{box-shadow:0 0 0 3px #9db8e8;}
.mst-ps-card:active{transform:scale(.985);}
.mst-ps-img{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#eef2fa,#e2e8f5);overflow:hidden;}
.mst-ps-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.mst-ps-card:hover .mst-ps-img img{transform:scale(1.04);}
.mst-ps-img>span{position:absolute;inset:0;display:grid;place-items:center;color:#9aa6c2;}
.mst-ps-img>span svg.mst-i{width:44px;height:44px;}
.mst-ps-tag{position:absolute;top:12px;left:12px;padding:6px 11px;border-radius:99px;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.mst-ps-tag.is-sold{background:rgba(27,34,64,.78);color:#fff;}
.mst-ps-tag.is-low{background:rgba(255,255,255,.92);color:#b4561f;}
.mst-ps-card.is-sold .mst-ps-img img{filter:grayscale(.85) brightness(.9);}
.mst-ps-body{padding:14px 16px 6px;display:flex;flex-direction:column;gap:6px;flex:1;}
.mst-ps-body h3{margin:0;font-size:15.5px;line-height:1.3;font-weight:800;color:var(--mst-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mst-ps-price{font-size:19px;font-weight:900;color:var(--mst-brand);letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.mst-ps-price small{font-size:13px;font-weight:600;color:var(--mst-muted);}
.mst-ps-price.is-big{font-size:28px;}
.mst-ps-meta{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.35;color:var(--mst-ink-2);}
.mst-ps-meta svg.mst-i{width:15px;height:15px;flex:none;margin-top:1px;color:var(--mst-muted);}
.mst-ps-cta{display:flex;align-items:center;justify-content:space-between;margin:10px 12px 12px;padding:0 14px;height:44px;border-radius:14px;background:var(--mst-brand);color:#fff;font-weight:800;font-size:14.5px;}
.mst-ps-cta svg.mst-i{width:18px;height:18px;}
.mst-ps-card.is-sold .mst-ps-cta{background:#eceef4;color:#8a91ab;justify-content:center;}
/* product sheet */
.mst-ps-modal{max-width:880px!important;}
.mst-ps-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;}
.mst-ps-hero{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#eef2fa,#e2e8f5);aspect-ratio:1;}
.mst-ps-hero img{width:100%;height:100%;object-fit:cover;display:block;}
.mst-ps-hero>span{position:absolute;inset:0;display:grid;place-items:center;color:#9aa6c2;}
.mst-ps-hero.is-sold img{filter:grayscale(.85);}
.mst-ps-info{display:flex;flex-direction:column;gap:14px;}
.mst-ps-facts{display:grid;gap:8px;}
.mst-ps-facts>div{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--mst-slate);}
.mst-ps-facts>div>svg.mst-i{width:20px;height:20px;color:var(--mst-brand);flex:none;}
.mst-ps-facts span{display:flex;flex-direction:column;}
.mst-ps-facts b{font-size:14px;color:var(--mst-ink);}
.mst-ps-facts small{font-size:12px;color:var(--mst-muted);}
.mst-ps-facts .is-warn{background:#fff1f3;}
.mst-ps-facts .is-warn>svg.mst-i{color:#b8324d;}
.mst-ps-desc{margin:0;font-size:14px;line-height:1.6;color:var(--mst-ink-2);}
.mst-ps-how{display:flex;gap:8px;margin:0;font-size:12.5px;line-height:1.5;color:var(--mst-muted);}
.mst-ps-how svg.mst-i{width:16px;height:16px;flex:none;color:#1c7a52;margin-top:1px;}
.mst-ps-buy{grid-column:1/-1;display:flex;gap:10px;align-items:center;position:sticky;bottom:0;padding:12px 0 calc(4px + var(--mst-safe-b));background:linear-gradient(transparent,var(--mst-surface) 30%);}
.mst-ps-qty{display:flex;align-items:center;height:54px;border-radius:16px;background:var(--mst-slate);flex:none;}
.mst-ps-qty button{all:unset;cursor:pointer;width:50px;height:54px;display:grid;place-items:center;font-size:22px;font-weight:700;color:var(--mst-brand);}
.mst-ps-qty button:disabled{color:#c3c9d8;cursor:default;}
.mst-ps-qty output{min-width:30px;text-align:center;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;}
.mst-ps-go{flex:1;height:54px;justify-content:center;font-size:16px;border-radius:16px;box-shadow:0 12px 26px -12px rgba(0,74,173,.8);}
.mst-ps-go b{font-weight:900;}
@media (max-width:760px){
  .mst-ps-head{gap:8px;}
  .mst-ps-search{flex-basis:100%;}
  .mst-ps-seg{width:100%;}
  .mst-ps-seg button{flex:1;}
  .mst-ps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .mst-ps-card{border-radius:18px;}
  .mst-ps-tag{top:8px;left:8px;padding:4px 9px;font-size:11px;}
  .mst-ps-body{padding:10px 12px 4px;gap:4px;}
  .mst-ps-body h3{font-size:14px;}
  .mst-ps-price{font-size:16.5px;}
  .mst-ps-meta{font-size:11.5px;}
  .mst-ps-cta{margin:8px 10px 10px;height:40px;font-size:13.5px;padding:0 12px;border-radius:12px;}
  .mst-ps-sheet{grid-template-columns:1fr;gap:14px;}
  .mst-ps-hero{aspect-ratio:4/3;}
  .mst-ps-price.is-big{font-size:24px;}
}
@media (max-width:340px){.mst-ps-grid{grid-template-columns:1fr;}}

/* statement breakdown (expandable) */
.mst-bd{border:1px solid var(--mst-line);border-radius:16px;background:#fff;overflow:hidden;}
.mst-bd>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.mst-bd>summary::-webkit-details-marker{display:none;}
.mst-bd-sum{font-size:13px;color:var(--mst-ink-2);line-height:1.35;}
.mst-bd-sum b{color:var(--mst-ink);}
.mst-bd-tg{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:13px;font-weight:800;color:var(--mst-brand);}
.mst-bd-tg svg.mst-i{width:18px;height:18px;transition:transform .2s;}
.mst-bd[open] .mst-bd-tg svg.mst-i{transform:rotate(180deg);}
.mst-bd .mst-bd-less,.mst-bd[open] .mst-bd-more{display:none;}
.mst-bd[open] .mst-bd-less{display:inline;}
.mst-bd[open]>summary{border-bottom:1px solid var(--mst-line);}
.mst-bd-in{padding:4px 14px 14px;animation:mstPtIn .2s ease-out;}
.mst-bd-in h4{margin:14px 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mst-muted);}
.mst-bd-list{list-style:none;margin:0;padding:0;}
.mst-bd-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--mst-line-2);}
.mst-bd-list li:last-child{border-bottom:0;}
.mst-bd-list li>div{min-width:0;display:flex;flex-direction:column;gap:2px;}
.mst-bd-list b{font-size:14px;color:var(--mst-ink);overflow-wrap:anywhere;}
.mst-bd-list small{font-size:12.5px;color:var(--mst-ink-2);}
.mst-bd-list small em{font-style:normal;color:var(--mst-muted);}
.mst-bd-list li>span{flex:none;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mst-ink);}
.mst-bd-list li.is-sub{border-top:1px dashed var(--mst-line);}
.mst-bd-list li.is-sub>span,.mst-bd-list li.is-sub b{color:var(--mst-brand);}
.mst-bd-list li.is-minus>span{color:#b8324d;}
.mst-bd-list li.is-paid>span{color:#1c7a52;}
.mst-bd-list li.is-info>span,.mst-bd-list li.is-info b{color:var(--mst-muted);}
.mst-bd-info{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0;}
.mst-bd-info dt{font-size:12px;color:var(--mst-muted);}
.mst-bd-info dd{margin:1px 0 0;font-size:13.5px;font-weight:700;color:var(--mst-ink);}
@media (max-width:360px){.mst-bd-info{grid-template-columns:1fr;}}

/* ===== Sign-in v2: brand panel + form (brand blue, white logo) ===== */
.mst-view-login{background:#f4f6fb;}
.mst-login{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(380px,46%) 1fr;padding:0;place-items:stretch;}
.mst-lg-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:calc(44px + var(--mst-safe-t)) 56px 40px;color:#fff;
  background:radial-gradient(900px 500px at 110% -10%,rgba(255,255,255,.18),transparent 60%),radial-gradient(700px 600px at -20% 120%,rgba(0,0,0,.28),transparent 60%),linear-gradient(160deg,#0a5bd0 0%,#004AAD 45%,#00337a 100%);}
.mst-lg-brand::after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(255,255,255,.06);pointer-events:none;}
.mst-lg-logo-a{display:inline-block;position:relative;z-index:1;}
.mst-lg-logo{display:block;width:210px;max-width:70%;height:auto;}
.mst-lg-word{font-weight:900;font-size:34px;letter-spacing:.08em;color:#fff;}
.mst-lg-copy{position:relative;z-index:1;max-width:440px;}
.mst-lg-copy h2{margin:0 0 12px;font-size:38px;line-height:1.1;font-weight:900;letter-spacing:-.02em;color:#fff;}
.mst-lg-copy p{margin:0 0 26px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.85);}
.mst-lg-copy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.mst-lg-copy li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;}
.mst-lg-copy li svg{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:rgba(255,255,255,.16);fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box;}
.mst-lg-copyr{position:relative;z-index:1;font-size:12.5px;color:rgba(255,255,255,.65);}
.mst-lg-main{display:grid;place-items:center;padding:calc(32px + var(--mst-safe-t)) 24px calc(32px + var(--mst-safe-b));}
.mst-login-card{width:100%;max-width:420px;background:transparent;box-shadow:none;padding:0;gap:16px;}
.mst-lg-mlogo{display:none;}
.mst-login h1{font-size:32px;font-weight:900;letter-spacing:-.02em;color:#0b1a3a;}
.mst-lg-sub{margin:-8px 0 4px;font-size:15px;color:var(--mst-muted);}
.mst-login .mst-muted{color:var(--mst-muted);}
.mst-login form{gap:14px;}
.mst-lg-field{display:flex;flex-direction:column;gap:7px;}
.mst-lg-label{font-size:13px;font-weight:700;color:var(--mst-ink-2);}
.mst-lg-box{position:relative;display:flex;align-items:center;}
.mst-lg-ic{position:absolute;left:16px;width:20px;height:20px;fill:none;stroke:#8a91ab;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .15s;}
.mst-lg-box input{width:100%;box-sizing:border-box;height:56px;padding:0 50px 0 48px;border-radius:16px;border:1.5px solid #dfe3ee;background:#fff;font:inherit;font-size:16px;color:#1b2240;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none;}
.mst-lg-box input:hover{border-color:#c9d0e2;}
.mst-lg-box input:focus{border-color:#004AAD;box-shadow:0 0 0 4px rgba(0,74,173,.12);}
.mst-lg-box:focus-within .mst-lg-ic{stroke:#004AAD;}
/* keep autofill on brand (no yellow / blue browser fill) */
.mst-lg-box input:-webkit-autofill,.mst-lg-box input:-webkit-autofill:hover,.mst-lg-box input:-webkit-autofill:focus{-webkit-text-fill-color:#1b2240;-webkit-box-shadow:0 0 0 1000px #fff inset;caret-color:#1b2240;transition:background-color 9999s;}
.mst-lg-eye{all:unset;position:absolute;right:8px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;}
.mst-lg-eye svg{width:20px;height:20px;fill:none;stroke:#8a91ab;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.mst-lg-eye.is-on svg{stroke:#004AAD;}
.mst-lg-eye:hover{background:#f1f4fa;}
.mst-lg-eye:focus-visible{box-shadow:0 0 0 3px rgba(0,74,173,.25);}
.mst-login .mst-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--mst-ink-2);}
.mst-login .mst-check input{width:18px;height:18px;accent-color:#004AAD;}
.mst-login-go{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border-radius:16px;background:#004AAD;color:#fff;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 14px 28px -14px rgba(0,74,173,.9);transition:transform .12s,background .15s;}
.mst-login-go:hover{background:#003f94;}
.mst-login-go:active{transform:scale(.99);}
.mst-login-go:focus-visible{box-shadow:0 0 0 4px rgba(0,74,173,.3);}
.mst-login-row a,.mst-login-alt a{font-weight:700;}
.mst-login-foot{text-align:center;margin-top:8px;}
.mst-login-foot a{color:var(--mst-muted)!important;font-weight:600;}
.mst-login-msg{border-radius:14px;}
/* inline gates (scan page / portal when signed out) */
.mst-root .mst-login,.mst-scan .mst-login{min-height:auto;}

/* Tablet */
@media (max-width:1024px){
  .mst-login{grid-template-columns:minmax(320px,42%) 1fr;}
  .mst-lg-brand{padding:40px 36px 32px;}
  .mst-lg-copy h2{font-size:30px;}
}
/* Phone: blue brand header with logo, form below */
@media (max-width:760px){
  .mst-login{grid-template-columns:1fr;grid-template-rows:auto 1fr;}
  .mst-lg-brand{padding:calc(28px + var(--mst-safe-t)) 24px 56px;gap:18px;border-radius:0 0 28px 28px;}
  .mst-lg-brand::after{width:260px;height:260px;right:-90px;bottom:-110px;border-width:40px;}
  .mst-lg-logo{width:150px;}
  .mst-lg-copy h2{font-size:24px;margin-bottom:6px;}
  .mst-lg-copy p{font-size:14px;margin:0;}
  .mst-lg-copy ul,.mst-lg-copyr{display:none;}
  .mst-lg-main{display:block;padding:0 16px calc(24px + var(--mst-safe-b));margin-top:-32px;position:relative;z-index:2;}
  .mst-login-card{max-width:none;background:#fff;border-radius:24px;padding:24px 20px;box-shadow:0 20px 40px -24px rgba(27,34,64,.35);}
  .mst-login h1{font-size:26px;}
}

/* pay confirm sheet */
.mst-paysheet{display:flex;flex-direction:column;gap:14px;}
.mst-pay-cur{width:100%;}
.mst-pay-cur button{flex:1;}
.mst-pay-amt{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:linear-gradient(160deg,#0a5bd0,#004AAD 55%,#00398a);color:#fff;}
.mst-pay-amt small{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.8;}
.mst-pay-amt b{font-size:30px;font-weight:900;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.mst-pay-with{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.92;}
.mst-pay-with svg.mst-i{width:16px;height:16px;}
.mst-pay-det{border:1px solid var(--mst-line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;}
.mst-pay-det-h{display:flex;align-items:center;justify-content:space-between;}
.mst-pay-det-h b{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mst-muted);}
.mst-pay-det-b{display:flex;gap:12px;align-items:flex-start;}
.mst-pay-det-b>div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.mst-pay-det-b b{font-size:15px;color:var(--mst-ink);}
.mst-pay-det-b small{font-size:13px;color:var(--mst-ink-2);overflow-wrap:anywhere;}
.mst-avatar-sm{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--mst-brand-soft);color:var(--mst-brand);font-weight:800;}
.mst-pay-go{height:56px;justify-content:center;font-size:16px;border-radius:16px;box-shadow:0 14px 28px -14px rgba(0,74,173,.9);}
.mst-pay-go svg.mst-i{width:18px;height:18px;}
.mst-pay-note{margin:-4px 0 0;text-align:center;font-size:12.5px;color:var(--mst-muted);}
.mst-gwbox{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--mst-line);border-radius:12px;}
.mst-gwbox b{font-size:13px;}

/* ===== Sign-in: mobile fit (no sideways overflow, 20px side margins) ===== */
.mst-login,.mst-login *,.mst-login *::before,.mst-login *::after{box-sizing:border-box;}
.mst-view-login{overflow-x:hidden;}
.mst-view-login,.mst-view-login body{max-width:100%;}
.mst-login{width:100%;max-width:100vw;overflow-x:hidden;}
.mst-lg-brand,.mst-lg-main,.mst-login-card{min-width:0;}
.mst-lg-copy h2,.mst-lg-copy p{overflow-wrap:anywhere;}
@media (max-width:760px){
  .mst-login{display:flex;flex-direction:column;min-height:100dvh;}
  .mst-lg-brand{width:100%;margin:0;padding:calc(22px + var(--mst-safe-t)) 20px 72px;border-radius:0 0 32px 32px;gap:16px;}
  .mst-lg-brand::after{width:220px;height:220px;right:-80px;top:-60px;bottom:auto;border-width:36px;}
  .mst-lg-logo{width:132px;max-width:60%;}
  .mst-lg-copy h2{font-size:26px;line-height:1.15;margin:0 0 6px;}
  .mst-lg-copy p{font-size:14.5px;line-height:1.5;margin:0;max-width:34ch;}
  .mst-lg-main{display:block;width:100%;padding:0 20px calc(24px + var(--mst-safe-b));margin-top:-44px;position:relative;z-index:2;}
  .mst-login-card{width:100%;max-width:520px;margin:0 auto;padding:24px 20px 20px;border-radius:24px;background:#fff;box-shadow:0 24px 48px -28px rgba(0,30,80,.45),0 2px 6px rgba(27,34,64,.05);gap:14px;}
  .mst-login h1{font-size:26px;}
  .mst-lg-sub{font-size:14.5px;margin:-6px 0 2px;}
  .mst-lg-box input{height:54px;border-radius:14px;}
  .mst-login-go{height:54px;border-radius:14px;}
  .mst-login-row{gap:8px;}
  .mst-login-row .mst-small{font-size:14px;}
  .mst-login-foot{margin-top:4px;}
}
@media (max-width:360px){
  .mst-lg-brand{padding-left:16px;padding-right:16px;}
  .mst-lg-main{padding-left:16px;padding-right:16px;}
  .mst-login-card{padding:20px 16px 16px;}
  .mst-login-row{flex-direction:column;align-items:flex-start;}
}

/* sign-in: register */
.mst-lg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.mst-lg-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mst-lg-two .mst-lg-box input{padding-left:16px;}
.mst-lg-two .mst-lg-field:first-child .mst-lg-box input{padding-left:48px;}
.mst-lg-or{display:flex;align-items:center;gap:12px;margin:6px 0 0;color:var(--mst-muted);font-size:13px;}
.mst-lg-or::before,.mst-lg-or::after{content:"";flex:1;height:1px;background:#e3e7f0;}
.mst-lg-alt-btn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:16px;border:1.5px solid #cfd8ea;background:#fff;color:#004AAD;font-weight:800;font-size:15px;text-decoration:none;transition:border-color .15s,background .15s;}
.mst-lg-alt-btn:hover{border-color:#004AAD;background:#f4f8ff;}
.mst-login-alt{color:var(--mst-muted);font-size:14px;}
@media (max-width:420px){.mst-lg-two{grid-template-columns:1fr;}}

/* ===== Partner dashboard: spacing & tile fixes ===== */
.mst-pt-body{display:flex;flex-direction:column;gap:14px;min-width:0;}
.mst-pt-body>*{min-width:0;}
.mst-pt-duebar{width:100%;}
.mst-pt-steps{margin:0;}
.mst-pt-sec .mst-card-b:empty{display:none;}
@media (max-width:760px){
  .mst-pt-body{gap:12px;}
  .mst-pt-hello{padding:16px 18px;}
  .mst-pt-hello p{margin:2px 0 0;font-size:14px;}
  .mst-pt-duebar{padding:14px 16px;gap:12px;}
  .mst-pt-duebar b{font-size:15.5px;}
  .mst-pt-duebar small{font-size:12.5px;}
  /* compact status tiles: icon left, number + label right */
  .mst-pt-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mst-pt-step{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:0;align-items:center;padding:12px;border-radius:16px;min-height:0;}
  .mst-pt-step .mst-tile{grid-row:1/3;width:38px;height:38px;border-radius:11px;}
  .mst-pt-step .mst-tile svg.mst-i{width:19px;height:19px;}
  .mst-pt-step b{font-size:22px;line-height:1.05;}
  .mst-pt-step small{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mst-pt-sec .mst-card-h{align-items:center;}
  .mst-pt-sec .mst-card-h h3{font-size:16px;}
  .mst-pt-sec .mst-empty{padding:18px 8px;}
}
@media (max-width:340px){.mst-pt-steps{grid-template-columns:1fr;}}
.mst-step-lbls{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0;}
@media (max-width:600px){.mst-step-lbls{grid-template-columns:1fr;}}

/* ===== Notifications ===== */
.mst-pt-actions{display:flex;align-items:center;gap:10px;flex:none;}
.mst-pt-bell{all:unset;box-sizing:border-box;position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--mst-ink-2);cursor:pointer;box-shadow:0 1px 2px rgba(27,34,64,.06),0 6px 16px -10px rgba(27,34,64,.4);}
.mst-pt-bell svg.mst-i{width:21px;height:21px;}
.mst-pt-bell.has-new svg.mst-i{color:var(--mst-brand);animation:mstRing 1.2s ease 1;transform-origin:50% 10%;}
@keyframes mstRing{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}
.mst-pt-bell em{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e03a3a;color:#fff;font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #f5f6fb;}
.mst-pt-bell em[hidden]{display:none;}
.mst-nt-sheet{display:flex;flex-direction:column;gap:10px;}
.mst-nt-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--mst-brand);}
.mst-nt-scroll{display:flex;flex-direction:column;gap:8px;max-height:min(62vh,560px);overflow-y:auto;margin:0 -4px;padding:0 4px;-webkit-overflow-scrolling:touch;}
.mst-nt-card{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:flex-start;width:100%;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--mst-line);cursor:pointer;position:relative;transition:background .15s;}
.mst-nt-card:hover{background:#f8faff;}
.mst-nt-card.is-new{background:#f2f7ff;border-color:#cfdcf4;}
.mst-nt-card.is-new::after{content:"";position:absolute;top:16px;right:14px;width:9px;height:9px;border-radius:50%;background:var(--mst-brand);}
.mst-nt-card .mst-tile{flex:none;width:38px;height:38px;border-radius:12px;}
.mst-nt-card>div{min-width:0;padding-right:14px;}
.mst-nt-card b{display:block;font-size:14.5px;color:var(--mst-ink);line-height:1.3;}
.mst-nt-card p{margin:3px 0 0;font-size:13px;line-height:1.45;color:var(--mst-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mst-nt-card small{display:block;margin-top:4px;font-size:11.5px;color:var(--mst-muted);}
.mst-nt-btn{display:inline-block;margin-top:8px;padding:6px 12px;border-radius:10px;background:var(--mst-brand);color:#fff;font-size:12.5px;font-weight:700;}
.mst-nt-detail{display:flex;flex-direction:column;gap:12px;}
.mst-nt-detail p{margin:0;font-size:15px;line-height:1.6;color:var(--mst-ink-2);}
.mst-nt-go{height:52px;justify-content:center;font-size:15.5px;border-radius:14px;}
.mst-nt-detail [data-nback]{align-self:flex-start;}
.mst-pt-bill.is-flash{animation:mstFlash 1.6s ease 1;}
@keyframes mstFlash{0%,100%{box-shadow:var(--mst-shadow)}30%{box-shadow:0 0 0 4px rgba(0,74,173,.35)}}
/* staff: notifications list + preview */
.mst-nt-list{display:flex;flex-direction:column;gap:10px;}
.mst-nt-row{display:flex;gap:12px;align-items:flex-start;padding:14px;}
.mst-nt-row .mst-tile{flex:none;width:40px;height:40px;}
.mst-nt-row b{font-size:14.5px;}
.mst-nt-row p{margin:4px 0;font-size:13.5px;color:var(--mst-ink-2);white-space:pre-line;}
.mst-nt-row small{font-size:12px;color:var(--mst-muted);}
.mst-nt-prev{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:var(--mst-slate);}
.mst-nt-prev>small{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mst-muted);}
.mst-nt-prev .mst-nt-card{cursor:default;}
/* trash */
.mst-tr-cards{display:none;}
@media (max-width:750px){.mst-tr-wrap{display:none;}.mst-tr-cards{display:flex;flex-direction:column;gap:8px;}.mst-tr-card{padding:12px;display:flex;flex-direction:column;gap:8px;}.mst-tr-card .mst-check span{display:flex;flex-direction:column;}.mst-tr-card small{color:var(--mst-muted);font-size:12px;}}
.mst-bulkbar{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:12px;border-radius:14px;background:var(--mst-brand-soft);}
@media (max-width:760px){.mst-pt-bell{width:40px;height:40px;}}

/* partner card: statements & payment history */
.mst-pbill{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;background:var(--mst-mint);color:var(--mst-mint-ink);cursor:pointer;}
.mst-pbill.is-due{background:#fff1e6;color:#b4561f;}
.mst-pbill>svg.mst-i{width:18px;height:18px;flex:none;}
.mst-pbill span{flex:1;min-width:0;display:flex;flex-direction:column;}
.mst-pbill b{font-size:13.5px;}
.mst-pbill small{font-size:12px;opacity:.85;}
.mst-pbill:hover{filter:brightness(.98);}
.mst-ph-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.mst-ph-sum>div{padding:12px 14px;border-radius:14px;background:var(--mst-slate);display:flex;flex-direction:column;gap:2px;}
.mst-ph-sum small{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mst-muted);}
.mst-ph-sum b{font-size:18px;font-variant-numeric:tabular-nums;}
.mst-ph-sum .is-due{background:#fff1e6;}.mst-ph-sum .is-due b{color:#b4561f;}
.mst-ph-sum .is-paid{background:var(--mst-mint);}.mst-ph-sum .is-paid b{color:var(--mst-mint-ink);}
.mst-ph-h{margin:6px 0 0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--mst-muted);}
.mst-ph-list{display:flex;flex-direction:column;gap:6px;}
.mst-ph-row{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--mst-line);border-radius:12px;cursor:pointer;}
.mst-ph-row.is-static{cursor:default;}
.mst-ph-row:not(.is-static):hover{background:#f8faff;}
.mst-ph-row>div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.mst-ph-row b{font-size:14px;}
.mst-ph-row small{font-size:12px;color:var(--mst-muted);}
.mst-ph-amt{align-items:flex-end;text-align:right;flex:none;}
.mst-ph-amt b{font-variant-numeric:tabular-nums;}
.mst-ph-amt .is-due{color:#b4561f;font-weight:700;}
.mst-ph-amt .is-paid{color:var(--mst-mint-ink);}
@media (max-width:600px){.mst-ph-sum{grid-template-columns:1fr 1fr;}.mst-ph-sum>div:last-child{grid-column:1/-1;}}

/* ===== instalment plans ===== */
.mst-bl-plan{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mst-ink-2);}
.mst-bl-plan i,.mst-plan-bar i{flex:1;height:6px;border-radius:3px;background:var(--mst-line);}
.mst-bl-plan i{max-width:28px;}
.mst-bl-plan i.is-paid,.mst-plan-bar i.is-paid{background:#1c9a63;}
.mst-bl-plan i.is-partial,.mst-plan-bar i.is-partial{background:#5b8def;}
.mst-bl-plan i.is-overdue,.mst-plan-bar i.is-overdue{background:#e03a3a;}
.mst-bl-planbox{display:flex;flex-direction:column;gap:12px;padding:14px;border:1.5px dashed #cdd6ea;border-radius:16px;background:#fbfcff;}
.mst-bl-planbox>[data-plan]{display:flex;flex-direction:column;gap:10px;}
.mst-bl-planbox>[data-plan][hidden]{display:none;}
.mst-bl-plangen{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;}
.mst-bl-plangen .mst-field{min-width:130px;flex:1 1 130px;}
.mst-bl-plangen .mst-btn{height:36px;}
.mst-bl-planfoot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.mst-bl-planfoot .is-ok{color:#1c7a52;font-weight:700;display:inline-flex;align-items:center;gap:4px;}
.mst-bl-planfoot .is-ok svg.mst-i{width:15px;height:15px;}
.mst-bl-planfoot .is-bad{color:#b8324d;font-weight:700;}
.mst-bl-t tr.is-paid td{background:#f2fbf6;}
/* partner view */
.mst-plan{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--mst-line);}
.mst-plan-h{display:flex;align-items:center;justify-content:space-between;}
.mst-plan-h b{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mst-muted);}
.mst-plan-h span{font-size:13px;font-weight:700;color:var(--mst-ink-2);}
.mst-plan-bar{display:flex;gap:4px;}
.mst-plan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.mst-plan-list li{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--mst-line-2);}
.mst-plan-list li:last-child{border-bottom:0;}
.mst-plan-dot{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--mst-slate);color:var(--mst-ink-2);}
.mst-plan-dot svg.mst-i{width:16px;height:16px;}
.mst-plan-list li.is-paid .mst-plan-dot{background:#1c9a63;color:#fff;}
.mst-plan-list li.is-overdue .mst-plan-dot{background:#ffe3e9;color:#b8324d;}
.mst-plan-list li.is-next .mst-plan-dot{background:var(--mst-brand);color:#fff;}
.mst-plan-list li>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.mst-plan-list b{font-size:14px;color:var(--mst-ink);}
.mst-plan-list b em{font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--mst-brand);padding:2px 7px;border-radius:99px;margin-left:4px;vertical-align:1px;}
.mst-plan-list small{font-size:12.5px;color:var(--mst-muted);}
.mst-plan-list li.is-overdue small{color:#b8324d;font-weight:600;}
.mst-plan-list li.is-paid b,.mst-plan-list li.is-paid .mst-plan-amt{color:var(--mst-muted);text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25);}
.mst-plan-amt{flex:none;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;}
.mst-pt-payall{all:unset;cursor:pointer;text-align:center;font-size:13px;font-weight:700;color:var(--mst-brand);padding:8px;}
.mst-pt-payall:hover{text-decoration:underline;}

/* Partner dashboard: smaller page title on phones */
@media (max-width:760px){
  .mst-pt-title{font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.01em;padding:0 2px;margin:2px 0 -2px;}
}
@media (max-width:360px){.mst-pt-title{font-size:19px;}}

/* sign-up: verification code */
.mst-lg-mailic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#e8f0fd;}
.mst-lg-mailic svg{width:28px;height:28px;fill:none;stroke:#004AAD;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.mst-otp input{width:100%;box-sizing:border-box;height:64px;border-radius:16px;border:1.5px solid #dfe3ee;background:#fff;text-align:center;font:inherit;font-size:30px;font-weight:800;letter-spacing:.5em;padding-left:.5em;color:#004AAD;outline:none;font-variant-numeric:tabular-nums;}
.mst-otp input:focus{border-color:#004AAD;box-shadow:0 0 0 4px rgba(0,74,173,.12);}
.mst-otp input::placeholder{color:#c7cede;letter-spacing:.5em;}
.mst-lg-resend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;font-size:13.5px;color:var(--mst-muted);}
.mst-lg-resend button{all:unset;cursor:pointer;color:#004AAD;font-weight:700;}
.mst-lg-resend button:hover{text-decoration:underline;}
/* notifications: attached products */
.mst-nt-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px;}
.mst-nt-prod{cursor:pointer;}
.mst-nt-prod input{position:absolute;opacity:0;pointer-events:none;}
.mst-nt-prod-c{display:flex;align-items:center;gap:10px;padding:8px;border:1.5px solid var(--mst-line);border-radius:12px;background:#fff;transition:border-color .15s,background .15s;}
.mst-nt-prod input:checked+.mst-nt-prod-c{border-color:#004AAD;background:#f2f7ff;box-shadow:0 0 0 3px rgba(0,74,173,.1);}
.mst-nt-prod-c img,.mst-nt-prod-c i{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:none;background:var(--mst-slate);display:grid;place-items:center;}
.mst-nt-prod-c span{display:flex;flex-direction:column;min-width:0;}
.mst-nt-prod-c b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-nt-prod-c small{font-size:12px;color:var(--mst-muted);}
.mst-nt-pmini{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.mst-nt-pmini>span{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:10px;background:#fff;border:1px solid var(--mst-line);font-size:12px;}
.mst-nt-pmini img{width:26px;height:26px;border-radius:7px;object-fit:cover;}
.mst-nt-pmini small{color:var(--mst-muted);}
.mst-nt-thumbs{display:flex;align-items:center;gap:4px;margin-top:6px;}
.mst-nt-thumbs img{width:34px;height:34px;border-radius:8px;object-fit:cover;}
.mst-nt-thumbs em{font-style:normal;font-size:12px;font-weight:700;color:var(--mst-muted);}
.mst-nt-plist{display:flex;flex-direction:column;gap:8px;}
.mst-nt-pitem{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--mst-line);border-radius:14px;cursor:pointer;background:#fff;}
.mst-nt-pitem:hover{border-color:#9db8e8;}
.mst-nt-pitem img,.mst-nt-pitem>i{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:var(--mst-slate);display:grid;place-items:center;}
.mst-nt-pitem span{flex:1;min-width:0;display:flex;flex-direction:column;}
.mst-nt-pitem b{font-size:14.5px;}
.mst-nt-pitem small{font-size:13px;color:var(--mst-brand);font-weight:700;}
.mst-nt-pitem>svg.mst-i{width:18px;height:18px;color:var(--mst-muted);}

/* ===== Reports ===== */
.mst-rp-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;}
.mst-rp-periods{flex-wrap:wrap;}
.mst-rp-periods button{height:34px;padding:0 12px;font-size:13px;}
.mst-rp-custom{display:flex;align-items:center;gap:6px;}
.mst-rp-custom[hidden]{display:none;}
.mst-rp-partner{min-width:200px;margin-left:auto;}
.mst-rp-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.mst-rp-bar .mst-dk-tabs{margin:0;}
.mst-rp-export{display:flex;gap:6px;}
.mst-rp-export[hidden]{display:none;}
.mst-rp-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:14px;}
.mst-rp-kpi{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--mst-surface);border:1px solid var(--mst-line);}
.mst-rp-kpi small{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mst-muted);}
.mst-rp-kpi b{font-size:22px;font-weight:900;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--mst-ink);}
.mst-rp-kpi span{font-size:12.5px;color:var(--mst-muted);}
.mst-rp-kpi.is-due{background:linear-gradient(150deg,#0a5bd0,#004AAD 60%,#00398a);border:0;}
.mst-rp-kpi.is-due small,.mst-rp-kpi.is-due span{color:rgba(255,255,255,.8);}
.mst-rp-kpi.is-due b{color:#fff;}
.mst-rp-kpi.is-bad b{color:#b8324d;}
.mst-rp-kpi.is-good b{color:#1c7a52;}
.mst-rp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.mst-rp-card{padding:16px 18px;display:flex;flex-direction:column;gap:12px;}
.mst-rp-ch{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.mst-rp-ch h3{margin:0;font-size:15px;font-weight:800;}
.mst-rp-ch small{font-size:12px;color:var(--mst-muted);}
.mst-rp-chart{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:16px;}
.mst-rp-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;}
.mst-rp-col i{display:block;width:100%;max-width:38px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#3d7fe0,#004AAD);min-height:2px;transition:height .4s ease;}
.mst-rp-col small{font-size:10.5px;color:var(--mst-muted);white-space:nowrap;}
.mst-rp-v{font-size:10.5px;font-weight:700;color:var(--mst-ink-2);min-height:13px;}
.mst-rp-todo{display:flex;flex-direction:column;gap:6px;}
.mst-rp-todo button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--mst-line);cursor:pointer;font-size:14px;font-weight:600;color:var(--mst-ink);}
.mst-rp-todo button:hover{background:#f8faff;border-color:#cfdcf4;}
.mst-rp-todo .mst-tile{width:34px;height:34px;flex:none;}
.mst-rp-todo button>span:nth-child(2){flex:1;}
.mst-rp-todo svg.mst-i:last-child{width:16px;height:16px;color:var(--mst-muted);}
.mst-rp-ok{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#1c7a52;font-weight:600;}
.mst-rp-ok svg.mst-i{width:18px;height:18px;}
.mst-rp-stack{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--mst-line);gap:2px;}
.mst-rp-stack i,.mst-rp-legend i{background:var(--tone-ink);}
.mst-rp-legend{display:flex;flex-wrap:wrap;gap:6px;}
.mst-rp-legend button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;border:1px solid var(--mst-line);font-size:12.5px;color:var(--mst-ink-2);}
.mst-rp-legend button:hover{border-color:#cfdcf4;}
.mst-rp-legend i{width:10px;height:10px;border-radius:50%;}
.mst-rp-legend b{color:var(--mst-ink);}
.mst-rp-top{display:flex;flex-direction:column;}
.mst-rp-top>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--mst-line-2);}
.mst-rp-top>div:last-child{border-bottom:0;}
.mst-rp-top .mst-grow{display:flex;flex-direction:column;min-width:0;}
.mst-rp-top small{font-size:12px;color:var(--mst-muted);}
.mst-rp-top em{font-style:normal;color:#b8324d;font-weight:700;}
.mst-rp-top>div>b{font-variant-numeric:tabular-nums;}
.mst-rp-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px;}
.mst-rp-tools .mst-search{flex:1 1 260px;}
.mst-rp-table td.num,.mst-rp-table th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.mst-rp-table tfoot td{background:#f7f8fc;border-top:2px solid var(--mst-line);}
.mst-rp-cards{display:none;}
@media (max-width:900px){.mst-rp-grid{grid-template-columns:1fr;}.mst-rp-partner{margin-left:0;flex:1 1 100%;}}
@media (max-width:750px){
  .mst-rp-periods{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;}
  .mst-rp-periods button{flex:none;}
  .mst-rp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mst-rp-kpi{padding:12px;}
  .mst-rp-kpi b{font-size:17px;}
  .mst-rp-table{display:none;}
  .mst-rp-cards{display:flex;flex-direction:column;gap:8px;}
  .mst-rp-mcard{padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;}
  .mst-rp-mcard>b{font-size:15px;margin-bottom:2px;}
  .mst-rp-mcard>div{display:flex;justify-content:space-between;gap:10px;}
  .mst-rp-mcard>div>span:first-child{color:var(--mst-muted);font-size:12.5px;}
  .mst-rp-mcard>div>span:last-child{text-align:right;}
  .mst-rp-chart{height:150px;gap:3px;}
  .mst-rp-col small{font-size:9px;}
  .mst-rp-v{display:none;}
}
/* notification list: visible action button */
.mst-nt-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;}
.mst-nt-foot small{margin:0!important;}
.mst-nt-act{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px;border-radius:10px;background:var(--mst-brand);color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;}
.mst-nt-act svg.mst-i{width:15px;height:15px;}
.mst-nt-act:active{transform:scale(.97);}
.mst-nt-card:focus-visible{outline:3px solid #9db8e8;outline-offset:2px;}

/* Partner dashboard: "statements to pay" — same look & loop animation as My Account */
.mst-pt-duebar.is-hot{all:unset;box-sizing:border-box;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:18px;cursor:pointer;color:#fff;background:linear-gradient(120deg,#ff7a45,#f2503f 45%,#d93a63);box-shadow:0 14px 30px -16px rgba(217,58,99,.9);animation:mstDueGlow 2.4s ease-in-out infinite;-webkit-tap-highlight-color:transparent;transition:transform .15s;}
.mst-pt-duebar.is-hot:active{transform:scale(.985);}
.mst-pt-duebar.is-hot:focus-visible{outline:3px solid #ffc2a8;outline-offset:2px;}
.mst-pt-duebar.is-hot::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:mstDueShine 3.2s ease-in-out infinite;pointer-events:none;}
.mst-pt-duebar .mst-due-ic{position:relative;flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.2);color:#fff;}
.mst-pt-duebar .mst-due-ic svg.mst-i{width:22px;height:22px;}
.mst-pt-duebar .mst-due-ic::before{content:"";position:absolute;inset:0;border-radius:14px;border:2px solid rgba(255,255,255,.7);animation:mstDuePing 1.8s cubic-bezier(0,0,.2,1) infinite;}
.mst-pt-duebar .mst-due-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.mst-pt-duebar .mst-due-t b{font-size:15.5px;font-weight:800;color:#fff;}
.mst-pt-duebar .mst-due-t small{font-size:12.5px;color:rgba(255,255,255,.92);}
.mst-pt-duebar .mst-due-go{flex:none;display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 14px;border-radius:12px;background:#fff;color:#d93a63;font-weight:800;font-size:13.5px;white-space:nowrap;}
.mst-pt-duebar .mst-due-go svg.mst-i{width:16px;height:16px;}
@keyframes mstDueShine{0%{left:-60%}55%,100%{left:130%}}
@keyframes mstDuePing{0%{transform:scale(1);opacity:.9}80%,100%{transform:scale(1.45);opacity:0}}
@keyframes mstDueGlow{0%,100%{box-shadow:0 14px 30px -16px rgba(217,58,99,.9)}50%{box-shadow:0 14px 34px -12px rgba(255,122,69,.95)}}
@media (prefers-reduced-motion:reduce){.mst-pt-duebar.is-hot,.mst-pt-duebar.is-hot::after,.mst-pt-duebar .mst-due-ic::before{animation:none;}}
@media (max-width:760px){
  .mst-pt-duebar.is-hot{padding:12px 14px;border-radius:16px;gap:12px;}
  .mst-pt-duebar .mst-due-ic{width:40px;height:40px;border-radius:12px;}
  .mst-pt-duebar .mst-due-go{height:34px;padding:0 10px;font-size:12.5px;}
}
@media (max-width:380px){
  .mst-pt-duebar.is-hot{flex-wrap:wrap;}
  .mst-pt-duebar .mst-due-go{width:100%;justify-content:center;order:3;}
}
/* fix: older ".mst-pt-duebar span" rule stacked the Pay now pill */
.mst-pt-duebar.is-hot .mst-due-ic{flex:none;display:grid;flex-direction:initial;}
.mst-pt-duebar.is-hot .mst-due-t{flex:1 1 auto;display:flex;flex-direction:column;}
.mst-pt-duebar.is-hot .mst-due-t small{opacity:1;}
.mst-pt-duebar.is-hot .mst-due-go{flex:0 0 auto;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;line-height:1;}
.mst-pt-duebar.is-hot .mst-due-go svg.mst-i{flex:none;width:16px;height:16px;margin:0;}
@media (max-width:380px){.mst-pt-duebar.is-hot .mst-due-go{flex:1 1 100%;}}

/* ===== Partner statement card v2 (simple) ===== */
.mst-sc{display:flex;flex-direction:column;gap:14px;padding:18px!important;}
.mst-sc-h{display:flex;align-items:flex-start;gap:12px;}
.mst-sc-h small{display:block;font-size:12.5px;font-weight:700;color:var(--mst-muted);letter-spacing:.02em;margin-top:6px;}
.mst-sc-h h2{margin:2px 0 0;font-size:19px;font-weight:800;line-height:1.25;color:var(--mst-ink);}
.mst-sc-st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:800;}
.mst-sc-st.is-open{background:#fff3cf;color:#8a6700;}
.mst-sc-st.is-part{background:#deedff;color:#1f5bb5;}
.mst-sc-st.is-late{background:#ffe3e9;color:#b8324d;}
.mst-sc-st.is-paid{background:#dff5ea;color:#1c7a52;}
.mst-sc-cur{flex:none;display:flex;padding:3px;border-radius:12px;background:#e9edf6;}
.mst-sc-cur button{all:unset;cursor:pointer;padding:0 12px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:12.5px;font-weight:800;color:var(--mst-ink-2);}
.mst-sc-cur button.is-on{background:#fff;color:var(--mst-brand);box-shadow:0 2px 6px -2px rgba(27,34,64,.25);}
/* hero */
.mst-sc-hero{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;color:#fff;background:radial-gradient(420px 200px at 110% -20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(150deg,#0a5bd0,#004AAD 55%,#00398a);box-shadow:0 18px 34px -22px rgba(0,74,173,.9);}
.mst-sc-hero.is-late{background:radial-gradient(420px 200px at 110% -20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(150deg,#f2503f,#d93a63 60%,#b02a52);box-shadow:0 18px 34px -22px rgba(217,58,99,.9);}
.mst-sc-hero>small{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85;}
.mst-sc-amt{font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.mst-sc-when{display:flex;align-items:center;gap:6px;font-size:14px;opacity:.95;}
.mst-sc-when svg.mst-i{width:16px;height:16px;}
.mst-sc-when em{font-style:normal;font-weight:800;}
.mst-sc-alt{font-size:12.5px;opacity:.75;}
.mst-sc-prog{height:6px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden;margin-top:8px;}
.mst-sc-prog i{display:block;height:100%;border-radius:3px;background:#fff;min-width:4px;transition:width .5s ease;}
.mst-sc-progt{font-size:12.5px;opacity:.85;}
.mst-sc-part{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:12.5px;opacity:.95;}
.mst-sc-part .mst-input{background:#fff!important;color:var(--mst-ink)!important;border:0!important;height:46px;font-size:16px;}
.mst-sc-pay{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;height:54px;margin-top:12px;border-radius:16px;background:#fff;color:var(--mst-brand);font-weight:900;font-size:16.5px;cursor:pointer;box-shadow:0 10px 22px -14px rgba(0,0,0,.6);transition:transform .12s;}
.mst-sc-hero.is-late .mst-sc-pay{color:#d93a63;}
.mst-sc-pay svg.mst-i{width:18px;height:18px;}
.mst-sc-pay:active{transform:scale(.98);}
.mst-sc-pay:disabled{opacity:.7;}
.mst-sc-hero.is-done{background:#f0faf5;color:#1c7a52;box-shadow:none;border:1px solid #cdeedd;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px;}
.mst-sc-hero.is-done b{font-size:18px;font-weight:900;}
.mst-sc-hero.is-done .mst-sc-when{flex-basis:100%;opacity:1;color:#2f6f53;}
.mst-sc-check{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#1c9a63;color:#fff;}
.mst-sc-check svg.mst-i{width:20px;height:20px;}
/* plan (vertical stepper) */
.mst-sc-plan{display:flex;flex-direction:column;gap:10px;}
.mst-sc-plan-h{display:flex;align-items:center;justify-content:space-between;}
.mst-sc-plan-h b{font-size:15px;font-weight:800;}
.mst-sc-plan-h span{font-size:13px;font-weight:700;color:var(--mst-muted);}
.mst-sc-plan ol{list-style:none;margin:0;padding:0;position:relative;}
.mst-sc-plan li{position:relative;display:flex;align-items:center;gap:12px;padding:9px 0;}
.mst-sc-plan li:not(:last-child)::after{content:"";position:absolute;left:10px;top:31px;bottom:-9px;width:2px;background:var(--mst-line);}
.mst-sc-plan li.is-paid:not(:last-child)::after{background:#1c9a63;}
.mst-sc-dot{position:relative;z-index:1;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #cfd5e3;color:#fff;}
.mst-sc-dot svg.mst-i{width:13px;height:13px;}
.mst-sc-plan li.is-paid .mst-sc-dot{background:#1c9a63;border-color:#1c9a63;}
.mst-sc-plan li.is-next .mst-sc-dot{border-color:var(--mst-brand);box-shadow:0 0 0 4px rgba(0,74,173,.15);}
.mst-sc-plan li.is-next .mst-sc-dot::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--mst-brand);}
.mst-sc-plan li.is-overdue .mst-sc-dot{border-color:#e03a3a;}
.mst-sc-plan li>div{flex:1;min-width:0;display:flex;flex-direction:column;}
.mst-sc-plan li b{font-size:14px;font-weight:700;color:var(--mst-ink);}
.mst-sc-plan li small{font-size:12.5px;color:var(--mst-muted);}
.mst-sc-plan li.is-overdue small{color:#b8324d;font-weight:700;}
.mst-sc-plan li.is-next b{color:var(--mst-brand);}
.mst-sc-pamt{flex:none;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;color:var(--mst-ink);}
.mst-sc-plan li.is-paid b,.mst-sc-plan li.is-paid .mst-sc-pamt{color:var(--mst-muted);}
.mst-sc-all{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:46px;border-radius:14px;border:1.5px solid #cfdcf4;color:var(--mst-brand);font-weight:800;font-size:14px;cursor:pointer;text-align:center;padding:0 12px;}
.mst-sc-all:hover{background:#f4f8ff;}
.mst-sc-note{margin:0;padding:10px 12px;border-radius:12px;background:var(--mst-slate);font-size:13.5px;color:var(--mst-ink-2);}
.mst-sc .mst-bd{border-radius:14px;}
@media (max-width:760px){
  .mst-sc{padding:16px!important;gap:12px;}
  .mst-sc-h h2{font-size:17px;}
  .mst-sc-hero{padding:18px;border-radius:18px;}
  .mst-sc-amt{font-size:30px;}
}
@media (max-width:360px){.mst-sc-amt{font-size:26px;}.mst-sc-h{flex-wrap:wrap;}}

/* Pay tab: payment history */
.mst-ph{padding:16px 18px!important;display:flex;flex-direction:column;gap:10px;}
.mst-ph-h{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.mst-ph-h h3{margin:0;font-size:16px;font-weight:800;color:var(--mst-ink);}
.mst-ph-h small{font-size:12.5px;color:var(--mst-muted);}
.mst-ph-badge{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff5ea;color:#1c7a52;}
.mst-ph-badge svg.mst-i{width:18px;height:18px;}
.mst-ph-ul{list-style:none;margin:0;padding:0;}
.mst-ph-ul li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--mst-line-2);}
.mst-ph-ul li:last-child{border-bottom:0;}
.mst-ph-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef7f2;color:#1c7a52;}
.mst-ph-ic.is-online{background:#e8f0fd;color:var(--mst-brand);}
.mst-ph-ic svg.mst-i{width:18px;height:18px;}
.mst-ph-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.mst-ph-m b{font-size:14px;color:var(--mst-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-ph-m small{font-size:12.5px;color:var(--mst-muted);}
.mst-ph-m .mst-ph-note{font-style:italic;}
.mst-ph-r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
.mst-ph-r b{font-size:14.5px;font-weight:800;color:#1c7a52;font-variant-numeric:tabular-nums;white-space:nowrap;}
.mst-ph-r small{font-size:12px;color:var(--mst-muted);}
.mst-ph-rc{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:700;color:var(--mst-brand);text-decoration:none;}
.mst-ph-rc svg.mst-i{width:14px;height:14px;}
@media (max-width:760px){.mst-ph{padding:14px!important;}.mst-ph-ic{width:34px;height:34px;}}

/* ===== v1.4.8: what's next, bank transfer, photos, overdue ===== */
.mst-next{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:20px;cursor:pointer;background:#fff;border:1.5px solid var(--mst-line);box-shadow:0 12px 30px -22px rgba(27,34,64,.4);transition:transform .15s,border-color .15s;}
.mst-next:hover{border-color:#cfdcf4;}
.mst-next:active{transform:scale(.985);}
.mst-next-ic{flex:none;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--tone);color:var(--tone-ink);}
.mst-next-ic svg.mst-i{width:24px;height:24px;}
.mst-next-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.mst-next-t small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mst-muted);}
.mst-next-t b{font-size:16.5px;font-weight:800;color:var(--mst-ink);line-height:1.25;}
.mst-next-t em{font-style:normal;font-size:13px;color:var(--mst-ink-2);}
.mst-next-go{flex:none;display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 14px;border-radius:12px;background:var(--mst-brand);color:#fff;font-weight:800;font-size:13.5px;white-space:nowrap;}
.mst-next-go svg.mst-i{width:16px;height:16px;}
.mst-pt-tilesbox{border:1px solid var(--mst-line);border-radius:18px;background:#fff;overflow:hidden;}
.mst-pt-tilesbox>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;font-weight:800;font-size:14px;color:var(--mst-ink);}
.mst-pt-tilesbox>summary::-webkit-details-marker{display:none;}
.mst-pt-tilesbox>summary span{display:inline-flex;align-items:center;gap:8px;}
.mst-pt-tilesbox>summary svg.mst-i{width:18px;height:18px;color:var(--mst-muted);}
.mst-pt-tilesbox>summary i svg.mst-i{transition:transform .2s;}
.mst-pt-tilesbox[open]>summary i svg.mst-i{transform:rotate(180deg);}
.mst-pt-tilesbox .mst-pt-steps{padding:0 12px 12px;}
@media (max-width:760px){
  .mst-next{padding:14px;border-radius:16px;gap:12px;}
  .mst-next-ic{width:42px;height:42px;border-radius:13px;}
  .mst-next-t b{font-size:15px;}
  .mst-next-go{height:34px;padding:0 10px;font-size:12.5px;}
  .mst-pt-tilesbox .mst-pt-steps{padding:0 10px 10px;}
}
@media (max-width:380px){.mst-next{flex-wrap:wrap;}.mst-next-go{width:100%;justify-content:center;order:3;}}
/* pay sheet: method choice */
.mst-pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mst-pay-mbtn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1.5px solid var(--mst-line);cursor:pointer;background:#fff;}
.mst-pay-mbtn.is-on{border-color:var(--mst-brand);background:#f2f7ff;box-shadow:0 0 0 3px rgba(0,74,173,.1);}
.mst-pay-mbtn>svg.mst-i{width:22px;height:22px;color:var(--mst-brand);flex:none;}
.mst-pay-mbtn span{display:flex;flex-direction:column;min-width:0;}
.mst-pay-mbtn b{font-size:14px;color:var(--mst-ink);}
.mst-pay-mbtn small{font-size:12px;color:var(--mst-muted);}
/* bank sheet */
.mst-bank{display:flex;flex-direction:column;gap:14px;}
.mst-bank-box{border:1px solid var(--mst-line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;}
.mst-bank-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.mst-bank-h b{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mst-muted);}
.mst-bank-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--mst-line-2);}
.mst-bank-row:last-child{border-bottom:0;}
.mst-bank-row>span{flex:0 0 32%;font-size:12.5px;color:var(--mst-muted);}
.mst-bank-row>b{flex:1;min-width:0;font-size:14.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--mst-ink);}
.mst-bank-row.is-ref>b{color:var(--mst-brand);font-weight:900;}
.mst-bank-note{margin:0;font-size:13px;color:var(--mst-ink-2);padding:10px 12px;border-radius:12px;background:var(--mst-slate);}
.mst-bank-done{display:flex;flex-direction:column;gap:10px;padding-top:6px;border-top:1px dashed var(--mst-line);}
.mst-bank-done>b{font-size:15px;}
.mst-sc-pend{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.18);font-size:12.5px;font-weight:700;}
.mst-sc-pend svg.mst-i{width:15px;height:15px;}
.mst-ph-ul li.is-pending .mst-ph-ic{background:#fff3cf;color:#8a6700;}
.mst-ph-ul li.is-pending .mst-ph-r b{color:#8a6700;}
.mst-ph-ul li.is-rejected .mst-ph-ic{background:#ffe3e9;color:#b8324d;}
.mst-ph-ul li.is-rejected .mst-ph-r b{color:#b8324d;text-decoration:line-through;}
/* photos gallery */
.mst-pt-photosbtn{flex:none;}
.mst-pg{display:flex;flex-direction:column;gap:12px;}
.mst-pg-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.mst-pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:min(62vh,640px);overflow-y:auto;padding:2px;}
.mst-pg-it{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--mst-line);background:#fff;text-decoration:none;color:var(--mst-ink);}
.mst-pg-it img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--mst-slate);}
.mst-pg-it span{display:flex;flex-direction:column;padding:8px 10px;}
.mst-pg-it b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-pg-it small{font-size:11.5px;color:var(--mst-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:760px){.mst-pg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.mst-pay-methods{grid-template-columns:1fr;}}
/* admin: overdue + transfers */
.mst-bl-card.is-overdue{border-color:#f1c9d2;}
.mst-bl-over{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 10px;border-radius:10px;background:#fff1f3;color:#b8324d;font-size:12.5px;}
.mst-bl-over svg.mst-i{width:15px;height:15px;}
.mst-bl-over small{color:#9b4a5c;}
.mst-bl-tr{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border-radius:12px;background:#fff8e6;border:1px solid #f3e1a6;}
.mst-bl-tr .mst-tile{width:34px;height:34px;flex:none;}
.mst-bl-tr b{font-size:13.5px;}
.mst-bl-tr small{display:block;font-size:12px;color:var(--mst-muted);}
/* Send-In list: attached photos */
.mst-si-photos{display:inline-flex;align-items:center;gap:4px;}
.mst-si-photos a{display:block;width:34px;height:34px;border-radius:8px;overflow:hidden;border:1px solid var(--mst-line);background:var(--mst-slate);flex:none;}
.mst-si-photos a:hover{border-color:var(--mst-brand);}
.mst-si-photos img{width:100%;height:100%;object-fit:cover;display:block;}
.mst-si-photos em{font-style:normal;font-size:12px;font-weight:700;color:var(--mst-muted);margin-left:2px;}
.mst-si-photos.is-card{display:flex;margin-top:8px;}
.mst-si-photos.is-card a{width:48px;height:48px;border-radius:10px;}
/* Send-In list: send link again */
.mst-si-again{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;margin-top:5px;height:26px;padding:0 9px;border-radius:8px;border:1px solid #cfdcf4;background:#fff;color:var(--mst-brand);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;}
.mst-si-again svg.mst-i{width:13px;height:13px;}
.mst-si-again:hover{background:#f2f7ff;}
.mst-si-again:disabled,.mst-si-again.is-busy{opacity:.55;cursor:default;}
td .mst-si-again{display:flex;width:max-content;}
/* Send-In entry: item without photo + refresh */
.mst-si-noph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;aspect-ratio:1;border-radius:14px;border:2px dashed #cfd8ea;background:#f7f9fd;color:var(--mst-brand);font-size:13px;font-weight:700;cursor:pointer;}
.mst-si-noph svg.mst-i{width:26px;height:26px;}
.mst-si-noph:hover{border-color:var(--mst-brand);background:#f2f7ff;}
.mst-si-noph.is-busy{opacity:.6;pointer-events:none;}
.mst-si-refresh{margin-left:auto;}
.mst-si-refresh.is-busy svg.mst-i{animation:mstSpin .8s linear infinite;}
@keyframes mstSpin{to{transform:rotate(360deg)}}
/* customer note */
.mst-rcv-cnote{margin-top:4px;}
.mst-rcv-cnote .mst-textarea{min-height:52px;}
.mst-sb-cnote{display:block;padding:8px 10px;border-radius:10px;background:#fff8e6;border:1px solid #f3e1a6;color:#6b5200;font-weight:600;white-space:pre-line;}
/* Send-In: one item slot per quantity */
.mst-si-slot{display:flex;align-items:center;gap:12px;padding:14px;margin:0 0 10px;border-radius:16px;border:2px dashed #cfd8ea;background:#f9fbff;}
.mst-si-slot-n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f0fd;color:var(--mst-brand);font-weight:800;}
.mst-si-slot b{display:block;font-size:14.5px;color:var(--mst-ink);}
.mst-si-slot small{font-size:12.5px;color:var(--mst-muted);}
@media (max-width:600px){.mst-si-slot{flex-wrap:wrap;}.mst-si-slot .mst-btn{width:100%;justify-content:center;}}
/* Send-In import: partner first */
.mst-si-assign{padding:12px 14px;border-radius:14px;background:#f2f7ff;border:1px solid #cfdcf4;}
.mst-si-assign .mst-field>span{display:inline-flex;align-items:center;gap:6px;font-weight:700;}
.mst-si-assign .mst-field>span svg.mst-i{width:15px;height:15px;color:var(--mst-brand);}

/* ===== Arrange label: big ARR #, order, partner ===== */
.mst-lbl.t-arrange{align-items:center;gap:1.4mm;}
.mst-lbl-ar{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.3mm;}
.mst-lbl-arnum{display:block;font-weight:900;line-height:.95;white-space:nowrap;overflow:hidden;max-width:100%;letter-spacing:-.02em;}
.mst-lbl-arnum.is-blank{border-bottom:.35mm solid #000;min-height:9mm;}
.mst-lbl-arord{display:block;font-weight:800;white-space:nowrap;overflow:hidden;max-width:100%;margin-top:.6mm;}
.mst-lbl-arpt{display:block;font-weight:600;white-space:nowrap;overflow:hidden;max-width:100%;color:#222;}

/* ===== Print screen: half-screen panel on desktop (full screen on phones, unchanged when printing) ===== */
@media screen and (min-width:900px){
  .mst-printer{left:auto;right:0;width:min(760px,max(560px,50vw));box-shadow:-24px 0 60px -20px rgba(15,23,42,.45);border-radius:20px 0 0 20px;overflow:hidden;animation:mstPrinterIn .22s ease-out;}
  .mst-printer::before{content:"";position:fixed;inset:0;right:min(760px,max(560px,50vw));background:rgba(15,23,42,.35);z-index:-1;}
  .mst-printer-bar{border-radius:20px 0 0 0;}
}
@keyframes mstPrinterIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@media print{html.mst-printing .mst-printer{width:auto!important;box-shadow:none!important;border-radius:0!important;animation:none!important;}html.mst-printing .mst-printer::before{display:none!important;}}
/* Items list: print button per item */
.mst-items-table th.mst-rowact,.mst-items-table td.mst-rowact{width:48px;text-align:right;padding-right:12px;}
.mst-items-table td.mst-rowact .mst-icon-btn{color:var(--mst-brand);}
.mst-items-table td.mst-rowact .mst-icon-btn:hover{background:#e8f0fd;}
.mst-icard-print{margin-left:6px;color:var(--mst-brand);}
.mst-items-table th.mst-rowact,.mst-items-table td.mst-rowact{width:88px;}
.mst-rowact-in{display:inline-flex;gap:2px;}

/* ===== print presets ===== */
.mst-presets{flex-wrap:wrap;gap:6px;align-items:center;}
.mst-presets-l{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mst-muted);margin-right:2px;}
.mst-preset{display:inline-flex;align-items:stretch;border-radius:12px;overflow:hidden;border:1.5px solid #cfdcf4;background:#fff;}
.mst-preset-go{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;font-weight:800;font-size:13.5px;color:var(--mst-brand);}
.mst-preset-go svg.mst-i{width:15px;height:15px;}
.mst-preset-go:hover{background:#f2f7ff;}
.mst-preset-x{all:unset;cursor:pointer;display:grid;place-items:center;width:30px;border-left:1px solid #e3e9f6;color:var(--mst-muted);}
.mst-preset-x:hover{background:#f6f8fc;}
.mst-preset-x svg.mst-i{width:16px;height:16px;}
.mst-preset-row{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 9px;border-radius:9px;border:1px solid #cfdcf4;background:#fff;color:var(--mst-brand);font-size:12px;font-weight:800;white-space:nowrap;}
.mst-preset-row svg.mst-i{width:13px;height:13px;}
.mst-preset-row:hover{background:#f2f7ff;border-color:var(--mst-brand);}
.mst-items-table th.mst-rowact,.mst-items-table td.mst-rowact{width:auto;white-space:nowrap;}
.mst-rowact-in{align-items:center;gap:4px;}
.mst-icard-presets{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px;}

/* ===== label "Look" options (per profile) ===== */
.mst-lbl.no-qr .mst-lbl-qr{display:none!important;}
.mst-lbl.no-qr .mst-lbl-qrw{min-width:0;}
.mst-lbl.no-cap .mst-lbl-f>span,.mst-lbl.no-cap .mst-lbl-k{display:none!important;}
.mst-lbl.lk-normal b,.mst-lbl.lk-normal .mst-lbl-big,.mst-lbl.lk-normal .mst-lbl-arnum,.mst-lbl.lk-normal .mst-lbl-ord,.mst-lbl.lk-normal .mst-lbl-arord{font-weight:500!important;}
.mst-lbl.lk-black b,.mst-lbl.lk-black .mst-lbl-ord,.mst-lbl.lk-black .mst-lbl-arord,.mst-lbl.lk-black .mst-lbl-f{font-weight:900!important;}
.mst-lbl.lk-italic b,.mst-lbl.lk-italic .mst-lbl-big,.mst-lbl.lk-italic .mst-lbl-arnum,.mst-lbl.lk-italic .mst-lbl-ord,.mst-lbl.lk-italic .mst-lbl-arord,.mst-lbl.lk-italic .mst-lbl-f{font-style:italic;}
.mst-lookgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));}

/* ===== Shipping Desk on phones: rows as cards (the table was hidden on small screens) ===== */
@media (max-width:750px){
  .mst-dk-wrap{display:block!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
  .mst-dk-wrap .mst-dk-table,.mst-dk-wrap .mst-dk-table tbody{display:block;width:100%;}
  .mst-dk-wrap .mst-dk-table thead{display:none;}
  .mst-dk-wrap .mst-dk-table tr{display:flex;flex-direction:column;gap:6px;margin:0 0 10px;padding:12px 14px;background:#fff;border:1px solid var(--mst-line);border-radius:16px;box-shadow:0 8px 20px -18px rgba(27,34,64,.5);cursor:pointer;}
  .mst-dk-wrap .mst-dk-table tr.is-empty{background:none;border:0;box-shadow:none;}
  .mst-dk-wrap .mst-dk-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:0!important;border:0!important;text-align:right;font-size:14px;min-width:0;}
  .mst-dk-wrap .mst-dk-table td>*{min-width:0;}
  .mst-dk-wrap .mst-dk-table td[data-label]::before{content:attr(data-label);flex:none;font-size:12px;font-weight:700;color:var(--mst-muted);text-align:left;padding-top:2px;}
  .mst-dk-wrap .mst-dk-table td:first-child{justify-content:flex-start;text-align:left;padding-bottom:6px!important;border-bottom:1px solid var(--mst-line-2)!important;margin-bottom:2px;}
  .mst-dk-wrap .mst-dk-table td:first-child::before{display:none;}
  .mst-dk-wrap .mst-dk-table td:first-child>div{margin-left:8px;}
  .mst-dk-wrap .mst-dk-table td.mst-dk-act{justify-content:flex-start;flex-wrap:wrap;gap:6px;padding-top:6px!important;border-top:1px solid var(--mst-line-2)!important;margin-top:2px;}
  .mst-dk-wrap .mst-dk-table td.mst-dk-act::before{display:none;}
  .mst-dk-wrap .mst-dk-table td .mst-select{max-width:60%;}
  .mst-dk-wrap .mst-dk-table td.is-empty,.mst-dk-wrap .mst-dk-table tr.is-empty td{display:block;text-align:center;}
}
/* Add record button: always clearly visible */
.mst-root [data-addrec]{background:var(--mst-brand)!important;color:#fff!important;}

/* ===== Shipping Desk: filters + item pictures ===== */
.mst-root [data-tools]{flex-wrap:wrap;}
.mst-dk-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;width:100%;margin-top:4px;}
.mst-dk-filters .mst-field{flex:1 1 150px;min-width:130px;gap:4px;}
.mst-dk-filters .mst-field>span{font-size:12px;}
.mst-dk-ph{flex:none;height:36px;display:inline-flex;align-items:center;white-space:nowrap;}
.mst-dk-item{display:flex;align-items:center;gap:10px;min-width:0;}
.mst-dk-item>span:last-child{min-width:0;}
.mst-dk-th{flex:none;display:inline-flex;align-items:center;gap:4px;}
.mst-dk-th a{display:block;width:42px;height:42px;border-radius:9px;overflow:hidden;border:1px solid var(--mst-line);background:var(--mst-slate);}
.mst-dk-th a:hover{border-color:var(--mst-brand);}
.mst-dk-th img{width:100%;height:100%;object-fit:cover;display:block;}
.mst-dk-th em{font-style:normal;font-size:12px;font-weight:700;color:var(--mst-muted);}
@media (max-width:750px){
  .mst-dk-filters .mst-field{flex:1 1 calc(50% - 5px);}
  .mst-dk-wrap .mst-dk-table td .mst-dk-item{flex-direction:row-reverse;justify-content:flex-start;text-align:right;}
  .mst-dk-th a{width:38px;height:38px;}
}
.mst-dk-phone a{display:inline-flex;align-items:center;gap:4px;color:var(--mst-ink-2);text-decoration:none;font-variant-numeric:tabular-nums;}
.mst-dk-phone a:hover{color:var(--mst-brand);}
.mst-dk-phone svg.mst-i{width:12px;height:12px;color:var(--mst-muted);}

/* ===== Shipping Desk: per-item cards inside an order ===== */
.mst-dk-lines{display:flex;flex-direction:column;gap:8px;}
.mst-dk-line{border:1px solid var(--mst-line);border-radius:16px;background:#fff;overflow:hidden;}
.mst-dk-line[open]{border-color:#cfdcf4;box-shadow:0 10px 24px -20px rgba(0,74,173,.6);}
.mst-dk-line>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;}
.mst-dk-line>summary::-webkit-details-marker{display:none;}
.mst-dk-line>summary img,.mst-dk-line>summary .mst-tile{flex:none;width:44px;height:44px;border-radius:10px;object-fit:cover;}
.mst-dk-line>summary .mst-grow{min-width:0;display:flex;flex-direction:column;}
.mst-dk-line>summary b{font-size:14px;color:var(--mst-ink);}
.mst-dk-line>summary small{font-size:12px;color:var(--mst-muted);}
.mst-dk-line>summary>svg.mst-i{width:18px;height:18px;color:var(--mst-muted);transition:transform .2s;flex:none;}
.mst-dk-line[open]>summary>svg.mst-i{transform:rotate(180deg);}
.mst-dk-line-b{display:flex;flex-direction:column;gap:12px;padding:4px 12px 12px;border-top:1px solid var(--mst-line-2);}
@media (max-width:600px){.mst-dk-line>summary .mst-badge{display:none;}}

/* ===== Shipping Desk filters: collapsible, tidy grid (fix stacked half-width fields on phones) ===== */
.mst-dk-fbox{width:100%;border:1px solid var(--mst-line);border-radius:14px;background:#fff;}
.mst-dk-fbox>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-weight:700;font-size:14px;color:var(--mst-ink);}
.mst-dk-fbox>summary::-webkit-details-marker{display:none;}
.mst-dk-fbox>summary>svg.mst-i{width:17px;height:17px;color:var(--mst-muted);}
.mst-dk-fbox>summary>svg.mst-i:last-child{margin-left:auto;transition:transform .2s;}
.mst-dk-fbox[open]>summary>svg.mst-i:last-child{transform:rotate(180deg);}
.mst-dk-fbox .mst-fcount[hidden]{display:none;}
.mst-dk-fbox .mst-dk-filters{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;align-items:end;margin:0;padding:0 14px 14px;}
.mst-dk-fbox .mst-dk-filters .mst-field{min-width:0;width:auto!important;max-width:none!important;flex:none!important;}
.mst-dk-fbox .mst-dk-filters .mst-input,.mst-dk-fbox .mst-dk-filters .mst-select{width:100%!important;}
.mst-dk-fbox [data-dfclear][hidden]{display:none!important;}
@media (max-width:750px){
  .mst-dk-fbox .mst-dk-filters{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px;}
  .mst-dk-fbox .mst-dk-filters .mst-field:nth-child(1),.mst-dk-fbox .mst-dk-filters .mst-field:nth-child(2){grid-column:1/-1;}
  .mst-dk-fbox .mst-dk-ph,.mst-dk-fbox [data-dfclear]{grid-column:span 1;}
  .mst-dk-fbox .mst-dk-filters input[type=date]{min-height:40px;}
}
/* Send-In: item received tick */
.mst-si-arr{display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;}
.mst-si-arr input{position:absolute;opacity:0;pointer-events:none;}
.mst-si-arr-box{flex:none;width:26px;height:26px;border-radius:8px;border:2px solid #cfd5e3;background:#fff;display:grid;place-items:center;color:transparent;transition:all .15s;}
.mst-si-arr-box svg.mst-i{width:16px;height:16px;}
.mst-si-arr:hover .mst-si-arr-box{border-color:#1c9a63;}
.mst-si-arr.is-on .mst-si-arr-box{background:#1c9a63;border-color:#1c9a63;color:#fff;}
.mst-si-arr input:focus-visible+.mst-si-arr-box{box-shadow:0 0 0 3px rgba(28,154,99,.3);}
.mst-si-arr-t{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:var(--mst-muted);line-height:1.2;}
.mst-si-arr.is-on .mst-si-arr-t{color:#1c7a52;}
.mst-si-arr-t small{font-size:11.5px;font-weight:500;color:var(--mst-muted);}
.mst-si-arr input:disabled+.mst-si-arr-box{opacity:.5;}
.mst-si-arr-card{margin-top:8px;}
/* Send-In: item received — Yes (green) / No (red) */
.mst-si-yn{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;}
.mst-si-yn button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:9px;border:1.5px solid #dfe3ee;background:#fff;color:#8a91ab;font-size:12.5px;font-weight:800;transition:all .15s;}
.mst-si-yn button svg.mst-i{width:14px;height:14px;}
.mst-si-yn button.is-no:hover{border-color:#e03a3a;color:#e03a3a;}
.mst-si-yn button.is-yes:hover{border-color:#1c9a63;color:#1c9a63;}
.mst-si-yn button.is-no.is-on{background:#e03a3a;border-color:#e03a3a;color:#fff;cursor:default;}
.mst-si-yn button.is-yes.is-on{background:#1c9a63;border-color:#1c9a63;color:#fff;cursor:default;}
.mst-si-yn button:focus-visible{box-shadow:0 0 0 3px rgba(0,74,173,.25);}
.mst-si-yn small{flex-basis:100%;font-size:11.5px;color:var(--mst-muted);}
.mst-si-yn.is-busy{opacity:.5;pointer-events:none;}
/* arrange: per-celebrity codes */
.mst-arrpx{margin-top:8px;padding:12px;border-radius:12px;background:#f7f5ff;border:1px solid #e3ddfb;}
.mst-arrpx[hidden]{display:none;}
.mst-arrpx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:220px;overflow:auto;}
.mst-arrpx-grid .mst-field>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* Shipping Desk: bring-your-item reminder */
.mst-dk-remind{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fffaf0;border:1px solid #f3e1a6;}
.mst-dk-remind .mst-tile{flex:none;width:38px;height:38px;}
.mst-dk-remind b{display:block;font-size:14px;}
.mst-dk-remind small{font-size:12.5px;color:var(--mst-muted);}
.mst-dk-rem{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:#8a6700;font-weight:700;}
.mst-dk-rem svg.mst-i{width:12px;height:12px;}
@media (max-width:600px){.mst-dk-remind{flex-wrap:wrap;}.mst-dk-remind .mst-btn{width:100%;justify-content:center;}}
/* Send-In: remind (item not received) */
.mst-si-rem{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;margin-top:4px;border-radius:8px;border:1px solid #f3e1a6;background:#fffaf0;color:#8a6700;font-size:12px;font-weight:800;white-space:nowrap;}
.mst-si-rem svg.mst-i{width:13px;height:13px;}
.mst-si-rem:hover{background:#fff3cf;}
.mst-remtpl{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--mst-line);background:#fbfcff;}
.mst-remtpl>b{font-size:13px;color:var(--mst-ink);}
.mst-si-arrf{min-width:170px;}

/* ===== Clipboard popup ===== */
.mst-cl-fab{all:unset;box-sizing:border-box;position:fixed;right:18px;bottom:calc(18px + var(--mst-safe-b));z-index:9000;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--mst-brand);color:#fff;cursor:pointer;box-shadow:0 14px 28px -12px rgba(0,74,173,.8);transition:transform .15s;}
.mst-cl-fab:hover{transform:translateY(-2px);}
.mst-cl-fab:active{transform:scale(.95);}
.mst-cl-fab svg.mst-i{width:22px;height:22px;}
@media (max-width:760px){.mst-cl-fab{bottom:calc(84px + var(--mst-safe-b));right:14px;width:48px;height:48px;}}
.mst-cl{position:fixed;inset:0;z-index:100500;background:rgba(15,23,42,0);display:flex;justify-content:flex-end;align-items:flex-end;padding:18px;transition:background .18s;}
.mst-cl.is-in{background:rgba(15,23,42,.28);}
.mst-cl-panel{width:min(420px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;background:#fff;box-shadow:0 30px 60px -20px rgba(15,23,42,.45);transform:translateY(16px);opacity:0;transition:transform .18s,opacity .18s;font-family:inherit;}
.mst-cl.is-in .mst-cl-panel{transform:none;opacity:1;}
.mst-cl-h{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;}
.mst-cl-h .mst-tile{grid-row:1/3;width:38px;height:38px;}
.mst-cl-h b{font-size:16px;color:var(--mst-ink);}
.mst-cl-h small{grid-column:2;font-size:12px;color:var(--mst-muted);}
.mst-cl-h .mst-icon-btn{grid-row:1/3;grid-column:3;}
.mst-cl-in{display:flex;flex-direction:column;gap:8px;}
.mst-cl-in .mst-textarea{min-height:70px;font-size:15px;}
.mst-cl-btns{display:flex;align-items:center;gap:8px;}
.mst-cl-listh{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mst-muted);}
.mst-cl-listh [hidden]{display:none!important;}
.mst-cl-list{flex:1;min-height:80px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:0 -4px;padding:0 4px;-webkit-overflow-scrolling:touch;}
.mst-cl-item{border:1px solid var(--mst-line);border-radius:14px;padding:10px 12px;background:#fbfcff;}
.mst-cl-text{font-size:14px;line-height:1.5;color:var(--mst-ink);white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto;}
.mst-cl-text a{color:var(--mst-brand);}
.mst-cl-foot{display:flex;align-items:center;gap:6px;margin-top:8px;}
.mst-cl-foot small{flex:1;font-size:11.5px;color:var(--mst-muted);}
.mst-cl-copy{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:10px;background:var(--mst-brand);color:#fff;font-size:13px;font-weight:800;}
.mst-cl-copy svg.mst-i{width:14px;height:14px;}
.mst-cl-copy:active{transform:scale(.97);}
.mst-cl-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 10px;text-align:center;color:var(--mst-muted);}
.mst-cl-empty svg.mst-i{width:26px;height:26px;color:#9db8e8;}
.mst-cl-empty b{color:var(--mst-ink);}
.mst-cl-hint{margin:0;font-size:11.5px;color:var(--mst-muted);text-align:center;}
.mst-cl-hint kbd{font:inherit;font-weight:700;padding:1px 5px;border-radius:5px;border:1px solid var(--mst-line);background:#f7f8fc;}
@media (max-width:760px){
  .mst-cl{padding:0;}
  .mst-cl-panel{width:100%;max-height:86vh;border-radius:22px 22px 0 0;padding:16px 16px calc(16px + var(--mst-safe-b));}
  .mst-cl-hint{display:none;}
}
/* clipboard v2 */
.mst-cl.mst-layer{z-index:100500;}
.mst-cl-h{grid-template-columns:auto 1fr auto auto;}
.mst-cl-h .mst-icon-btn{grid-row:1/3;grid-column:auto;}
.mst-cl-share{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:#f6f8fd;border:1px solid var(--mst-line);}
.mst-cl-share[hidden],.mst-cl-users[hidden]{display:none;}
.mst-cl-share>b{font-size:14px;}
.mst-cl-users{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow:auto;padding:6px 10px;border-radius:10px;background:#fff;border:1px solid var(--mst-line);}
.mst-cl-from{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mst-muted);}
.mst-cl-from svg.mst-i{width:14px;height:14px;}
.mst-cl-listh .mst-ghost{text-transform:none;letter-spacing:0;}
.mst-cl-fab.has-new::after,[data-act="clip"].has-new::after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:#e03a3a;border:2px solid #fff;}
[data-act="clip"]{position:relative;}
/* partner name under the QR (small) */
.mst-lbl-ptn{font-size:.62em;font-weight:600;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;color:#000;margin-top:.2mm;}
.mst-lbl-qrw{min-width:0;}
/* item view: Back / Next */
.mst-it-nav{display:flex;align-items:center;gap:8px;margin-top:10px;}
.mst-it-nav .mst-ghost{height:34px;}
.mst-it-nav .mst-ghost:disabled{opacity:.4;cursor:default;}
.mst-it-pos{flex:1;text-align:center;font-size:12.5px;font-weight:700;color:var(--mst-muted);font-variant-numeric:tabular-nums;}

/* ===== label layout (v1.7.8) ===== */
.mst-lbl.qr-right{flex-direction:row-reverse;}
.mst-lbl.qr-top{flex-direction:column;align-items:stretch;}
.mst-lbl.qr-bottom{flex-direction:column-reverse;align-items:stretch;}
.mst-lbl.qr-top .mst-lbl-qrw,.mst-lbl.qr-bottom .mst-lbl-qrw{flex-direction:row;justify-content:center;gap:1.5mm;}
.mst-lbl.qr-top .mst-lbl-t,.mst-lbl.qr-bottom .mst-lbl-t{align-items:center;text-align:center;}
.mst-lbl.lk-wrap .mst-lbl-f{white-space:normal;}
.mst-lbl.lk-wrap .mst-lbl-f b{display:inline;white-space:normal;overflow-wrap:break-word;word-break:normal;}
.mst-lbl.lk-wrap .mst-lbl-f.is-one,.mst-lbl.lk-wrap .mst-lbl-f.is-one b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;}
.mst-lbl-ptnc{font-size:.68em;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* settings: ordered field picker */
.mst-fieldorder{display:flex;flex-wrap:wrap;gap:6px;}
.mst-fo{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:12px;border:1px dashed transparent;cursor:grab;}
.mst-fo:hover{border-color:#cfdcf4;background:#f7faff;}
.mst-fo.is-drag{opacity:.4;}
.mst-fo-grip{font-size:12px;color:#aab3c8;padding:0 2px;cursor:grab;letter-spacing:-2px;}
.mst-fo-one{all:unset;cursor:pointer;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#aab3c8;border:1px solid var(--mst-line);background:#fff;}
.mst-fo-one.is-on{color:#fff;background:var(--mst-brand);border-color:var(--mst-brand);}
/* items: signing mode inline edit */
td.mst-ie{padding-top:4px!important;padding-bottom:4px!important;}
.mst-ie-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:32px;padding:2px 8px;border-radius:8px;border:1px dashed transparent;cursor:text;max-width:100%;}
.mst-ie-btn:hover{border-color:#cfdcf4;background:#f6f9ff;}
td.mst-ie .mst-input.is-sm,td.mst-ie .mst-select.is-sm{min-width:110px;}
.mst-signingmode{padding:10px 12px;border-radius:12px;background:#f2f7ff;border:1px solid #cfdcf4;}

/* ===== Simple screens: hide filter bars everywhere (top-bar Filters button) ===== */
html.mst-nofilters .mst-root .mst-toolbar .mst-search,
html.mst-nofilters .mst-root .mst-toolbar .mst-select,
html.mst-nofilters .mst-root .mst-toolbar .mst-date,
html.mst-nofilters .mst-root .mst-toolbar input[type=date],
html.mst-nofilters .mst-root .mst-toolbar .mst-chip,
html.mst-nofilters .mst-root .mst-sortbar,
html.mst-nofilters .mst-root .mst-chips,
html.mst-nofilters .mst-root .mst-dk-fbox,
html.mst-nofilters .mst-root .mst-rp-head,
html.mst-nofilters .mst-root .mst-rp-tools,
html.mst-nofilters .mst-root .mst-dk-tabs + .mst-muted,
html.mst-nofilters .mst-root .mst-filters-row{display:none!important;}
html.mst-nofilters .mst-root .mst-toolbar:empty{display:none;}
[data-act="filters"].is-off{color:#b4561f;background:#fff1e6;}
/* partner import */
.mst-pt-import{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;border-radius:14px;background:#f0faf5;border:1px solid #cdeedd;}
.mst-pt-import .mst-tile{flex:none;width:38px;height:38px;}
.mst-pt-import b{display:block;font-size:14px;}
.mst-pt-import small{font-size:12.5px;color:var(--mst-muted);}
.mst-pt-import .mst-row-actions{margin:0;}
.mst-impgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;}
.mst-imp-sum{padding:10px 12px;border-radius:12px;background:var(--mst-slate);font-size:13.5px;}
.mst-imp-sum .is-warn,.mst-imp-prev .is-warn{color:#b4561f;font-weight:700;}
.mst-imp-prev{max-height:240px;overflow:auto;margin-top:8px;}
@media (max-width:600px){.mst-pt-import .mst-row-actions{width:100%;}}
/* preset right-click menu */
.mst-ctx{position:fixed;inset:0;z-index:100600;}
.mst-ctx-menu{position:fixed;min-width:210px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 18px 40px -12px rgba(15,23,42,.35);border:1px solid var(--mst-line);display:flex;flex-direction:column;}
.mst-ctx-menu b{font-size:12px;color:var(--mst-muted);padding:6px 10px;text-transform:uppercase;letter-spacing:.05em;}
.mst-ctx-menu button{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;font-size:14px;font-weight:600;color:var(--mst-ink);}
.mst-ctx-menu button:hover{background:var(--mst-slate);}
.mst-ctx-menu button.is-danger{color:#c62f2f;}
.mst-ctx-menu svg.mst-i{width:16px;height:16px;}

/* ===== v1.7.9 labels: per-line size/bold, separators, full QR hide, sticker area ===== */
/* size applies to the VALUE only — the caption ("Auto Clr:") keeps the normal size */
.mst-lbl-f.sz-xs>b{font-size:.72em;}
.mst-lbl-f.sz-s>b{font-size:.86em;}
.mst-lbl-f.sz-l>b{font-size:1.25em;}
.mst-lbl-f.sz-xl>b{font-size:1.6em;line-height:1.05;}
.mst-lbl-f[class*=" sz-"]{align-items:baseline;}
.mst-lbl-f.b-0 b{font-weight:500!important;}
.mst-lbl-f.b-1 b{font-weight:800;}
.mst-lbl-sep.is-line{height:0;border-top:.3mm solid #000;margin:.6mm 0;width:100%;flex:none;}
.mst-lbl-sep.is-space{height:1.6mm;flex:none;}
.mst-lbl.no-qrblock .mst-lbl-qrw,.mst-lbl.no-qrblock .mst-lbl-qr,.mst-lbl.no-qrblock .mst-lbl-sn,.mst-lbl.no-qrblock .mst-lbl-ptn{display:none!important;}
.mst-lbl.no-qrblock .mst-lbl-t{align-items:center;text-align:center;justify-content:center;}
.mst-lbl-outer{display:block;}
.mst-lbl-outer>.mst-lbl{margin:0;}
/* editor */
.mst-fo-sz{appearance:none;-webkit-appearance:none;height:24px;padding:0 6px;border-radius:7px;border:1px solid var(--mst-line);background:#fff;font-size:11.5px;font-weight:800;color:var(--mst-ink-2);cursor:pointer;}
.mst-fo-b{font-family:Georgia,serif;}
.mst-fo.is-sep{background:#fafbfe;border-color:#dfe5f2;}
.mst-sepchip{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--mst-muted);background:#fff;border:1px dashed #cfd5e3;}
/* print panel: shift + sticker outline in the preview (not printed) */
.mst-shift{display:flex;align-items:stretch;gap:4px;}
.mst-shift .mst-input{width:70px;text-align:center;}
.mst-shift button{all:unset;cursor:pointer;display:grid;place-items:center;width:38px;border-radius:12px;border:1px solid var(--mst-line);background:#fff;color:var(--mst-ink-2);}
.mst-shift button:hover{border-color:var(--mst-brand);color:var(--mst-brand);}
.mst-shift svg.mst-i{width:16px;height:16px;}
@media screen{.mst-print-pages .mst-lbl-outer>.mst-lbl{outline:1px dashed #8fb0e6;outline-offset:0;}}
/* label captions editor */
.mst-capbox{border:1px solid var(--mst-line);border-radius:14px;background:#fbfcff;}
.mst-capbox>summary{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;cursor:pointer;}
.mst-capbox>summary::-webkit-details-marker{display:none;}
.mst-capbox>summary svg.mst-i{width:16px;height:16px;color:var(--mst-brand);}
.mst-capbox>summary small{color:var(--mst-muted);font-size:12.5px;}
.mst-capgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;padding:0 14px 14px;}

/* Clipboard button: always on top of dialogs (Receive items, edit…) and drawn like the other icons */
.mst-cl-fab{z-index:100450!important;}
.mst-cl-fab svg.mst-i,[data-act="clip"] svg.mst-i{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.mst-cl.mst-layer{z-index:100500!important;}
/* items: quick photos */
.mst-qp{display:flex;flex-direction:column;gap:8px;}
.mst-qp-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--mst-line);background:#fff;}
.mst-qp-row.is-main{border-color:#f3e1a6;background:#fffaf0;}
.mst-qp-row b{display:block;font-size:14.5px;}
.mst-qp-row small{font-size:12.5px;color:var(--mst-muted);}
.mst-qp-row.is-done small{color:#1c7a52;font-weight:700;}
.mst-qp-row.is-busy{opacity:.6;pointer-events:none;}
.mst-qp-open{align-self:center;margin-top:4px;}
/* quick photos: saved thumbnails + viewer */
.mst-qp-thumbs{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;}
.mst-qp-th{position:relative;width:64px;height:64px;}
.mst-qp-th a{display:block;width:100%;height:100%;border-radius:10px;overflow:hidden;border:1px solid var(--mst-line);background:var(--mst-slate);}
.mst-qp-th img{width:100%;height:100%;object-fit:cover;display:block;}
.mst-qp-th button{all:unset;cursor:pointer;position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e03a3a;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.mst-qp-th button svg.mst-i{width:12px;height:12px;stroke-width:2.6;}
.mst-qp-row.is-full label{opacity:.45;pointer-events:none;}
.mst-pv{position:fixed;inset:0;z-index:100700;background:rgba(10,14,28,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;}
.mst-pv img{max-width:100%;max-height:calc(100% - 70px);object-fit:contain;border-radius:12px;}
.mst-pv-bar{display:flex;gap:10px;}
.mst-pv-bar .mst-ghost{background:#fff;}

/* ===== Website orders → items ===== */
.mst-oi-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow:auto;}
.mst-oi-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--mst-line);background:#fff;}
.mst-oi-card:hover{border-color:var(--mst-brand);background:#f7faff;}
.mst-oi-card.is-done{opacity:.6;}
.mst-oi-card .mst-tile{flex:none;width:38px;height:38px;}
.mst-oi-card b{display:block;font-size:14.5px;}
.mst-oi-card small{font-size:12.5px;color:var(--mst-muted);}
.mst-oi-card>svg.mst-i{color:var(--mst-muted);}
.mst-oi-head b{display:block;font-size:16px;}
.mst-oi-head small{color:var(--mst-muted);}
.mst-oi-map{border:1px solid #f3e1a6;border-radius:14px;background:#fffaf0;}
.mst-oi-map>summary{list-style:none;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;}
.mst-oi-map>summary::-webkit-details-marker{display:none;}
.mst-oi-map>summary small{color:var(--mst-muted);font-size:12.5px;}
.mst-oi-mapgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:0 14px 14px;}
.mst-oi-lines{display:flex;flex-direction:column;gap:12px;}
.mst-oi-line{border:1px solid var(--mst-line);border-radius:16px;padding:12px;background:#fff;}
.mst-oi-line.is-off{opacity:.45;}
.mst-oi-line.is-done{background:#f3fbf7;border-color:#cdeedd;}
.mst-oi-lh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mst-oi-lh img{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none;}
.mst-oi-lh .mst-grow{min-width:0;display:flex;flex-direction:column;}
.mst-oi-lh small{font-size:12px;color:var(--mst-muted);}
.mst-oi-qty{width:90px;}
.mst-oi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:10px;}
.mst-oi-grid .is-missing>span{color:#b4561f;font-weight:700;}
.mst-oi-grid .is-missing .mst-input,.mst-oi-grid .is-missing .mst-select{border-color:#f0c49c;background:#fffaf5;}
/* leave out item types (filters + numbering) */
.mst-xtype{margin-top:10px;}
.mst-xt-chips{display:flex;flex-wrap:wrap;gap:6px;}
.mst-xt-chips .mst-chip{cursor:pointer;}
.mst-xt-chips .mst-chip.is-on,.mst-xt-chips .mst-chip:has(input:checked){background:#fde8ea;border-color:#f3b5bd;color:#b8324d;text-decoration:line-through;}
.mst-xt-chips .mst-chip svg.mst-i{width:13px;height:13px;}
.mst-own-ord{color:var(--mst-brand);font-weight:700;}
/* Find item: camera scan */
.mst-scan-btn{width:100%;justify-content:center;height:52px;font-size:16px;}
.mst-video-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;}
.mst-video-wrap[hidden]{display:none;}
.mst-video-wrap .mst-video{aspect-ratio:1/1;max-height:55vh;}
.mst-video-frame{position:absolute;top:50%;left:50%;width:58%;aspect-ratio:1/1;transform:translate(-50%,calc(-50% - 22px));border:3px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 0 0 1px rgba(0,0,0,.3);pointer-events:none;}

/* Send-In confirm step: item photo labelled with its stage (Before entering) */
.mst-si-before{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px;flex:none;}
.mst-oi-lh .mst-si-before img,.mst-si-before .mst-tile{width:64px;height:64px;border-radius:10px;object-fit:cover;display:block;}
.mst-si-before figcaption{font-size:10.5px;font-weight:600;color:var(--mst-muted,#64748b);white-space:nowrap;}

/* Find item: after-scan action, tap-to-start, photo fallback */
.mst-scanacts{display:flex;flex-wrap:wrap;gap:6px;}
.mst-scanacts .mst-chip{cursor:pointer;opacity:.6;}
.mst-scanacts .mst-chip.is-on{opacity:1;}
.mst-video-tap{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 22px));display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:0;background:#fff;color:#0f172a;font-weight:600;font-size:15px;box-shadow:0 6px 20px rgba(0,0,0,.35);cursor:pointer;z-index:2;}
.mst-video-tap[hidden]{display:none;}
.mst-scan-row{display:flex;justify-content:center;}
.mst-scan-shot{align-self:center;cursor:pointer;}
.mst-scan-shot.is-hint{background:#fff7e6;border-color:#f5c26b;}

/* Website orders: import a line again */
.mst-oi-line.is-again{border-color:#f5c26b;background:#fffaf0;}
.mst-oi-againbar{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#92400e;margin:-2px 0 10px;}
.mst-oi-againbar .mst-ghost{margin-left:auto;}

/* Two colours (pen / remark / character): "+ 2nd" reveals a second picker */
.mst-cmulti{display:flex;align-items:center;gap:6px;min-width:0;}
.mst-cmulti>.mst-cpick,.mst-c2>.mst-cpick{flex:1;min-width:0;}
.mst-c2{display:none;flex:1;min-width:0;align-items:center;gap:4px;}
.mst-cmulti.is-two .mst-c2{display:flex;}
.mst-cmulti.is-two .mst-cplus{display:none;}
.mst-cplus,.mst-cminus{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 8px;border:1px dashed var(--mst-line);border-radius:10px;font-size:12px;font-weight:600;color:var(--mst-muted);cursor:pointer;flex:none;}
.mst-cplus svg,.mst-cminus svg{width:14px;height:14px;}
.mst-cminus{padding:0 6px;border-style:solid;}
.mst-cplus:hover,.mst-cminus:hover{color:var(--mst-ink);border-color:var(--mst-ink);}
.mst-cpair{display:inline-flex;gap:3px;flex-wrap:wrap;}
/* Multi-line remarks */
.mst-autogrow{resize:vertical;min-height:44px;overflow:hidden;}
.mst-remarkcell{white-space:pre-line;}

/* Label lines: caption above / hidden, alignment, CAPS, multi-line values */
.mst-lbl-f.lp-above{display:block;white-space:normal;}
.mst-lbl-f.lp-above>span{display:block;line-height:1.1;}
.mst-lbl-f.lp-above>span::after{content:none;}
.mst-lbl-f.lp-above>b{display:block;white-space:normal;overflow-wrap:break-word;line-height:1.08;}
.mst-lbl-f.lp-none>span{display:none;}
.mst-lbl-f.al-center{justify-content:center;text-align:center;}
.mst-lbl-f.al-right{justify-content:flex-end;text-align:right;}
.mst-lbl-f.is-caps>b{text-transform:uppercase;}
.mst-lbl-f.is-ml{display:block;white-space:normal;}
.mst-lbl-f.is-ml>span{display:inline;}
.mst-lbl-f.is-ml>b{display:inline;white-space:normal;overflow-wrap:break-word;}
.mst-lbl-f.is-ml.lp-above>b{display:block;}

/* Items list: ✎ on editable cells → small editor */
td.mst-edcell{position:relative;}
.mst-ie-pen{all:unset;box-sizing:border-box;position:absolute;top:6px;right:2px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--mst-muted);background:#fff;border:1px solid var(--mst-line);cursor:pointer;opacity:0;transition:opacity .12s;}
.mst-ie-pen svg{width:13px;height:13px;}
tr:hover .mst-ie-pen,.mst-ie-pen:focus-visible{opacity:1;}
.mst-ie-pen:hover{color:var(--mst-blue,#1d4ed8);border-color:currentColor;}
@media (hover:none){.mst-ie-pen{opacity:.75;}}
.mst-ie-btn{flex-wrap:wrap;}
.mst-iepop{position:fixed;z-index:10050;background:#fff;border:1px solid var(--mst-line);border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.22);padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 16px);overflow:visible;}
.mst-iepop-h{display:flex;align-items:baseline;gap:8px;}
.mst-iepop-h small{color:var(--mst-muted);font-size:12px;}
.mst-iepop-b{display:flex;flex-direction:column;gap:8px;}
.mst-iepop-b .mst-field>span{font-size:12px;}
.mst-iepop-f{display:flex;justify-content:flex-end;gap:8px;}
.mst-iepop .mst-cpick-pop{z-index:3;}

/* Settings → label profiles as cards; Edit opens the full editor */
[data-profiles]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.mst-profile{padding:0;gap:0;background:#fff;overflow:hidden;}
.mst-profile.is-default{border-color:#9cc3ff;box-shadow:0 0 0 2px #e3eeff;}
.mst-pcard{display:flex;flex-direction:column;height:100%;}
.mst-pcard-prev{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:170px;padding:14px;background:#eef1f7;cursor:pointer;}
.mst-pcard-prev:hover{background:#e6ebf5;}
.mst-pcard-prev [data-pcprev]{position:relative;overflow:hidden;pointer-events:none;}
.mst-pcard-prev .mst-lbl-prev-in{transform-origin:0 0;position:absolute;left:0;top:0;}
.mst-pcard-prev .mst-lbl{box-shadow:0 4px 14px rgba(15,23,42,.14);}
.mst-pcard-info{display:flex;flex-direction:column;gap:2px;padding:12px 14px 4px;}
.mst-pcard-info b{font-size:15px;}
.mst-pcard-info small{font-size:12.5px;}
.mst-pcard-act{display:flex;align-items:center;gap:6px;padding:8px 14px 14px;margin-top:auto;}
.mst-pcard-act .mst-radio{margin-right:auto;font-size:13px;}
.mst-ped:not([open]){display:none;}
.mst-ped[open]{display:flex;flex-direction:column;width:calc(100vw - 24px);height:calc(100vh - 24px);max-width:1500px;max-height:none;margin:auto;padding:0;border:0;background:#fbfcff;border-radius:18px;box-shadow:0 30px 80px rgba(15,23,42,.35);overflow:hidden;color:var(--mst-ink);}
.mst-ped::backdrop{background:rgba(15,23,42,.42);}
.mst-ped-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--mst-line);background:#fff;}
.mst-ped-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);}
.mst-ped-form{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;}
.mst-ped-side{overflow:auto;padding:16px;border-left:1px solid var(--mst-line);background:#f4f6fb;}
.mst-ped-side .mst-lbl-prev{position:sticky;top:0;}
@media (max-width:900px){
  .mst-ped[open]{width:100vw;height:100vh;height:100dvh;border-radius:0;}
  .mst-ped-body{display:flex;flex-direction:column-reverse;overflow:auto;}
  .mst-ped-form,.mst-ped-side{overflow:visible;}
  .mst-ped-side{border-left:0;border-bottom:1px solid var(--mst-line);position:sticky;top:0;z-index:2;max-height:42vh;overflow:auto;}
  .mst-ped-bar .mst-small{display:none;}
}
/* Printed lines as rows with ⚙ options */
.mst-fieldorder.is-rows{display:flex;flex-direction:column;gap:4px;}
.mst-fieldorder.is-rows .mst-fo{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 6px;background:#fff;border:1px solid var(--mst-line);border-radius:12px;}
.mst-fieldorder.is-rows .mst-fo>.mst-chip{margin-right:auto;}
.mst-fieldorder.is-rows .mst-fo.is-sep{border-style:dashed;background:transparent;}
.mst-fo-gear.is-set{color:#1d4ed8;border-color:#9cc3ff;background:#eef5ff;}
.mst-fo-gear.is-open{background:#1d4ed8;color:#fff;}
.mst-fo-more{flex-basis:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:8px 4px 4px;border-top:1px dashed var(--mst-line);margin-top:4px;}
.mst-fo-more[hidden]{display:none;}
.mst-fo-more label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--mst-muted);font-weight:600;}
.mst-fo-seg{display:inline-flex;border:1px solid var(--mst-line);border-radius:9px;overflow:hidden;align-self:flex-start;}
.mst-fo-seg button{all:unset;padding:5px 10px;font-size:12.5px;font-weight:600;color:var(--mst-ink);cursor:pointer;}
.mst-fo-seg button+button{border-left:1px solid var(--mst-line);}
.mst-fo-seg button.is-on{background:#1d4ed8;color:#fff;}
@media (max-width:600px){.mst-fo-more{grid-template-columns:1fr 1fr;}}

/* ---------- Custom template (absolute elements in mm) ---------- */
.mst-lbl.t-custom{display:block;position:relative;padding:0;gap:0;}
.mst-ce{position:absolute;box-sizing:border-box;overflow:hidden;display:flex;line-height:1.08;color:#000;}
.mst-ce.va-top{align-items:flex-start;}
.mst-ce.va-middle{align-items:center;}
.mst-ce.va-bottom{align-items:flex-end;}
.mst-ce .ce-in{width:100%;white-space:nowrap;}
.mst-ce.is-wrap .ce-in{white-space:normal;overflow-wrap:break-word;}
.mst-ce.al-center .ce-in{text-align:center;}
.mst-ce.al-right .ce-in{text-align:right;}
.mst-ce .ce-cap{font-weight:500;margin-right:.3em;}
.mst-ce .ce-cap.is-above{display:block;margin:0 0 .05em;line-height:1.05;}
.mst-ce .ce-val{font-weight:500;}
.mst-ce.is-b .ce-val{font-weight:800;}
.mst-ce.is-i{font-style:italic;}
.mst-ce.is-caps .ce-val{text-transform:uppercase;}
.mst-ce.is-inv{background:#000;color:#fff;}
.mst-ce.ce-qr{display:block;}
.mst-ce.ce-qr svg{display:block;width:auto;height:100%;max-width:100%;aspect-ratio:1/1;}
.mst-ce.ce-line{display:block;}
.mst-ce.ce-line i{display:block;width:100%;height:100%;background:#000;}
.mst-ce.ce-box{display:block;}
.mst-ce.ce-box.is-inv{background:#000;}
.mst-lbl.t-custom.lk-italic .mst-ce{font-style:italic;}

/* ---------- Designer ---------- */
.mst-tplnote{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff7e6;border:1px solid #f5d79e;color:#7c4a03;font-size:13px;margin:0;}
.mst-tplnote svg{width:16px;height:16px;flex:none;margin-top:2px;}
[data-linesec].is-off{opacity:.45;}
.mst-dz{display:flex;flex-direction:column;gap:10px;}
.mst-dz-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;position:sticky;top:-16px;z-index:3;background:#f4f6fb;padding:6px 0;}
.mst-dz-lbl{font-size:12px;font-weight:700;color:var(--mst-muted);text-transform:uppercase;letter-spacing:.04em;}
.mst-dz-fsel{width:auto;min-width:130px;height:32px;}
.mst-dz-wrap{position:relative;overflow:auto;padding:16px;border-radius:14px;background:repeating-conic-gradient(#e9edf5 0 25%,#f3f5fa 0 50%) 0 0/16px 16px;min-height:160px;outline:none;}
.mst-dz-wrap:focus-visible{box-shadow:0 0 0 2px #9cc3ff;}
.mst-dz-stage{position:relative;margin:0 auto;}
.mst-dz-scale{position:absolute;left:0;top:0;transform-origin:0 0;}
.mst-dz-scale>.mst-lbl{box-shadow:0 6px 22px rgba(15,23,42,.18);}
.mst-dz-ov{position:absolute;inset:0;}
.mst-dz-fr{position:absolute;box-sizing:border-box;outline:1px dashed rgba(29,78,216,.35);cursor:move;touch-action:none;}
.mst-dz-fr:hover{outline-color:rgba(29,78,216,.8);background:rgba(29,78,216,.04);}
.mst-dz-fr.is-sel{outline:1.5px solid #1d4ed8;background:rgba(29,78,216,.06);z-index:2;}
.mst-dz-fr.is-line{min-height:1mm;}
.mst-dz-h{position:absolute;width:2.2mm;height:2.2mm;background:#fff;border:.35mm solid #1d4ed8;border-radius:50%;transform:translate(-50%,-50%) scale(var(--s,1));touch-action:none;}
.mst-dz-h.h-nw{left:0;top:0;cursor:nwse-resize;}.mst-dz-h.h-n{left:50%;top:0;cursor:ns-resize;}.mst-dz-h.h-ne{left:100%;top:0;cursor:nesw-resize;}
.mst-dz-h.h-e{left:100%;top:50%;cursor:ew-resize;}.mst-dz-h.h-se{left:100%;top:100%;cursor:nwse-resize;}.mst-dz-h.h-s{left:50%;top:100%;cursor:ns-resize;}
.mst-dz-h.h-sw{left:0;top:100%;cursor:nesw-resize;}.mst-dz-h.h-w{left:0;top:50%;cursor:ew-resize;}
.mst-dz-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:13px;color:var(--mst-muted);pointer-events:none;}
.mst-dz-tip{margin:-4px 0 0;}
.mst-dz-panel{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px;align-items:start;}
.mst-dz-insp{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--mst-line);border-radius:14px;padding:12px;}
.mst-dz-ih{display:flex;align-items:center;gap:4px;}
.mst-dz-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.mst-dz-row{display:flex;flex-wrap:wrap;gap:12px;}
.mst-dz-togs{display:flex;flex-wrap:wrap;gap:6px 14px;}
.mst-dz-tog{font-size:13px;}
.mst-dz-insp .mst-field>span{font-size:11.5px;}
.mst-dz-layers{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--mst-line);border-radius:14px;padding:10px;max-height:360px;overflow:auto;}
.mst-dz-lh{font-size:11.5px;font-weight:700;color:var(--mst-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;}
.mst-dz-li{all:unset;box-sizing:border-box;padding:6px 8px;border-radius:8px;font-size:12.5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-dz-li:hover{background:#f1f5fd;}
.mst-dz-li.is-on{background:#1d4ed8;color:#fff;}
@media (max-width:700px){.mst-dz-panel{grid-template-columns:1fr;}.mst-dz-g4{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Designer: two-line (caption / value) sections */
.mst-dz-line{border:1px solid var(--mst-line);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:8px;background:#fafbfe;}
.mst-dz-lt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;}
.mst-dz-tb{display:inline-flex;gap:4px;}
.mst-dz-tb .mst-fo-one{min-width:28px;height:30px;}
.mst-dz-span2{grid-column:span 2;}
.mst-lbl-f.lb-1>span{font-weight:800;}
.mst-lbl-f.lb-i>span{font-style:italic;}
.mst-lbl-f.lb-caps>span{text-transform:uppercase;}
.mst-lbl-f.is-i>b{font-style:italic;}
.mst-tplnote .mst-btn{margin-top:6px;display:inline-flex;}
.mst-fo-more{grid-template-columns:2fr 1fr 1fr;}

/* Designer: toolbar 2, align, undo, zoom, full screen, inline confirm */
.mst-dz-tools2{top:30px;}
.mst-dz-grp{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--mst-line);border-radius:10px;background:#fff;}
.mst-dz-grp i{width:1px;height:18px;background:var(--mst-line);margin:0 3px;}
.mst-dz-grp .mst-icon-btn{font-size:15px;}
.mst-dz-grp .mst-icon-btn:disabled{opacity:.35;cursor:default;}
.mst-dz-txt{font-size:11px!important;font-weight:700;}
[data-dalign].is-off{opacity:.4;pointer-events:none;}
.mst-dz-zoom{min-width:40px;text-align:center;font-size:12px;font-weight:600;color:var(--mst-muted);}
.mst-dz-ask{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#fff7e6;border:1px solid #f5d79e;color:#7c4a03;font-size:13px;}
.mst-dz-ask[hidden]{display:none;}
.mst-dz-ask span{flex:1;}
/* Design mode: canvas left, inspector + elements right, fills the editor */
.mst-pmodes .mst-pmode{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--mst-muted);cursor:pointer;}
.mst-pmodes .mst-pmode svg{width:15px;height:15px;}
.mst-pmodes .mst-pmode.is-on{background:#1d4ed8;color:#fff;}
.mst-ped.is-design .mst-ped-body{grid-template-columns:1fr;}
.mst-ped.is-design .mst-ped-form{display:none;}
.mst-ped.is-design .mst-ped-side{border-left:0;padding:10px 12px;overflow:hidden;display:flex;flex-direction:column;}
.mst-ped.is-design [data-dz]{flex:1;min-height:0;display:flex;}
.mst-ped.is-design .mst-dz{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 10px var(--dz-side,360px);gap:6px;}
.mst-dz-main{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;}
.mst-ped.is-design .mst-dz-wrap{flex:1;min-height:0;}
.mst-dz-side{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;}
.mst-dz-layers{max-height:none;flex:1;min-height:120px;}
.mst-ped:not(.is-design) .mst-dz{display:flex;flex-direction:column;}
.mst-dz-tools{position:static;background:transparent;padding:0;}
@media (max-width:900px){
  .mst-ped.is-design .mst-dz{display:flex;flex-direction:column;overflow:auto;}
  .mst-ped.is-design .mst-ped-side{overflow:auto;max-height:none;position:static;}
  .mst-ped.is-design .mst-dz-wrap{min-height:260px;}
  .mst-pmodes .mst-pmode span{display:none;}
}
/* Profiles: three cards per row on desktop */
@media (min-width:1100px){[data-profiles]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}

/* Designer: rulers, grid, smart guides, context menu */
.mst-dz-canvas{position:relative;padding:18px 0 0 18px;box-sizing:border-box;}
.mst-dz-rul{position:absolute;background:#fff;color:var(--mst-muted);font-size:9px;overflow:visible;}
.mst-dz-rul.is-x{left:18px;top:0;height:18px;border-bottom:1px solid var(--mst-line);}
.mst-dz-rul.is-y{left:0;top:18px;width:18px;border-right:1px solid var(--mst-line);}
.mst-dz-rul i{position:absolute;background:#c8cfdd;}
.mst-dz-rul.is-x i{bottom:0;width:1px;height:4px;}
.mst-dz-rul.is-x i.is-5{height:7px;}
.mst-dz-rul.is-x i.is-10{height:10px;background:#8a94a8;}
.mst-dz-rul.is-x i b{position:absolute;left:2px;top:-14px;font-weight:600;}
.mst-dz-rul.is-y i{right:0;height:1px;width:4px;}
.mst-dz-rul.is-y i.is-5{width:7px;}
.mst-dz-rul.is-y i.is-10{width:10px;background:#8a94a8;}
.mst-dz-rul.is-y i b{position:absolute;left:-16px;top:1px;font-weight:600;writing-mode:vertical-rl;transform:rotate(180deg);}
.mst-dz-stage{position:relative;}
.mst-dz-stage.has-grid::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:linear-gradient(to right,rgba(29,78,216,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(29,78,216,.08) 1px,transparent 1px);background-size:var(--mm,3.78px) var(--mm,3.78px);}
.mst-dz-guides{position:absolute;inset:0;pointer-events:none;z-index:3;}
.mst-dz-guides i{position:absolute;background:#e11d48;}
.mst-dz-guides i.is-v{top:-3mm;bottom:-3mm;width:.15mm;}
.mst-dz-guides i.is-h{left:-3mm;right:-3mm;height:.15mm;}
.mst-dz-ov{z-index:2;}
.mst-dz-askin{flex:1;}
.mst-dz-menu{position:absolute;z-index:40;min-width:220px;background:#fff;border:1px solid var(--mst-line);border-radius:12px;box-shadow:0 14px 40px rgba(15,23,42,.22);padding:6px;display:flex;flex-direction:column;}
.mst-dz-menu[hidden]{display:none;}
.mst-dz{position:relative;}
.mst-dz-menu button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:13px;cursor:pointer;}
.mst-dz-menu button svg{width:14px;height:14px;}
.mst-dz-menu button small{margin-left:auto;color:var(--mst-muted);font-size:11px;}
.mst-dz-menu button:hover{background:#f1f5fd;}
.mst-dz-menu button.is-danger{color:#be123c;}
.mst-dz-menu hr{border:0;border-top:1px solid var(--mst-line);margin:4px 0;}
.mst-dz-grp .mst-icon-btn.is-on{background:#1d4ed8;color:#fff;}

/* Designer layout fixes: hidden preview stays hidden, compact toolbars, on-demand print preview */
.mst-lbl-prev[hidden],[data-dz][hidden]{display:none!important;}
.mst-dz-tools .mst-select{width:auto;flex:0 1 auto;max-width:260px;}
.mst-ped.is-design .mst-dz-wrap{min-height:300px;}
.mst-dz-prev{background:#fff;border:1px solid var(--mst-line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;}
.mst-dz-prev[hidden]{display:none;}
.mst-dz-prev .mst-dz-lh{display:flex;align-items:center;justify-content:space-between;}
.mst-dz-prev [data-dprevin]{position:relative;overflow:hidden;}
.mst-dz-prev .mst-lbl-prev-in{position:absolute;left:0;top:0;}
.mst-dz-prev .mst-lbl{box-shadow:0 4px 14px rgba(15,23,42,.14);}

/* Designer: draggable splitter between canvas and panel; panel content wraps instead of overflowing */
.mst-dz-split{display:none;cursor:col-resize;border-radius:6px;background:transparent;position:relative;touch-action:none;align-self:stretch;}
.mst-dz-split::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:44px;transform:translateY(-50%);border-radius:4px;background:#c8cfdd;}
.mst-dz-split:hover::after,.mst-dz-split.is-drag::after{background:#1d4ed8;}
.mst-ped.is-design .mst-dz-split{display:block;}
.mst-dz-side{overflow-x:hidden;}
.mst-dz-insp .mst-dz-g4{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));}
.mst-dz-insp .mst-dz-span2{grid-column:span 2;}
.mst-dz-insp .mst-fo-seg,.mst-dz-insp .mst-dz-tb{flex-wrap:wrap;}
@media (max-width:900px){.mst-ped.is-design .mst-dz-split{display:none;}}

/* Custom label: icons and images */
.mst-ce.ce-icon{display:flex;align-items:center;gap:0;}
.mst-ce.ce-icon.al-left{justify-content:flex-start;}
.mst-ce.ce-icon.al-center{justify-content:center;}
.mst-ce.ce-icon.al-right{justify-content:flex-end;}
.mst-ce.ce-icon svg{height:100%;width:auto;max-width:100%;flex:0 1 auto;display:block;}
.mst-ce.ce-icon.is-inv{color:#fff;}
.mst-ce.ce-image{display:block;}
.mst-ce.ce-image img{width:100%;height:100%;display:block;}
.mst-dz-replace{align-self:end;cursor:pointer;}
.mst-dz-tools label.mst-ghost{cursor:pointer;}

/* Optional "To colour": hidden until chosen */
.mst-tofield{display:flex;flex-direction:column;gap:6px;}
.mst-optcol-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--mst-muted);cursor:pointer;padding:2px 0;align-self:flex-start;}
.mst-optcol-btn svg{width:13px;height:13px;}
.mst-optcol-btn:hover{color:#1d4ed8;}
.mst-optcol-body{display:none;align-items:center;gap:6px;}
.mst-optcol-body>.mst-cmulti{flex:1;min-width:0;}
.mst-optcol-lbl{font-size:12px;font-weight:600;color:var(--mst-muted);white-space:nowrap;}
.mst-optcol.is-on .mst-optcol-btn{display:none;}
.mst-optcol.is-on .mst-optcol-body{display:flex;}

/* Designer opened from the print dialog */
.mst-dz-dialog .mst-ped-body{display:flex;}
.mst-dz-dialog .mst-ped-side{flex:1;min-width:0;}
.mst-printer-opts .mst-ghost{align-self:flex-end;}

/* Popups opened from the print dialog must sit above it (the printer layer is z 100000) */
.mst-printer ~ .mst-layer{z-index:100010;}
.mst-toasts{z-index:100020;}
.mst-iepop{z-index:100015;}

/* Custom label: line spacing and caption→value gap */
.mst-ce .ce-cap.is-above{margin-bottom:var(--ce-gap,.05em);}

/* Colour palette: search box; never widen a modal */
.mst-cpick-q{flex:0 0 100%;min-height:34px!important;height:34px;padding:0 10px!important;font-size:13px!important;}
.mst-cdot[hidden]{display:none!important;}
.mst-modal .mst-cpick-pop{width:100%;max-width:100%;box-sizing:border-box;}
.mst-modal-b{overflow-x:hidden;}

.mst-dz-min{flex-direction:row!important;align-items:center;gap:6px;}
.mst-dz-min>span{font-size:12px!important;white-space:nowrap;}
.mst-dz-min .mst-input{width:70px;}

/* Search boxes inside modals: room for the magnifier icon */
.mst-layer .mst-search .mst-input,.mst-modal .mst-search .mst-input{padding-left:40px!important;}
[data-fquick]{align-items:center;gap:6px;}
[data-fquick] .mst-chip{cursor:pointer;opacity:.7;}
[data-fquick] .mst-chip.is-on{opacity:1;}

/* "Something missing / recheck" flag */
.mst-rcv-recheck{border:1px dashed var(--mst-line);border-radius:12px;padding:8px 12px;gap:8px;}
.mst-rcv-recheck svg{width:16px;height:16px;color:#be123c;}
.mst-rcv-recheck.is-on{background:#fff1f2;border-color:#fda4af;}
.mst-recheck{margin-left:4px;}
.mst-warnbar.is-recheck{background:#fff1f2;border-color:#fda4af;color:#9f1239;}

/* Custom label: vertical text (tategaki) */
.mst-ce.is-vert .ce-in{writing-mode:vertical-rl;text-orientation:mixed;height:100%;width:auto;white-space:nowrap;}
.mst-ce.is-vert.is-wrap .ce-in{white-space:normal;}
.mst-ce.is-vert.is-upright .ce-in{text-orientation:upright;}
.mst-ce.is-vert{justify-content:flex-start;}
.mst-ce.is-vert.al-center{justify-content:center;}
.mst-ce.is-vert.al-right{justify-content:flex-end;}
.mst-ce.is-vert.va-top .ce-in{text-align:start;}
.mst-ce.is-vert.va-middle .ce-in{text-align:center;}
.mst-ce.is-vert.va-bottom .ce-in{text-align:end;}
.mst-ce.is-vert .ce-cap.is-above{display:inline;margin:0 .05em 0 0;}

/* Quote block: one remark or English + Japanese */
.mst-quote{display:flex;flex-direction:column;gap:6px;}
.mst-quote-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;}
.mst-quote-sw{display:inline-flex;border:1px solid var(--mst-line);border-radius:9px;overflow:hidden;font-weight:600;font-size:12px;}
.mst-quote-sw label{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;cursor:pointer;color:var(--mst-muted);}
.mst-quote-sw label+label{border-left:1px solid var(--mst-line);}
.mst-quote-sw input{margin:0;width:14px!important;height:14px!important;accent-color:#1d4ed8;}
.mst-quote-sw label:has(input:checked){background:#eef5ff;color:#1d4ed8;}
.mst-quote-jp{display:none;}
.mst-quote.is-two .mst-quote-jp{display:block;}

/* Import from Excel */
.mst-xfile{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.mst-xfile label.mst-btn{cursor:pointer;}
.mst-xmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;}
.mst-xmap-row{display:flex;flex-direction:column;gap:4px;font-size:12px;}
.mst-xmap-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-xprev{max-height:40vh;overflow:auto;}
.mst-xprev td,.mst-xprev th{font-size:12.5px;padding:6px 8px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;}
.mst-rcv-flags{display:flex;gap:8px;flex-wrap:wrap;}
.mst-rcv-recheck.is-special svg{color:#b45309;}
.mst-rcv-recheck.is-special.is-on{background:#fffbeb;border-color:#fcd34d;}
.mst-warnbar.is-special{background:#fffbeb;border-color:#fcd34d;color:#92400e;}

/* Scan desk */
.mst-sd-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between;margin-bottom:12px;}
.mst-sd-live{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:260px;}
.mst-sd-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;flex:none;margin-top:5px;box-shadow:0 0 0 4px #e2e8f0;}
.mst-sd-dot.is-on{background:#16a34a;box-shadow:0 0 0 4px #bbf7d0;animation:mst-sd-pulse 1.6s infinite;}
@keyframes mst-sd-pulse{0%,100%{box-shadow:0 0 0 4px #bbf7d0}50%{box-shadow:0 0 0 8px rgba(187,247,208,.3)}}
.mst-sd-opts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.mst-sd-list{display:flex;flex-direction:column;gap:10px;}
.mst-sd-row{display:flex;align-items:center;gap:14px;padding:12px 14px;flex-wrap:wrap;}
.mst-sd-thumb{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;display:flex;align-items:center;justify-content:center;}
.mst-sd-info{min-width:220px;display:flex;flex-direction:column;gap:3px;}
.mst-sd-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;}
.mst-sd-name{font-weight:700;}
.mst-sd-acts{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto;}
@media (max-width:700px){.mst-sd-acts{margin-left:0;width:100%;}.mst-sd-acts .mst-btn span,.mst-sd-acts .mst-ghost span{display:none;}}
.mst-sd-row.is-wait{border-color:#f5c26b;background:#fff7e6;}
.mst-sd-row.is-done{opacity:.72;}
.mst-sd-row.is-done:hover{opacity:1;}
.mst-sd-wait{color:#92400e;}
.mst-relayopts{padding:10px 12px;border:1px dashed #86efac;border-radius:12px;background:#f0fdf4;}

[data-relayopts][hidden]{display:none!important;}
.mst-relayopts{margin-top:-4px;}
.mst-where .mst-chip svg{width:14px;height:14px;margin-right:4px;}

/* Receive: character colour follows pen colour */
.mst-samecol{font-size:12px;min-height:0!important;margin-top:4px;gap:6px;color:var(--mst-muted);}
.mst-samecol input{width:16px!important;height:16px!important;}
[data-charcol].is-locked>.mst-cmulti{opacity:.55;pointer-events:none;}

/* Flag icons on item cards (phone) */
.mst-flagico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;vertical-align:middle;margin-left:2px;}
.mst-flagico svg{width:14px;height:14px;}
.mst-flagico.is-recheck{background:#fff1f2;color:#be123c;}
.mst-flagico.is-special{background:#fffbeb;color:#b45309;}

/* Item cards (phone): photo thumbnail */
.mst-icard-thumb{all:unset;box-sizing:border-box;position:relative;flex:none;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#eef1f7;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mst-icard-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.mst-icard-thumb .mst-tile{width:100%;height:100%;border-radius:0;}
.mst-icard-thumb em{position:absolute;right:3px;bottom:3px;font-style:normal;font-size:10px;font-weight:700;background:rgba(15,23,42,.75);color:#fff;border-radius:6px;padding:1px 5px;}
.mst-icard-b{min-width:0;}

/* Find item: folded options under the camera */
.mst-scanopts{border:1px solid var(--mst-line);border-radius:14px;background:#f8fafc;}
.mst-scanopts summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:14px;}
.mst-scanopts summary::-webkit-details-marker{display:none;}
.mst-scanopts-sum{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-scanopts summary em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12.5px;font-weight:600;color:#1d4ed8;flex:none;}
.mst-scanopts summary em svg{width:14px;height:14px;}
.mst-scanopts[open] summary{border-bottom:1px solid var(--mst-line);}
.mst-scanopts-b{padding:12px 14px;}

/* Find item: summary bar never widens the dialog */
.mst-scanopts{min-width:0;max-width:100%;overflow:hidden;}
.mst-scanopts summary{min-width:0;}
.mst-scanopts summary em span{display:inline;}
.mst-video-wrap .mst-video{max-height:46vh;}

/* Flags: quote unsure + what is missing */
.mst-flags{display:flex;flex-direction:column;gap:8px;}
.mst-rcv-recheck.is-unsure svg{color:#c2410c;}
.mst-rcv-recheck.is-unsure.is-on{background:#fff7ed;border-color:#fdba74;}
.mst-recheck-what{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px dashed #fda4af;border-radius:12px;background:#fff8f8;}
.mst-recheck-what[hidden]{display:none;}
.mst-recheck-what>span{font-size:12.5px;font-weight:700;color:#9f1239;}
.mst-rw-ticks{display:flex;flex-wrap:wrap;gap:6px;}
.mst-rw-ticks .mst-chip{cursor:pointer;opacity:.6;}
.mst-rw-ticks .mst-chip.is-on{opacity:1;}
.mst-remarkcell.is-unsure{background:#fff7ed;border-radius:6px;padding:2px 4px;}
.mst-unsure{margin-bottom:3px;}

/* Quote block: the Japanese box only shows in "English + Japanese" mode */
.mst-quote:not(.is-two) .mst-quote-jp{display:none!important;}

/* Quote length vs celebrity limit */
.mst-qcount{font-size:12px;color:var(--mst-muted);margin-top:4px;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.mst-qcount svg{width:14px;height:14px;}
.mst-qcount small{opacity:.7;}
.mst-qcount.is-near{color:#b45309;}
.mst-qcount.is-over{color:#be123c;font-weight:600;}
textarea.is-over{border-color:#fb7185!important;box-shadow:0 0 0 3px #ffe4e6!important;}

/* Phone: dialogs (Find item, forms) must never be wider than the screen.
   The grid column was sizing itself to the dialog's content, so wide content (camera, chips) pushed the sheet off the right edge. */
@media (max-width: 720px) {
  .mst-modal-wrap { grid-template-columns: minmax(0, 1fr); width: 100%; max-width: 100vw; overflow-x: hidden; }
  .mst-modal { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .mst-modal-b { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .mst-modal-b > *, .mst-modal .mst-stack { min-width: 0; max-width: 100%; }
  .mst-video-wrap { width: 100%; max-width: 100%; }
  .mst-scanopts, .mst-scanopts-b { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .mst-scanacts { flex-wrap: wrap; max-width: 100%; }
  .mst-scan-btn { max-width: 100%; }
}

/* Rights (Settings → Access → Users & permissions): hide what the user may not do. The server enforces the same rights. */
.mst-no-add [data-act="receive"], .mst-no-add [data-imp] { display: none !important; }
.mst-no-edit .mst-ie-pen, .mst-no-edit .mst-ie-btn, .mst-no-edit [data-editone], .mst-no-edit [data-a="edit"] { display: none !important; }
.mst-no-status [data-a="status"], .mst-no-status [data-statusone] { display: none !important; }
.mst-no-photos [data-photoone], .mst-no-photos [data-a="photos"], .mst-no-photos .mst-icard-thumb em { display: none !important; }
.mst-no-print [data-printone], .mst-no-print [data-a="print"], .mst-no-print .mst-printbtns { display: none !important; }
.mst-no-export [data-export] { display: none !important; }
.mst-no-arrange [data-arrange] { display: none !important; }
.mst-no-bulk [data-sel], .mst-no-bulk .mst-cbx, .mst-no-bulk [data-bulk], .mst-no-bulk .mst-bulkbar { display: none !important; }
.mst-no-trash [data-trash], .mst-no-trash [data-a="trash"], .mst-no-trash [data-a="purge"] { display: none !important; }
.mst-no-shipping [data-a="ship"] { display: none !important; }
.mst-no-clip [data-act="clip"], .mst-no-clip .mst-cl-fab, body.mst-no-clip-body .mst-cl-fab { display: none !important; }
.mst-no-photos .mst-pcam, .mst-no-photos .mst-drop, .mst-no-photos [data-upload], .mst-no-photos [data-delphoto], .mst-no-photos .mst-pdel { display: none !important; }

/* Users & permissions matrix */
.mst-permtbl th.mst-permrole{text-align:center;vertical-align:bottom;}
.mst-permtbl th.mst-permrole small{display:block;font-weight:500;color:var(--mst-muted);}
.mst-permtbl td.mst-permcell{text-align:center;white-space:nowrap;}
.mst-permtbl td.mst-permcell input{width:18px;height:18px;}
.mst-permtbl tfoot td{padding-top:10px;}
.mst-permusers{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;}
.mst-permrole-box{flex:1 1 220px;padding:10px 12px;border:1px solid var(--mst-line);border-radius:12px;background:#fafbfc;}
.mst-permrole-box ul{margin:6px 0 0;padding-left:18px;font-size:13px;}
.mst-addedby{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;}
.mst-addedby svg{width:12px;height:12px;}
.mst-si-mark{margin-left:4px;vertical-align:middle;}

/* Items list: action column never clips, stays on one line, and the ✎ sits inside its cell */
.mst-items-table td.mst-rowact,.mst-items-table th.mst-rowact{width:auto;white-space:nowrap;padding-right:16px;}
.mst-rowact-in{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap;}
.mst-rowact-in .mst-preset-row{height:28px;padding:0 8px;font-size:12px;}
.mst-rowact-in .mst-preset-row svg.mst-i{width:12px;height:12px;}
.mst-items-table{min-width:max-content;}
.mst-table-wrap{overflow-x:auto;overscroll-behavior-x:contain;}
.mst-items-table td{vertical-align:middle;}
.mst-items-table td.mst-edcell .mst-ie-pen{top:4px;right:4px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);}
.mst-addedby{display:block;margin-top:2px;font-size:11.5px;color:var(--mst-muted);}
.mst-serialcell .mst-small{line-height:1.35;}

/* Count (stock-take) */
.mst-countbar{background:#eef6ff;border:1px solid #bfd8f7;border-radius:14px;padding:12px 14px;margin-bottom:12px;}
.mst-countbar-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.mst-countnums{font-size:15px;white-space:nowrap;}
.mst-countnums b{font-size:20px;font-weight:800;}
.mst-countprog{height:6px;border-radius:999px;background:#dbe8f8;margin:10px 0;overflow:hidden;}
.mst-countprog i{display:block;height:100%;background:#1d4ed8;border-radius:999px;transition:width .3s;}
.mst-countbar-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mst-countform{display:flex;gap:6px;flex:1 1 320px;}
.mst-countform .mst-input{flex:1;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;}
.mst-countrow{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--mst-line);border-radius:12px;background:#fff;cursor:pointer;margin-top:6px;}
.mst-countrow:hover{background:#f6f9ff;}
.mst-countrow.is-done{opacity:.8;}
.mst-countrow small{display:block;}
.mst-countnew{padding:12px 14px;border:1px dashed #86aef0;border-radius:12px;background:#f6f9ff;}
.mst-countsum{display:flex;gap:10px;flex-wrap:wrap;}
.mst-countsum-n{flex:1 1 120px;padding:12px;border-radius:12px;text-align:center;background:#f1f5f9;}
.mst-countsum-n b{display:block;font-size:26px;font-weight:800;}
.mst-countsum-n span{font-size:12px;color:var(--mst-muted);}
.mst-countsum-n.t-mint{background:#ecfdf5;color:#047857;}
.mst-countsum-n.t-rose{background:#fff1f2;color:#be123c;}
tr.is-counted,.mst-icard.is-counted{background:#ecfdf5!important;transition:opacity .3s;opacity:.5;}
@media (max-width:720px){.mst-countbar-act .mst-seg{order:3;width:100%;}}
.mst-countpick{padding:10px 12px;border:1px dashed #86aef0;border-radius:12px;background:#f6f9ff;}
[data-countpick][hidden]{display:none!important;}

/* Counting page */
.mst-cnt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.mst-cnt-card{all:unset;box-sizing:border-box;display:block;cursor:pointer;padding:14px 16px;border:1px solid var(--mst-line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.mst-cnt-card:hover{border-color:#86aef0;}
.mst-cnt-card.is-done{opacity:.8;}
.mst-cnt-card-h{display:flex;align-items:center;gap:12px;}
.mst-cnt-card .mst-countprog{margin:10px 0 8px;}
.mst-cnt-card-f{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;align-items:center;}
.mst-cnt-head{padding:16px 18px;}
.mst-cnt-nums{display:flex;gap:10px;margin:12px 0 6px;}
.mst-cnt-nums .mst-countsum-n{flex:1 1 100px;}
.mst-h3{font-size:14px;color:var(--mst-muted);margin:10px 0 8px;text-transform:uppercase;letter-spacing:.06em;}
.mst-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;}
.mst-countsum-n.t-butter{background:#fffbeb;color:#92400e;}
.mst-cnt-nums{flex-wrap:wrap;}

/* Counting: form grid + card actions + mobile */
.mst-cnt-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 12px;}
.mst-cnt-card{position:relative;}
.mst-cnt-card-act{display:inline-flex;gap:2px;margin-left:4px;}
.mst-cnt-card-act .mst-icon-btn{width:30px;height:30px;}
.mst-cnt-card-act .t-rose{color:#be123c;}
.mst-cnt-card:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px;}
@media (max-width:720px){
  .mst-cnt-grid{grid-template-columns:1fr;}
  .mst-cnt-head{padding:12px;}
  .mst-cnt-head h2{font-size:17px;}
  .mst-cnt-nums .mst-countsum-n{flex:1 1 calc(50% - 10px);padding:10px;}
  .mst-cnt-nums .mst-countsum-n b{font-size:22px;}
  .mst-countbar-act{flex-direction:column;align-items:stretch;}
  .mst-countform{flex:1 1 auto;}
  .mst-countbar-act .mst-btn{justify-content:center;}
  /* rows become cards */
  .mst-cnt-table thead{display:none;}
  .mst-cnt-table,.mst-cnt-table tbody{display:block;}
  .mst-cnt-table tr{display:grid;grid-template-columns:52px 1fr auto;gap:4px 10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--mst-line);}
  .mst-cnt-table td{display:block;padding:0;border:0;}
  .mst-cnt-table td.mst-cnt-thumb{grid-row:1/span 3;}
  .mst-cnt-table td.mst-cnt-serial{grid-column:2;}
  .mst-cnt-table td.mst-rowact{grid-column:3;grid-row:1/span 3;text-align:right;}
  .mst-cnt-table td[data-l]{grid-column:2;font-size:12.5px;color:var(--mst-muted);display:inline;}
  .mst-cnt-table td[data-l]::before{content:attr(data-l) ": ";}
  .mst-cnt-table td[data-l="Owner"],.mst-cnt-table td[data-l="Pen"]{display:inline-block;margin-right:10px;}
  .mst-cnt-table td.mst-small{grid-column:2;}
  .mst-cnt-table td:nth-child(3){grid-column:2;}
  .mst-cnt-table td:nth-child(7){grid-column:2;}
  .mst-cnt-table tr td[colspan]{grid-column:1/-1;}
}
.mst-cnt-rounds{padding:10px 14px;margin-top:10px;}
.mst-cnt-rounds summary{cursor:pointer;font-weight:600;font-size:13.5px;}
.mst-cnt-round{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--mst-line);font-size:13px;}

/* Counting: simpler toolbar, overflow menu, and the lists always show on phones */
.mst-cnt-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.mst-cnt-menu{display:flex;flex-direction:column;gap:6px;}
.mst-cnt-menu-row{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--mst-line);border-radius:12px;background:#fff;cursor:pointer;}
.mst-cnt-menu-row:hover{background:#f6f9ff;}
.mst-cnt-menu-row small{display:block;color:var(--mst-muted);font-size:12px;}
.mst-cnt-menu-row.is-danger b{color:#be123c;}
@media (max-width:720px){
  .mst-cnt-table-wrap,[data-counts] .mst-table-wrap{display:block!important;overflow:visible;}
  [data-counts] .mst-chips{display:flex!important;flex-wrap:wrap;gap:6px;}
  .mst-cnt-head .mst-cnt-card-h h2{font-size:16px;}
  .mst-cnt-head .mst-tile{width:36px!important;height:36px!important;}
}
[data-sort3wrap][hidden]{display:none!important;}
@media (max-width:720px){ .mst-sortbar label{flex:1 1 100%;} }

/* Designer: type straight on the canvas */
.mst-dz-inline{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;margin:0;padding:1px 2px;border:2px solid #1d4ed8;border-radius:2px;background:rgba(255,255,255,.96);color:#000;font-family:inherit;line-height:1.08;resize:none;outline:none;z-index:20;overflow:hidden;}
.mst-dz-wrap:focus{outline:none;}

/* Sidebar scrolls when the menu is taller than the window */
.mst-side{overflow:hidden;}
.mst-side .mst-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-right:-6px;padding-right:6px;}

/* Items list: fit the screen — no forced width; action buttons wrap neatly and stay pinned on the right */
.mst-items-table{min-width:0;width:100%;}
.mst-items-table td.mst-rowact,.mst-items-table th.mst-rowact{position:sticky;right:0;z-index:2;background:var(--mst-surface);box-shadow:-10px 0 12px -10px rgba(15,23,42,.18);white-space:normal;width:1%;}
.mst-items-table tbody tr:hover td.mst-rowact{background:#f8fafc;}
.mst-rowact-in{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;max-width:250px;margin-left:auto;}
.mst-rowact-in .mst-preset-row{height:26px;padding:0 7px;font-size:11.5px;border-radius:8px;}
.mst-rowact-in .mst-preset-row svg.mst-i{display:none;}
.mst-rowact-in .mst-icon-btn{width:30px;height:30px;}
.mst-items-table td{word-break:normal;overflow-wrap:anywhere;}
.mst-items-table td.mst-edcell .mst-ie-pen{opacity:0;transition:opacity .15s;}
.mst-items-table tr:hover td.mst-edcell .mst-ie-pen,.mst-items-table td.mst-edcell:focus-within .mst-ie-pen{opacity:1;}
@media (hover:none){.mst-items-table td.mst-edcell .mst-ie-pen{opacity:.6;}}

/* Filters: pick several values */
.mst-msel{position:relative;}
.mst-msel-btn{text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
.mst-msel-btn.is-set{border-color:#86aef0;background-color:#f3f7ff;color:#1d4ed8;font-weight:600;}
.mst-msel-pop{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:40;background:#fff;border:1px solid var(--mst-line);border-radius:12px;box-shadow:0 12px 30px -10px rgba(15,23,42,.25);padding:8px;min-width:220px;}
.mst-msel-pop[hidden]{display:none;}
.mst-msel-pop .mst-input{width:100%;margin-bottom:6px;}
.mst-msel-list{max-height:260px;overflow:auto;display:flex;flex-direction:column;}
.mst-msel-opt{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:14px;}
.mst-msel-opt:hover{background:#f4f7fc;}
.mst-msel-opt[hidden]{display:none;}
.mst-msel-opt input{width:16px;height:16px;flex:none;}
.mst-msel-foot{display:flex;justify-content:space-between;gap:6px;padding-top:6px;margin-top:4px;border-top:1px solid var(--mst-line);}

/* Import from Excel: mode switch, aligned labels, responsive */
.mst-ximp .mst-field>span{display:flex;align-items:center;gap:6px;}
.mst-ximp .mst-field>span svg{width:15px;height:15px;color:var(--mst-muted);}
.mst-ximp .mst-rcv-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mst-ximp [data-xadd][hidden]{display:none!important;}
.mst-xmode{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mst-xmode-opt{position:relative;cursor:pointer;}
.mst-xmode-opt input{position:absolute;opacity:0;pointer-events:none;}
.mst-xmode-opt>span{display:flex;flex-direction:column;gap:3px;height:100%;padding:12px 14px;border:1.5px solid var(--mst-line);border-radius:14px;background:#fff;transition:border-color .15s,background-color .15s;}
.mst-xmode-opt>span b{display:flex;align-items:center;gap:6px;font-size:14px;}
.mst-xmode-opt>span b svg{width:16px;height:16px;}
.mst-xmode-opt>span small{color:var(--mst-muted);font-size:12.5px;line-height:1.35;}
.mst-xmode-opt input:checked+span{border-color:#1d4ed8;background:#f3f7ff;}
.mst-xmode-opt input:focus-visible+span{outline:2px solid #1d4ed8;outline-offset:2px;}
.mst-xfile{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.mst-xfile [hidden]{display:none!important;}
@media (max-width:720px){
  .mst-xmode,.mst-ximp .mst-rcv-head{grid-template-columns:1fr;}
  .mst-xfile>label.mst-btn,.mst-xfile>button{flex:1 1 100%;justify-content:center;}
  .mst-xmap{grid-template-columns:1fr!important;}
  .mst-xprev{max-height:45vh;}
}

/* Items list: action column keeps a sensible width — print buttons on one line, icon buttons next to / under them */
.mst-items-table td.mst-rowact,.mst-items-table th.mst-rowact{width:auto;min-width:300px;}
.mst-rowact-in{max-width:340px;row-gap:6px;}
.mst-rowact-in .mst-preset-row{flex:0 0 auto;}
@media (max-width:1280px){.mst-items-table td.mst-rowact,.mst-items-table th.mst-rowact{min-width:220px;}}
.mst-xsorts{display:contents;}
.mst-xsort{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;}
.mst-xsort .mst-icon-btn{width:28px;height:28px;color:var(--mst-muted);}
[data-xsadd][hidden]{display:none!important;}

/* =====================================================================
   Desktop look (wider than 960px) — clean "operations hub" style:
   white sidebar with grouped sections, white top bar, compact controls,
   uppercase table headers, sticky action column. Phones/tablets unchanged.
   ===================================================================== */
.mst-tb-break,.mst-nav-h,.mst-nav-count,.mst-top-count,.mst-side-set{display:none;}
@media (min-width:961px){
  #mst-app{--d-brand:#4f46e5;--d-brand-2:#4338ca;--d-brand-50:#eef2ff;--d-brand-100:#e0e7ff;--d-ink:#0f172a;--d-ink-2:#334155;--d-muted:#64748b;--d-line:#e2e8f0;--d-line-2:#f1f5f9;--d-bg:#f8fafc;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
  #mst-app .mst-shell{grid-template-columns:256px 1fr;background:#fff;}

  /* Sidebar */
  #mst-app .mst-side{padding:0;gap:0;background:#fff;border-right:1px solid var(--d-line);}
  #mst-app .mst-brand{padding:16px 20px;border-bottom:1px solid var(--d-line-2);gap:12px;}
  #mst-app .mst-brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(45deg,var(--d-brand-2),#6366f1);box-shadow:0 2px 6px rgba(99,102,241,.3);font-size:16px;}
  #mst-app .mst-brand b{font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--d-ink);}
  #mst-app .mst-brand small{font-size:12px;color:var(--d-muted);}
  #mst-app .mst-side .mst-nav{padding:14px 12px;gap:2px;}
  #mst-app .mst-nav a{min-height:38px;padding:0 12px;border-radius:9px;gap:12px;font-size:14px;font-weight:500;color:var(--d-ink-2)!important;}
  #mst-app .mst-nav a .mst-tile{width:20px;height:20px;border-radius:0;background:transparent!important;color:#94a3b8;}
  #mst-app .mst-nav a .mst-tile svg.mst-i{width:19px;height:19px;}
  #mst-app .mst-nav a:hover{background:#f1f5f9;color:var(--d-ink)!important;}
  #mst-app .mst-nav a:hover .mst-tile{color:#475569;}
  #mst-app .mst-nav a.is-active{background:var(--d-brand-50);color:#3730a3!important;font-weight:600;}
  #mst-app .mst-nav a.is-active .mst-tile{color:var(--d-brand);}
  #mst-app .mst-nav-h{display:block;margin:14px 12px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;}
  #mst-app .mst-nav-count{display:inline-block;margin-left:auto;padding:1px 8px;border-radius:999px;background:rgba(199,210,254,.6);color:#3730a3;font-size:12px;font-weight:500;font-style:normal;}
  #mst-app .mst-nav-count[hidden]{display:none;}
  #mst-app .mst-side-set{display:block;padding:8px 12px 0;border-top:1px solid var(--d-line-2);}
  #mst-app .mst-side-set a{display:flex;align-items:center;gap:12px;min-height:38px;padding:0 12px;border-radius:9px;font-size:14px;font-weight:500;color:var(--d-ink-2)!important;}
  #mst-app .mst-side-set a .mst-tile{width:20px;height:20px;background:transparent!important;color:#94a3b8;}
  #mst-app .mst-side-set a:hover{background:#f1f5f9;}
  #mst-app .mst-side-set a.is-active{background:var(--d-brand-50);color:#3730a3!important;}
  #mst-app .mst-side-foot{margin:8px 12px 12px;padding:8px 10px;border:1px solid rgba(226,232,240,.8);border-radius:10px;background:var(--d-bg);}
  #mst-app .mst-side-foot img{width:32px;height:32px;}
  #mst-app .mst-side-foot b{font-size:12.5px;font-weight:500;}
  #mst-app .mst-side-foot small{font-size:11px;color:#94a3b8;}

  /* Top bar */
  #mst-app .mst-main{background:#fff;}
  #mst-app .mst-top{padding:14px 24px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--d-line);}
  #mst-app .mst-top h1{flex:0 0 auto;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--d-ink);}
  #mst-app .mst-top-count{display:inline-flex;align-items:center;margin-right:auto;padding:2px 8px;border-radius:6px;border:1px solid var(--d-line);background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;}
  #mst-app .mst-top-count[hidden]{display:inline-flex;visibility:hidden;}
  #mst-app .mst-top-actions{gap:10px;}
  #mst-app .mst-top-actions .mst-icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--d-line);color:var(--d-muted);background:#fff;}
  #mst-app .mst-top-actions .mst-icon-btn:hover{background:var(--d-bg);color:var(--d-ink);}
  #mst-app .mst-top-actions .mst-icon-btn svg.mst-i{width:16px;height:16px;}
  #mst-app .mst-top-actions .mst-btn{min-height:38px;padding:0 16px;border-radius:9px;background:var(--d-brand-2);font-size:14px;font-weight:600;box-shadow:0 1px 3px rgba(79,70,229,.3);}
  #mst-app .mst-top-actions .mst-btn:hover{background:#3730a3;}
  #mst-app .mst-view{padding:16px 24px 40px;background:#fff;}

  /* Controls: compact, rounded-lg */
  #mst-app .mst-input,#mst-app .mst-select{min-height:38px;height:38px;border-radius:9px;border-color:var(--d-line);font-size:14px;}
  #mst-app .mst-input:focus,#mst-app .mst-select:focus{border-color:transparent;box-shadow:0 0 0 2px #6366f1;}
  #mst-app .mst-view .mst-ghost{min-height:34px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:500;border:1px solid var(--d-line);background:#fff;color:var(--d-ink-2);}
  #mst-app .mst-view .mst-ghost:hover{background:var(--d-bg);}
  #mst-app .mst-view .mst-ghost svg.mst-i{width:15px;height:15px;color:var(--d-muted);}
  #mst-app .mst-view .mst-btn{min-height:34px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:600;}
  #mst-app .mst-view .mst-btn.t-lav{background:var(--d-brand-2);color:#fff;}
  #mst-app .mst-view .mst-icon-btn{width:34px;height:34px;border-radius:7px;border:1px solid var(--d-line);}

  /* Items toolbar: search + filters on row 1, actions on row 2 */
  #mst-app .mst-toolbar-wide{gap:10px 12px;margin-bottom:10px;}
  #mst-app .mst-toolbar-wide .mst-search{flex:1 1 360px;}
  #mst-app .mst-toolbar-wide .mst-select{flex:0 1 200px;}
  #mst-app .mst-tb-break{display:block;flex:1 0 100%;height:0;}
  #mst-app .mst-sortbar{background:transparent;border:0;padding:0;box-shadow:none;font-size:13px;}
  #mst-app .mst-sortbar .mst-select{height:32px;min-height:32px;font-size:13px;}
  #mst-app .mst-dirbtn{height:32px;font-size:12.5px;}

  /* Status chips */
  #mst-app .mst-chips{gap:8px;padding-top:10px;border-top:1px solid var(--d-line-2);}
  #mst-app .mst-chip{height:28px;padding:0 12px;font-size:12px;font-weight:500;border:1px solid var(--d-line);color:#475569;background:#fff;}
  #mst-app .mst-chip svg.mst-i{width:13px;height:13px;}
  #mst-app .mst-chip.is-on{background:var(--d-brand-50);color:#3730a3;border-color:rgba(199,210,254,.8);font-weight:600;}
  #mst-app .mst-chip .mst-count{background:transparent;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:inherit;opacity:.85;padding:0;}

  /* Banners */
  #mst-app .mst-warnbar{border-radius:12px;padding:10px 16px;font-size:13.5px;}
  #mst-app .mst-warnbar .mst-ghost{min-height:30px;font-size:12px;font-weight:600;border-radius:8px;}

  /* Table */
  #mst-app .mst-card.mst-table-wrap{border-radius:12px;border:1px solid var(--d-line);box-shadow:0 1px 2px rgba(15,23,42,.04);}
  #mst-app .mst-table th{background:rgba(248,250,252,.9);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--d-muted);padding:12px 12px;}
  #mst-app .mst-table td{font-size:13px;padding:11px 12px;color:var(--d-ink-2);border-bottom-color:var(--d-line-2);}
  #mst-app .mst-items-table tbody tr:hover td{background:rgba(248,250,252,.8);}
  #mst-app .mst-items-table .mst-no{font-size:13px;font-weight:700;color:var(--d-brand-2);letter-spacing:-.01em;}
  #mst-app .mst-items-table .mst-small,#mst-app .mst-items-table small{font-size:11.5px;}
  #mst-app .mst-items-table .mst-thumb,#mst-app .mst-items-table td img{border-radius:9px;border:1px solid var(--d-line);}
  #mst-app .mst-items-table .mst-badge{height:22px;border-radius:5px;font-size:11.5px;}
  #mst-app .mst-items-table td.mst-rowact,#mst-app .mst-items-table th.mst-rowact{box-shadow:-8px 0 12px -4px rgba(0,0,0,.06);}
  #mst-app .mst-rowact-in .mst-preset-row{height:26px;border-radius:6px;border-color:var(--d-line);color:var(--d-ink-2);font-weight:500;font-size:11.5px;}
  #mst-app .mst-rowact-in .mst-preset-row:last-child,#mst-app .mst-rowact-in .mst-preset-row.is-main{background:var(--d-brand-50);border-color:#c7d2fe;color:#3730a3;font-weight:700;}
  #mst-app .mst-rowact-in .mst-icon-btn{border:0;width:28px;height:28px;color:var(--d-muted);}
  #mst-app .mst-rowact-in .mst-icon-btn:hover{color:var(--d-ink);background:var(--d-line-2);}

  /* Pager */
  #mst-app .mst-pager{padding:12px 4px 0;font-size:12.5px;color:var(--d-muted);}
  #mst-app .mst-pager .mst-ghost{min-height:30px;font-size:12px;}

  /* Selection bar: floating dark pill */
  #mst-app .mst-selbar{position:fixed;left:auto;right:32px;bottom:24px;margin:0;max-width:calc(100vw - 320px);background:#0f172a;color:#fff;border:1px solid rgba(51,65,85,.5);border-radius:16px;box-shadow:0 20px 40px -12px rgba(15,23,42,.45);padding:10px 14px;}
  #mst-app .mst-selbar>b{color:#a5b4fc;font-size:12.5px;}
  #mst-app .mst-selbar .mst-ghost,#mst-app .mst-selbar .mst-btn{background:transparent;border-color:rgba(148,163,184,.3);color:#fff;}
  #mst-app .mst-selbar .mst-ghost:hover,#mst-app .mst-selbar .mst-btn:hover{background:rgba(255,255,255,.08);}
  #mst-app .mst-selbar svg.mst-i{color:#c7d2fe;}
}

/* Desktop polish — closer to the design */
.mst-qa-h,.mst-who-char{display:none;}
.mst-who-char{font-style:normal;}
@media (min-width:961px){
  /* row 1: search + partner/event/celebrity/views + Filters all on one line */
  #mst-app .mst-toolbar-wide .mst-search{flex:1 1 300px;min-width:220px;}
  #mst-app .mst-toolbar-wide>.mst-select{flex:0 1 190px;min-width:140px;}
  #mst-app .mst-toolbar-wide [data-filters]{flex:0 0 auto;}
  /* row 2: action buttons left, sort controls right */
  #mst-app .mst-sortbar.is-inline{margin:0 0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  #mst-app .mst-sortbar.is-inline>svg.mst-i{display:none;}
  #mst-app .mst-sortbar.is-inline label>span{color:#94a3b8;font-size:12.5px;}
  #mst-app .mst-sortbar.is-inline .mst-select{width:auto;min-width:140px;}
  /* sticky actions: solid background (no columns showing through) and a header label */
  #mst-app .mst-items-table th.mst-rowact{background:#f8fafc;text-align:right;}
  #mst-app .mst-items-table td.mst-rowact{background:#fff;}
  #mst-app .mst-items-table tbody tr:hover td.mst-rowact{background:#f8fafc;}
  #mst-app .mst-qa-h{display:inline;}
  /* celebrity bold, character as a small indigo caps line */
  #mst-app .mst-who b{font-weight:700;color:#0f172a;letter-spacing:-.01em;}
  #mst-app .mst-who-char{display:block;margin-top:1px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#4f46e5;}
  /* ✎ only on the cell you point at, small and inside the cell */
  #mst-app .mst-items-table td.mst-edcell .mst-ie-pen{top:50%;right:2px;transform:translateY(-50%);width:22px;height:22px;opacity:0;box-shadow:none;background:#fff;border:1px solid #e2e8f0;}
  #mst-app .mst-items-table tr:hover td.mst-edcell .mst-ie-pen{opacity:0;}
  #mst-app .mst-items-table td.mst-edcell:hover .mst-ie-pen,#mst-app .mst-items-table td.mst-edcell:focus-within .mst-ie-pen{opacity:1;}
  /* status chips: dot style like the design */
  #mst-app .mst-chips .mst-chip.is-on::before{content:"";width:6px;height:6px;border-radius:50%;background:#4f46e5;margin-right:2px;}
}

/* =====================================================================
   Desktop: the same visual system on every page (tokens + components).
   Scoped to the staff app and its dialogs, 961px and wider only.
   ===================================================================== */
@media (min-width:961px){
  #mst-app,.mst-layer,.mst-ped,.mst-ctx-menu,.mst-cl-panel{
    --mst-canvas:#f8fafc; --mst-surface:#ffffff; --mst-ink:#0f172a; --mst-ink-2:#334155; --mst-muted:#64748b; --mst-faint:#94a3b8;
    --mst-line:#e2e8f0; --mst-line-2:#f1f5f9; --mst-brand:#4338ca; --mst-brand-soft:#eef2ff;
    --mst-lav:#eef2ff; --mst-lav-ink:#4338ca;
    --mst-mint:#ecfdf5; --mst-mint-ink:#047857;
    --mst-peach:#fff7ed; --mst-peach-ink:#c2410c;
    --mst-sky:#eff6ff; --mst-sky-ink:#1d4ed8;
    --mst-butter:#fffbeb; --mst-butter-ink:#b45309;
    --mst-rose:#fff1f2; --mst-rose-ink:#be123c;
    --mst-slate:#f1f5f9; --mst-slate-ink:#475569;
    --mst-r-lg:12px; --mst-r:10px; --mst-r-sm:8px;
    --mst-shadow:0 1px 2px rgba(15,23,42,.04);
    --mst-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  }
  html body.mst-body{background:#fff!important;}

  /* Cards & section headers */
  #mst-app .mst-card{border:1px solid var(--mst-line);box-shadow:var(--mst-shadow);border-radius:12px;}
  #mst-app .mst-card-h{padding:14px 16px 0;}
  #mst-app .mst-card-h h3{font-size:15px;font-weight:700;letter-spacing:-.01em;}
  #mst-app .mst-card-b{padding:14px 16px 16px;}
  #mst-app .mst-tile{width:36px;height:36px;border-radius:9px;}
  #mst-app .mst-tile svg.mst-i{width:17px;height:17px;}
  #mst-app h2{font-size:18px;}
  #mst-app .mst-muted,#mst-app .mst-small{color:var(--mst-muted);}

  /* Stat tiles (Overview, Reports) */
  #mst-app .mst-stats{gap:12px;}
  #mst-app .mst-stat{padding:14px 16px;border-radius:12px;border:1px solid var(--mst-line);background:#fff;}
  #mst-app .mst-stat:hover{transform:none;border-color:#c7d2fe;}
  #mst-app .mst-stat b,#mst-app .mst-stat .mst-big{font-size:26px;font-weight:700;letter-spacing:-.03em;}

  /* Forms */
  #mst-app .mst-field>span,.mst-layer .mst-field>span{font-size:12.5px;font-weight:600;color:#475569;}
  #mst-app .mst-input,#mst-app .mst-select,#mst-app .mst-textarea,.mst-layer .mst-input,.mst-layer .mst-select,.mst-layer .mst-textarea{border-radius:8px;border-color:var(--mst-line);font-size:14px;}
  #mst-app .mst-input:focus,#mst-app .mst-select:focus,#mst-app .mst-textarea:focus,.mst-layer .mst-input:focus,.mst-layer .mst-select:focus,.mst-layer .mst-textarea:focus{border-color:transparent;box-shadow:0 0 0 2px #6366f1;}
  #mst-app .mst-check{font-size:14px;}

  /* Buttons everywhere (views + dialogs) */
  #mst-app .mst-btn,.mst-layer .mst-btn{border-radius:8px;font-weight:600;font-size:13.5px;min-height:36px;padding:0 14px;background:#4338ca;box-shadow:0 1px 2px rgba(67,56,202,.25);}
  #mst-app .mst-btn:hover,.mst-layer .mst-btn:hover{background:#3730a3;}
  #mst-app .mst-ghost,.mst-layer .mst-ghost{border-radius:8px;font-weight:500;font-size:13.5px;min-height:36px;padding:0 12px;border:1px solid var(--mst-line);background:#fff;color:#334155;}
  #mst-app .mst-ghost:hover,.mst-layer .mst-ghost:hover{background:#f8fafc;}
  #mst-app .mst-btn.is-sm,#mst-app .mst-ghost.is-sm,.mst-layer .mst-btn.is-sm,.mst-layer .mst-ghost.is-sm{min-height:30px;font-size:12.5px;padding:0 10px;}
  #mst-app .mst-icon-btn,.mst-layer .mst-icon-btn{border-radius:8px;}
  #mst-app .mst-badge,.mst-layer .mst-badge{height:24px;border-radius:6px;font-size:12px;font-weight:600;}
  #mst-app .mst-chip{border-radius:999px;}

  /* Tables on every page */
  #mst-app .mst-table th{background:#f8fafc;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#64748b;padding:11px 12px;}
  #mst-app .mst-table td{font-size:13px;padding:11px 12px;border-bottom-color:#f1f5f9;}
  #mst-app .mst-table tbody tr:hover td{background:#f8fafc;}

  /* Tabs (drawers, settings) */
  #mst-app .mst-tabs{padding:0 8px;}
  #mst-app .mst-tab{height:42px;font-size:13.5px;border-radius:0;border-bottom:2px solid transparent;color:#64748b;}
  #mst-app .mst-tab.is-on{color:#4338ca;border-bottom-color:#4338ca;background:transparent;}
  #mst-app .mst-set-tabs{gap:2px;padding:4px;background:#f1f5f9;border-radius:10px;display:inline-flex;margin-bottom:18px;}
  #mst-app .mst-set-tabs button{height:34px;border-radius:7px;font-size:13.5px;}
  #mst-app .mst-set-tabs button.is-on{background:#fff;color:#4338ca;box-shadow:0 1px 2px rgba(15,23,42,.08);}

  /* Drawers & dialogs */
  #mst-app .mst-drawer{box-shadow:-12px 0 40px -16px rgba(15,23,42,.3);}
  #mst-app .mst-drawer-h h2{font-size:18px;}
  .mst-layer .mst-modal{border-radius:14px;box-shadow:0 24px 60px -20px rgba(15,23,42,.35);}
  .mst-layer .mst-modal-h{padding:16px 20px 4px;}
  .mst-layer .mst-modal-h h3{font-size:16px;}
  .mst-layer .mst-modal-f{padding:12px 20px 16px;border-top:1px solid #f1f5f9;}
  #mst-app .mst-kv{font-size:13.5px;}
  #mst-app .mst-warnbar{border-radius:10px;}

  /* Lists of rows (shipments, partners, events…) */
  #mst-app .mst-ship,#mst-app .mst-ecard,#mst-app .mst-pcard{border-radius:10px;}
  #mst-app .mst-event-h{background:#fff;border-bottom:1px solid var(--mst-line-2);}

  /* Counting / Scan desk cards */
  #mst-app .mst-cnt-card,#mst-app .mst-sd-row,#mst-app .mst-countbar{border-radius:12px;}
  #mst-app .mst-countbar{background:#eef2ff;border-color:#c7d2fe;}
  #mst-app .mst-countprog i{background:#4338ca;}
}
.mst-xsadd{border-style:dashed!important;color:#4338ca!important;}

/* Sort bar: readable selects (text was clipped) and nothing cut off on the right */
@media (min-width:961px){
  #mst-app .mst-sortbar .mst-select{height:36px;min-height:36px;padding:0 34px 0 12px;line-height:34px;font-size:13.5px;}
  #mst-app .mst-sortbar .mst-dirbtn{height:36px;line-height:34px;padding:0 12px;font-size:13px;}
  #mst-app .mst-sortbar.is-inline{flex:1 1 auto;justify-content:flex-end;min-width:0;}
  #mst-app .mst-xsorts{display:contents;}
  #mst-app .mst-xsadd{height:36px;min-height:36px;white-space:nowrap;}
}

/* Team (Settings → Access) */
.mst-team-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 10px;}
.mst-team{display:flex;flex-direction:column;border:1px solid var(--mst-line);border-radius:12px;overflow:hidden;}
.mst-team-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--mst-line-2);flex-wrap:wrap;}
.mst-team-row:first-child{border-top:0;}
.mst-team-row small{display:block;}
.mst-team-row .mst-select{width:auto;min-width:170px;}
.mst-team-av{width:34px;height:34px;border-radius:50%;background:#eef2ff;color:#4338ca;display:grid;place-items:center;font-weight:700;font-size:12.5px;flex:none;}
.mst-team-row .t-rose{color:#be123c;}
@media (max-width:720px){.mst-team-row .mst-select,.mst-team-row .mst-ghost{flex:1 1 100%;}}
.mst-keeplast.is-set{border-color:#c7d2fe!important;background:#eef2ff!important;color:#4338ca!important;font-weight:600;}

/* Counting page polish */
.mst-cnt-table td.mst-rowact{white-space:nowrap;text-align:right;}
.mst-cnt-table .mst-rowact-in{display:inline-flex;align-items:center;gap:4px;}
.mst-cnt-table .mst-rowact-in .mst-icon-btn{width:30px;height:30px;color:var(--mst-muted);}
.mst-cnt-table .mst-rowact-in .mst-icon-btn:hover{color:var(--mst-ink);background:var(--mst-line-2);}
.mst-countform .mst-input{text-transform:none;font-family:inherit;}
.mst-countform .mst-input::placeholder{text-transform:none;letter-spacing:0;}
@media (min-width:961px){
  #mst-app .mst-cnt-head{padding:18px 20px;}
  #mst-app .mst-cnt-nums{gap:10px;margin:14px 0 8px;}
  #mst-app .mst-cnt-nums .mst-countsum-n{border-radius:10px;padding:14px;}
  #mst-app .mst-cnt-nums .mst-countsum-n b{font-size:28px;letter-spacing:-.03em;}
  #mst-app .mst-countprog{height:5px;margin:8px 0 14px;}
  #mst-app .mst-countbar-act{gap:8px;}
  #mst-app .mst-countform .mst-input{height:38px;}
  #mst-app .mst-cnt-table th.mst-rowact{text-align:right;}
}
@media (max-width:720px){
  .mst-cnt-table .mst-rowact-in{flex-wrap:wrap;justify-content:flex-end;}
}

/* Find item: mode tiles + switches (easy one-thumb use) */
.mst-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.mst-mode.mst-chip{height:auto;flex-direction:column;justify-content:center;gap:6px;padding:12px 6px;border-radius:14px;font-size:13px;font-weight:600;border:1.5px solid var(--mst-line);background:#fff;color:var(--mst-ink-2);}
.mst-mode .mst-mode-i{width:34px;height:34px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;color:var(--mst-muted);}
.mst-mode .mst-mode-i svg{width:18px;height:18px;}
.mst-mode.is-on{border-color:#4338ca;background:#eef2ff;color:#3730a3;}
.mst-mode.is-on .mst-mode-i{background:#4338ca;color:#fff;}
.mst-switches{display:flex;flex-direction:column;gap:8px;margin-top:4px;}
.mst-switch{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--mst-line);border-radius:14px;background:#fff;cursor:pointer;}
.mst-switch-t{flex:1;min-width:0;}
.mst-switch-t b{display:block;font-size:14px;}
.mst-switch-t small{display:block;font-size:12px;color:var(--mst-muted);line-height:1.3;}
.mst-switch input{position:absolute;opacity:0;width:1px;height:1px;}
.mst-switch i{flex:none;width:44px;height:26px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .2s;}
.mst-switch i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s;}
.mst-switch input:checked+i{background:#4338ca;}
.mst-switch input:checked+i::after{transform:translateX(18px);}
.mst-switch input:focus-visible+i{outline:2px solid #4338ca;outline-offset:2px;}
.mst-countpick{margin-top:2px;}
@media (min-width:721px){.mst-modes{grid-template-columns:repeat(6,1fr);}}
.mst-ce.is-rot{overflow:visible;}
.mst-ce.is-rot>.ce-in{display:flex;flex-direction:column;justify-content:center;}
.mst-ce.is-rot.va-top>.ce-in{justify-content:flex-start;}
.mst-ce.is-rot.va-bottom>.ce-in{justify-content:flex-end;}
.mst-dz-rot .mst-fo-seg button{min-width:56px;}
.mst-cnt-carried{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border:1px dashed #a5b4fc;border-radius:10px;background:#f5f7ff;font-size:12.5px;}
.mst-cnt-carried span{font-weight:600;color:#3730a3;margin-right:2px;}
.mst-cnt-carried em{font-style:normal;padding:2px 8px;border-radius:999px;background:#fff;border:1px solid #c7d2fe;color:#3730a3;}
.mst-fl-list{display:flex;flex-direction:column;max-height:55vh;overflow:auto;border:1px solid var(--mst-line);border-radius:10px;}
.mst-fl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--mst-line-2);}
.mst-fl-row:first-child{border-top:0;}
.mst-fl-row .mst-fo-seg label{cursor:pointer;}
.mst-fl-row .mst-fo-seg input{position:absolute;opacity:0;pointer-events:none;}
.mst-fl-row .mst-fo-seg span{display:inline-block;padding:4px 10px;border:1px solid var(--mst-line);font-size:12.5px;}
.mst-fl-row .mst-fo-seg label:first-child span{border-radius:8px 0 0 8px;}
.mst-fl-row .mst-fo-seg label:last-child span{border-radius:0 8px 8px 0;}
.mst-fl-row .mst-fo-seg input:checked+span{background:#4338ca;border-color:#4338ca;color:#fff;}

/* Partner / event / celebrity pickers (include or exclude) */
.mst-fpick{position:relative;min-width:0;}
.mst-fpick .mst-msel-btn{width:100%;}
.mst-msel-btn.is-exc{border-color:#fda4af;background-color:#fff1f2;color:#be123c;}
.mst-pick-pop{min-width:260px;}
.mst-pick-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin-bottom:8px;background:#f1f5f9;border-radius:9px;}
.mst-pick-mode label{cursor:pointer;}
.mst-pick-mode input{position:absolute;opacity:0;pointer-events:none;}
.mst-pick-mode span{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;border-radius:7px;font-size:13px;font-weight:600;color:#64748b;}
.mst-pick-mode span svg{width:14px;height:14px;}
.mst-pick-mode input:checked+span{background:#fff;color:#4338ca;box-shadow:0 1px 2px rgba(15,23,42,.08);}
.mst-pick-mode label:last-child input:checked+span{color:#be123c;}
@media (min-width:961px){ #mst-app .mst-toolbar-wide>.mst-fpick{flex:0 1 190px;min-width:140px;} }
.mst-fl-h{margin:14px 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;}
.mst-fl-list{max-height:32vh;}

/* Partner / event / celebrity pickers: fixed control height (they were stretching to the row height) */
.mst-toolbar-wide>.mst-fpick{align-self:center;}
.mst-fpick>.mst-msel-btn{display:block;height:38px!important;min-height:38px!important;max-height:38px;line-height:36px;padding:0 34px 0 14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mst-fpick>.mst-msel-pop{position:absolute;top:100%;left:0;z-index:60;}
.mst-fpick>.mst-msel-pop[hidden]{display:none!important;}
@media (max-width:960px){.mst-fpick>.mst-msel-btn{height:44px!important;min-height:44px!important;max-height:44px;line-height:42px;}}
/* picker pop-up: modern card */
.mst-fpick>.mst-msel-pop{min-width:280px;padding:10px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 18px 40px -14px rgba(15,23,42,.28);}
.mst-fpick .mst-msel-opt{padding:8px 10px;border-radius:9px;}
.mst-fpick .mst-msel-opt:has(input:checked){background:#eef2ff;color:#3730a3;font-weight:600;}
.mst-fpick .mst-msel-btn.is-set{border-color:#a5b4fc;background-color:#eef2ff;color:#3730a3;font-weight:600;}
.mst-sharelink{display:flex;gap:8px;}
.mst-sharelink .mst-input{flex:1;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;}

/* Column filters (funnel on each header) */
.mst-thwrap{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;}
.mst-thfilter{all:unset;box-sizing:border-box;cursor:pointer;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#94a3b8;opacity:.55;transition:opacity .15s,background .15s;}
.mst-thfilter svg{width:13px;height:13px;}
th:hover .mst-thfilter,.mst-thfilter:focus-visible{opacity:1;}
.mst-thfilter:hover{background:#e2e8f0;color:#334155;}
.mst-thfilter.is-on{opacity:1;background:#4338ca;color:#fff;}
.mst-colf{position:fixed;z-index:200;width:280px;max-height:min(460px,70vh);display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 44px -16px rgba(15,23,42,.35);font-size:14px;text-transform:none;letter-spacing:0;font-weight:400;color:#0f172a;}
.mst-colf-h{display:flex;align-items:center;justify-content:space-between;}
.mst-colf-tools{display:flex;gap:12px;font-size:12.5px;}
.mst-colf-tools .mst-link{all:unset;cursor:pointer;color:#4338ca;font-weight:600;}
.mst-colf-list{flex:1;min-height:60px;overflow:auto;border:1px solid #f1f5f9;border-radius:10px;padding:4px;}
.mst-colf-list .mst-msel-opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;}
.mst-colf-list .mst-msel-opt[hidden]{display:none;}
.mst-colf-list .mst-msel-opt:hover{background:#f8fafc;}
.mst-colf-f{display:flex;justify-content:space-between;gap:8px;}
@media (max-width:720px){.mst-colf{left:8px!important;right:8px;width:auto;}}

/* Quotes page */
.mst-q-head{margin-bottom:10px;}
.mst-q-bar .mst-search{flex:1 1 260px;}
.mst-q-bar .mst-select{flex:0 1 180px;}
.mst-q-sum{margin:4px 0 12px;font-size:13.5px;color:var(--mst-muted);}
.mst-q-sum b{color:var(--mst-ink);}
.mst-q-list{display:flex;flex-direction:column;gap:10px;}
.mst-q-card{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:12px;transition:opacity .4s,transform .4s,background .2s;}
.mst-q-card.is-saved{background:#f6fef9;border-color:#a7f3d0;}
.mst-q-card.is-done{opacity:0;transform:translateX(30px);}
.mst-q-img{display:grid;place-items:center;width:96px;height:96px;border-radius:12px;overflow:hidden;background:#f1f5f9;color:#94a3b8;}
.mst-q-img img{width:100%;height:100%;object-fit:cover;}
.mst-q-b{min-width:0;display:flex;flex-direction:column;gap:8px;}
.mst-q-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.mst-q-who b{font-weight:700;}
.mst-q-who em{font-style:normal;font-weight:700;color:#4338ca;text-transform:uppercase;font-size:12.5px;letter-spacing:.03em;}
.mst-q-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mst-q-f{display:flex;flex-direction:column;gap:4px;}
.mst-q-f>span{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--mst-muted);}
.mst-q-f textarea{resize:none;min-height:40px;line-height:1.35;padding:9px 11px;font-size:15px;}
.mst-q-cnt{font-variant-numeric:tabular-nums;padding:0 6px;border-radius:6px;background:#f1f5f9;color:#475569;}
.mst-q-cnt.is-over{background:#fff1f2;color:#be123c;}
.mst-q-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mst-q-state{font-size:12.5px;color:#047857;display:inline-flex;align-items:center;gap:4px;}
.mst-q-state svg{width:14px;height:14px;}
@media (max-width:720px){
  .mst-q-card{grid-template-columns:64px 1fr;gap:10px;}
  .mst-q-img{width:64px;height:64px;}
  .mst-q-fields{grid-template-columns:1fr;}
  .mst-q-bar{display:grid;grid-template-columns:1fr 1fr;}
  .mst-q-bar .mst-search{grid-column:1/-1;}
}

/* Signing tracking (event page) */
.mst-trk{padding:16px 18px;margin:14px 0 18px;}
.mst-trk-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:6px;}
.mst-trk-tile{padding:12px;border-radius:12px;background:#f1f5f9;text-align:center;}
.mst-trk-tile b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;}
.mst-trk-tile span{font-size:12px;color:var(--mst-muted);}
.mst-trk-tile.t-peach{background:#fff7ed;color:#c2410c;}.mst-trk-tile.t-sky{background:#eff6ff;color:#1d4ed8;}.mst-trk-tile.t-mint{background:#ecfdf5;color:#047857;}.mst-trk-tile.t-slate{background:#f8fafc;color:#475569;}
.mst-trk-t td.num,.mst-trk-t th.num{text-align:center;}
.mst-trk-n{all:unset;cursor:pointer;min-width:28px;padding:2px 8px;border-radius:7px;font-weight:700;color:#4338ca;background:#eef2ff;}
.mst-trk-n:hover{background:#e0e7ff;}
.mst-pack-own{padding:8px 10px;border:1px solid var(--mst-line);border-radius:10px;}
@media (max-width:720px){.mst-trk-tiles{grid-template-columns:repeat(2,1fr);}}

/* Quick add */
.mst-qa{display:flex;flex-direction:column;gap:12px;}
.mst-qa-top{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.mst-qa-chips{display:flex;flex-direction:column;gap:6px;}
.mst-qa-chips>div{display:flex;flex-wrap:wrap;gap:6px;}
.mst-qa-chips .mst-chip{height:30px;font-size:12.5px;}
.mst-qa-grid{border:1px solid var(--mst-line);border-radius:12px;overflow:auto;max-height:46vh;}
.mst-qa-head,.mst-qa-row{display:grid;grid-template-columns:28px 1.2fr 1.3fr 1fr 1.2fr .8fr 64px 108px;gap:6px;align-items:center;padding:6px 8px;}
.mst-qa-head{position:sticky;top:0;background:#f8fafc;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b;z-index:1;}
.mst-qa-row{border-top:1px solid var(--mst-line-2);}
.mst-qa-row.is-cur{background:#f5f7ff;box-shadow:inset 3px 0 0 #4338ca;}
.mst-qa-row .mst-input,.mst-qa-row .mst-select{height:34px;min-height:34px;font-size:13.5px;min-width:0;width:100%;}
.mst-qa-n{font-size:12px;color:#94a3b8;text-align:right;}
.mst-qa-act{display:flex;gap:2px;justify-content:flex-end;}
.mst-qa-act img{width:24px;height:24px;object-fit:cover;border-radius:5px;}
.mst-qa-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
@media (max-width:720px){
  .mst-qa-top{grid-template-columns:1fr 1fr;}
  .mst-qa-head{display:none;}
  .mst-qa-row{grid-template-columns:1fr 1fr;padding:10px;}
  .mst-qa-n{grid-column:1/-1;text-align:left;font-weight:700;color:#4338ca;}
  .mst-qa-act{grid-column:1/-1;}
}

/* Search by photo */
.mst-search{position:relative;}
.mst-search-img{all:unset;cursor:pointer;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#64748b;}
.mst-search-img:hover{background:#eef2ff;color:#4338ca;}
.mst-search-img svg{width:17px;height:17px;}
.mst-search .mst-input{padding-right:44px;}
.mst-ps-pick{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.mst-ps-q{display:flex;align-items:center;gap:12px;}
.mst-ps-q img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--mst-line);}
.mst-ps-filters{display:flex;gap:8px;flex-wrap:wrap;}
.mst-ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:55vh;overflow:auto;}
.mst-ps-card{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid var(--mst-line);border-radius:12px;background:#fff;}
.mst-ps-card:hover{border-color:#a5b4fc;}
.mst-ps-card img,.mst-ps-noimg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;color:#94a3b8;}
.mst-ps-card small{font-size:11.5px;line-height:1.3;}
.mst-ps-m{position:absolute;top:12px;left:12px;padding:2px 7px;border-radius:999px;background:rgba(15,23,42,.75);color:#fff;font-size:11px;font-weight:700;}
.mst-ps-m.is-hi{background:#047857;}

/* Photos page */
.mst-ph-search{max-width:none;margin-bottom:10px;}
.mst-ph-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.mst-ph-filters .mst-select,.mst-ph-filters .mst-input{width:auto;min-width:130px;flex:0 1 170px;}
.mst-ph-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 12px;font-size:13.5px;color:var(--mst-muted);}
.mst-ph-bar b{color:var(--mst-ink);}
.mst-ph-unread{color:#b45309;font-weight:600;}
.mst-ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;}
.mst-ph-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--mst-line);border-radius:12px;overflow:hidden;}
.mst-ph-card:hover{border-color:#a5b4fc;}
.mst-ph-img{all:unset;cursor:pointer;display:grid;place-items:center;aspect-ratio:1;background:#f1f5f9;color:#94a3b8;position:relative;}
.mst-ph-img img{width:100%;height:100%;object-fit:cover;}
.mst-ph-ok{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:50%;background:#4338ca;color:#fff;display:grid;place-items:center;}
.mst-ph-ok svg{width:12px;height:12px;}
.mst-ph-cb{position:absolute;top:6px;left:6px;z-index:2;background:rgba(255,255,255,.9);border-radius:6px;padding:3px;line-height:0;}
.mst-ph-b{padding:8px 10px 10px;display:flex;flex-direction:column;gap:2px;min-width:0;}
.mst-ph-b small{font-size:11.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;}
.mst-ph-snip{color:#334155;background:#f8fafc;border-radius:6px;padding:4px 6px;margin-top:4px;}
.mst-ph-snip mark,.mst-ph-b mark{background:#fef08a;color:inherit;padding:0 1px;border-radius:2px;}
.mst-ph-more{display:flex;justify-content:center;margin:16px 0;}
.mst-ph-lb{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;}
.mst-ph-lb img{width:100%;max-height:70vh;object-fit:contain;border-radius:10px;background:#f1f5f9;}
.mst-ph-info{display:flex;flex-direction:column;gap:10px;min-width:0;}
@media (max-width:720px){.mst-ph-grid{grid-template-columns:repeat(2,1fr);gap:8px;}.mst-ph-lb{grid-template-columns:1fr;}.mst-ph-filters .mst-select,.mst-ph-filters .mst-input{flex:1 1 calc(50% - 8px);}}
.mst-ps-filters .mst-select{width:auto;flex:1 1 180px;min-width:0;}
.mst-ps-strict{width:auto!important;min-width:170px;}
.mst-ps-ai{margin-top:6px;padding-top:12px;border-top:1px solid var(--mst-line);display:flex;flex-direction:column;gap:8px;}
.mst-ps-aih{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mst-ps-aih b{display:inline-flex;align-items:center;gap:6px;color:#4338ca;}
.mst-ps-aih b svg{width:16px;height:16px;}