/* day-preview.css -- session 400 (briefs/session-400-brief.md): the Day page (a preview) and the full Needs you page, under .mhdp (classes dp-).
   Session 399's scale (Daniel, 26 October 2026: "it feels like the sizing/font is way too big"): rows 13px, captions 12px, tile titles 15px, counts 22px.
   Function first, nothing ornamental: Daniel will tighten the look himself. The cards are the Dashboard's own (.dayboard .db-jc), every one the same
   fixed height with one more row for the action strip ("All cards are the exact same height. ... Make sure that sticks."). */
.mhdp{--dp-ink:#16181a;--dp-text:#4d545a;--dp-muted:#6b747b;--dp-line:#dfe3e6;--dp-bg:#f2f4f5;--dp-surface:#ffffff;
  --dp-b700:#144d54;--dp-b500:#1d6e77;--dp-b100:#dceff0;--dp-y500:#ffd13a;--dp-y100:#fff5cc;--dp-y-ink:#5c4a00;
  --dp-r500:#c43d2b;--dp-r100:#ffe1dc;--dp-on-r:#8a2617;--dp-a100:#fdf0d8;--dp-on-a:#7a5312;--dp-g500:#2e9c7c;--dp-g100:#e2f4ee;--dp-p500:#7a5cc7;--dp-p100:#ece6f7;--dp-o500:#ff8a33;
  --dp-shadow:0 1px 3px rgba(14,54,59,.12);
  max-width:var(--mh-frame-max, 1760px);margin:0 auto;padding:16px var(--mh-frame-side, 32px) 32px;   /* session 407 Part A: the one frame (was 1440) */
  display:flex;flex-direction:column;gap:14px;background:var(--dp-bg);color:var(--dp-text);
  font-family:var(--ui-font,'Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-size:13px}
.mhdp *{box-sizing:border-box}
.mhdp a{color:var(--dp-b500)}
.mhdp a:focus-visible,.mhdp button:focus-visible,.mhdp input:focus-visible,.mhdp select:focus-visible,.mhdp textarea:focus-visible,.mhdp .dp-cw:focus-visible{outline:2px solid var(--dp-b700);outline-offset:2px}
.mhdp .s-dash,.mhdp.s-dash{min-width:0}

/* header */
.mhdp .dp-head{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.mhdp .dp-back{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;text-decoration:underline;color:var(--dp-b500)}
.mhdp .dp-nav{display:inline-flex;align-items:center;gap:6px;min-width:0}
.mhdp .dp-h1{margin:0;font-size:22px;font-weight:800;color:var(--dp-ink);line-height:1.15;white-space:nowrap}
.mhdp .dp-tag{display:inline-block;vertical-align:middle;font-size:11.5px;font-weight:700;background:var(--dp-b500);color:#fff;border-radius:999px;padding:2px 8px}
.mhdp .dp-prev{display:inline-block;vertical-align:middle;font-size:11.5px;font-weight:700;background:var(--dp-y100);color:var(--dp-y-ink);border-radius:999px;padding:2px 8px}
.mhdp .dp-sub{font-size:13px;color:var(--dp-text)}
.mhdp .dp-sub b{color:var(--dp-ink)}
.mhdp .dp-headw{margin:0}
/* Session 408 (brief A3): the header and, at its right, the Dashboard's find box (.db-search), in a box that is never redrawn; on a phone it takes its own line. */
.mhdp .dp-headrow{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;min-width:0}
.mhdp .dp-headrow>.dp-headw{flex:1 1 560px;min-width:0}
.mhdp .dp-find{flex:0 1 300px;min-width:0}
.mhdp .dp-find[hidden]{display:none}
.mhdp .dp-find .db-search{min-width:0;width:100%;box-sizing:border-box}
@media (max-width:760px){.mhdp .dp-find{flex:1 1 100%}}

/* B. the three tiles: one row at 1440, the same fixed height (a header, 3 rows, a footer), Show all opens the rest in place */
.mhdp .dp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.mhdp .dp-over{grid-column:1/-1;background:var(--dp-surface);border:1px solid var(--dp-line);border-radius:12px;padding:12px 14px;font-size:13px}
.mhdp .dp-tile{background:var(--dp-surface);border-radius:12px;box-shadow:var(--dp-shadow);border-top:3px solid var(--dp-line);height:265px;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.mhdp .dp-tile.dp-open{height:auto;min-height:265px}
.mhdp .dp-risk{border-top-color:var(--dp-r500)}
.mhdp .dp-late{border-top-color:var(--dp-o500)}
.mhdp .dp-care{border-top-color:var(--dp-line)}
.mhdp .dp-th{display:flex;align-items:center;gap:7px;padding:9px 12px 7px;flex:none;flex-wrap:wrap}
.mhdp .dp-ti{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;background:var(--dp-b100);color:var(--dp-b700);flex:none}
.mhdp .dp-risk .dp-ti{background:var(--dp-r100);color:var(--dp-r500)}
.mhdp .dp-late .dp-ti{background:var(--dp-a100);color:var(--dp-on-a)}
.mhdp .dp-tt{font-size:15px;font-weight:700;color:var(--dp-ink)}
.mhdp .dp-tn{font-size:22px;font-weight:800;color:var(--dp-ink);line-height:1;margin-right:2px}
.mhdp .dp-pill{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 8px;background:#eef1f2;color:var(--dp-text);white-space:nowrap}
.mhdp .dp-pr{background:var(--dp-r100);color:var(--dp-on-r)}
.mhdp .dp-pw{background:var(--dp-b100);color:var(--dp-b700)}
.mhdp .dp-pa{background:var(--dp-a100);color:var(--dp-on-a)}
.mhdp .dp-tb{flex:1 1 auto;min-height:0;overflow:hidden;padding:0 10px;display:flex;flex-direction:column;gap:6px}
.mhdp .dp-tile.dp-open .dp-tb{overflow:visible}
.mhdp .dp-none{font-size:13px;color:var(--dp-muted);padding:6px 0}
.mhdp .dp-tf{flex:none;display:flex;align-items:center;gap:12px;padding:6px 12px 9px;border-top:1px solid var(--dp-line);flex-wrap:wrap}
.mhdp .dp-link{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--dp-b500);text-decoration:underline;cursor:pointer}
.mhdp .dp-slack{margin-left:auto;text-decoration:none}
.mhdp .dp-slack span{display:inline-block;width:14px;height:14px;border-radius:4px;background:#4a154b;color:#fff;font-size:10px;line-height:14px;text-align:center;margin-right:4px}
.mhdp .dp-slack:hover{text-decoration:underline}
.mhdp .db-compose{display:none;gap:6px;padding:0 12px 8px}
.mhdp .db-compose.on{display:flex}
.mhdp .db-compose input{flex:1;min-width:0;font:inherit;font-size:13px;border:1px solid var(--dp-line);border-radius:8px;padding:6px 8px}
.mhdp .db-compose button{font:inherit;font-size:12.5px;font-weight:700;border:0;border-radius:8px;background:var(--dp-b500);color:#fff;padding:6px 12px;cursor:pointer}
.mhdp .db-cmsg{padding:0 12px;font-size:12px;color:var(--dp-on-r)}

/* a row: one or two lines, never more; long text is cut with "..." and shown whole on hover (title) and when the tile is open */
.mhdp .dp-row{border-radius:8px;padding:5px 6px;background:#f7f8f9;border-left:3px solid transparent;min-width:0}
.mhdp .dp-row.dp-a{border-left-color:var(--dp-r500)}
.mhdp .dp-late .dp-row.dp-a{border-left-color:var(--dp-o500)}
.mhdp .dp-row.dp-w{border-left-color:var(--dp-b100)}
.mhdp .dp-r1,.mhdp .dp-r2{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;font-size:13px;line-height:1.35}
.mhdp .dp-r2{margin-top:3px;font-size:12px}
/* the Property Name first, whole when it fits (up to 60% of the row), the reason takes what is left */
.mhdp .dp-home{font-weight:650;color:var(--dp-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;max-width:60%}
.mhdp .dp-why{min-width:30px}
.mhdp a.dp-home:hover{text-decoration:underline;color:var(--dp-b700)}
.mhdp .dp-who{color:var(--dp-ink);font-weight:600}
.mhdp .dp-why,.mhdp .dp-plan,.mhdp .dp-watch{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;color:var(--dp-text)}
.mhdp .dp-tile.dp-open .dp-why,.mhdp .dp-tile.dp-open .dp-plan,.mhdp .dp-tile.dp-open .dp-watch{white-space:normal}
.mhdp .dp-tile.dp-open .dp-r1,.mhdp .dp-tile.dp-open .dp-r2{flex-wrap:wrap}
.mhdp .dp-watch{color:var(--dp-b700);font-weight:600}
.mhdp .dp-cap{font-size:12px;color:var(--dp-muted);overflow:hidden;text-overflow:ellipsis}
.mhdp .dp-amber{font-size:12px;font-weight:650;color:var(--dp-on-a);background:var(--dp-a100);border-radius:6px;padding:1px 6px;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.mhdp .dp-r1 .dp-amber{flex:none}
.mhdp .dp-red{color:var(--dp-r500);font-weight:700}
.mhdp .dp-st{font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 6px;flex:none}
.mhdp .dp-st-r{background:var(--dp-r100);color:var(--dp-on-r)}
.mhdp .dp-st-y{background:var(--dp-y100);color:var(--dp-y-ink)}
/* buttons: the platform's primary and secondary shapes, small */
.mhdp .dp-b{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;font-weight:700;border:1px solid var(--dp-b500);background:var(--dp-b500);color:#fff;border-radius:7px;padding:3px 9px;cursor:pointer;text-decoration:none;flex:none;white-space:nowrap}
.mhdp .dp-b:hover{background:var(--dp-b700);border-color:var(--dp-b700);text-decoration:none;color:#fff}
.mhdp .dp-b2{background:var(--dp-surface);color:var(--dp-b700)}
.mhdp .dp-b2:hover{background:var(--dp-b100);color:var(--dp-b700)}
.mhdp .dp-by{background:var(--dp-y500);border-color:var(--dp-y500);color:var(--dp-ink)}
.mhdp .dp-by:hover{background:#f5c21c;border-color:#f5c21c;color:var(--dp-ink)}
.mhdp .dp-b:disabled{opacity:.5;cursor:default}
/* Extra care's four plan buttons fit one line of the tile (Daniel: rows one or two lines, never more) */
.mhdp .dp-bs{font-size:11px;padding:2px 5px;gap:3px}
.mhdp .dp-care .dp-r2{gap:3px}
.mhdp .dp-plan4{display:inline-flex;gap:3px;flex:none}
.mhdp .dp-plan1{display:none}
@media (max-width:640px){.mhdp .dp-plan4{display:none}.mhdp .dp-plan1{display:inline-flex}}
/* the small box under a row (Watch's line, a plan's choices) */
.mhdp .dp-box{margin-top:6px;padding:8px;border:1px solid var(--dp-line);border-radius:8px;background:var(--dp-surface);font-size:12.5px;white-space:normal;display:flex;flex-direction:column;gap:6px}
.mhdp .dp-boxrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mhdp .dp-in{font:inherit;font-size:13px;border:1px solid #c9d0d4;border-radius:7px;padding:4px 7px;min-width:0;background:#fff;color:var(--dp-ink)}
.mhdp input.dp-in[type=text]{flex:1 1 200px}
.mhdp .dp-area{width:100%;resize:vertical}
.mhdp .dp-boxmsg{font-size:12px;color:var(--dp-text)}
.mhdp .dp-bad{color:var(--dp-on-r)}

/* D. Needs you: one yellow line, the urgent rows under it */
.mhdp .dp-nyw{background:var(--dp-surface);border-radius:12px;box-shadow:var(--dp-shadow);overflow:hidden}
.mhdp .dp-nyline{display:flex;align-items:center;gap:10px;background:var(--dp-y100);color:var(--dp-y-ink);padding:8px 12px;font-size:13px;border-radius:12px}
.mhdp .dp-nyw .dp-nyline{border-radius:0}
.mhdp .dp-nyline b{color:var(--dp-ink)}
.mhdp .dp-nyline .dp-b{margin-left:auto}
.mhdp .dp-nyquiet{background:var(--dp-surface);color:var(--dp-text);box-shadow:var(--dp-shadow)}
.mhdp .dp-nyic{color:#b38900;display:inline-flex}
.mhdp .dp-nyrows{display:flex;flex-direction:column}
.mhdp .dp-ny{padding:6px 12px;border-top:1px solid var(--dp-line);border-left:3px solid transparent}
.mhdp .dp-ny.dp-urg{border-left-color:var(--dp-r500)}
.mhdp .dp-nyr{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.mhdp .dp-nyi{width:22px;height:22px;display:inline-grid;place-items:center;flex:none}
.mhdp .dp-ic-clean{background:var(--dp-b500);color:#fff;border-radius:6px}
.mhdp .dp-ic-change{background:var(--dp-o500);color:#fff;border-radius:50%}
.mhdp .dp-ic-linens{background:var(--dp-p500);color:#fff;border-radius:6px}
.mhdp .dp-age{font-size:12px;color:var(--dp-muted);flex:none}
.mhdp .dp-nyfoot{font-size:12px;color:var(--dp-muted);padding:6px 12px;border-top:1px solid var(--dp-line)}

/* E. the switch, the cards, the list */
.mhdp .dp-ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mhdp .dp-ctlt{font-size:13px;font-weight:650;color:var(--dp-ink)}
.mhdp .dp-segs{display:inline-flex;border:1px solid var(--dp-line);border-radius:8px;overflow:hidden;background:var(--dp-surface)}
.mhdp .dp-seg{font:inherit;font-size:12.5px;font-weight:600;border:0;background:none;padding:5px 12px;cursor:pointer;color:var(--dp-text)}
.mhdp .dp-seg+.dp-seg{border-left:1px solid var(--dp-line)}
.mhdp .dp-seg.on{background:var(--dp-b500);color:#fff}
.mhdp .dp-seg:hover:not(.on){background:var(--dp-b100)}
.mhdp .dp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.mhdp .dp-cw{cursor:pointer;border-radius:11px;min-width:0}
.mhdp .dp-cw:hover .db-jc{box-shadow:0 0 0 2px var(--dp-b500)}
/* Every full card the same height: session 239's fixed rows (the same-day band's slot on every card) plus the strip, measured 248 + 28 = 276. */
.mhdp .dayboard .dp-cw .db-jc{height:276px;max-width:none;width:100%}
.mhdp .dayboard .dp-cw .db-jc .db-bd{flex:1 1 auto;min-height:0;overflow:hidden}
.mhdp .dayboard .dp-cw .db-jc .db-sdt{height:22px;flex:none}
.mhdp .dayboard .dp-cw .db-jc .db-sdt.none{background:transparent}
.mhdp .dp-strip{height:28px;flex:none;display:flex;align-items:center;gap:6px;padding:0 8px 0 10px;border-top:1px solid var(--dp-line);font-size:12px;min-width:0;background:var(--dp-surface)}
.mhdp .dp-s-red{background:var(--dp-r100);color:var(--dp-on-r);border-top-color:#f3b6ac}
.mhdp .dp-s-yellow{background:var(--dp-y100);color:var(--dp-y-ink);border-top-color:#f1dc8a}
.mhdp .dp-sw{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.mhdp .dp-smore{flex:none;font-size:11.5px;opacity:.85}
.mhdp .dp-sb{flex:none;font:inherit;font-size:11.5px;font-weight:700;border:1px solid currentColor;background:#fff;color:inherit;border-radius:6px;padding:1px 7px;cursor:pointer;white-space:nowrap}
.mhdp .dp-sb:hover{background:var(--dp-b100)}
.mhdp .dp-tw{overflow-x:auto;background:var(--dp-surface);border-radius:12px;box-shadow:var(--dp-shadow)}
.mhdp .dp-t{width:100%;border-collapse:collapse;font-size:13px;min-width:860px}
.mhdp .dp-t th{text-align:left;font-size:12px;font-weight:700;color:var(--dp-muted);padding:7px 10px;border-bottom:1px solid var(--dp-line)}
.mhdp .dp-t td{padding:6px 10px;border-bottom:1px solid var(--dp-line);vertical-align:middle}
.mhdp .dp-t td a{color:var(--dp-ink);font-weight:650}
.mhdp .dp-lstrip .dp-sb{color:var(--dp-b700)}

/* G. Linens, one line */
.mhdp .db-teamrow{margin:0}

/* a phone: one tile across, the header wraps */
@media (max-width:1100px){.mhdp .dp-tiles{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .mhdp{padding:12px 16px 24px}
  .mhdp .dp-h1{font-size:18px}
  .mhdp .dp-nav{max-width:100%}.mhdp .dp-h1{white-space:normal;min-width:0}   /* session 408: the day's name wraps on a phone, so the next-day arrow stays on the screen (it sat 4px past it) */
  .mhdp .dp-nyline{flex-wrap:wrap}
  .mhdp .dp-nyr{flex-wrap:wrap;white-space:normal}
  .mhdp .dp-grid{grid-template-columns:minmax(0,1fr)}
}
/* The card's "Left to close out" line stays one line on the preview, so the fixed card always keeps its bottom line (region, next check-in). */
.mhdp .dayboard .dp-cw .db-jc .db-close{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}

/* Session 401 (brief D1): the close-out view. Stage columns with counts, as the Dashboard's board columns; each column holds the same fixed cards. */
.mhdp .dp-cosub b{color:var(--dp-ink)}
.mhdp .dp-switch{font:inherit;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--dp-line);background:var(--dp-surface);color:var(--dp-ink);border-radius:999px;padding:4px 11px 4px 5px;cursor:pointer}
.mhdp .dp-switch i{width:26px;height:16px;border-radius:999px;background:#c9d0d4;position:relative;flex:none}
.mhdp .dp-switch i::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .12s}
.mhdp .dp-switch[aria-checked=true] i{background:var(--dp-b500)}
.mhdp .dp-switch[aria-checked=true] i::after{left:12px}
.mhdp .dp-switch:hover{border-color:var(--dp-b500)}
.mhdp .dp-cols{display:grid;gap:12px;align-items:start}
.mhdp .dp-cols-1{grid-template-columns:minmax(0,1fr)}
.mhdp .dp-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mhdp .dp-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mhdp .dp-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mhdp .dp-col{background:var(--dp-surface);border-radius:12px;box-shadow:var(--dp-shadow);padding:8px;display:flex;flex-direction:column;gap:8px;min-width:0;border-top:4px solid var(--dp-line)}
.mhdp .dp-col-never_out{border-top-color:var(--dp-r500)}
.mhdp .dp-col-waiting{border-top-color:var(--dp-y500)}
.mhdp .dp-col-continuing{border-top-color:#6fd5d4}
.mhdp .dp-col-closed{border-top-color:var(--dp-g500)}
.mhdp .dp-colh{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--dp-ink);padding:2px 4px}
.mhdp .dp-colh b{margin-left:auto;font-size:15px}
.mhdp .dp-colb{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.mhdp .dp-s-green{background:var(--dp-g100);color:#17604b;border-top-color:#b6e2d4}
.mhdp .dp-s-teal{background:#dcf5f4;color:#14595b;border-top-color:#a9e3e2}
.mhdp .dp-cobox{background:var(--dp-surface);border-radius:12px;box-shadow:var(--dp-shadow);padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.mhdp .dp-coboxh{font-size:13px;color:var(--dp-ink)}

/* Session 401 (brief E1): the bottom row, three cells, one line each */
.mhdp .dp-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mhdp .dp-bcell{display:flex;align-items:center;gap:8px;background:var(--dp-surface);border-radius:12px;box-shadow:var(--dp-shadow);padding:7px 10px;font-size:12.5px;min-width:0}
.mhdp .dp-bcell-bad{box-shadow:inset 3px 0 0 var(--dp-r500),var(--dp-shadow)}
.mhdp .dp-bline{min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mhdp .dp-bline b{color:var(--dp-ink)}
.mhdp .dp-bcell .dp-b{flex:none}
@media (max-width:1100px){.mhdp .dp-cols-3,.mhdp .dp-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.mhdp .dp-bottom{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.mhdp .dp-cols-2,.mhdp .dp-cols-3,.mhdp .dp-cols-4{grid-template-columns:minmax(0,1fr)}.mhdp .dp-colb{grid-template-columns:minmax(0,1fr)}.mhdp .dp-bline{white-space:normal}}

/* ------------------------------------------------------------------------------------------------ session 404 (briefs/session-404-brief.md) */
/* C. The three tiles in the Dashboard's own look, ported from dayboard.css (Daniel, 27 October 2026: "I want At Risk to keep the red background and almost the
   same formatting (smaller, tighter fonts, wider box)." "Late Check-in: Keep the Yellow style." "Extra Care: ... you can even use the dark green box style."):
   At risk is .db-risk2 (#C0412E, white type, each clean on a lighter panel rgba(255,255,255,.14), radius 10, soft tints #FFD9D2), Late check-in is .db-late
   (the yellow wash, var(--db-y1) to white at 55%, the amber count #b7791f), Extra care is the Communications tile .db-comms (155deg #144d54 to #0e363b,
   #cfe4e5 text, #9fc0c3 labels, rows on rgba(255,255,255,.08)). The same fixed height (265px), rows 12.5px, second lines 11.5px, titles 14px. */
.mhdp .dp-tile{border-top:0;border-radius:14px}
.mhdp .dp-th{padding:9px 12px 6px;gap:6px}
.mhdp .dp-tt{font-size:14px}
.mhdp .dp-tn{font-size:22px}
.mhdp .dp-r1,.mhdp .dp-r2{font-size:12.5px;line-height:1.3}
.mhdp .dp-r2{font-size:11.5px;margin-top:2px}
.mhdp .dp-tb{gap:5px}
.mhdp .dp-row{padding:5px 8px;border-radius:9px}
.mhdp .dp-tf{padding:5px 12px 8px}
.mhdp .dp-tile .dp-box{color:var(--dp-ink)}
.mhdp .dp-tile .dp-box .dp-b2{background:#fff;color:var(--dp-b700);border-color:var(--dp-b500)}
/* At risk: the red tile */
.mhdp .dp-risk{background:#C0412E;color:#fff;box-shadow:0 6px 18px rgba(192,65,46,.22)}
.mhdp .dp-risk .dp-ti{background:rgba(255,255,255,.22);color:#fff}
.mhdp .dp-risk .dp-tt,.mhdp .dp-risk .dp-tn{color:#fff}
.mhdp .dp-risk .dp-pr{background:#fff;color:#C0412E}
.mhdp .dp-risk .dp-pw{background:rgba(0,0,0,.2);color:#fff}
.mhdp .dp-risk .dp-row{background:rgba(255,255,255,.14);border-left-color:transparent}
.mhdp .dp-risk .dp-row.dp-a{border-left-color:#fff}
.mhdp .dp-risk .dp-row.dp-w{border-left-color:rgba(255,255,255,.4)}
.mhdp .dp-risk .dp-home,.mhdp .dp-risk a.dp-home:hover{color:#fff}
.mhdp .dp-risk .dp-why,.mhdp .dp-risk .dp-cap{color:#FFD9D2}
.mhdp .dp-risk .dp-watch{color:#fff}
.mhdp .dp-risk .dp-st-r{background:#fff;color:#C0412E}
.mhdp .dp-risk .dp-none{color:#fff;font-weight:600}
.mhdp .dp-risk .dp-b{background:#fff;border-color:#fff;color:#C0412E}
.mhdp .dp-risk .dp-b:hover{background:#FFE9E4;border-color:#FFE9E4;color:#8a2617}
.mhdp .dp-risk .dp-b2{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.mhdp .dp-risk .dp-b2:hover{background:rgba(255,255,255,.14);color:#fff}
.mhdp .dp-risk .dp-tf{border-top-color:rgba(255,255,255,.22)}
.mhdp .dp-risk .dp-link{color:#fff}
.mhdp .dp-risk .dp-tile .dp-box,.mhdp .dp-risk .dp-box{color:var(--dp-ink)}
.mhdp .dp-risk a:focus-visible,.mhdp .dp-risk button:focus-visible{outline-color:#fff}
/* Late check-in: the yellow tile */
.mhdp .dp-late{background:linear-gradient(180deg,#fff6da,#ffffff 55%);border:1px solid #d3dadd}
.mhdp .dp-late .dp-ti{background:#ffd13a;color:#3d2f05}
.mhdp .dp-late .dp-tn{color:#b7791f}
.mhdp .dp-late .dp-row{background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(183,121,31,.14)}
.mhdp .dp-late .dp-row.dp-a{border-left-color:#ff8a33}
.mhdp .dp-late .dp-row.dp-w{border-left-color:#ffd13a}
/* Extra care: the Communications tile's dark green */
.mhdp .dp-care{background:linear-gradient(155deg,#144d54,#0e363b);color:#cfe4e5;box-shadow:0 6px 18px rgba(14,54,59,.22)}
.mhdp .dp-care .dp-ti{background:rgba(111,213,212,.18);color:#6fd5d4}
.mhdp .dp-care .dp-tt,.mhdp .dp-care .dp-tn{color:#fff}
.mhdp .dp-care .dp-row{background:rgba(255,255,255,.08)}
.mhdp .dp-care .dp-row.dp-a{border-left-color:#ffd13a}
.mhdp .dp-care .dp-row.dp-w{border-left-color:#6fd5d4}
.mhdp .dp-care .dp-home,.mhdp .dp-care a.dp-home:hover{color:#fff}
.mhdp .dp-care .dp-why,.mhdp .dp-care .dp-plan{color:#cfe4e5}
.mhdp .dp-care .dp-cap,.mhdp .dp-care .dp-none{color:#9fc0c3}
.mhdp .dp-care .dp-b{background:#6fd5d4;border-color:#6fd5d4;color:#0e363b}
.mhdp .dp-care .dp-b:hover{background:#9fe3e2;border-color:#9fe3e2;color:#0e363b}
.mhdp .dp-care .dp-b2{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.mhdp .dp-care .dp-b2:hover{background:rgba(255,255,255,.12);color:#fff}
.mhdp .dp-care .dp-tf{border-top-color:rgba(255,255,255,.12)}
.mhdp .dp-care .dp-link{color:#6fd5d4}
.mhdp .dp-care a:focus-visible,.mhdp .dp-care button:focus-visible{outline-color:#6fd5d4}
.mhdp .dp-risk .dp-box .dp-b,.mhdp .dp-care .dp-box .dp-b{background:var(--dp-b500);border-color:var(--dp-b500);color:#fff}
.mhdp .dp-risk .dp-box .dp-b2,.mhdp .dp-care .dp-box .dp-b2{background:#fff;border-color:var(--dp-b500);color:var(--dp-b700)}

/* D. Needs you open in place */
.mhdp .dp-nyall{border-top:1px solid var(--dp-line)}
.mhdp .dp-nyctl{padding:8px 12px}
.mhdp .dp-nyall .dp-none{padding:8px 12px}

/* E. The board: the Dashboard's filter row and stages (.dayboard classes from dayboard.css), the cards at their fixed height. */
.mhdp .dp-ctlb{display:block;font-size:14px}
.mhdp .dp-ctlb .db-controls{margin-bottom:6px}
.mhdp .dp-ctlb .db-phasenote{margin:0}
.mhdp .dayboard .db-colcards>.dp-cw{min-width:0}
.mhdp .dayboard .db-colcards .db-empty-s{margin:0}
.mhdp .dp-cw[draggable=true]{cursor:pointer}
.mhdp .dayboard .dp-cw.dragging{opacity:.4}
.mhdp .dp-t tr[draggable=true] td{cursor:default}
.mhdp .dp-grip{cursor:grab;color:var(--dp-muted);letter-spacing:-2px;width:22px;padding-right:0}
.mhdp .dp-t tr.dragging td{opacity:.4}
.mhdp .dp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* The Hub's "Settings for this page" strip pulls itself 48px up (40px on a phone) and its full-width box took the clicks on the bottom row: room for it. */
.mhdp{padding-bottom:68px}
@media (max-width:640px){.mhdp{padding-bottom:60px}}

/* F. The Unassigned row, full width above Linens, Messages and Data to Fix, in the Dashboard's Unassigned strip colours (#ffe8d6, #9a4a0e). */
.mhdp .dp-unw{background:var(--dp-surface);border-radius:12px;box-shadow:var(--dp-shadow);overflow:hidden}
.mhdp .dp-unas{display:flex;align-items:center;gap:8px;background:#ffe8d6;color:#9a4a0e;padding:7px 10px;font-size:12.5px;min-width:0;border-radius:12px}
.mhdp .dp-unw .dp-unas{border-radius:0}
.mhdp .dp-unas b{color:var(--dp-ink)}
.mhdp .dp-unas.dp-unas0{background:var(--dp-surface);color:var(--dp-text);box-shadow:var(--dp-shadow)}
.mhdp .dp-ic-un{background:#ff8a33;color:#fff;border-radius:6px}
.mhdp .dp-unrows{display:flex;flex-direction:column}
.mhdp .dp-unr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:10px;padding:6px 12px;border-top:1px solid var(--dp-line);font-size:12.5px}
.mhdp .dp-unr .dp-home{max-width:none}
.mhdp .dp-unr>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mhdp .dp-unp{font-weight:600;color:var(--dp-text)}
.mhdp .dp-unp-f{color:var(--dp-on-r)}
@media (max-width:640px){
  .mhdp .dp-unas{flex-wrap:wrap}
  .mhdp .dp-unas .dp-bline{white-space:normal;flex-basis:calc(100% - 30px)}
  .mhdp .dp-unr{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .mhdp .dp-unr .dp-cap,.mhdp .dp-unr .dp-ung,.mhdp .dp-unr .dp-unp{grid-column:1}
  .mhdp .dp-unr .dp-b{grid-column:2;grid-row:1}
  .mhdp .dp-ctlb .db-ctl-r{margin-left:0}
}

/* Session 409 (briefs/session-409-brief.md A): Late check-in counts Late and Running behind apart; a Running behind row in three short lines (her and New
   start; Next; Why) and the time-left line under it. Taller by design; the tile keeps its height and its three rows. */
.mhdp .dp-tsplit{font-size:12.5px;font-weight:600;color:var(--dp-text);white-space:nowrap}
.mhdp .dp-tsplit b{font-size:17px;font-weight:800;color:#b7791f}
.mhdp .dp-who2{font-weight:700;color:var(--dp-ink);text-decoration:none;flex:none}
.mhdp .dp-lk{flex:none;font-weight:700;color:var(--dp-ink)}
.mhdp .dp-stake{flex:none;font-weight:700;border-radius:999px;padding:0 7px}
.mhdp .dp-stake-red{background:var(--dp-r100);color:var(--dp-on-r)}
.mhdp .dp-stake-green{background:var(--dp-g100);color:#08513f}
.mhdp .dp-stake-plain{background:#eef1f2;color:var(--dp-text)}
.mhdp .dp-behind .dp-r1 .dp-b{padding-top:2px;padding-bottom:2px}
.mhdp .dp-left{gap:4px}
.mhdp .dp-left .dp-seg{font-size:11.5px;font-weight:700;line-height:1.2;padding:1px 8px;border-radius:999px;border:1px solid #d9b56a;background:#fff;color:var(--dp-on-a);cursor:pointer}
.mhdp .dp-left .dp-seg:hover{background:var(--dp-a100)}
.mhdp .dp-left .dp-seg[aria-expanded="true"]{background:var(--dp-a100)}
.mhdp .dp-leftin{display:inline-flex;gap:4px;align-items:center}
.mhdp .dp-leftin .dp-in{width:62px;padding:1px 6px;font-size:12px}

/* Session 409 (brief B): Needs you's cards, the live Needs you now card's own drawing (team-messages.css .txm .tx-item) in a white box, a little tighter. */
.mhdp .dp-nycards{background:var(--dp-surface);border-radius:12px;box-shadow:var(--dp-shadow);overflow:hidden;margin-top:8px}
.mhdp .dp-nycards .tx-item:first-child{border-top:0}
.mhdp .dp-nycards .tx-item{padding:14px 18px 15px;gap:10px}
.mhdp .dp-nycards .tx-iic{width:40px;height:40px}
.mhdp .dp-nycards .tx-iw > b{font-size:16px;color:var(--dp-ink)}
.mhdp .dp-nycards .tx-iw > span{font-size:13.5px}
.mhdp .dp-nycards .tx-ibtn{padding-left:54px;align-items:center}
.mhdp .dp-nycards .tx-chips{gap:8px}
.mhdp .dp-age2{margin-left:auto;font-size:12px;font-weight:700;color:var(--dp-muted);white-space:nowrap}
.mhdp .dp-age2.dp-age-red{color:var(--dp-r500)}
.mhdp .dp-urgw{font-weight:700;color:var(--dp-on-r)}
.mhdp .dp-auto{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:#08513f}
.mhdp .dp-autow{font-weight:600}
.mhdp .dp-amark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--dp-g100);color:#08513f;font-style:normal;font-size:11px;font-weight:800;flex:none}
.mhdp .dp-nykey{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dp-muted);margin-left:auto}
.mhdp .dp-nymore{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding:9px 14px;background:var(--dp-surface);border-radius:10px;box-shadow:var(--dp-shadow);font-size:13px}
.mhdp .dp-nymore span{flex:1 1 300px;min-width:0}
.mhdp .dp-nydet{margin-left:54px;background:#f4f6f7;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dp-text)}
.mhdp .dp-nydet p{margin:0}
.mhdp .dp-nydet .tx-ev{background:#fff}
.mhdp .dp-nyx{display:flex;gap:14px;flex-wrap:wrap}
.mhdp .dp-nycards .tx-open{margin-left:54px}
.mhdp .dp-nycards .dp-det{margin-left:4px}
.mhdp .dp-nyline2{background:none;box-shadow:none;padding:0}
@media (max-width:600px){
  .mhdp .dp-nycards .tx-item{padding:12px 12px 14px}
  .mhdp .dp-nycards .tx-ibtn{padding-left:0}
  .mhdp .dp-nycards .tx-ibtn > .tx-y,.mhdp .dp-nycards .tx-ibtn > .tx-g{flex:1 1 100%;justify-content:center;text-align:center}
  .mhdp .dp-nydet,.mhdp .dp-nycards .tx-open{margin-left:0}
  .mhdp .dp-nykey{margin-left:0}
}
.mhdp .dp-nyw .dp-nycards{box-shadow:none;border-radius:0;margin:0;border-top:1px solid var(--dp-line)}
.mhdp .dp-nyw .dp-nymore{box-shadow:none;border-radius:0;margin:0;border-top:1px solid var(--dp-line)}
.mhdp .dp-nyline .dp-nykey + .dp-b{margin-left:0}
.mhdp .dp-left .dp-seg+.dp-seg{border-left:1px solid #d9b56a}
/* Session 409 (A5): a Running behind row in a closed tile: Call waits for the open tile; the time-left choices small enough for the line. */
.mhdp .dp-tile:not(.dp-open) .dp-behind .dp-callx{display:none}
.mhdp .dp-behind .dp-r1 .dp-b{font-size:11.5px;padding:2px 7px}
.mhdp .dp-left .dp-seg{padding:0 6px;font-size:11px}
.mhdp .dp-left .dp-lk{font-weight:600;font-size:11.5px}
.mhdp .dp-behind .dp-r2 .dp-home{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.mhdp .dp-behind .dp-stake,.mhdp .dp-behind .dp-r2 > .dp-cap{flex:none}
.mhdp .dp-behind{padding-top:3px;padding-bottom:3px}
.mhdp .dp-behind .dp-r1 .dp-b{padding:1px 7px;line-height:1.25}
.mhdp .dp-behind .dp-r1 .dp-pill{padding:1px 7px}
.mhdp .dp-behind .dp-r2{margin-top:1px}
.mhdp .dp-behind .dp-who2{flex:0 1 auto;min-width:24px;overflow:hidden;text-overflow:ellipsis}
.mhdp .dp-behind .dp-r1{gap:4px}
.mhdp .dp-behind .dp-r1 .dp-b svg{width:12px;height:12px}
.mhdp .dp-left{flex-wrap:wrap;gap:3px;white-space:normal}
.mhdp .dp-left .dp-seg{padding:0 5px}
.mhdp .dp-left .dp-lk{font-size:11px}

/* Session 410 (briefs/session-410-brief.md; the mockup DayPage and DayPageSend, canvas "Hub home page" version 37): the Needs you section's numbers, copied from
   the mockup's markup. The card is a row: the 30px icon, the body, the 190px button column (a grid on the shared .tx-item, so the live Dashboard's card,
   drawn by the same txItemHtml, is untouched: these rules live under .mhdp only). */
.mhdp{--dp-ny-bar:#c43d2b;--dp-ny-line:#dfe3e6;--dp-ny-head:#fff5cc;--dp-ny-bang:#ffd13a;--dp-ny-sub:#6b747b;--dp-ny-body:#4d545a;--dp-ny-blk:#f7f8f9;--dp-ny-blkline:#e3e7ea;
  --dp-ny-btn:#144d54;--dp-ny-btnline:#cfd6da;--dp-ny-box:#1d6e77;--dp-ny-boxbg:#fbfdfd;--dp-ny-green:#08513f;--dp-ny-greenbg:#e2f4ee}
.mhdp .dp-nyline.dp-nyhead{display:flex;align-items:center;gap:12px;padding:9px 16px;background:var(--dp-ny-head);font-size:13px;color:var(--dp-ink);flex-wrap:wrap}
.mhdp .dp-nybang{width:22px;height:22px;border-radius:6px;background:var(--dp-ny-bang);color:var(--dp-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}
.mhdp .dp-nyhead > b{font-weight:700;color:var(--dp-ink)}
.mhdp .dp-nyn{font-size:18px;font-weight:800;color:var(--dp-ink);letter-spacing:-.02em}
.mhdp .dp-nysort{color:var(--dp-ny-sub)}
.mhdp .dp-nyhead .dp-nykey{margin-left:auto;font-size:12px;color:var(--dp-ny-sub)}
.mhdp .dp-nyhead .dp-nykey .dp-amark{width:14px;height:14px;font-size:9px}
.mhdp .dp-nyhead .dp-by,.mhdp .dp-nyhead .dp-b{margin-left:0}
.mhdp .dp-nycards .tx-item{display:grid;grid-template-columns:minmax(0,1fr) 190px;column-gap:12px;row-gap:6px;padding:10px 16px 10px 13px;border-top:1px solid var(--dp-ny-line);border-left:3px solid var(--dp-ny-bar);font-size:13px}
.mhdp .dp-nycards .tx-item:first-child{border-top:1px solid var(--dp-ny-line)}
.mhdp .dp-nycards .tx-item.dp-nobtn{grid-template-columns:minmax(0,1fr)}
.mhdp .dp-nycards .tx-item > .tx-itop{grid-column:1;gap:12px;flex-wrap:nowrap;min-width:0}
.mhdp .dp-nycards .tx-item > .tx-ibtn{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:6px;padding-left:0;align-items:stretch;align-self:start}
.mhdp .dp-nycards .tx-item > :not(.tx-itop):not(.tx-ibtn){grid-column:1/-1;margin-left:42px}
.mhdp .dp-nycards .tx-iic{width:30px;height:30px;border-radius:999px;background:#ffe9d6;color:#9a4a0e;flex:none}
.mhdp .dp-nycards .tx-iic svg{width:15px;height:15px}
.mhdp .dp-nycards .tx-iw{gap:3px;flex:1 1 auto}
.mhdp .dp-nycards .tx-chips{gap:8px;font-size:12px;color:var(--dp-ny-sub);flex-wrap:nowrap;min-width:0}
.mhdp .dp-nycards .tx-chips .tx-pill{font-size:11px;padding:2px 8px}
.mhdp .dp-nycards .tx-chips .tx-note{font-size:12px;color:var(--dp-ny-sub);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mhdp .dp-nycards .tx-iw > b{font-size:15px;font-weight:800;color:var(--dp-ink);letter-spacing:-.01em}
.mhdp .dp-nycards .tx-iw > span{font-size:13px;color:var(--dp-ny-body)}
.mhdp .dp-nycards .tx-iw > span:empty{display:none}
.mhdp .dp-due{margin-left:auto;font-weight:700;color:var(--dp-ny-bar);white-space:nowrap;flex:none}
.mhdp .dp-due.dp-due-late{color:var(--dp-ny-bar)}
.mhdp .dp-nycards .dp-auto,.mhdp .dp-nycards .tx-iw > span.dp-auto{font-size:12.5px;color:var(--dp-ny-body);gap:8px}
.mhdp .dp-nycards .dp-autow{font-weight:400}
.mhdp .dp-nycards .dp-auto .dp-amark{width:16px;height:16px;font-size:10px;background:var(--dp-ny-greenbg);color:var(--dp-ny-green)}
.mhdp .dp-nycards .dp-auto .tx-pill{font-size:11px;padding:2px 8px}
.mhdp .dp-txt{margin-top:6px;background:var(--dp-ny-blk);border:1px solid var(--dp-ny-blkline);border-radius:8px;padding:8px 10px;font-size:12.5px;color:var(--dp-ink);display:flex;flex-direction:column;gap:3px}
.mhdp .dp-txtw{white-space:pre-line}
.mhdp .dp-lab{font-size:11px;font-weight:700;color:var(--dp-ny-sub);text-transform:uppercase;letter-spacing:.04em}
.mhdp .dp-herday{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:var(--dp-ny-body)}
.mhdp .dp-herday b{color:var(--dp-ink)}
.mhdp .dp-nycards .tx-link,.mhdp .dp-nymore .tx-link{font-size:12.5px;font-weight:600;text-decoration:underline;color:var(--dp-b500)}
.mhdp .dp-nycards .dp-det{font-size:12px;font-weight:600;text-decoration:underline;margin:2px 0 0;align-self:flex-start}
.mhdp .dp-nycards .tx-ibtn > .tx-y,.mhdp .dp-nycards .tx-ibtn > .tx-g{font:inherit;font-size:12.5px;font-weight:700;border-radius:7px;padding:6px 10px;border:1.5px solid transparent;justify-content:center;text-align:center;white-space:nowrap;box-shadow:none;filter:none}
.mhdp .dp-nycards .tx-ibtn > .tx-y{background:var(--dp-ny-btn);color:#fff !important}
.mhdp .dp-nycards .tx-ibtn > .tx-y:hover{background:#0e363b;box-shadow:none}
.mhdp .dp-nycards .tx-ibtn > .tx-g{background:#fff;color:var(--dp-ny-btn);border-color:var(--dp-ny-btnline)}
.mhdp .dp-nycards .tx-ibtn > .tx-g:hover{background:#f2f6f7}
.mhdp .dp-nymore{display:flex;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid var(--dp-ny-line);font-size:12.5px;color:var(--dp-ny-body);flex-wrap:nowrap}
.mhdp .dp-nymore b{color:var(--dp-ink);flex:none}
.mhdp .dp-nymore .dp-nymorew{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mhdp .dp-nymore .dp-nymorea{margin-left:auto;white-space:nowrap;flex:none}
/* Board 7b: Send her this text, opened on the card. */
.mhdp .dp-sbox{margin-top:10px;border:1.5px solid var(--dp-ny-box);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;background:var(--dp-ny-boxbg);font-size:13px}
.mhdp .dp-sbh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}
.mhdp .dp-sbh b{font-size:14px;color:var(--dp-ink)}
.mhdp .dp-sblang{margin-left:auto}
.mhdp .dp-sblang b{font-size:12px}
.mhdp .dp-sbf{display:flex;flex-direction:column;gap:5px}
.mhdp .dp-sbrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mhdp .dp-sbrow .tx-pill{font-size:11px;padding:2px 8px}
.mhdp .dp-sbedit{margin-left:auto;font-size:12px}
.mhdp .dp-sbta{font:inherit;font-size:13.5px;color:var(--dp-ink);line-height:1.45;border:1.5px solid var(--dp-ny-btnline);border-radius:8px;padding:9px 11px;resize:vertical;box-sizing:border-box;width:100%;background:#fff}
.mhdp .dp-sbes{background:var(--dp-ny-blk);border:1px solid var(--dp-ny-blkline);border-radius:8px;padding:9px 11px;font-size:13px;color:var(--dp-ny-body);line-height:1.45;white-space:pre-line}
.mhdp .dp-sbhint{font-size:12px;color:var(--dp-ny-sub)}
.mhdp .dp-sbfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--dp-ny-blkline);padding-top:12px;font-size:12px}
.mhdp .dp-sbfoot > span{flex:1 1 260px;min-width:0}
.mhdp .dp-sbb{font:inherit;font-size:11.5px;font-weight:700;border-radius:7px;padding:4px 10px;cursor:pointer;white-space:nowrap;border:1.5px solid transparent}
.mhdp .dp-sbt{background:var(--dp-ny-btn);color:#fff}
.mhdp .dp-sbt:hover{background:#0e363b}
.mhdp .dp-sbt:disabled{opacity:.55;cursor:default}
.mhdp .dp-sbg{background:#fff;color:var(--dp-ny-btn);border-color:var(--dp-ny-btnline)}
.mhdp .dp-sbg:hover{background:#f2f6f7}
.mhdp .dp-sbmsg:empty{display:none}
.mhdp .dp-sbmsg{font-size:12.5px;color:var(--dp-on-r)}
@media (max-width:700px){
  .mhdp .dp-nycards .tx-item{grid-template-columns:minmax(0,1fr);padding:10px 12px 12px 11px}
  .mhdp .dp-nycards .tx-item > .tx-ibtn{grid-column:1;grid-row:auto;flex-direction:row;flex-wrap:wrap}
  .mhdp .dp-nycards .tx-item > .tx-ibtn > .tx-y,.mhdp .dp-nycards .tx-item > .tx-ibtn > .tx-g{flex:1 1 140px}
  .mhdp .dp-nycards .tx-item > :not(.tx-itop):not(.tx-ibtn){margin-left:0}
  .mhdp .dp-nycards .tx-chips{flex-wrap:wrap}
  .mhdp .dp-nyhead .dp-nykey{margin-left:0}
  .mhdp .dp-nymore{flex-wrap:wrap}
  .mhdp .dp-nymore .dp-nymorew{white-space:normal}
  .mhdp .dp-sblang{margin-left:0}
}
.mhdp .dp-nycards .dp-g-clean .tx-iic,.mhdp .dp-nycards .dp-g-linens .tx-iic{border-radius:8px;background:#dceff0;color:#144d54}