/* =====================================================================================================================
   MINTKIT01 - THE STANDARD FIELD FOR ANY POP-UP.  1 October 2026.
   His words: "find those type of fields and turn it to our new standard looks fields" -> "deploy on all 12 finding".

   THE TWO STANDARDS, AS HE SET THEM:
     A RECORD FIELD = THE CLIENT RECORD'S MINT TILE (detail-view.css + client-detail-view.css, #mhDetail .mint-w.ed):
       the pine dot, the small-caps label INSIDE the tile, the value in 16px/650, dashed while empty, white with a pine
       ring and a 2px lift on focus. The tile IS the field - the control inside draws nothing of its own.
     A SEARCH = THE GLOBAL SEARCH BAR (.bigbar.b14, mh-weather.css TRIAL rule): the pill, the pine edge, the glass, the
       search icon where the global bar has the logo. Never a tile ("that field is for records ... the search fields must
       be same as the global search").

   WHY A KIT: the Mint rules are written per host id (#mhDetail, #hhDetail, #view-settings, #cnPop) and reach nothing
   else. Twelve pop-ups needed them; one class (.mint-kit) on each pop-up's own element brings the SAME values, rule
   for rule. Any later pop-up joins by adding the class - never by copying the rules again.

   MARKUP
     <label class="mint-w ed [empty] [bad] [wide]"><span class="mint-lb">Label<span class="mint-req">*</span></span>
            <input class="mint-in" ...> | <textarea class="mint-in mint-ta"> | <span class="mint-selbox"><select class="mint-in">
            ...</select><span class="mint-chev">svg</span></span> | <MhDatePicker Class="mh-dp-tile"></label>
     <label class="bigbar b14 mint-search"><span class="search-ic">svg</span><span class="divider"></span><input type="text"></label>
   Native <select> stays native: selectsearch.js already opens the app's own list for every select, and marks the field
   .mh-ssp-open while it shows - the chevron turns on that.
   ===================================================================================================================== */
.mint-kit{
  --mint-lift:0 4px 10px -6px rgba(30,55,48,.16), 0 18px 38px -18px rgba(30,55,48,.30);
  --mint-lift-sm:0 3px 7px -4px rgba(30,55,48,.18), 0 10px 20px -10px rgba(30,55,48,.26);
}
body.dark .mint-kit{
  --mint-lift:0 4px 10px -6px rgba(0,0,0,.4), 0 18px 38px -18px rgba(0,0,0,.55);
  --mint-lift-sm:0 3px 7px -4px rgba(0,0,0,.5), 0 10px 20px -10px rgba(0,0,0,.6);
}

/* ---------------------------------------------------------------- THE TILE
   .mint-w.mint-w = one notch above a host's own "label" rule (measured: .mh-app .pl-field label {display:block} in the
   event sheet beat a single class and took the tile's 4px gap away - 67px instead of 71). */
