/* mdr51: Virgo mobile design review v5.1, approved screens only.
   Every rule requires html[data-mdr51~="…"] set by mdr51.js.
   Excluded screens never receive a token, so they stay pixel-identical. */
:root { --mdr51-navy:#002A66; --mdr51-action:#2563EB; --mdr51-wash:#C5D4EC; --mdr51-ink:#0F172A; --mdr51-muted:#475569; --mdr51-line:#E2E8F0; }

html[data-mdr51~="proj"],
html[data-mdr51~="projects"],
html[data-mdr51~="contact"],
html[data-mdr51~="appearance"],
html[data-mdr51~="vehicles"],
html[data-mdr51~="billing"],
html[data-mdr51~="messenger"] { background:var(--mdr51-wash) !important; }

html[data-mdr51~="proj"] body,
html[data-mdr51~="proj"] #root,
html[data-mdr51~="projects"] body,
html[data-mdr51~="projects"] #root,
html[data-mdr51~="contact"] body,
html[data-mdr51~="contact"] #root,
html[data-mdr51~="appearance"] body,
html[data-mdr51~="appearance"] #root,
html[data-mdr51~="vehicles"] body,
html[data-mdr51~="vehicles"] #root,
html[data-mdr51~="billing"] body,
html[data-mdr51~="billing"] #root,
html[data-mdr51~="messenger"] body,
html[data-mdr51~="messenger"] #root { background:var(--mdr51-wash) !important; }

html[data-mdr51~="proj"]::before,
html[data-mdr51~="projects"]::before,
html[data-mdr51~="contact"]::before,
html[data-mdr51~="appearance"]::before,
html[data-mdr51~="vehicles"]::before,
html[data-mdr51~="billing"]::before,
html[data-mdr51~="messenger"]::before {
  content:""; position:fixed; top:0; left:0; right:0; height:5px; z-index:2147483646; pointer-events:none;
  background:linear-gradient(90deg,#002A66 0%,#2563EB 55%,#02D8FC 100%);
}

/* 1, 3, 8 — accordion headers are a full-width row. Title and meta each have a track. */
html[data-mdr51~="proj"] .dr1102-hd {
  box-sizing:border-box !important; display:flex !important; flex-direction:row !important; align-items:center !important;
  width:100% !important; max-width:100% !important; min-width:0 !important;
  gap:12px !important; margin:6px 0 !important; padding:8px 12px !important;
  background:#fff !important; border:1px solid var(--mdr51-line) !important; border-left:4px solid var(--mdr51-action) !important;
  border-radius:10px !important; min-height:44px !important;
  box-shadow:0 4px 12px rgba(0,42,102,.10) !important; color:var(--mdr51-navy) !important;
}
html[data-mdr51~="proj"] .dr1102-hd .pv-t {
  flex:1 1 auto !important; min-width:0 !important; text-align:left !important;
  color:var(--mdr51-navy) !important; font-weight:700 !important;
}
html[data-mdr51~="proj"] .dr1102-hd .pv-s {
  flex:0 0 auto !important; margin-left:auto !important; white-space:nowrap !important;
  color:var(--mdr51-muted) !important;
}
html[data-mdr51~="proj"] .dr1102-hd .dr1102-chv { flex:0 0 auto !important; }

/* 2, 4 — filter panel elevation. Do not resize the live 46px filter controls. */
html[data-mdr51~="proj"] .uf1108-panel {
  box-shadow:0 8px 24px rgba(0,42,102,.12) !important; border-radius:12px !important;
}
html[data-mdr51~="proj"] button.mdr51-dash {
  border:1.5px dashed #64748B !important; border-radius:999px !important; background:#fff !important;
  color:var(--mdr51-ink) !important; min-height:36px !important;
}
html[data-mdr51~="proj"] .pg1026-ch.sel,
html[data-mdr51~="proj"] button[aria-pressed="true"].pg1026-ch {
  background:#EFF6FF !important; color:var(--mdr51-navy) !important; border-color:var(--mdr51-action) !important;
}

/* 5, 6, 10 — dialogs and menus on the project page. */
html[data-mdr51~="proj"] [role="dialog"],
html[data-mdr51~="proj"] [role="menu"] {
  border-radius:16px !important; box-shadow:0 12px 40px rgba(15,23,42,.18) !important; border:1px solid var(--mdr51-line) !important;
}
html[data-mdr51~="proj"] [role="menuitem"] {
  color:var(--mdr51-ink) !important; min-height:44px; border-radius:10px;
}

/* Header FD pill only, if a future bundle paints one again. Day-row pills and the Filters chip are not .pv-fd inside the header chips. */
html[data-mdr51~="proj"] [data-pv1102="chips"] .pv-fd {
  display:none !important; visibility:hidden !important; pointer-events:none !important;
  width:0 !important; height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;
}

/* 7 — navy day label only. Do not change row padding, min-height, or the booking-sheet pill. */
html[data-mdr51~="proj"] [data-fdu31row="day"] { color:var(--mdr51-navy) !important; font-weight:700 !important; }

/* 9, 19, 20, 23 — action blue. Not Update, not No Show, not the check-in Message button. */
html[data-mdr51] button.mdr51-cta {
  background:var(--mdr51-action) !important; color:#fff !important; border:0 !important;
  border-radius:10px !important; min-height:44px !important; padding:0 16px !important; font-weight:600 !important;
  white-space:nowrap !important;
}
html[data-mdr51~="proj"] [data-mk800="addtalent"] {
  background:var(--mdr51-navy) !important; color:#fff !important; border-color:var(--mdr51-navy) !important;
  border-radius:10px !important; min-height:44px !important; font-weight:600 !important;
}

/* 28 — private notes card. The day-row pills under it stay. */
html[data-mdr51~="proj"] [data-v763-pn="1"],
html[data-mdr51~="proj"] .mk800-staff {
  box-sizing:border-box !important; max-width:100% !important; background:#fff !important;
  border:1px solid var(--mdr51-line) !important; border-left:4px solid var(--mdr51-action) !important;
  border-radius:12px !important; box-shadow:0 6px 18px rgba(0,42,102,.10) !important; padding:12px !important;
}
html[data-mdr51~="proj"] [data-v763-pn="1"] .text-gray-400,
html[data-mdr51~="proj"] [data-v763-pn="1"] .text-slate-400 { color:var(--mdr51-muted) !important; }

/* 11 — one border on the search field. The input itself has none. */
html[data-mdr51~="add"] .mk797-in {
  box-sizing:border-box !important; height:44px !important; min-height:44px !important;
  border:1px solid #94A3B8 !important; border-radius:10px !important; background:#fff !important;
  box-shadow:0 1px 2px rgba(15,23,42,.06) !important;
}
html[data-mdr51~="add"] .mk797-in input {
  border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important;
  min-height:0 !important; height:100% !important; border-radius:0 !important;
}
html[data-mdr51~="add"] .mk797-card {
  box-shadow:0 6px 18px rgba(0,42,102,.10) !important; border-radius:12px !important; background:#fff !important;
}
html[data-mdr51~="add"] .mk797-g2 {
  background:#F8FAFC !important; border:1px solid var(--mdr51-line) !important; min-height:44px !important;
}
/* Same 32px bordered arrow as header a[data-phh1102=back]. Beats ac1109d's blue text link. */
html[data-mdr51~="add"]:root body header.mk793-ph.mk793-ph[data-ac1109d-add="1"]:not(#ac1109d-add) > .grid {
  display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:10px !important;
  padding:8px 12px !important; grid-template-columns:none !important; grid-template-rows:none !important;
}
html[data-mdr51~="add"]:root body header.mk793-ph.mk793-ph[data-ac1109d-add="1"] > .grid > div:nth-child(1) {
  order:1 !important; flex:0 0 auto !important; width:auto !important; min-width:0 !important; grid-row:auto !important; grid-column:auto !important;
}
html[data-mdr51~="add"]:root body header.mk793-ph.mk793-ph[data-ac1109d-add="1"] > .grid > .col-span-2 {
  order:2 !important; flex:1 1 auto !important; min-width:0 !important; width:auto !important; max-width:100% !important;
  grid-row:auto !important; grid-column:auto !important; display:block !important;
}
html[data-mdr51~="add"]:root body header.mk793-ph.mk793-ph[data-ac1109d-add="1"] > .grid > .col-start-2 {
  order:3 !important; flex:0 0 auto !important; grid-row:auto !important; grid-column:auto !important;
}
html[data-mdr51~="add"]:root body header.mk793-ph.mk793-ph[data-ac1109d-add="1"] h1.mk892-pt {
  color:var(--mdr51-navy) !important; font-weight:700 !important; white-space:normal !important;
  overflow:visible !important; text-overflow:clip !important; position:static !important; display:block !important;
}
html[data-mdr51~="add"]:root body header.mk793-ph button.sp1008-back[data-ac1109d-back="1"] {
  font-size:0 !important; line-height:0 !important; width:32px !important; height:32px !important;
  min-width:32px !important; min-height:32px !important; max-width:32px !important; padding:0 !important; margin:0 !important;
  border:1px solid #E2E5EA !important; border-radius:8px !important; background:#fff !important; color:#0b1f3a !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:none !important; overflow:hidden !important; flex:0 0 auto !important;
}
html[data-mdr51~="add"]:root body header.mk793-ph button.sp1008-back[data-ac1109d-back="1"] svg {
  width:16px !important; height:16px !important; margin:0 !important; display:block !important;
}

/* 12 — project-card shadows and a 44px search. Tomorrow / stat chips are untouched. */
html[data-mdr51~="projects"] [data-plr="1"] {
  box-shadow:0 8px 24px rgba(0,42,102,.16) !important; border-radius:16px !important;
}
html[data-mdr51~="projects"] input[type="search"] {
  min-height:44px !important; border-radius:10px !important; border:1px solid #94A3B8 !important; background:#fff !important;
}

/* 14 and 27 — compose dialog / messenger. Inbox list has no token, so it is untouched. */
html[data-mdr51~="compose"] [data-mdr51-compose] {
  border-radius:16px !important; box-shadow:0 20px 50px rgba(0,42,102,.28) !important;
  border:1px solid var(--mdr51-line) !important; background:#fff !important;
}
html[data-mdr51~="compose"] [data-mdr51-compose] h2 { color:var(--mdr51-navy) !important; font-weight:700 !important; }
html[data-mdr51~="compose"] [data-mdr51-compose] input,
html[data-mdr51~="compose"] [data-mdr51-compose] textarea,
html[data-mdr51~="messenger"] input,
html[data-mdr51~="messenger"] textarea {
  border:1px solid #94A3B8 !important; border-radius:10px !important; background:#fff !important; color:var(--mdr51-ink) !important;
  min-height:44px !important; box-sizing:border-box !important;
}
html[data-mdr51~="compose"] [data-mdr51-compose] textarea,
html[data-mdr51~="messenger"] textarea { min-height:96px !important; }

/* 19, 20, 23, 24 — profile section cards. Page titles on the navy bar stay white. */
html[data-mdr51] .mdr51-hero { background:#002A66 !important; color:#fff !important; }
html[data-mdr51] .mdr51-hero h1 {
  color:#fff !important; visibility:visible !important; display:block !important; position:static !important;
  font-weight:700 !important; overflow:visible !important;
}
html[data-mdr51] .mdr51-hero p { color:#DBE7F5 !important; }
html[data-mdr51~="contact"] .mdr51-card,
html[data-mdr51~="appearance"] .mdr51-card,
html[data-mdr51~="billing"] .mdr51-card,
html[data-mdr51~="vehicles"] .mdr51-vcard {
  box-sizing:border-box !important; max-width:100% !important; background:#fff !important;
  border:1px solid var(--mdr51-line) !important; border-left:4px solid var(--mdr51-action) !important;
  border-radius:12px !important; box-shadow:0 6px 18px rgba(0,42,102,.12) !important;
}
html[data-mdr51~="contact"] .mdr51-card h2,
html[data-mdr51~="contact"] .mdr51-card h3,
html[data-mdr51~="appearance"] .mdr51-card h2,
html[data-mdr51~="appearance"] .mdr51-card h3,
html[data-mdr51~="billing"] .mdr51-card h2,
html[data-mdr51~="billing"] .mdr51-card h3,
html[data-mdr51~="vehicles"] .mdr51-vcard h2,
html[data-mdr51~="vehicles"] .mdr51-vcard h3 { color:var(--mdr51-navy) !important; font-weight:700 !important; }
/* One accent: the inner photo box does not grow a second blue line. */
html[data-mdr51~="vehicles"] .mdr51-vphoto {
  border:0 !important; box-shadow:none !important; outline:none !important;
}
/* Update stays white. */
html[data-mdr51~="billing"] button.mdr51-update {
  background:#fff !important; color:var(--mdr51-ink) !important; border:1px solid #CBD5E1 !important;
  border-radius:10px !important; min-height:44px !important; padding:0 16px !important;
  font-weight:600 !important; white-space:nowrap !important;
}

html[data-mdr51~="proj"] .mk800-root { scroll-padding-bottom:96px; }