.mint-kit .mint-w.mint-w{
  position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;box-sizing:border-box;
  padding:12px 16px 14px 30px;border-radius:16px;line-height:1.5;text-align:left;
  font-size:14px;font-weight:500;letter-spacing:normal;text-transform:none;   /* a host label rule must not restyle the tile */
  background:rgba(var(--tg-rgb,255,255,255),calc(.72*var(--tg-k,1)));
  border:1px solid rgba(255,255,255,.85);
  border-right-color:var(--tg-edge-r,rgba(255,255,255,.85));border-bottom-color:var(--tg-edge-b,rgba(255,255,255,.85));
  box-shadow:0 6px 16px -12px rgba(30,55,48,.35);
  transition:transform .18s ease,box-shadow .18s ease,background .15s ease,border-color .15s ease;
  cursor:text;
}
.mint-kit .mint-w::before{
  content:"";position:absolute;left:14px;top:17px;width:7px;height:7px;border-radius:50%;
  background:#2F6B57;box-shadow:0 0 0 3px rgba(47,107,87,.16);
}
.mint-kit .mint-w .mint-lb{
  display:block;margin:0;padding:0;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#7A8A84;line-height:15px;
}
.mint-kit .mint-w .mint-req{color:#C0473F;font-weight:800;margin-left:3px}
.mint-kit .mint-w .mint-opt{color:#9AA6A1;font-weight:700;letter-spacing:.06em;margin-left:5px;text-transform:none}
.mint-kit .mint-w.ed:hover{background:rgba(var(--tg-rgb,255,255,255),.85)}
.mint-kit .mint-w.ed.empty{
  background:rgba(var(--tg-rgb,255,255,255),calc(.4*var(--tg-k,1)));border-style:dashed;border-color:rgba(30,55,48,.18);box-shadow:none;
}
.mint-kit .mint-w.ed.empty::before{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(30,55,48,.22)}
.mint-kit .mint-w.ed:focus-within{
  background:rgb(var(--tg-rgb,255,255,255));border-style:solid;border-color:rgba(47,107,87,.55);
  box-shadow:0 0 0 3px rgba(47,107,87,.13), var(--mint-lift-sm);transform:translateY(-2px);
}
.mint-kit .mint-w.ed.bad{border-style:solid;border-color:rgba(192,71,63,.6);box-shadow:0 0 0 3px rgba(192,71,63,.12)}
.mint-kit .mint-w.ed.bad::before{background:#C0473F;box-shadow:0 0 0 3px rgba(192,71,63,.18)}
.mint-kit .mint-w.ed.is-disabled{opacity:.6;cursor:not-allowed}
.mint-kit .mint-w.ed.is-disabled:hover{background:rgba(var(--tg-rgb,255,255,255),calc(.72*var(--tg-k,1)))}
.mint-kit .mint-w.wide{grid-column:1 / -1}
.mint-kit .mint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mint-kit .mint-stack{display:flex;flex-direction:column;gap:12px}

/* ---------------------------------------------------------------- THE VALUE - and NO GHOST, in every state */
.mint-kit .mint-w.ed .mint-in,
.mint-kit .mint-w.ed .mint-in:hover,
.mint-kit .mint-w.ed .mint-in:focus,
.mint-kit .mint-w.ed .mint-in:focus-visible,
.mint-kit .mint-w.ed .mint-in:disabled{
  display:block;width:100%;min-width:0;height:24px;min-height:0;box-sizing:border-box;
  padding:0;border:0;background:transparent;background-image:none;box-shadow:none;outline:0;border-radius:0;
  font-family:var(--font-sans,inherit);font-size:16px;font-weight:650;line-height:24px;letter-spacing:normal;color:#1C2A25;
  -webkit-appearance:none;appearance:none;
}
.mint-kit .mint-w.ed .mint-in::placeholder{color:#8A9A94;font-weight:650;opacity:1}
.mint-kit .mint-w.ed .mint-in.mint-ta,
.mint-kit .mint-w.ed .mint-in.mint-ta:focus{height:auto;min-height:66px;resize:vertical;line-height:22px}
.mint-kit .mint-w.ed input.mint-in[type=datetime-local],
.mint-kit .mint-w.ed input.mint-in[type=number]{font-variant-numeric:tabular-nums;cursor:text}
.mint-kit .mint-w.ed input.mint-in[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}

/* a native select as the tile's value: its own chevron, turning while the app's list is open */
.mint-kit .mint-w.ed .mint-selbox{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.mint-kit .mint-w.ed .mint-selbox select.mint-in,
.mint-kit .mint-w.ed .mint-selbox select.mint-in:focus{flex:1;padding-right:24px;cursor:pointer;text-overflow:ellipsis}
.mint-kit .mint-w.ed .mint-selbox .mint-chev{
  position:absolute;right:0;top:50%;width:15px;height:15px;margin-top:-7.5px;display:grid;place-items:center;
  color:#8A9A94;pointer-events:none;transition:transform .2s cubic-bezier(.2,.7,.25,1),color .15s ease;
}
.mint-kit .mint-w.ed .mint-selbox .mint-chev svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mint-kit .mint-w.ed .mint-selbox:has(select.mh-ssp-open) .mint-chev,
.mint-kit .mint-w.ed .mint-selbox:has(select:open) .mint-chev{transform:rotate(180deg);color:#2F6B57}
.mint-kit .mint-w.ed:has(select){cursor:pointer}

/* MhDatePicker as the tile's value: the house control keeps its behaviour and loses its shell */
.mint-kit .mint-w.ed .mh-dp-tile,
.mint-kit .mint-w.ed .mh-dp-tile .dp-field,
.mint-kit .mint-w.ed .mh-dp-tile .icf{background:none;border:0;box-shadow:none;padding:0;min-height:0;height:auto;border-radius:0}
.mint-kit .mint-w.ed .mh-dp-tile .dpf-mask,
.mint-kit .mint-w.ed .mh-dp-tile input,
.mint-kit .mint-w.ed .mh-dp-tile input:focus{
  padding:0;border:0;background:none;box-shadow:none;outline:0;height:24px;line-height:24px;
  font-family:var(--font-sans,inherit);font-size:16px;font-weight:650;color:#1C2A25;
}
.mint-kit .mint-w.ed .mh-dp-tile input::placeholder{color:#8A9A94;font-weight:650;opacity:1}
/* the picker's display (non-masked) mode shows the value as text, not an input - same value type */
.mint-kit .mint-w.ed .mh-dp-tile .dp-field{min-height:24px;gap:8px}
.mint-kit .mint-w.ed .mh-dp-tile .dpf-val{font-size:16px;font-weight:650;line-height:24px;color:#1C2A25}
body.dark .mint-kit .mint-w.ed .mh-dp-tile .dpf-val{color:#EAF0F4}
/* a focused tile lifts (transform = stacking context); with the calendar open it is raised above the tiles after it,
   as the record does (#mhDetail .mint-w.ed:has(.dp.open){z-index:131}) */
.mint-kit .mint-w.ed:has(.dp.open){z-index:131}

/* a value row that carries a leading control (the Teams status emoji) */
.mint-kit .mint-w.ed .mint-row{display:flex;align-items:center;gap:8px;min-width:0}
.mint-kit .mint-w.ed .mint-row .mint-in{flex:1}
.mint-kit .mint-w .mint-note{display:block;margin-top:2px;font-size:11px;font-weight:600;color:#8A9A94;line-height:1.4}

/* ---------------------------------------------------------------- THE SEARCH = THE GLOBAL SEARCH BAR */
.mint-kit .bigbar.mint-search{
  width:100%;max-width:none;margin:0;display:flex;align-items:center;box-sizing:border-box;
  height:42px;padding:0 16px;gap:12px;border-radius:999px;cursor:text;
  background:linear-gradient(180deg,rgba(var(--tg-rgb,255,255,255),calc(.30*var(--tg-k,1))) 0%,rgba(var(--tg-rgb,255,255,255),calc(.10*var(--tg-k,1))) 100%);
  -webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);
  border:1px solid rgba(47,107,87,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(47,107,87,.06),0 6px 18px -10px rgba(30,55,48,.35);
  transition:box-shadow .2s cubic-bezier(.2,.7,.25,1),border-color .2s cubic-bezier(.2,.7,.25,1),background .2s cubic-bezier(.2,.7,.25,1);
}
.mint-kit .bigbar.mint-search:hover{
  border-color:rgba(47,107,87,.42);
  background:linear-gradient(180deg,rgba(var(--tg-rgb,255,255,255),calc(.40*var(--tg-k,1))) 0%,rgba(var(--tg-rgb,255,255,255),calc(.18*var(--tg-k,1))) 100%);
}
.mint-kit .bigbar.mint-search:focus-within{
  background:linear-gradient(180deg,rgba(var(--tg-rgb,255,255,255),calc(.48*var(--tg-k,1))) 0%,rgba(var(--tg-rgb,255,255,255),calc(.26*var(--tg-k,1))) 100%);
  border-color:rgba(47,107,87,.55);box-shadow:0 0 0 3px rgba(47,107,87,.14),0 10px 26px -12px rgba(30,55,48,.35);
}
.mint-kit .bigbar.mint-search .search-ic{width:22px;height:22px;flex:none;display:grid;place-items:center;color:var(--mh-ico-brand,#2F6B57)}
.mint-kit .bigbar.mint-search .search-ic svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.mint-kit .bigbar.mint-search .divider{width:1px;height:22px;flex:none;background:rgba(47,107,87,.22)}
.mint-kit .bigbar.mint-search input,
.mint-kit .bigbar.mint-search input:hover,
.mint-kit .bigbar.mint-search input:focus,
.mint-kit .bigbar.mint-search input:focus-visible{
  flex:1;min-width:0;height:auto;padding:0;border:0;background:none;box-shadow:none;outline:0;border-radius:0;
  font-family:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;color:#1C2733;
  -webkit-appearance:none;appearance:none;
}
.mint-kit .bigbar.mint-search input::placeholder{color:#6F7D89;font-weight:400}

/* ---------------------------------------------------------------- DARK - the Mint tile's own dark values */
body.dark .mint-kit .mint-w{background:rgba(var(--tg-rgb,255,255,255),calc(.06*var(--tg-k,1)));border-color:rgba(180,210,235,.14);box-shadow:0 6px 16px -12px rgba(0,0,0,.55)}
body.dark .mint-kit .mint-w::before{background:#5FCFA4;box-shadow:0 0 0 3px rgba(95,207,164,.18)}
body.dark .mint-kit .mint-w .mint-lb{color:#8C9AA5}
body.dark .mint-kit .mint-w.ed:hover{background:rgba(var(--tg-rgb,255,255,255),calc(.1*var(--tg-k,1)))}
body.dark .mint-kit .mint-w.ed.empty{background:rgba(var(--tg-rgb,255,255,255),calc(.025*var(--tg-k,1)));border-color:rgba(180,210,235,.16)}
body.dark .mint-kit .mint-w.ed.empty::before{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(180,210,235,.3)}
body.dark .mint-kit .mint-w.ed:focus-within{background:rgba(var(--tg-rgb,255,255,255),calc(.14*var(--tg-k,1)));border-color:rgba(143,187,165,.6);box-shadow:0 0 0 3px rgba(143,187,165,.16), var(--mint-lift-sm)}
body.dark .mint-kit .mint-w.ed .mint-in,
body.dark .mint-kit .mint-w.ed .mint-in:focus,
body.dark .mint-kit .mint-w.ed .mh-dp-tile input{color:#EAF0F4}
body.dark .mint-kit .mint-w.ed .mint-in::placeholder{color:#6E7E88}
body.dark .mint-kit .mint-w.ed input.mint-in[type=datetime-local]{color-scheme:dark}
body.dark .mint-kit .mint-w.ed select.mint-in option{background:#1d2421;color:#EAF0F4}
body.dark .mint-kit .bigbar.mint-search{background:var(--mh-ctrl-fill);border-color:var(--mh-line);box-shadow:inset 0 1px 2px rgba(0,0,0,.22);-webkit-backdrop-filter:none;backdrop-filter:none}
body.dark .mint-kit .bigbar.mint-search:focus-within{background:var(--mh-surface);border-color:var(--mh-ctrl-focus-border);box-shadow:var(--mh-ctrl-focus-ring)}
body.dark .mint-kit .bigbar.mint-search input{color:var(--mh-ink)}
body.dark .mint-kit .bigbar.mint-search .divider{background:rgba(180,210,235,.18)}

@media (prefers-reduced-motion: reduce){ .mint-kit .mint-w.ed:focus-within{transform:none} }

/* =====================================================================================================================
   THE TWELVE POP-UPS - only what each host's own layout needs around the tiles (the tile itself is above, unchanged).
   ===================================================================================================================== */
/* 1. Client Movement wizard */
#mvWiz .mvpane .mfld > .mint-w + .mvchk{margin-top:10px}
/* 2. Send feedback */
.fb-panel.mint-kit .fb-tile{margin:0 0 12px}
/* 3. reason boxes - approvals inbox, Change Client / Household Status */
.mint-kit .cs-tile{margin:12px 0 6px}
.sai-modal.mint-kit .cs-tile{margin:10px 0 8px}
/* 4. Add guests: New outside contact (the column keeps its 9px rhythm) */
.pp-menu.mint-kit .pp-addform .mint-w{flex:none}
/* 5. Planner event card */
.ed-card.mint-kit .ed-proptiles{align-items:center;gap:8px}
.ed-card.mint-kit .ed-proptiles .mint-w{flex:1 1 190px}
.ed-card.mint-kit > * .mint-w.ed .mint-ta{min-height:56px}
/* 6. Teams */
.tm-page.mint-kit .tm-me-statusnote{margin-top:6px}
.tm-page.mint-kit .tm-me-statusnote .tm-emojiwrap{position:relative;flex:none;display:grid;place-items:center}
/* the focused tile lifts (a transform = its own stacking context), so its emoji picker would sit UNDER the people
   rows that follow it - measured: names showed through the picker. While the picker is open the tile is raised. */
.tm-page.mint-kit .tm-me-statusnote:has(.tm-emojipop){z-index:60}
.tm-page .tm-mwrap:has(.tm-editnote),
.tm-page .tm-msgs.dmflow .tm-mwrap:has(.tm-editnote){max-width:94%}
.tm-page .tm-mwrap.dm:has(.tm-editnote) .tm-bcol{max-width:100%}
.tm-page.mint-kit .tm-editnote{width:100%}
.tm-page.mint-kit .tm-emojisearch{padding:10px 10px 8px;border-bottom:1px solid var(--mh-line-cool)}
/* 7. My Profile notifications (inside #mhDetail - its own Mint rules carry an id, so the select's room is restated)
   + Feedback Inbox status */
.mint-kit.mp-tilewrap{display:block;flex:none;width:220px;margin:0}
#mhDetail .mint-kit .mint-w.ed .mint-selbox select.mint-in{padding-right:24px}
.um-panel.mint-kit .fbi-statusctl{align-items:center}
.um-panel.mint-kit .fbi-statusctl .fbi-seltile{flex:1;min-width:170px}
/* 8. Import "Undo import" + Archive Client */
.ie-modal.mint-kit .ie-tile{margin:4px 0 14px}
.mint-kit .arch-rsn label.mint-w{font-size:inherit;letter-spacing:normal;text-transform:none;color:inherit}
/* 9. camera chooser */
.cd-cambox.mint-kit .cd-camtile{width:100%;margin:0 0 10px}
/* 12. Case Notes refuse access */
.cn-xret.mint-kit > .mint-w{margin-bottom:10px}

/* 10. HOUSING SUBSIDY WORKSHEET - the money cells take the wizard's OWN field (the inset field every other field in
   .wzx already wears, mh-subsidy.css "1. THE SHELL"), not a tile: they sit in table rows beside its date fields. */
.mh-app .wzx .ws-money{
  height:46px;width:100%;box-sizing:border-box;padding:0 14px;border-radius:12px;
  background:var(--f-rest-bg);border:1px solid var(--f-rest-bd);box-shadow:var(--f-rest-sh);
  font-family:inherit;font-size:15px;font-weight:500;color:var(--ink-1,var(--ink));font-variant-numeric:tabular-nums;
  transition:background var(--t,.2s),border-color var(--t,.2s),box-shadow var(--t,.2s);
}
.mh-app .wzx .ws-money:hover:not(:focus){background:var(--f-hover-bg)}
.mh-app .wzx .ws-money:focus{outline:none;background:var(--f-focus-bg);border-color:var(--f-focus-bd);box-shadow:var(--f-focus-sh)}
.mh-app .wzx .ws-money::placeholder{color:var(--ink-4,#9AA7B3);font-weight:400}

/* =====================================================================================================================
   MINTKIT02 - THE RECORD'S READ SIDE FOR ANY POP-UP.  1 October 2026 (EDPOP01).
   The kit carried the EDIT tile only; a pop-up that SHOWS a record (the Planner's detail bubble first) needs the record's
   read tile, its glass card and its capsule head. Values MEASURED off the Housing Subsidy record (#mhDetail .pd-card.mint,
   .mint-ph, .mint-w / .mint-vl, getComputedStyle 1 Oct 2026) - not re-picked:
     CARD     rgba(tg,.40), white rim .72, radius 22, float 0 22px 54px -26px rgba(30,55,48,.42). NO backdrop-filter here:
              a blur makes the card the containing block of any position:fixed list or calendar inside it.
     CAPSULE  rgba(tg,.60), rim .80, 999px, 0 6px 16px -12px; the tab 12.5px/800 caps .11em #2A4C41, an 18px glyph.
     READ     the value 16px/650/24px #1C2A25; EMPTY = the tile dashed .18 on rgba(tg,.40), hollow dot, "Not set" #9CA8A3/500.
   A pop-up may tighten the card's padding (scale), never the language. MARKUP
     <div class="pd-card mint"><div class="mint-ph"><span class="mint-tab">svg Title</span>[<span class="mint-chip">..]</div>
       <div class="mint-grid|mint-stack"><div class="mint-w [wide]"><span class="mint-lb">Label</span>
       <span class="mint-vl [un]">value | Not set</span></div>...</div></div>
   ===================================================================================================================== */
.mint-kit .pd-card.mint{
  border-radius:22px;padding:22px;box-sizing:border-box;
  background:rgba(var(--tg-rgb,255,255,255),calc(.40*var(--tg-k,1)));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 22px 54px -26px rgba(30,55,48,.42);
}
.mint-kit .mint-ph{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:11px 20px;border-radius:999px;
  background:rgba(var(--tg-rgb,255,255,255),calc(.60*var(--tg-k,1)));
  border:1px solid rgba(255,255,255,.8);box-shadow:0 6px 16px -12px rgba(30,55,48,.3);
}
.mint-kit .mint-ph .mint-tab{
  display:inline-flex;align-items:center;gap:10px;min-width:0;
  font-size:12.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#2A4C41;
}
.mint-kit .mint-ph .mint-tab svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mint-kit .mint-ph .mint-chip{font-size:11.5px;font-weight:800;color:#2A4C41}
.mint-kit .mint-w:not(.ed){cursor:default}
.mint-kit .mint-w .mint-vl{
  display:block;min-width:0;font-size:16px;font-weight:650;line-height:24px;color:#1C2A25;overflow-wrap:anywhere;
}
.mint-kit .mint-w .mint-vl.un{color:#9CA8A3;font-weight:500}
.mint-kit .mint-w:not(.ed):has(.mint-vl.un){
  background:rgba(var(--tg-rgb,255,255,255),calc(.4*var(--tg-k,1)));border-style:dashed;border-color:rgba(30,55,48,.18);box-shadow:none;
}
.mint-kit .mint-w:not(.ed):has(.mint-vl.un)::before{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(30,55,48,.22)}
body.dark .mint-kit .pd-card.mint{background:rgba(255,255,255,.035);border-color:rgba(180,210,235,.12);box-shadow:0 10px 24px -20px rgba(0,0,0,.7)}
body.dark .mint-kit .mint-ph{background:rgba(255,255,255,.05);border-color:rgba(180,210,235,.14);box-shadow:none}
body.dark .mint-kit .mint-ph .mint-tab,
body.dark .mint-kit .mint-ph .mint-chip{color:#8FBBA5}
body.dark .mint-kit .mint-w .mint-vl{color:#EAF0F4}
body.dark .mint-kit .mint-w .mint-vl.un{color:#7E8B95}
body.dark .mint-kit .mint-w:not(.ed):has(.mint-vl.un){background:rgba(var(--tg-rgb,255,255,255),calc(.025*var(--tg-k,1)));border-color:rgba(180,210,235,.16)}
body.dark .mint-kit .mint-w:not(.ed):has(.mint-vl.un)::before{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(180,210,235,.3)}


/* VOLBUILD01b (2 Oct 2026) - A DATE TILE NEVER LIFTS (the standard: "tile hover lift 3px, never on a refused tile or a
   date tile"). Its focus lift is what dropped the calendar into the screen's top-left corner: the calendar is fixed,
   and a lifting tile is a transformed ancestor it measures against mid-animation. mhdatepicker.js now re-places after
   any transition as well; this keeps the tile still so there is nothing to settle. */
.mint-kit .mint-w.ed:has(.mh-dp-tile),
.mint-kit .mint-w.ed:has(.mh-dp-tile):focus-within,
.mint-kit .mint-w.ed:has(.mh-dp-tile):hover{transform:none}