@import url("/assets/mymex-lead-tools.css?v=20261007-acceptance37");
:root {
  --tenant-primary: #003478;
  --tenant-secondary: #00a7e1;
  --tenant-ink: #10223b;
  --tenant-muted: #64748b;
  --tenant-line: rgba(15, 35, 63, .1);
  --tenant-surface: rgba(255, 255, 255, .88);
  --tenant-shadow: 0 12px 36px rgba(24, 51, 82, .08);
  --tenant-radius: 22px;
  --tenant-sidebar-width: 252px;
}

/* 2026-09-08: simple three-stage workspace launch */
.tenant-business-readiness { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 0 0 18px; }
.tenant-business-readiness span { min-height: 54px; display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: #5c6f83; font-size: 12px; font-weight: 800; border: 1px solid #d8e3ec; border-radius: 14px; background: #f8fbfd; }
.tenant-business-readiness i { width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; color: #fff; font-style: normal; border: 1px solid #cbd9e4; border-radius: 50%; background: #fff; }
.tenant-business-readiness span.is-ready { color: #096847; border-color: #b8e7d4; background: #eefbf5; }
.tenant-business-readiness span.is-ready i { border-color: #18a873; background: #18a873; }
.tenant-promotion-chooser[hidden] { display: none !important; }
.tenant-promotion-chooser { position: fixed; inset: 0; z-index: 100090; display: grid; place-items: center; padding: 24px; opacity: 0; transition: opacity .18s ease; }
.tenant-promotion-chooser.is-open { opacity: 1; }
.tenant-promotion-chooser__backdrop { position: absolute; inset: 0; border: 0; background: rgba(3, 17, 34, .76); backdrop-filter: blur(9px); }
.tenant-promotion-chooser > section { position: relative; width: min(980px, calc(100vw - 32px)); max-height: min(820px, calc(100dvh - 32px)); overflow: auto; padding: 30px; color: #10243d; border: 1px solid #cbdce9; border-radius: 28px; background: #fff; box-shadow: 0 34px 100px rgba(2, 15, 31, .36); }
.tenant-promotion-chooser__close { position: absolute; top: 18px; right: 18px; width: 42px; height: 42px; display: grid; place-items: center; padding: 0; color: #425d75; font-size: 27px; line-height: 1; border: 1px solid #d4e1eb; border-radius: 50%; background: #f7fafc; cursor: pointer; }
.tenant-promotion-chooser__intro { padding-right: 56px; }
.tenant-promotion-chooser__intro h2 { margin: 6px 0 8px; font-size: clamp(28px, 4vw, 42px); line-height: 1.05; }
.tenant-promotion-chooser__intro p { max-width: 700px; margin: 0; color: #5c7187; line-height: 1.6; }
.tenant-promotion-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.tenant-promotion-choice { min-width: 0; display: flex; flex-direction: column; gap: 11px; padding: 22px; color: #10243d; text-decoration: none; border: 1px solid #d5e2ec; border-radius: 20px; background: linear-gradient(145deg, #fff, #f5f9fc); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.tenant-promotion-choice:hover { transform: translateY(-3px); border-color: #62bfe7; box-shadow: 0 16px 34px rgba(9, 72, 116, .12); }
.tenant-promotion-choice__icon { width: 48px; height: 48px; display: grid; place-items: center; color: #0876aa; border-radius: 15px; background: #e5f6fd; }
.tenant-promotion-choice__icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.tenant-promotion-choice h3 { margin: 0; color: #10243d; font-size: 22px; }
.tenant-promotion-choice p { min-height: 66px; margin: 0; color: #5d7185; font-size: 14px; line-height: 1.55; }
.tenant-promotion-choice ul { display: grid; gap: 7px; margin: 0; padding: 0; color: #334f69; font-size: 12px; list-style: none; }
.tenant-promotion-choice li::before { content: '✓'; margin-right: 7px; color: #12a873; font-weight: 900; }
.tenant-promotion-choice small { margin-top: auto; color: #0675b4; font-weight: 900; }
.tenant-promotion-chooser footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; padding-top: 18px; color: #5d7185; border-top: 1px solid #e0e8ef; }
.tenant-promotion-chooser footer p { margin: 0; }
body.tenant-promotion-chooser-open { overflow: hidden; }
.mymex-success-confetti { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.mymex-success-confetti i { position: absolute; top: -16px; width: 8px; height: 14px; border-radius: 3px; background: #25c2f1; animation: mymex-confetti-fall 1.9s ease-in both; }
.mymex-success-confetti i:nth-child(1) { left: 8%; background: #fb4f9b; transform: rotate(12deg); }
.mymex-success-confetti i:nth-child(2) { left: 20%; background: #7c5cff; animation-delay: .18s; }
.mymex-success-confetti i:nth-child(3) { left: 33%; background: #2fd99c; animation-delay: .08s; }
.mymex-success-confetti i:nth-child(4) { left: 47%; background: #ffc247; animation-delay: .28s; }
.mymex-success-confetti i:nth-child(5) { left: 60%; background: #2aa9ff; animation-delay: .12s; }
.mymex-success-confetti i:nth-child(6) { left: 72%; background: #fb4f9b; animation-delay: .36s; }
.mymex-success-confetti i:nth-child(7) { left: 84%; background: #7c5cff; animation-delay: .22s; }
.mymex-success-confetti i:nth-child(8) { left: 93%; background: #2fd99c; animation-delay: .04s; }
@keyframes mymex-confetti-fall { 0% { opacity: 0; translate: 0 -10px; rotate: 0deg; } 12% { opacity: 1; } 100% { opacity: 0; translate: 14px 330px; rotate: 560deg; } }

@media (max-width: 760px) {
    .tenant-settings-hub { padding: 0; }
    .tenant-settings-hub-panel, .tenant-settings-hub.is-expanded .tenant-settings-hub-panel { width: 100vw; height: 100dvh; max-width: none; max-height: none; border: 0; border-radius: 0; }
    .tenant-settings-hub-header { padding: 16px 58px 15px 17px; }
    .tenant-settings-hub-header h2 { margin: 3px 0 5px; font-size: 23px; line-height: 1.08; }
    .tenant-settings-hub-header p { max-width: 32ch; margin: 0; font-size: 13px; line-height: 1.4; }
    .tenant-settings-hub-help-actions { margin-top: 10px; }
    .tenant-settings-hub-help-actions button { min-height: 36px; padding: 8px 12px; font-size: 12px; }
    .tenant-settings-hub-expand { display: none; }
    .tenant-settings-hub-tabs { grid-auto-columns: minmax(132px, 44vw); padding: 10px 14px; gap: 8px; }
    .tenant-settings-hub-tabs button { min-height: 58px; padding: 9px 10px; }
    .tenant-settings-hub-tabs button small { display: none; }
    .tenant-settings-hub-body { padding: 16px 14px max(38px, env(safe-area-inset-bottom)); scroll-padding: 18px; }
    .tenant-settings-layout { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .tenant-settings-form-card { padding: 16px; }
    .tenant-settings-section-heading { margin-bottom: 14px; }
    .tenant-settings-section-heading h2 { font-size: 24px; line-height: 1.12; }
    .tenant-business-readiness { grid-template-columns: 1fr 1fr; }
    .tenant-business-readiness span:last-child { grid-column: 1 / -1; }
    .tenant-form-grid { grid-template-columns: minmax(0, 1fr); }
    .tenant-promotion-chooser { align-items: end; padding: 0; }
    .tenant-promotion-chooser > section { width: 100%; max-height: calc(100dvh - 10px); padding: 22px 17px max(24px, env(safe-area-inset-bottom)); border-radius: 25px 25px 0 0; }
    .tenant-promotion-chooser__intro { padding-right: 46px; }
    .tenant-promotion-chooser__intro h2 { font-size: 28px; }
    .tenant-promotion-options { grid-template-columns: 1fr; }
    .tenant-promotion-choice p { min-height: 0; }
    .tenant-promotion-chooser footer { align-items: stretch; flex-direction: column; }
}

/* 2026-09-09 Platform Lead Centre: tenant-CRM interaction parity without crossing data boundaries. */
.mymex-master-crm-heading {
  align-items: end;
  padding-bottom: 6px;
}
.mymex-master-crm-heading h1 { max-width: 760px; font-size: clamp(32px, 4vw, 54px); font-weight: 650; line-height: 1.02; letter-spacing: -.045em; }
.mymex-master-crm-heading p { max-width: 720px; font-size: 14px; line-height: 1.6; }
.mymex-master-crm-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 18px 0 14px; }
.mymex-master-crm-metrics > a {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 42px; gap: 3px 10px; min-height: 128px;
  padding: 16px; overflow: hidden; border: 1px solid #dbe6f1; border-radius: 20px; color: #0a2747;
  background: linear-gradient(145deg, #fff, #f5f9fd); box-shadow: 0 14px 34px rgba(13, 42, 74, .07); text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.mymex-master-crm-metrics > a:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--tenant-primary) 38%, #dbe6f1); box-shadow: 0 20px 42px rgba(13, 42, 74, .12); }
.mymex-master-crm-metrics i { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; color: #087bd1; background: #e8f5ff; font-size: 18px; font-style: normal; font-weight: 800; }
.mymex-master-crm-metrics small { align-self: end; color: #5d7390; font-size: 9px; font-weight: 720; letter-spacing: .11em; text-transform: uppercase; }
.mymex-master-crm-metrics strong { color: #0a2747; font-size: 29px; font-weight: 680; line-height: 1; }
.mymex-master-crm-metrics span { grid-column: 1 / -1; align-self: end; color: #647b96; font-size: 11px; line-height: 1.35; }
.mymex-master-crm-metrics .metric-new i { color: #087a5d; background: #e3fbf2; }
.mymex-master-crm-metrics .metric-due-soon i { color: #9d6500; background: #fff3d9; }
.mymex-master-crm-metrics .metric-overdue i { color: #b52430; background: #ffe9ec; }
.mymex-master-crm-jarvis-brief {
  position: relative; display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 16px; align-items: center; overflow: hidden;
  margin: 0 0 14px; padding: 18px 20px; border: 1px solid rgba(49, 204, 229, .28); border-radius: 22px; color: #fff;
  background: radial-gradient(circle at 85% 0, rgba(42, 212, 191, .22), transparent 33%), linear-gradient(135deg, #06284a, #073a59 55%, #07535f);
  box-shadow: 0 18px 42px rgba(5, 36, 65, .18);
}
.mymex-master-crm-jarvis-brief::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .2; background-image: linear-gradient(rgba(115,220,245,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(115,220,245,.18) 1px,transparent 1px); background-size: 38px 38px; }
.mymex-master-crm-jarvis-brief > * { position: relative; z-index: 1; }
.mymex-master-crm-jarvis-orb { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(98, 231, 255, .5); border-radius: 18px; color: #59e6ff; background: rgba(5, 25, 52, .72); box-shadow: 0 0 30px rgba(28, 204, 239, .2); font-size: 24px; }
.mymex-master-crm-jarvis-brief span { color: #59e6ff; font-size: 9px; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.mymex-master-crm-jarvis-brief h2 { margin: 3px 0 3px; color: #fff; font-size: clamp(18px, 2vw, 25px); font-weight: 620; letter-spacing: -.03em; }
.mymex-master-crm-jarvis-brief p { margin: 0; max-width: 760px; color: #c9ddec; font-size: 12px; line-height: 1.5; }
.mymex-master-crm-jarvis-brief > a { display: inline-flex; align-items: center; gap: 10px; min-height: 42px; padding: 0 15px; border-radius: 13px; color: #06233f; background: linear-gradient(135deg, #62f2d2, #39cdeb); font-size: 11px; font-weight: 740; text-decoration: none; white-space: nowrap; }
.mymex-master-crm-toolbar-panel { padding: 15px; border-radius: 22px; }
.mymex-master-crm-toolbar { gap: 10px; }
.mymex-master-crm-pipeline { display: flex; gap: 8px; overflow-x: auto; padding: 0 1px 12px; }
.mymex-master-crm-pipeline a { flex: 1 0 118px; min-height: 44px; border-radius: 14px; }
.mymex-master-crm-results { padding: 0; border: 0; background: transparent; box-shadow: none; }
.mymex-master-crm-results > header { padding: 18px 2px 12px; }
.mymex-master-crm-card { overflow: hidden; margin-bottom: 10px; border: 1px solid #dbe6f1; border-radius: 22px; background: #fff; box-shadow: 0 12px 32px rgba(13, 42, 74, .06); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.mymex-master-crm-card:hover { transform: translateY(-2px); border-color: #b8d8ef; box-shadow: 0 18px 40px rgba(13, 42, 74, .1); }
.mymex-master-crm-card.is-due { border-left: 4px solid #e54454; }
.mymex-master-crm-card.is-due-soon { border-left: 4px solid #e9a624; }

.mymex-master-crm-drawer-shell { position: fixed; inset: 0; z-index: 9000; display: grid; place-items: center; padding: 22px; }
.mymex-master-crm-drawer-shell[hidden] { display: none !important; }
.mymex-master-crm-drawer-scrim { position: absolute; inset: 0; border: 0; background: rgba(1, 14, 29, .72); backdrop-filter: blur(10px); }
.mymex-master-crm-drawer {
  position: relative; inset: auto; display: grid; grid-template-rows: auto auto minmax(0, 1fr); width: min(1280px, calc(100vw - 44px)); height: min(900px, calc(100dvh - 44px));
  overflow: hidden; border: 1px solid rgba(98, 210, 238, .45); border-radius: 28px; background: #edf3f8; box-shadow: 0 38px 100px rgba(0, 13, 30, .4); transform: none;
}
.mymex-master-crm-drawer-header { min-height: 96px; padding: 20px 24px; border: 0; color: #fff; background: radial-gradient(circle at 85% 0, rgba(41, 211, 195, .26), transparent 38%), linear-gradient(125deg, #062a4e, #075161); }
.mymex-master-crm-drawer-header .tenant-eyebrow { color: #59e6ff; }
.mymex-master-crm-drawer-header h2 { margin: 4px 0 2px; color: #fff; font-size: clamp(26px, 3vw, 38px); font-weight: 640; letter-spacing: -.04em; }
.mymex-master-crm-drawer-header p { margin: 0; color: #c8deeb; font-size: 12px; }
.mymex-master-crm-drawer-close { color: #fff; border-color: rgba(155, 229, 244, .34); background: rgba(3, 27, 50, .42); }
.mymex-master-crm-drawer-status { position: absolute; top: 86px; left: 50%; z-index: 10; transform: translateX(-50%); width: max-content; max-width: calc(100% - 30px); padding: 9px 14px; border-radius: 12px; color: #0b5b77; background: #e0f8ff; box-shadow: 0 12px 28px rgba(3, 34, 60, .14); font-size: 11px; font-weight: 650; }
.mymex-master-crm-drawer-status.is-error { color: #91202b; background: #ffebee; }
.mymex-master-crm-drawer-status.is-success { color: #076d50; background: #e1faef; }
.mymex-master-crm-drawer-body { overflow: auto; padding: 0 18px 24px; background-color: #edf3f8; background-image: linear-gradient(rgba(27,101,154,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(27,101,154,.045) 1px,transparent 1px); background-size: 42px 42px; scroll-behavior: smooth; scroll-padding-top: 88px; }
.mymex-master-crm-top-actions { position: sticky; top: 0; z-index: 8; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 -18px 14px; padding: 10px 18px; border-bottom: 1px solid #d3e2ed; background: rgba(237, 243, 248, .94); backdrop-filter: blur(14px); }
.mymex-master-crm-top-actions .tenant-button { min-height: 38px; border-radius: 12px; font-size: 11px; }
.mymex-master-crm-drawer-hero { margin: 0 0 14px; padding: 16px 18px; border: 1px solid #d5e2ed; border-radius: 20px; background: rgba(255,255,255,.92); }
.mymex-master-crm-drawer-hero strong { max-width: 800px; font-size: 14px; line-height: 1.45; }
.mymex-master-crm-centre-layout { display: grid; grid-template-columns: 146px minmax(430px, 1fr) 290px; gap: 12px; align-items: start; }
.mymex-master-crm-rail { position: sticky; top: 62px; display: grid; gap: 6px; padding: 10px; border: 1px solid #d7e4ee; border-radius: 20px; background: rgba(255,255,255,.9); box-shadow: 0 12px 30px rgba(13, 42, 74, .06); }
.mymex-master-crm-rail > strong { padding: 5px 7px 8px; color: #657a92; font-size: 9px; font-weight: 720; letter-spacing: .1em; text-transform: uppercase; }
.mymex-master-crm-rail button { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 0 8px; align-items: center; width: 100%; padding: 8px; border: 1px solid transparent; border-radius: 13px; color: #29445f; background: transparent; text-align: left; cursor: pointer; }
.mymex-master-crm-rail button:hover,.mymex-master-crm-rail button.is-active { color: #0872bb; border-color: #cde5f5; background: #edf8ff; }
.mymex-master-crm-rail button > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #0872bb; background: #e4f4ff; font-size: 15px; }
.mymex-master-crm-rail button b { font-size: 10px; font-weight: 680; }
.mymex-master-crm-rail button small { color: #7a8da2; font-size: 8px; }
.mymex-master-crm-centre-main { display: grid; gap: 12px; }
.mymex-master-crm-next-best { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px; border: 1px solid #b9ddf3; border-radius: 20px; background: linear-gradient(135deg, #fff, #edf9ff); box-shadow: 0 12px 28px rgba(13,42,74,.06); }
.mymex-master-crm-next-best > div { display: flex; gap: 12px; align-items: start; }
.mymex-master-crm-next-best > div > span { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #168de6, #27c5ea); box-shadow: 0 10px 22px rgba(22,141,230,.22); }
.mymex-master-crm-next-best small { color: #0781d3; font-size: 9px; font-weight: 760; letter-spacing: .11em; text-transform: uppercase; }
.mymex-master-crm-next-best h3 { margin: 3px 0; color: #0a2747; font-size: 17px; font-weight: 650; letter-spacing: -.02em; }
.mymex-master-crm-next-best p { margin: 0; color: #607893; font-size: 11px; line-height: 1.45; }
.mymex-master-crm-next-best.tone-danger { border-color: #fac9ce; background: linear-gradient(135deg,#fff,#fff1f2); }
.mymex-master-crm-next-best.tone-warning { border-color: #f2dbab; background: linear-gradient(135deg,#fff,#fff8e9); }
.mymex-master-crm-next-best.tone-success { border-color: #bde8d7; background: linear-gradient(135deg,#fff,#edfbf5); }
.mymex-master-crm-drawer-panel { padding: 18px; border: 1px solid #d7e4ee; border-radius: 20px; background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(13,42,74,.055); scroll-margin-top: 72px; }
.mymex-master-crm-panel-heading h3 { margin: 3px 0 0; color: #0a2747; font-size: 20px; font-weight: 640; letter-spacing: -.025em; }
.mymex-master-crm-panel-heading p { margin: 5px 0 0; color: #657b94; font-size: 11px; line-height: 1.5; }
.mymex-master-crm-drawer-panel form { display: grid; gap: 11px; margin-top: 14px; }
.mymex-master-crm-drawer-panel label { display: grid; gap: 6px; color: #4f6680; font-size: 9px; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
.mymex-master-crm-drawer-panel input,.mymex-master-crm-drawer-panel select,.mymex-master-crm-drawer-panel textarea { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #cedce8; border-radius: 13px; color: #0b2948; background: #f8fbfe; font: inherit; font-size: 12px; font-weight: 480; letter-spacing: normal; text-transform: none; }
.mymex-master-crm-drawer-panel textarea { resize: vertical; line-height: 1.55; }
.mymex-master-crm-composer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.mymex-master-crm-contact-warning { margin: 0; color: #657b94; font-size: 10px; line-height: 1.5; }
.mymex-master-crm-draft { display: grid; gap: 11px; margin-top: 14px; padding: 14px; border: 1px solid #a9dfd1; border-radius: 16px; background: #effbf7; }
.mymex-master-crm-draft[hidden] { display: none !important; }
.mymex-master-crm-draft > div:first-child { display: flex; justify-content: space-between; gap: 10px; }
.mymex-master-crm-draft > div:first-child span { color: #08765b; font-size: 11px; font-weight: 720; }
.mymex-master-crm-draft > div:first-child small { color: #5b7c72; font-size: 9px; }
.mymex-master-crm-draft > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; }
.mymex-master-crm-centre-side { position: sticky; top: 62px; display: grid; gap: 10px; }
.mymex-master-crm-centre-side > section,.mymex-master-crm-centre-side > dl,.mymex-master-crm-centre-side > div { margin: 0; padding: 15px; border: 1px solid #d7e4ee; border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 12px 28px rgba(13,42,74,.05); }
.mymex-master-crm-centre-side h3 { margin: 5px 0 4px; color: #0a2747; font-size: 19px; font-weight: 650; }
.mymex-master-crm-centre-side p { margin: 0; color: #637991; font-size: 11px; line-height: 1.5; }
.mymex-master-crm-contact-list > div { grid-template-columns: 86px minmax(0,1fr); padding: 9px 0; }
.mymex-master-crm-contact-list dt { font-size: 8px; letter-spacing: .07em; }
.mymex-master-crm-contact-list dd { font-size: 10px; overflow-wrap: anywhere; }
.mymex-master-crm-profile dl { margin-top: 10px; }
.mymex-master-crm-profile dl > div { grid-template-columns: 90px minmax(0,1fr); }
.mymex-master-crm-timeline article { padding-bottom: 15px; }

[data-mymex-theme="dark"] .mymex-master-crm-metrics > a,[data-mymex-theme="dark"] .mymex-master-crm-card,[data-mymex-theme="dark"] .mymex-master-crm-drawer-hero,[data-mymex-theme="dark"] .mymex-master-crm-rail,[data-mymex-theme="dark"] .mymex-master-crm-next-best,[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel,[data-mymex-theme="dark"] .mymex-master-crm-centre-side > section,[data-mymex-theme="dark"] .mymex-master-crm-centre-side > dl,[data-mymex-theme="dark"] .mymex-master-crm-centre-side > div { border-color: rgba(117,196,255,.2); color: #f6fbff; background: linear-gradient(145deg,rgba(8,31,58,.98),rgba(4,20,40,.98)); }
[data-mymex-theme="dark"] .mymex-master-crm-drawer,[data-mymex-theme="dark"] .mymex-master-crm-drawer-body { background-color: #06182e; }
[data-mymex-theme="dark"] .mymex-master-crm-top-actions { border-color: rgba(117,196,255,.15); background: rgba(6,24,46,.94); }
[data-mymex-theme="dark"] .mymex-master-crm-metrics strong,[data-mymex-theme="dark"] .mymex-master-crm-next-best h3,[data-mymex-theme="dark"] .mymex-master-crm-panel-heading h3,[data-mymex-theme="dark"] .mymex-master-crm-centre-side h3 { color: #f7fbff; }
[data-mymex-theme="dark"] .mymex-master-crm-metrics small,[data-mymex-theme="dark"] .mymex-master-crm-metrics span,[data-mymex-theme="dark"] .mymex-master-crm-next-best p,[data-mymex-theme="dark"] .mymex-master-crm-panel-heading p,[data-mymex-theme="dark"] .mymex-master-crm-centre-side p { color: #b8cee3; }
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel input,[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel select,[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel textarea { color: #f7fbff; border-color: rgba(117,196,255,.23); background: rgba(2,16,34,.9); }

@media (max-width: 1120px) {
  .mymex-master-crm-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mymex-master-crm-centre-layout { grid-template-columns: 130px minmax(390px,1fr); }
  .mymex-master-crm-centre-side { position: static; grid-column: 2; }
}
@media (max-width: 760px) {
  .mymex-master-crm-heading { align-items: stretch; }
  .mymex-master-crm-heading-actions,.mymex-master-crm-heading-actions .tenant-button { width: 100%; }
  .mymex-master-crm-metrics { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .mymex-master-crm-metrics > a { flex: 0 0 min(76vw,230px); scroll-snap-align: start; }
  .mymex-master-crm-jarvis-brief { grid-template-columns: 46px minmax(0,1fr); padding: 15px; }
  .mymex-master-crm-jarvis-orb { width: 46px; height: 46px; }
  .mymex-master-crm-jarvis-brief > a { grid-column: 1 / -1; justify-content: center; }
  .mymex-master-crm-drawer-shell { padding: 0; }
  .mymex-master-crm-drawer { width: 100vw; height: 100dvh; border: 0; border-radius: 0; }
  .mymex-master-crm-drawer-header { min-height: 78px; padding: 14px 58px 12px 16px; }
  .mymex-master-crm-drawer-header h2 { font-size: 23px; }
  .mymex-master-crm-drawer-close { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; }
  .mymex-master-crm-drawer-status { top: 70px; }
  .mymex-master-crm-drawer-body { padding: 0 10px max(24px,env(safe-area-inset-bottom)); scroll-padding-top: 112px; }
  .mymex-master-crm-top-actions { margin: 0 -10px 10px; padding: 8px 10px; overflow-x: auto; flex-wrap: nowrap; }
  .mymex-master-crm-top-actions .tenant-button { flex: 0 0 auto; }
  .mymex-master-crm-drawer-hero { align-items: start; flex-direction: column; padding: 13px; }
  .mymex-master-crm-centre-layout { display: flex; flex-direction: column; }
  .mymex-master-crm-rail { position: sticky; top: 54px; z-index: 7; display: flex; width: 100%; overflow-x: auto; padding: 6px; border-radius: 15px; }
  .mymex-master-crm-rail > strong { display: none; }
  .mymex-master-crm-rail button { flex: 0 0 44px; display: grid; place-items: center; width: 44px; height: 44px; padding: 5px; }
  .mymex-master-crm-rail button > span { grid-row: auto; width: 32px; height: 32px; }
  .mymex-master-crm-rail button b,.mymex-master-crm-rail button small { display: none; }
  .mymex-master-crm-centre-main,.mymex-master-crm-centre-side { width: 100%; }
  .mymex-master-crm-centre-side { order: 3; }
  .mymex-master-crm-next-best { align-items: stretch; flex-direction: column; }
  .mymex-master-crm-next-best > button { width: 100%; }
  .mymex-master-crm-drawer-panel { padding: 15px; }
  .mymex-master-crm-composer-grid { grid-template-columns: 1fr; }
  .mymex-master-crm-draft > div:first-child { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .mymex-master-crm-drawer-body { scroll-behavior: auto; }
  .mymex-master-crm-metrics > a,.mymex-master-crm-card { transition: none; }
}

@media (prefers-reduced-motion: reduce) {
    .mymex-success-confetti i { animation: none; display: none; }
    .tenant-promotion-chooser, .tenant-promotion-choice { transition: none; }
}

.tenant-content-internal-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary, #0ea5e9) 36%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--tenant-secondary, #0ea5e9) 9%, var(--tenant-surface, #fff));
  color: var(--tenant-text, #10213b);
}

.tenant-content-internal-notice > span {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 12px;
  background: var(--tenant-secondary, #0ea5e9);
  color: #fff;
}

.tenant-content-internal-notice svg {
  width: 18px;
  height: 18px;
}

.tenant-content-internal-notice div {
  display: grid;
  gap: 3px;
}

.tenant-content-internal-notice strong {
  font-size: .92rem;
}

.tenant-content-internal-notice small,
.tenant-content-notify-field > small {
  color: var(--tenant-muted, #64748b);
  line-height: 1.45;
}

.tenant-content-subscriber-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--tenant-muted, #64748b);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tenant-content-subscriber-divider::before,
.tenant-content-subscriber-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: color-mix(in srgb, currentColor 24%, transparent);
}

.mymex-workspace-notification-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.mymex-workspace-notification-share-actions .tenant-button {
  min-height: 40px;
  justify-content: center;
}

.mymex-platform-notification-card-actions form {
  display: contents;
}

.tenant-publish-notification-summary {
  width: min(620px, 100%);
  display: grid;
  gap: 5px;
  margin: 4px auto 10px;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary, #0ea5e9) 30%, transparent);
  border-radius: 18px;
  background: color-mix(in srgb, var(--tenant-secondary, #0ea5e9) 8%, var(--tenant-surface, #fff));
  text-align: left;
}

.tenant-publish-notification-summary strong {
  color: var(--tenant-ink, #10223b);
}

.tenant-publish-notification-summary span,
.tenant-publish-notification-summary small {
  color: var(--tenant-muted, #64748b);
}

.tenant-publish-notification-summary form {
  margin-top: 8px;
}

.tenant-publish-notification-summary form .tenant-button {
  min-height: 40px;
}

@media (max-width: 640px) {
  .tenant-content-internal-notice {
    padding: 12px;
  }

  .mymex-workspace-notification-share-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .mymex-workspace-notification-share-actions .tenant-button {
    width: 100%;
  }
}

/* 2026-08-17 guided content setup and explicit Jarvis image-reading consent. */
.tenant-setup-content-step { padding: clamp(20px,3vw,32px); display: grid; gap: 22px; }
.tenant-setup-content-step .tenant-settings-section-heading { align-items: flex-start; }
.tenant-setup-content-status { flex: 0 0 auto; padding: 8px 11px; border: 1px solid #efc98b; border-radius: 999px; color: #85520c; background: #fff7e6; font-size: 10px; font-weight: 900; }
.tenant-setup-content-status.is-ready { color: #08734d; border-color: #9bdfc5; background: #e9f9f1; }
.tenant-setup-content-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.tenant-setup-content-flow > span { min-width: 0; padding: 17px; display: grid; grid-template-columns: 38px minmax(0,1fr); grid-template-rows: auto auto; gap: 3px 11px; border: 1px solid var(--tenant-line); border-radius: 17px; background: #f7fafc; }
.tenant-setup-content-flow b { width: 38px; height: 38px; grid-row: 1 / 3; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,var(--tenant-primary),var(--tenant-secondary)); }
.tenant-setup-content-flow strong { align-self: end; color: var(--tenant-ink); font-size: 12px; }
.tenant-setup-content-flow small { align-self: start; color: var(--tenant-muted); font-size: 10px; line-height: 1.4; }
.tenant-setup-content-actions { padding: 17px; display: flex; align-items: center; gap: 15px; border: 1px solid color-mix(in srgb,var(--tenant-secondary) 24%,var(--tenant-line)); border-radius: 18px; background: color-mix(in srgb,var(--tenant-secondary) 5%,#fff); }
.tenant-setup-content-actions p { margin: 0; color: var(--tenant-muted); font-size: 11px; line-height: 1.45; }
.tenant-header-specials-guide { margin: 0 0 14px; padding: 14px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 12px; align-items: center; border: 1px solid color-mix(in srgb,var(--tenant-secondary) 28%,var(--tenant-line)); border-radius: 16px; background: color-mix(in srgb,var(--tenant-secondary) 6%,#fff); }
.tenant-header-specials-guide[hidden] { display: none!important; }
.tenant-header-specials-guide > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: var(--tenant-primary); }
.tenant-header-specials-guide svg { width: 21px; height: 21px; }
.tenant-header-specials-guide strong { color: var(--tenant-ink); font-size: 12px; }
.tenant-header-specials-guide p { margin: 3px 0 0; color: var(--tenant-muted); font-size: 10px; line-height: 1.4; }
.tenant-content-ai-prompt-body { padding: 22px 26px 26px; }
.tenant-content-ai-prompt-body > p { margin: 0 0 18px; color: var(--tenant-muted); line-height: 1.55; }
.tenant-settings-return-dialog[hidden] { display: none!important; }
.tenant-settings-return-dialog { position: fixed; inset: 0; z-index: 1450; padding: 20px; display: grid; place-items: center; opacity: 0; transition: opacity .18s ease; }
.tenant-settings-return-dialog.is-open { opacity: 1; }
.tenant-settings-return-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(3,17,34,.72); backdrop-filter: blur(13px); }
.tenant-settings-return-dialog > section { position: relative; width: min(540px,100%); padding: 34px; display: grid; justify-items: center; text-align: center; border: 1px solid rgba(113,191,247,.34); border-radius: 28px; color: #10243d; background: #fff; box-shadow: 0 34px 100px rgba(0,13,31,.42); transform: translateY(12px) scale(.98); transition: transform .18s ease; }
.tenant-settings-return-dialog.is-open > section { transform: none; }
.tenant-settings-return-icon { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 20px; color: #fff; background: linear-gradient(135deg,var(--tenant-primary),var(--tenant-secondary)); box-shadow: 0 14px 30px color-mix(in srgb,var(--tenant-primary) 24%,transparent); }
.tenant-settings-return-icon svg { width: 30px; height: 30px; }
.tenant-settings-return-dialog section > small { margin-top: 18px; color: var(--tenant-primary); font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.tenant-settings-return-dialog h2 { margin: 7px 0 8px; color: #10243d; font-size: clamp(27px,4vw,36px); }
.tenant-settings-return-dialog p { max-width: 430px; margin: 0; color: #5a6f87; line-height: 1.55; }
.tenant-settings-return-dialog section > div { margin-top: 22px; display: flex; gap: 9px; }
.tenant-settings-return-close { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #35506d; background: #edf3f8; font-size: 26px; cursor: pointer; }
body.tenant-settings-return-open { overflow: hidden; }
.tenant-setup-first-card-handoff { margin-top: 18px; padding: clamp(20px,3vw,30px); display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px; border: 1px solid #b8cbe0; background: linear-gradient(135deg,#f7fbff,#eef6ff); outline: 0; }
.tenant-setup-first-card-handoff.is-ready { border-color: color-mix(in srgb,var(--tenant-secondary) 42%,#b8cbe0); background: linear-gradient(135deg,color-mix(in srgb,var(--tenant-secondary) 8%,#fff),#eef6ff); }
.tenant-setup-first-card-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(135deg,var(--tenant-primary),var(--tenant-secondary)); box-shadow: 0 14px 28px color-mix(in srgb,var(--tenant-primary) 20%,transparent); }
.tenant-setup-first-card-icon svg { width: 28px; height: 28px; }
.tenant-setup-first-card-handoff h2 { margin: 4px 0 6px; color: var(--tenant-ink); font-size: clamp(20px,3vw,28px); }
.tenant-setup-first-card-handoff p { margin: 0; color: var(--tenant-muted); line-height: 1.55; }
.tenant-setup-first-card-handoff.is-setup-highlighted,
.tenant-setup-content-step.is-setup-highlighted { animation: mymex-setup-target-pulse 1.05s ease-in-out 4; border-color: var(--tenant-secondary); box-shadow: 0 0 0 5px color-mix(in srgb,var(--tenant-secondary) 18%,transparent),0 22px 48px rgba(8,35,68,.16); }
@keyframes mymex-setup-target-pulse { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
[data-mymex-theme="dark"] .tenant-setup-content-flow > span,
[data-mymex-theme="dark"] .tenant-setup-content-actions,
[data-mymex-theme="dark"] .tenant-header-specials-guide,
[data-mymex-theme="dark"] .tenant-setup-first-card-handoff { border-color: rgba(124,190,255,.2); background: #0b2947; }
[data-mymex-theme="dark"] .tenant-settings-return-dialog > section { color: #edf7ff; background: #071a33; }
[data-mymex-theme="dark"] .tenant-settings-return-dialog h2 { color: #edf7ff; }
[data-mymex-theme="dark"] .tenant-settings-return-dialog p { color: #bad0e3; }
@media(max-width:760px){
  .tenant-setup-content-flow { grid-template-columns: 1fr; }
  .tenant-setup-content-actions,.tenant-header-specials-guide { align-items: stretch; grid-template-columns: 1fr; flex-direction: column; }
  .tenant-setup-content-actions .tenant-button,.tenant-header-specials-guide .tenant-button { width: 100%; justify-content: center; }
  .tenant-settings-return-dialog { padding: 0; place-items: stretch; }
  .tenant-settings-return-dialog > section { width: 100%; min-height: 100dvh; padding: max(54px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom)); align-content: center; border: 0; border-radius: 0; }
  .tenant-settings-return-dialog section > div { width: 100%; display: grid; }
  .tenant-settings-return-dialog .tenant-button { width: 100%; }
  .tenant-setup-first-card-handoff { grid-template-columns: auto minmax(0,1fr); align-items: start; }
  .tenant-setup-first-card-handoff .tenant-button { grid-column: 1 / -1; width: 100%; justify-content: center; }
}

/* Phase 13: unified admin compactness and dark-surface closure.
   These shared overrides intentionally preserve every existing workflow while
   bringing platform-master and tenant pages onto the same visual density. */
body.tenant-admin .tenant-main {
  padding: clamp(20px, 2.25vw, 30px);
}

body.tenant-admin .tenant-page-heading {
  gap: 18px;
  margin-bottom: 20px;
}

body.tenant-admin .tenant-page-heading h1 {
  font-size: clamp(28px, 2.8vw, 36px);
}

body.tenant-admin .tenant-card,
body.tenant-admin .tenant-legacy-bridge .ford-panel,
body.tenant-admin .tenant-legacy-bridge .ford-crm-list-shell,
body.tenant-admin .tenant-legacy-bridge .ford-offerings-toolbar {
  padding: clamp(18px, 2vw, 26px);
}

body.tenant-admin .mymex-platform-page-heading {
  min-height: 156px;
  padding: 24px 28px;
  border-radius: 22px;
}

body.tenant-admin .mymex-platform-page-heading h1 {
  font-size: clamp(32px, 3.65vw, 46px);
}

body.tenant-admin .mymex-platform-page-heading p {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.55;
}

body.tenant-admin .tenant-master-bridge .mymex-platform-metrics .ford-metric {
  min-height: 98px;
  padding: 17px;
  border-radius: 17px;
}

body.tenant-admin .tenant-master-bridge .mymex-platform-metrics .ford-metric strong {
  font-size: 29px;
}

body.tenant-admin .tenant-master-bridge .mymex-platform-shortcuts a {
  min-height: 96px;
  padding: 16px;
  border-radius: 17px;
}

body.tenant-admin .mymex-tenant-directory-toolbar {
  padding: 11px;
  border-radius: 17px;
}

body.tenant-admin .mymex-tenant-search-form input,
body.tenant-admin .mymex-tenant-search-form select {
  min-height: 42px;
}

body.tenant-admin .mymex-tenant-directory-row {
  gap: 14px;
  padding: 14px 16px;
  border-radius: 18px;
}

body.tenant-admin .mymex-tenant-directory-logo {
  flex-basis: 48px;
  width: 48px;
  height: 48px;
}

body.tenant-admin .tenant-overview-hero {
  min-height: 270px;
  padding: clamp(24px, 3vw, 34px);
  gap: clamp(22px, 3vw, 38px);
  border-radius: 27px;
}

body.tenant-admin .tenant-overview-hero-kicker {
  margin-bottom: 16px;
}

body.tenant-admin .tenant-overview-hero h1 {
  font-size: clamp(34px, 3.45vw, 46px);
}

body.tenant-admin .tenant-overview-hero-copy > p {
  margin: 15px 0 19px;
  font-size: 14px;
  line-height: 1.58;
}

body.tenant-admin .tenant-overview-pulse {
  min-height: 205px;
  padding: 21px;
}

body.tenant-admin .tenant-overview-pulse strong {
  font-size: 38px;
}

body.tenant-admin .tenant-overview-metric {
  min-height: 134px;
  padding: 18px;
  border-radius: 19px;
}

body.tenant-admin .tenant-settings-hero {
  padding: clamp(22px, 2.75vw, 31px);
  border-radius: 24px;
}

body.tenant-admin .tenant-settings-hero h1 {
  font-size: clamp(32px, 3.35vw, 42px);
}

body.tenant-admin .tenant-settings-welcome {
  min-height: 244px;
}

body.tenant-admin .tenant-settings-orbit {
  width: 210px;
  height: 210px;
  flex-basis: 210px;
}

body.tenant-admin .tenant-settings-orbit-core {
  width: 78px;
  height: 78px;
  border-radius: 23px;
}

[data-mymex-theme="dark"] .mymex-tenant-count,
[data-mymex-theme="dark"] .mymex-tenant-directory-toolbar,
[data-mymex-theme="dark"] .mymex-tenant-directory-row,
[data-mymex-theme="dark"] .mymex-tenant-management-grid > article {
  color: #eaf4ff;
  border-color: rgba(117, 196, 255, .18);
  background: linear-gradient(145deg, rgba(9, 34, 66, .96), rgba(4, 19, 40, .96)) !important;
  box-shadow: 0 16px 38px rgba(0, 7, 20, .22);
}

[data-mymex-theme="dark"] .mymex-tenant-search-form input,
[data-mymex-theme="dark"] .mymex-tenant-search-form select {
  color: #f7fbff;
  border-color: rgba(117, 196, 255, .23);
  background: rgba(3, 18, 39, .96);
}

[data-mymex-theme="dark"] .mymex-tenant-search-form input::placeholder {
  color: rgba(199, 219, 239, .68);
}

[data-mymex-theme="dark"] .mymex-tenant-search-form select option {
  color: #f7fbff;
  background: #04162d;
}

[data-mymex-theme="dark"] .mymex-tenant-directory-identity strong,
[data-mymex-theme="dark"] .mymex-tenant-directory-meta strong,
[data-mymex-theme="dark"] .mymex-tenant-management-grid h3,
[data-mymex-theme="dark"] .mymex-tenant-owner-row strong,
[data-mymex-theme="dark"] .mymex-tenant-invite-history strong {
  color: #f7fbff;
}

[data-mymex-theme="dark"] .mymex-tenant-directory-identity small,
[data-mymex-theme="dark"] .mymex-tenant-directory-meta small,
[data-mymex-theme="dark"] .mymex-tenant-directory-meta span,
[data-mymex-theme="dark"] .mymex-tenant-management-grid > article > p,
[data-mymex-theme="dark"] .mymex-tenant-owner-row small,
[data-mymex-theme="dark"] .mymex-tenant-invite-history small {
  color: #bdd3e9;
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-panel,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-crm-list-shell,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-offerings-toolbar,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-master-disclosure,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-master-bridge .mymex-platform-metrics .ford-metric,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-master-bridge .mymex-platform-shortcuts a,
[data-mymex-theme="dark"] .mymex-platform-admin .mymex-platform-workspace-list > a {
  color: #eaf4ff;
  border-color: rgba(117, 196, 255, .18);
  background: linear-gradient(145deg, rgba(9, 34, 66, .96), rgba(4, 19, 40, .96)) !important;
  box-shadow: 0 16px 40px rgba(0, 7, 20, .22);
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-panel h2,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-panel h3,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-form label,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-master-bridge .mymex-platform-metrics .ford-metric strong,
[data-mymex-theme="dark"] .mymex-platform-admin .mymex-platform-workspace-list strong,
[data-mymex-theme="dark"] .mymex-platform-admin .mymex-platform-workspace-list b {
  color: #f7fbff;
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-muted-note,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-panel p,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-panel small,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-master-bridge .mymex-platform-metrics .ford-metric span,
[data-mymex-theme="dark"] .mymex-platform-admin .mymex-platform-workspace-list small {
  color: #bdd3e9;
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-form input,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-form select,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-form textarea,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-offerings-push-form input {
  color: #f7fbff;
  border-color: rgba(117, 196, 255, .23);
  background: rgba(3, 18, 39, .96);
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-secondary-btn {
  color: #dff2ff;
  border-color: rgba(117, 196, 255, .2);
  background: rgba(8, 32, 58, .94);
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-danger-btn {
  color: #ffb4ae;
  border-color: rgba(255, 117, 109, .3);
  background: rgba(88, 24, 28, .42);
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-table,
[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-table-wrap {
  color: #eaf4ff;
  border-color: rgba(117, 196, 255, .16);
  background: rgba(4, 20, 42, .9);
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-table th {
  color: #a8c4de;
}

[data-mymex-theme="dark"] .mymex-platform-admin .tenant-legacy-bridge .ford-table td {
  color: #edf7ff;
  border-color: rgba(117, 196, 255, .12);
}

[data-mymex-theme="dark"] .ford-lead-centre-card,
[data-mymex-theme="dark"] .ford-crm-notification-panel,
[data-mymex-theme="dark"] .tenant-analytics-card-option {
  color: #eaf4ff;
  border-color: rgba(117, 196, 255, .18);
  background: linear-gradient(145deg, rgba(9, 34, 66, .96), rgba(4, 19, 40, .96));
}

[data-mymex-theme="dark"] .tenant-analytics-card-option strong,
[data-mymex-theme="dark"] .ford-lead-centre-card h2,
[data-mymex-theme="dark"] .ford-lead-centre-card h3 {
  color: #f7fbff;
}

[data-mymex-theme="dark"] .tenant-analytics-card-option small,
[data-mymex-theme="dark"] .ford-lead-centre-card p,
[data-mymex-theme="dark"] .ford-lead-centre-card small {
  color: #bdd3e9;
}

@media (max-width: 680px) {
  body.tenant-admin .tenant-main {
    padding: 16px 14px 24px;
  }

  body.tenant-admin .tenant-page-heading {
    gap: 12px;
    margin-bottom: 17px;
  }

  body.tenant-admin .tenant-page-heading h1,
  body.tenant-admin .mymex-platform-page-heading h1 {
    font-size: clamp(28px, 8.4vw, 32px);
  }

  body.tenant-admin .mymex-platform-page-heading {
    min-height: 0;
    padding: 21px 18px;
    gap: 13px;
  }

  body.tenant-admin .mymex-platform-page-heading p {
    font-size: 12px;
  }

  body.tenant-admin .mymex-tenant-directory-row {
    padding: 13px;
  }

  body.tenant-admin .tenant-overview-hero {
    padding: 19px;
    border-radius: 22px;
  }

  body.tenant-admin .tenant-overview-hero h1,
  body.tenant-admin .tenant-settings-hero h1 {
    font-size: 31px;
  }

  body.tenant-admin .tenant-overview-hero-copy > p {
    margin: 13px 0 17px;
  }

  body.tenant-admin .tenant-overview-metric {
    min-height: 122px;
    padding: 16px;
  }

  body.tenant-admin .tenant-settings-hero {
    padding: 19px;
    border-radius: 21px;
  }
}

/* Phase 6: shared social-provider authorisation surfaces. Public profile links
   remain separate from private provider access and retain their own controls. */
.tenant-social-provider-grid,
.tenant-social-oauth-platform-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}
.tenant-social-provider-card,
.tenant-social-oauth-platform-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid #d8e3ed;
    border-radius: 20px;
    background: linear-gradient(145deg, #fff, #f6f9fc);
    box-shadow: 0 14px 34px rgba(13, 42, 72, .07);
}
.tenant-social-provider-card > header,
.tenant-social-oauth-platform-card > header {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}
.tenant-social-provider-card > header img,
.tenant-social-oauth-platform-card > header img {
    width: 46px;
    height: 46px;
    padding: 6px;
    object-fit: contain;
    border: 1px solid #dce6ef;
    border-radius: 14px;
    background: #fff;
}
.tenant-social-provider-card > header strong,
.tenant-social-oauth-platform-card > header strong {
    display: block;
    color: #10243d;
    font-size: 15px;
}
.tenant-social-provider-card > header span,
.tenant-social-oauth-platform-card > header span,
.tenant-social-provider-account,
.tenant-social-provider-disabled {
    display: block;
    margin-top: 4px;
    color: #60758c;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
.tenant-social-provider-card > header em,
.tenant-social-oauth-platform-card > header em {
    display: inline-flex;
    width: fit-content;
    margin-top: 7px;
    padding: 4px 8px;
    color: #116947;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-radius: 999px;
    background: #def8ea;
}
.tenant-social-provider-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}
.tenant-social-provider-actions form { margin: 0; }
.tenant-social-provider-actions .tenant-button,
.tenant-social-provider-actions button,
.tenant-social-provider-actions a {
    min-height: 40px;
}
.tenant-social-oauth-platform-card label {
    display: block;
    margin: 12px 0 6px;
    color: #203952;
    font-size: 12px;
    font-weight: 800;
}
.tenant-social-oauth-scope-list {
    margin: 12px 0 0;
    padding: 10px 12px;
    color: #536b82;
    font-size: 11px;
    line-height: 1.45;
    border-radius: 12px;
    background: #eef4f9;
    overflow-wrap: anywhere;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-provider-card,
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-oauth-platform-card {
    border-color: #29435e;
    background: linear-gradient(145deg, #10263e, #0b1e33);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24);
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-provider-card > header strong,
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-oauth-platform-card > header strong,
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-oauth-platform-card label { color: #f5f9fd; }
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-provider-card > header span,
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-oauth-platform-card > header span,
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-provider-account,
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-provider-disabled { color: #b7c9d9; }
[data-mymex-theme="dark"] body.tenant-admin .tenant-social-oauth-scope-list {
    color: #c3d3e1;
    background: #152d46;
}
@media (max-width: 980px) {
    .tenant-social-provider-grid,
    .tenant-social-oauth-platform-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .tenant-social-provider-card,
    .tenant-social-oauth-platform-card { padding: 16px; border-radius: 18px; }
    .tenant-social-provider-actions { align-items: stretch; }
    .tenant-social-provider-actions > *,
    .tenant-social-provider-actions form,
    .tenant-social-provider-actions button,
    .tenant-social-provider-actions a { width: 100%; }
}

/* Global first-workspace launch centre. This deliberately uses the shared
   tenant shell and hands card editing to the real five-step builder. */
.mymex-launch-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 22px;
    padding: clamp(32px, 5vw, 68px);
    color: #fff;
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 34%, transparent);
    border-radius: 34px;
    background: radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--tenant-secondary) 38%, transparent), transparent 29%), linear-gradient(120deg, #06162c 8%, color-mix(in srgb, var(--tenant-primary) 72%, #06243d) 65%, #075061);
    box-shadow: 0 28px 70px rgba(5, 23, 43, .22);
}
.mymex-launch-copy { position: relative; z-index: 2; align-self: center; max-width: 810px; }
.mymex-launch-copy .tenant-eyebrow { color: #78ddff; }
.mymex-launch-copy h1 { max-width: 760px; margin: 12px 0 16px; color: #fff; font-size: clamp(38px, 5vw, 68px); line-height: .98; letter-spacing: -.045em; }
.mymex-launch-copy > p { max-width: 720px; margin: 0; color: #ccdeeb; font-size: clamp(16px, 1.35vw, 20px); line-height: 1.65; }
.mymex-launch-promise { display: flex; align-items: center; gap: 14px; max-width: 660px; margin-top: 28px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.17); border-radius: 18px; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); }
.mymex-launch-promise > span { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; color: #06162c; border-radius: 14px; background: #fff; }
.mymex-launch-promise svg { width: 22px; }
.mymex-launch-promise div { display: grid; gap: 3px; }
.mymex-launch-promise strong { color: #fff; }
.mymex-launch-promise small { color: #c9dceb; line-height: 1.45; }
.mymex-launch-jarvis { position: relative; display: grid; min-height: 250px; place-items: center; }
.mymex-launch-orbit { position: relative; z-index: 3; width: clamp(150px, 14vw, 210px); aspect-ratio: 1; overflow: hidden; border: 2px solid rgba(117,224,255,.65); border-radius: 50%; background: #021324; box-shadow: 0 0 0 16px rgba(0,186,237,.07), 0 0 70px rgba(0,190,255,.42); }
.mymex-launch-orbit img { width: 100%; height: 100%; object-fit: cover; }
.mymex-launch-jarvis > i { position: absolute; width: 88%; aspect-ratio: 1; border: 1px solid rgba(102,218,255,.22); border-radius: 50%; }
.mymex-launch-jarvis > i:nth-of-type(2) { width: 67%; }
.mymex-launch-jarvis > i:nth-of-type(3) { width: 112%; }
.mymex-launch-brand { position: absolute; right: 5%; bottom: 8%; z-index: 4; display: grid; width: 66px; height: 66px; padding: 9px; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 22px; background: #fff; box-shadow: 0 18px 34px rgba(0,0,0,.28); }
.mymex-launch-brand img { max-width: 100%; max-height: 100%; object-fit: contain; }
.mymex-launch-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: 22px; }
.mymex-launch-panel { padding: clamp(24px, 3vw, 38px); border: 1px solid var(--tenant-line); border-radius: 28px; background: var(--tenant-surface); box-shadow: 0 18px 45px rgba(22, 48, 78, .08); }
.mymex-launch-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.mymex-launch-panel h2 { margin: 7px 0 0; font-size: clamp(27px, 2.4vw, 38px); letter-spacing: -.035em; }
.mymex-launch-panel > p { max-width: 760px; color: var(--tenant-muted); line-height: 1.65; }
.mymex-launch-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 24px 0; }
.mymex-launch-checklist a { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 62px; padding: 11px 13px; color: var(--tenant-ink); border: 1px solid var(--tenant-line); border-radius: 17px; text-decoration: none; background: color-mix(in srgb, var(--tenant-surface) 92%, var(--tenant-secondary)); transition: transform .18s ease, border-color .18s ease; }
.mymex-launch-checklist a:hover { transform: translateY(-2px); border-color: var(--tenant-secondary); }
.mymex-launch-checklist a > span { display: grid; width: 32px; height: 32px; place-items: center; color: var(--tenant-primary); border-radius: 11px; background: color-mix(in srgb, var(--tenant-secondary) 13%, var(--tenant-surface)); font-weight: 900; }
.mymex-launch-checklist a.is-complete > span { color: #075c43; background: #dff8ed; }
.mymex-launch-checklist small { color: var(--tenant-muted); }
.mymex-launch-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.mymex-launch-step-number { display: grid; flex: 0 0 50px; width: 50px; height: 50px; place-items: center; color: #fff; border-radius: 17px; background: linear-gradient(135deg, var(--tenant-primary), var(--tenant-secondary)); font-weight: 900; }
.mymex-launch-form { margin-top: 22px; }
.mymex-launch-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.mymex-launch-form label { display: grid; gap: 7px; color: var(--tenant-ink); font-size: 13px; font-weight: 800; }
.mymex-launch-form label small { color: var(--tenant-muted); font-weight: 500; }
.mymex-launch-form label.is-wide { grid-column: 1 / -1; }
.mymex-launch-form input { width: 100%; min-height: 48px; padding: 0 14px; color: var(--tenant-ink); border: 1px solid var(--tenant-line); border-radius: 14px; outline: 0; background: var(--tenant-surface); }
.mymex-launch-form input:focus { border-color: var(--tenant-secondary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tenant-secondary) 18%, transparent); }
.mymex-launch-handoff { display: flex; align-items: center; gap: 13px; margin: 20px 0 15px; padding: 14px; border-radius: 17px; background: color-mix(in srgb, var(--tenant-secondary) 9%, var(--tenant-surface)); }
.mymex-launch-handoff > span { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; color: var(--tenant-primary); border-radius: 13px; background: var(--tenant-surface); }
.mymex-launch-handoff svg { width: 21px; }
.mymex-launch-handoff div { display: grid; gap: 3px; }
.mymex-launch-handoff small, .mymex-launch-safety { color: var(--tenant-muted); line-height: 1.45; }
.mymex-launch-submit { width: 100%; justify-content: center; }
.mymex-launch-safety { display: block; margin-top: 10px; text-align: center; }
.mymex-launch-next { margin-top: 22px; padding: 28px; border: 1px solid var(--tenant-line); border-radius: 26px; background: color-mix(in srgb, var(--tenant-surface) 92%, var(--tenant-secondary)); }
.mymex-launch-next > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 15px; }
.mymex-launch-next article { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 2px 12px; align-items: center; padding: 16px; border-radius: 17px; background: var(--tenant-surface); }
.mymex-launch-next b { grid-row: 1 / 3; display: grid; width: 36px; height: 36px; place-items: center; color: #fff; border-radius: 12px; background: var(--tenant-primary); }
.mymex-launch-next small { color: var(--tenant-muted); line-height: 1.4; }

@media (max-width: 980px) {
    .mymex-launch-hero { grid-template-columns: 1fr; }
    .mymex-launch-jarvis { display: none; }
    .mymex-launch-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .mymex-launch-hero { min-height: 0; padding: 28px 22px; border-radius: 24px; }
    .mymex-launch-copy h1 { font-size: 40px; }
    .mymex-launch-promise { align-items: flex-start; }
    .mymex-launch-panel { padding: 22px 18px; border-radius: 22px; }
    .mymex-launch-checklist, .mymex-launch-form-grid, .mymex-launch-next > div { grid-template-columns: 1fr; }
    .mymex-launch-form label.is-wide { grid-column: auto; }
    .mymex-launch-actions .tenant-button { width: 100%; justify-content: center; }
    .mymex-launch-next { padding: 20px 16px; }
}

/* Phase 4 appointments: branches, resources and calendar connection. */
.tenant-booking-resources{margin-top:22px;padding-top:22px;border-top:1px solid #dce7f2}
.tenant-booking-resource-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 24px}
.tenant-booking-resource-panel{padding:20px;box-shadow:none;background:#f8fbff}
.tenant-booking-resource-panel h4{margin:0 0 14px;font-size:20px}
.tenant-booking-resource-list{display:grid;gap:10px;margin-bottom:18px}
.tenant-booking-resource-list article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #d8e5f2;border-left:4px solid var(--booking-type-colour,#0b8ee8);border-radius:16px;background:#fff}
.tenant-booking-resource-list article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--booking-type-colour,#0b8ee8);background:#edf7ff}
.tenant-booking-resource-list article>span svg{width:21px;height:21px}
.tenant-booking-resource-list article>div{min-width:0;display:grid;gap:3px;flex:1}
.tenant-booking-resource-list small{color:#64748b;line-height:1.35}
.tenant-booking-calendar-connect{margin-top:20px;padding:22px;background:linear-gradient(135deg,#f7fbff,#eef9f8)}
.tenant-booking-calendar-connect h3{margin:6px 0 8px}.tenant-booking-calendar-connect p{max-width:820px;color:#5e718b}
.tenant-booking-calendar-connect form{margin-top:14px}.tenant-booking-waitlist{margin-top:20px}
.tenant-booking-status.is-checked_in{background:#e8f4ff;color:#075a9d}.tenant-booking-status.is-no_show{background:#fff1ef;color:#a1271f}.tenant-booking-status.is-completed{background:#eafaf2;color:#087048}
@media(max-width:820px){.tenant-booking-resource-layout{grid-template-columns:1fr}.tenant-booking-resource-panel{padding:16px}.tenant-booking-resource-list article{align-items:flex-start}}

/* Platform tenant directory: the master area is a tenant switcher, not an operational dashboard. */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.mymex-tenant-admin-directory { gap: 18px; }
.mymex-tenant-count {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #dfe6ef;
  border-radius: 999px;
  color: #42526a;
  background: #fff;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.mymex-tenant-directory-toolbar {
  padding: 14px;
  border: 1px solid #e3e9f1;
  border-radius: 20px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 12px 35px rgba(12, 31, 57, .05);
}
.mymex-launch-readiness-summary {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(520px, 1.2fr);
  gap: 22px;
  align-items: center;
  padding: 22px;
  border: 1px solid #d9e5f1;
  border-radius: 24px;
  background: linear-gradient(135deg, #061b34, #0a4369);
  box-shadow: 0 20px 50px rgba(5, 30, 57, .14);
}
.mymex-launch-readiness-summary h2 { margin: 5px 0 7px; color: #fff; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; }
.mymex-launch-readiness-summary p { max-width: 640px; margin: 0; color: #cfe5f5; line-height: 1.55; }
.mymex-launch-readiness-summary .tenant-eyebrow { color: #69dcff; }
.mymex-launch-readiness-summary nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.mymex-readiness-stat {
  min-width: 0;
  padding: 15px 12px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 16px;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  text-align: center;
  text-decoration: none;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.mymex-readiness-stat:hover, .mymex-readiness-stat.is-active { transform: translateY(-2px); border-color: rgba(105, 220, 255, .9); background: rgba(105, 220, 255, .15); }
.mymex-readiness-stat strong, .mymex-readiness-stat span { display: block; }
.mymex-readiness-stat strong { font-size: 26px; line-height: 1; }
.mymex-readiness-stat span { margin-top: 7px; color: #d9e9f5; font-size: 11px; font-weight: 800; }
.mymex-readiness-pill {
  display: grid;
  gap: 2px;
  min-width: 104px;
  padding: 8px 11px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
  text-align: center;
}
.mymex-readiness-pill b { font-size: 14px; }
.mymex-readiness-pill.is-ready { color: #08714a; border-color: #a7e7ce; background: #e8fbf3; }
.mymex-readiness-pill.is-almost_ready { color: #77570a; border-color: #eedb9b; background: #fff9df; }
.mymex-readiness-pill.is-needs_attention { color: #9b3027; border-color: #f1bbb6; background: #fff0ef; }
.mymex-readiness-pill.is-archived { color: #596779; border-color: #d9e0e8; background: #f2f5f8; }
.mymex-tenant-search-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(160px, 220px) auto auto;
  gap: 10px;
  align-items: center;
}
.mymex-tenant-search-form label { min-width: 0; }
.mymex-tenant-search-form input,
.mymex-tenant-search-form select {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #dce4ee;
  border-radius: 13px;
  color: #10243f;
  background: #fff;
  font: inherit;
}
.mymex-tenant-directory-list { display: grid; gap: 10px; }
.mymex-tenant-directory-row {
  display: grid;
  grid-template-columns: minmax(230px, 1.3fr) auto minmax(165px, .9fr) minmax(165px, .85fr) auto;
  gap: 18px;
  align-items: center;
  min-width: 0;
  padding: 18px;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(11, 32, 59, .045);
}
.mymex-tenant-directory-identity {
  display: flex;
  gap: 14px;
  align-items: center;
  min-width: 0;
}
.mymex-tenant-directory-identity > span:last-child,
.mymex-tenant-directory-meta { min-width: 0; }
.mymex-tenant-directory-identity strong,
.mymex-tenant-directory-meta strong,
.mymex-tenant-owner-row strong,
.mymex-tenant-invite-history strong {
  display: block;
  overflow: hidden;
  color: #0b1f3a;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mymex-tenant-directory-identity small,
.mymex-tenant-directory-meta small,
.mymex-tenant-directory-meta span,
.mymex-tenant-owner-row small,
.mymex-tenant-invite-history small {
  display: block;
  overflow: hidden;
  color: #718096;
  font-size: 12px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mymex-tenant-directory-logo {
  display: grid;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(8, 28, 54, .08);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--workspace-primary, #07111f), var(--workspace-accent, #1167b1));
  font-size: 19px;
  font-weight: 900;
}
.mymex-tenant-directory-logo img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.mymex-tenant-directory-status { justify-self: start; }
.mymex-tenant-directory-meta > small {
  margin-bottom: 3px;
  color: #8997aa;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mymex-tenant-directory-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  justify-content: stretch;
  min-width: 132px;
  width: 100%;
}
.mymex-tenant-directory-actions form { margin: 0; width: 100%; }
.mymex-tenant-directory-actions .tenant-button { white-space: nowrap; width: 100%; min-width: 0; }
.mymex-new-tenant { margin-top: 2px; }

.mymex-first-card-dialog {
  width: min(92vw, 620px);
  margin: auto;
  padding: 34px;
  border: 1px solid rgba(13, 126, 247, .28);
  border-radius: 26px;
  color: var(--tenant-ink, #10233f);
  background: var(--tenant-surface, #fff);
  box-shadow: 0 30px 90px rgba(6, 29, 59, .28);
}
.mymex-first-card-dialog::backdrop { background: rgba(4, 18, 36, .68); backdrop-filter: blur(6px); }
.mymex-first-card-dialog__close { position: absolute; top: 15px; right: 15px; width: 42px; height: 42px; border: 1px solid var(--tenant-line, #dce7f3); border-radius: 50%; color: inherit; background: transparent; font-size: 26px; cursor: pointer; }
.mymex-first-card-dialog__jarvis { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #086bd8, #13bff0); box-shadow: 0 12px 30px rgba(13, 126, 247, .28); }
.mymex-first-card-dialog__jarvis svg { width: 28px; height: 28px; }
.mymex-first-card-dialog > small { color: #0877df; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.mymex-first-card-dialog h2 { margin: 7px 0 9px; font-size: clamp(28px, 5vw, 40px); letter-spacing: -.045em; }
.mymex-first-card-dialog p { margin: 0; color: var(--tenant-muted, #62748c); line-height: 1.6; }
.mymex-first-card-dialog__steps { margin: 24px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mymex-first-card-dialog__steps span { padding: 12px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--tenant-line, #dce7f3); border-radius: 14px; font-size: 12px; font-weight: 800; }
.mymex-first-card-dialog__steps b { width: 24px; height: 24px; flex: 0 0 24px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0877df; }
.mymex-first-card-dialog__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mymex-first-card-dialog__actions form, .mymex-first-card-dialog__actions button { width: 100%; margin: 0; }
.mymex-invite-result-dialog { width: min(94vw, 700px); }
.mymex-invite-result-dialog.is-delivered .mymex-first-card-dialog__jarvis { background: linear-gradient(135deg, #08a978, #25d6a1); box-shadow: 0 12px 30px rgba(8,169,120,.24); }
.mymex-invite-result-dialog.is-unconfirmed .mymex-first-card-dialog__jarvis { background: linear-gradient(135deg, #d77b08, #ffb526); box-shadow: 0 12px 30px rgba(215,123,8,.24); }
.mymex-invite-result-meta { margin: 22px 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.mymex-invite-result-meta > div { min-width: 0; padding: 13px; border: 1px solid var(--tenant-line,#dce7f3); border-radius: 14px; background: color-mix(in srgb,var(--tenant-primary,#0877df) 3%,#fff); }
.mymex-invite-result-meta dt { color: var(--tenant-muted,#62748c); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.mymex-invite-result-meta dd { min-width: 0; margin: 5px 0 0; overflow-wrap: anywhere; color: var(--tenant-ink,#10233f); font-size: 12px; font-weight: 850; }
.mymex-invite-result-meta dd small { display: block; margin-top: 3px; color: var(--tenant-muted,#62748c); font-size: 10px; font-weight: 650; }
.mymex-invite-result-link { margin-bottom: 22px; display: grid; gap: 7px; color: var(--tenant-ink,#10233f); font-size: 11px; font-weight: 900; }
.mymex-invite-result-link > span { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.mymex-invite-result-link input { width: 100%; min-width: 0; padding: 12px 13px; border: 1px solid var(--tenant-line,#dce7f3); border-radius: 12px; color: #29425f; background: #f6f9fc; font: 650 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace; }
.mymex-invite-result-link > small { color: var(--tenant-muted,#62748c); font-size: 9px; font-weight: 650; }
.mymex-invite-result-actions { grid-template-columns: repeat(3,minmax(0,1fr)); }
.mymex-invite-result-actions .tenant-button { width: 100%; min-height: 44px; }

.mymex-content-builder-return { margin: 0 0 18px; padding: 18px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; border: 1px solid rgba(13, 126, 247, .25); border-radius: 18px; background: linear-gradient(135deg, rgba(13, 126, 247, .08), rgba(30, 214, 194, .08)); }
.mymex-content-builder-return__jarvis { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: #0877df; }
.mymex-content-builder-return__jarvis svg { width: 22px; height: 22px; }
.mymex-content-builder-return small, .mymex-content-builder-return strong, .mymex-content-builder-return p { display: block; }
.mymex-content-builder-return small { color: #0877df; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.mymex-content-builder-return p { margin: 4px 0 0; color: var(--tenant-muted, #62748c); }
.mymex-setup-publish-banner { border-color: rgba(5,156,111,.3); background: linear-gradient(135deg,rgba(5,156,111,.09),rgba(13,126,247,.08)); }
.mymex-setup-publish-banner .mymex-content-builder-return__jarvis { background: linear-gradient(135deg,#0877df,#10b889); }
.mymex-setup-publish-banner p b { color: var(--tenant-ink,#10233f); }
.mymex-tenant-management { scroll-margin-top: 20px; }
.mymex-readiness-detail {
  margin-top: 18px;
  padding: clamp(18px, 2.5vw, 26px);
  border: 1px solid #dce7f2;
  border-radius: 22px;
  background: linear-gradient(145deg, #f8fbff, #edf5fc);
}
.mymex-readiness-detail__head { display: flex; gap: 18px; align-items: center; justify-content: space-between; }
.mymex-readiness-detail__head h3 { margin: 4px 0 5px; color: #0b1f3a; font-size: 25px; }
.mymex-readiness-detail__head p { margin: 0; color: #66778f; }
.mymex-readiness-ring {
  --readiness: 0;
  display: grid;
  flex: 0 0 92px;
  width: 92px;
  height: 92px;
  place-content: center;
  border-radius: 50%;
  background: radial-gradient(circle closest-side, #f8fbff 78%, transparent 80% 100%), conic-gradient(#0bb787 calc(var(--readiness) * 1%), #d9e4ee 0);
  text-align: center;
}
.mymex-readiness-ring strong, .mymex-readiness-ring span { display: block; }
.mymex-readiness-ring strong { color: #0b1f3a; font-size: 21px; }
.mymex-readiness-ring span { color: #6d7e93; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.mymex-readiness-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.mymex-readiness-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-width: 0;
  padding: 13px;
  border: 1px solid #dce5ef;
  border-radius: 16px;
  background: #fff;
}
.mymex-readiness-check > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: #7e8b9a; font-weight: 900; }
.mymex-readiness-check strong { display: block; color: #10243f; font-size: 13px; }
.mymex-readiness-check p { margin: 3px 0 0; color: #66778f; font-size: 11px; line-height: 1.45; }
.mymex-readiness-check.is-passed > span { background: #0bb787; }
.mymex-readiness-check.is-blocker { border-color: #efb6b1; background: #fff8f7; }
.mymex-readiness-check.is-blocker > span { background: #d94a40; }
.mymex-readiness-check.is-warning { border-color: #ead9a5; background: #fffdf3; }
.mymex-readiness-check.is-warning > span { color: #5d4806; background: #f3d56f; }
.mymex-readiness-check.is-optional { border-style: dashed; }
.mymex-readiness-check form { margin: 0; }
.mymex-readiness-check .tenant-button { white-space: nowrap; }
.mymex-tenant-management-head { align-items: center; }
.mymex-tenant-management-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 18px;
  margin-top: 18px;
}
.mymex-tenant-management-grid > article {
  min-width: 0;
  padding: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #f9fbfd;
}
.mymex-tenant-management-grid h3 { margin: 0 0 6px; color: #0b1f3a; }
.mymex-tenant-management-grid > article > p { margin: 0 0 18px; color: #66778f; }
.mymex-tenant-owner-row,
.mymex-tenant-invite-history > div {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #e3e9f0;
}
.mymex-tenant-owner-row > span,
.mymex-tenant-invite-history > div > span { min-width: 0; }
.mymex-tenant-invite-form { margin-top: 18px; }
.mymex-tenant-invite-history { margin-top: 22px; }
.mymex-tenant-invite-history h4 { margin: 0 0 4px; color: #42526a; }
.mymex-tenant-danger-zone {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e4eaf1;
}
.mymex-tenant-danger-zone summary { cursor: pointer; color: #7c2d2d; font-weight: 800; }
.mymex-tenant-danger-zone form { margin-top: 12px; }

@media (max-width: 1180px) {
  .mymex-launch-readiness-summary { grid-template-columns: minmax(0, 1fr); }
  .mymex-tenant-directory-row {
    grid-template-columns: minmax(230px, 1fr) auto minmax(180px, .8fr) auto;
  }
  .mymex-tenant-directory-row .mymex-tenant-directory-meta:nth-of-type(3) { display: none; }
}

@media (max-width: 820px) {
  .mymex-launch-readiness-summary nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mymex-readiness-checks { grid-template-columns: minmax(0, 1fr); }
  .mymex-tenant-search-form { grid-template-columns: minmax(0, 1fr) minmax(150px, .5fr) auto; }
  .mymex-tenant-search-form > .tenant-button-quiet { grid-column: 1 / -1; width: fit-content; }
  .mymex-tenant-directory-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
  }
  .mymex-tenant-directory-row .mymex-tenant-directory-meta { display: block; }
  .mymex-tenant-directory-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .mymex-tenant-management-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 560px) {
  .mymex-launch-readiness-summary { padding: 18px; border-radius: 20px; }
  .mymex-launch-readiness-summary nav { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .mymex-readiness-detail__head { align-items: flex-start; }
  .mymex-readiness-ring { flex-basis: 76px; width: 76px; height: 76px; }
  .mymex-readiness-check { grid-template-columns: auto minmax(0, 1fr); }
  .mymex-readiness-check form { grid-column: 1 / -1; }
  .mymex-readiness-check .tenant-button { width: 100%; }
  .mymex-first-card-dialog { width: calc(100vw - 24px); padding: 28px 18px 20px; border-radius: 20px; }
  .mymex-first-card-dialog__steps, .mymex-first-card-dialog__actions, .mymex-invite-result-meta { grid-template-columns: minmax(0, 1fr); }
  .mymex-invite-result-link > span { grid-template-columns: minmax(0,1fr); }
  .mymex-content-builder-return { grid-template-columns: auto minmax(0, 1fr); }
  .mymex-content-builder-return .tenant-button { grid-column: 1 / -1; width: 100%; }
  .mymex-platform-page-heading .mymex-tenant-count { justify-self: start; }
  .mymex-tenant-search-form { grid-template-columns: minmax(0, 1fr); }
  .mymex-tenant-search-form .tenant-button { width: 100%; }
  .mymex-tenant-directory-row { padding: 15px; }
  .mymex-tenant-directory-logo { flex-basis: 48px; width: 48px; height: 48px; }
  .mymex-tenant-directory-status { grid-row: 1; grid-column: 2; align-self: start; }
  .mymex-tenant-directory-meta { grid-column: 1 / -1; }
  .mymex-tenant-directory-actions,
  .mymex-tenant-directory-actions form,
  .mymex-tenant-directory-actions .tenant-button { width: 100%; }
  .mymex-tenant-directory-actions { flex-direction: column; }
  .mymex-tenant-management-grid > article { padding: 15px; }
  .mymex-tenant-owner-row,
  .mymex-tenant-invite-history > div { align-items: stretch; flex-direction: column; }
}

* { box-sizing: border-box; }
html { min-height: 100%; background: #eef4fa; }
body.tenant-admin {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  color: var(--tenant-ink);
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--tenant-secondary) 10%, transparent), transparent 31rem),
    #f5f7fa;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
}
a { color: inherit; }
button, input, select, textarea { font: inherit; }

.tenant-layout { min-height: 100vh; display: block; }
.tenant-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--tenant-sidebar-width);
  height: 100vh;
  overflow-y: auto;
  padding: 20px 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
  background:
    radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--tenant-secondary) 25%, transparent), transparent 18rem),
    linear-gradient(180deg, #07182f 0%, #0a1d37 100%);
  border-right: 1px solid rgba(255, 255, 255, .07);
  z-index: 50;
}
.tenant-brand {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 6px 8px;
  text-decoration: none;
}
.tenant-brand-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  font-weight: 900;
  font-size: 20px;
  background: linear-gradient(145deg, var(--tenant-secondary), var(--tenant-primary));
  box-shadow: 0 12px 30px color-mix(in srgb, var(--tenant-secondary) 30%, transparent);
  overflow: hidden;
  isolation: isolate;
}
.tenant-brand-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  padding: 4px;
  border-radius: inherit;
  background: transparent;
}
.tenant-brand-upload {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
  min-width: 0;
}
.tenant-brand-identity-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(150px, .75fr);
  gap: 12px;
  min-width: 0;
}
.tenant-brand-preview-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--tenant-line);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
}
.tenant-brand-preview-label {
  display: block;
  margin-bottom: 9px;
  color: var(--tenant-primary);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.tenant-brand-preview-logo,
.tenant-brand-preview-icon {
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--tenant-muted);
}
.tenant-brand-preview-logo {
  height: 96px;
  padding: 10px 18px;
  border: 1px solid color-mix(in srgb, var(--tenant-primary) 12%, var(--tenant-line));
  border-radius: 14px;
  background: #fff;
}
.tenant-brand-preview-icon {
  width: 92px;
  height: 92px;
  margin-inline: auto;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 24px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--tenant-primary) 88%, #fff), var(--tenant-primary));
  box-shadow: 0 14px 28px color-mix(in srgb, var(--tenant-primary) 24%, transparent);
}
.tenant-brand-preview-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(78%, 340px);
  max-height: 68px;
  object-fit: contain;
  object-position: center;
}
.tenant-brand-preview-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.tenant-brand-preview-card > small {
  display: block;
  margin-top: 7px;
  color: var(--tenant-muted);
  font-size: 10px;
  line-height: 1.45;
}
.tenant-brand-preview-card-dark {
  color: #edf7ff;
  background: #07182b;
}
.tenant-brand-preview-card-dark .tenant-brand-preview-label,
.tenant-brand-preview-card-dark > small {
  color: #b9d2ea;
}
.tenant-brand-preview-card-dark .tenant-brand-preview-logo {
  border-color: rgba(137, 197, 255, .22);
  background: #07182b;
}
.tenant-brand-icon-only {
  max-width: 360px;
  grid-template-columns: minmax(0, 1fr);
}
.tenant-brand-preview-card-icon { text-align: center; }
.tenant-brand-upload-actions {
  display: grid;
  gap: 9px;
  min-width: 172px;
}
.tenant-brand-file-button {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.tenant-brand-file-button input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.tenant-brand-icon-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.tenant-brand-icon-button {
  position: relative;
  width: 42px;
  height: 42px;
  min-width: 42px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(0, 52, 120, .14);
  border-radius: 14px;
  color: var(--tenant-primary, #003478);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 10px 24px rgba(2, 25, 58, .10);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.tenant-brand-icon-button:hover,
.tenant-brand-icon-button:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--tenant-secondary, #00a7e1) 45%, #9bc5ea);
  background: #fff;
  box-shadow: 0 14px 30px rgba(2, 47, 97, .16);
}

.tenant-brand-icon-button svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}

.tenant-brand-icon-button.is-danger {
  color: #a43b32;
  border-color: rgba(164, 59, 50, .18);
  background: #fff8f7;
}

.tenant-brand-icon-button:disabled,
.tenant-brand-icon-button[aria-disabled="true"] {
  color: #607a98;
  border-color: rgba(96, 122, 152, .28);
  background: #f8fbff;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
  opacity: 1;
}
.tenant-brand-upload-preview {
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--tenant-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 43, 78, .12);
}
.tenant-brand-upload-preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  padding: 6px;
}
.tenant-brand-upload input[type="file"] { min-width: 0; }
.tenant-brand strong, .tenant-brand small { display: block; }
.tenant-brand strong { font-size: 14px; line-height: 1.3; }
.tenant-brand small { margin-top: 3px; color: rgba(255,255,255,.58); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.tenant-nav { display: grid; gap: 7px; }
.tenant-nav a, .tenant-nav-section a, .tenant-guidance-button {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  color: rgba(255,255,255,.72);
  border-radius: 14px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.tenant-nav a:hover, .tenant-nav-section a:hover, .tenant-guidance-button:hover { color: #fff; background: rgba(255,255,255,.07); transform: translateX(2px); }
.tenant-nav a.is-active {
  color: #fff;
  background: color-mix(in srgb, var(--tenant-secondary) 34%, rgba(255,255,255,.06));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.12);
}
.tenant-nav-icon {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  flex: 0 0 20px;
  opacity: .9;
}
.tenant-nav-icon svg { width: 20px; height: 20px; }
.tenant-nav-section { margin-top: auto; display: grid; gap: 8px; }
.tenant-nav-section > small { padding: 0 14px; color: rgba(255,255,255,.34); letter-spacing: .12em; text-transform: uppercase; }
.tenant-guidance-nav { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); }
.tenant-guidance-button { width: 100%; border: 0; background: transparent; text-align: left; cursor: pointer; }
.tenant-guidance-button:focus-visible { outline: 2px solid color-mix(in srgb, var(--tenant-secondary) 72%, #fff); outline-offset: 2px; }
.tenant-guidance-update { margin-left: auto; padding: 3px 6px; border-radius: 999px; color: #032036; background: #69def5; font-size: 8px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.tenant-sidebar-footer {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}
.tenant-avatar { width: 38px; height: 38px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; font-weight: 900; background: rgba(255,255,255,.12); }
.tenant-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.tenant-sidebar-footer strong, .tenant-sidebar-footer small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-sidebar-footer strong { font-size: 12px; }
.tenant-sidebar-footer small { color: rgba(255,255,255,.5); font-size: 10px; text-transform: capitalize; }
.tenant-logout {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  color: rgba(255,255,255,.68);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  text-decoration: none;
  font-size: 13px;
  font-weight: 750;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.tenant-logout:hover { color: #fff; background: rgba(255,255,255,.08); transform: translateY(-1px); }

.tenant-stage {
  min-width: 0;
  margin-left: var(--tenant-sidebar-width);
}

.tenant-file-input {
  width: 100%;
  padding: 7px;
  border: 1px solid var(--tenant-line);
  border-radius: 15px;
  background: rgba(244,248,252,.94);
  color: var(--tenant-muted);
}
.tenant-file-input::file-selector-button {
  margin-right: 12px;
  padding: 11px 16px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(135deg, #031f52, #0877d8);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(3,66,132,.2);
}
.tenant-segmented {
  display: inline-flex;
  gap: 4px;
  padding: 5px;
  border: 1px solid var(--tenant-line);
  border-radius: 16px;
  background: rgba(255,255,255,.68);
}
.tenant-segmented a,
.tenant-segmented button {
  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  background: transparent;
  color: var(--tenant-muted);
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.tenant-segmented .is-active {
  color: #fff;
  background: linear-gradient(135deg, #052f73, #0a86e8);
  box-shadow: 0 8px 20px rgba(4,85,164,.2);
}
.tenant-profile-switcher {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.tenant-profile-switcher a {
  flex: 0 0 auto;
  min-height: 40px;
  max-width: 128px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #5d7087;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.16;
  letter-spacing: -.01em;
  white-space: normal;
}
.tenant-profile-switcher a.is-active {
  font-weight: 650;
  box-shadow: 0 7px 18px rgba(4,85,164,.16);
}
.tenant-purpose-badge {
  display: inline-flex;
  margin-top: 8px;
  padding: 5px 8px;
  border-radius: 999px;
  color: #07539c;
  background: #e8f5ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tenant-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 72px;
  padding: 14px clamp(20px, 3vw, 46px);
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(249, 250, 252, .82);
  backdrop-filter: blur(24px) saturate(145%);
  border-bottom: 1px solid var(--tenant-line);
}
.tenant-topbar[data-auto-hide-topbar] { transition: transform .2s ease; }
.tenant-topbar[data-auto-hide-topbar].is-scroll-hidden { transform: translateY(calc(-100% - 2px)); pointer-events: none; }
.tenant-topbar[data-auto-hide-topbar]:focus-within { transform: none; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) {
  .tenant-topbar[data-auto-hide-topbar] { transition: none; }
}
.tenant-topbar > div:nth-child(2) { min-width: 0; }
.tenant-topbar small, .tenant-topbar strong { display: block; }
.tenant-topbar small { color: var(--tenant-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.tenant-topbar strong { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-topbar-actions { margin-left: auto; display: flex; gap: 10px; }
.tenant-topbar-profile { width: 44px; min-width: 44px; height: 44px; padding: 4px; display: grid; place-items: center; border: 1px solid var(--tenant-line); border-radius: 16px; color: var(--tenant-ink); background: var(--tenant-surface); box-shadow: 0 10px 26px rgba(16,47,78,.08); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.tenant-topbar-profile:hover,.tenant-topbar-profile:focus-visible { transform: translateY(-2px); border-color: color-mix(in srgb, var(--tenant-secondary) 56%, var(--tenant-line)); box-shadow: 0 0 24px color-mix(in srgb, var(--tenant-secondary) 16%, transparent); }
.tenant-topbar-profile .tenant-avatar { width: 34px; height: 34px; color: #06152b; background: color-mix(in srgb, var(--tenant-secondary) 78%, #fff); }
.tenant-menu-button { display: none; border: 0; background: transparent; font-size: 22px; }
.tenant-theme-toggle {
  position: relative;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--tenant-line);
  border-radius: 50%;
  color: var(--tenant-ink);
  background: var(--tenant-surface);
  box-shadow: 0 10px 26px rgba(16, 47, 78, .08);
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.tenant-theme-toggle:hover,
.tenant-theme-toggle:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--tenant-secondary) 60%, var(--tenant-line));
  box-shadow: 0 0 24px color-mix(in srgb, var(--tenant-secondary) 18%, transparent);
  outline: none;
}
.tenant-theme-glyph {
  position: relative;
  width: 17px;
  height: 17px;
  border: 2px solid currentColor;
  border-radius: 50%;
  box-shadow: 0 0 12px color-mix(in srgb, var(--tenant-secondary) 28%, transparent);
}
.tenant-theme-glyph::before {
  content: "";
  position: absolute;
  inset: -6px;
  border: 1px dashed currentColor;
  border-radius: 50%;
  opacity: .72;
}
[data-mymex-theme="dark"] .tenant-theme-glyph {
  background: transparent;
  box-shadow: inset 5px -3px 0 -1px currentColor, 0 0 12px color-mix(in srgb, var(--tenant-secondary) 30%, transparent);
}
[data-mymex-theme="dark"] .tenant-theme-glyph::before { opacity: 0; }
.tenant-button {
  min-height: 42px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--tenant-line);
  border-radius: 12px;
  color: var(--tenant-ink);
  background: rgba(255,255,255,.8);
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
}
.tenant-button svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}
.tenant-button-primary { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--tenant-primary), color-mix(in srgb, var(--tenant-secondary) 55%, var(--tenant-primary))); box-shadow: 0 12px 30px color-mix(in srgb, var(--tenant-primary) 25%, transparent); }
.tenant-button-danger { color: #b42318; background: #fff; border-color: rgba(180,35,24,.2); }
.tenant-main { width: min(1380px, 100%); margin: 0 auto; padding: clamp(24px, 3vw, 42px); }
body.tenant-admin .tenant-main {
  --tenant-grid-line: rgba(18, 86, 145, .055);
  background-image:
    linear-gradient(var(--tenant-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--tenant-grid-line) 1px, transparent 1px);
  background-size: 44px 44px;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-main {--tenant-grid-line:rgba(126,193,255,.065);}
.tenant-page-heading { display: flex; justify-content: space-between; gap: 24px; align-items: flex-end; margin-bottom: 28px; }
.tenant-page-heading h1 { margin: 6px 0 0; font-size: clamp(32px, 4vw, 48px); line-height: 1; letter-spacing: -.042em; }
.tenant-page-heading p { margin: 10px 0 0; max-width: 720px; color: var(--tenant-muted); line-height: 1.65; }
.tenant-cards-heading h1 {
  max-width: 720px;
  font-size: clamp(32px, 3.1vw, 44px);
  font-weight: 760;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.tenant-eyebrow { color: color-mix(in srgb, var(--tenant-primary) 75%, var(--tenant-secondary)); font-weight: 900; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }

.tenant-grid { display: grid; gap: 18px; }
.tenant-grid-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tenant-grid-two { grid-template-columns: minmax(0, 1.6fr) minmax(300px, .8fr); }
.tenant-card {
  padding: clamp(20px, 2.8vw, 32px);
  background: var(--tenant-surface);
  border: 1px solid rgba(15,35,63,.07);
  border-radius: var(--tenant-radius);
  box-shadow: var(--tenant-shadow);
  backdrop-filter: blur(18px);
}
.tenant-card h2, .tenant-card h3 { margin-top: 0; letter-spacing: -.025em; }
.tenant-card p { color: var(--tenant-muted); line-height: 1.6; }
.tenant-metric { min-height: 145px; display: flex; flex-direction: column; justify-content: space-between; }
.tenant-metric small { color: var(--tenant-muted); font-weight: 800; }
.tenant-metric strong { font-size: clamp(30px, 4vw, 46px); letter-spacing: -.05em; }
.tenant-metric span { color: #16a36a; font-size: 12px; font-weight: 800; }
.tenant-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.tenant-empty { padding: 44px 22px; text-align: center; color: var(--tenant-muted); border: 1px dashed var(--tenant-line); border-radius: 22px; }
.tenant-notice { margin-bottom: 20px; padding: 14px 18px; border-radius: 16px; font-weight: 700; }
.tenant-notice-success { color: #05603a; background: #e8fbf2; border: 1px solid #bcebd6; }
.tenant-notice-error { color: #922018; background: #fff0ee; border: 1px solid #f4c9c4; }
.tenant-progress { height: 8px; overflow: hidden; border-radius: 999px; background: #e4edf6; }
.tenant-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--tenant-primary), var(--tenant-secondary)); }

.tenant-card-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); gap: 16px; align-items: start; }
.tenant-card-tile {
  min-width: 0;
  min-height: 286px;
  display: grid;
  grid-template-columns: minmax(190px, 36%) minmax(0, 1fr);
  overflow: hidden;
  padding: 0;
  background: rgba(255,255,255,.94);
}
.tenant-card-preview {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background: linear-gradient(145deg, #092348, #041124);
}
.tenant-card-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tenant-card-preview::after { content: ""; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(transparent, rgba(4,17,36,.76)); pointer-events: none; }
.tenant-card-status { position: absolute; z-index: 2; top: 14px; left: 14px; padding: 7px 11px; border-radius: 999px; color: #fff; background: rgba(7,24,47,.72); backdrop-filter: blur(12px); text-transform: capitalize; font-size: 11px; font-weight: 900; }
.tenant-card-tile-body { min-width: 0; padding: 22px; display: flex; flex-direction: column; }
.tenant-card-tile-body h2 { margin: 0; font-size: 21px; }
.tenant-card-tile-body > p { margin: 6px 0 12px; }
.tenant-card-meta { display: flex; gap: 16px; margin-bottom: 16px; color: var(--tenant-muted); font-size: 12px; }
.tenant-card-identity { display: flex; flex-wrap: wrap; gap: 7px; margin: 10px 0 13px; }
.tenant-card-identity span { display: block; max-width: 100%; padding: 7px 10px; border: 0; border-radius: 999px; background: #f1f4f8; }
.tenant-card-identity small { display: inline; margin: 0 5px 0 0; color: var(--tenant-muted); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.tenant-card-identity strong { display: inline; color: var(--tenant-ink); font-size: 11px; line-height: 1.3; }
.tenant-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.tenant-card-actions-secondary { margin-top: 10px; }
.tenant-card-actions form,
.tenant-card-actions .tenant-button {
  width: 100%;
  min-width: 0;
}
.tenant-card-actions .tenant-button {
  min-height: 42px;
  padding: 10px 12px;
  white-space: nowrap;
}
.tenant-card-actions-main { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: auto; }
.tenant-card-actions-secondary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tenant-card-actions-main [data-share-card],
.tenant-card-actions-secondary > :last-child:nth-child(odd) { grid-column: auto; }

.tenant-form { display: grid; gap: 18px; }
.tenant-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.tenant-field { display: grid; gap: 7px; }
[data-campaign-destination] [data-destination-panel][hidden] { display: none !important; }
.tenant-field-full { grid-column: 1 / -1; }
.tenant-field label { font-weight: 850; font-size: 13px; }
.tenant-field small { color: var(--tenant-muted); line-height: 1.45; }
.tenant-field input, .tenant-field select, .tenant-field textarea {
  width: 100%;
  min-height: 50px;
  padding: 12px 14px;
  color: var(--tenant-ink);
  background: rgba(248,251,255,.92);
  border: 1px solid var(--tenant-line);
  border-radius: 15px;
  outline: none;
}
.tenant-field textarea { min-height: 118px; resize: vertical; }
.tenant-field input:focus, .tenant-field select:focus, .tenant-field textarea:focus { border-color: var(--tenant-secondary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--tenant-secondary) 15%, transparent); }
.tenant-field .mymex-consent { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; color: var(--tenant-muted); font-size: 12px; font-weight: 650; line-height: 1.55; }
.tenant-field .mymex-consent input[type="checkbox"] { width: 18px; height: 18px; min-height: 18px; margin: 2px 0 0; padding: 0; border-radius: 5px; accent-color: var(--tenant-primary); }
.tenant-field .mymex-consent a { color: var(--tenant-primary); font-weight: 800; }
.tenant-color-input { min-height: 56px !important; padding: 5px !important; }

.tenant-wizard { max-width: 980px; margin: 0 auto; }
.tenant-wizard-steps { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; margin-bottom: 22px; }
.tenant-wizard-steps.is-compact { grid-template-columns: repeat(4, 1fr); }
.tenant-wizard-steps span { height: 6px; border-radius: 999px; background: #d9e4ef; transition: background .2s ease, transform .2s ease; }
.tenant-wizard-steps span.is-current { background: linear-gradient(90deg, var(--tenant-primary), var(--tenant-secondary)); transform: scaleY(1.35); }
[data-wizard-step][hidden] { display: none !important; }
.tenant-wizard-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; }
.tenant-review-grid {
  margin: 24px 0;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
  gap: 16px;
}
.tenant-review-person,
.tenant-review-blueprint {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--tenant-line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(241,247,253,.88));
}
.tenant-review-person {
  display: flex;
  align-items: center;
  gap: 18px;
}
.tenant-review-avatar {
  width: 112px;
  height: 112px;
  flex: 0 0 112px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #fff;
  border: 5px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
  box-shadow: 0 18px 36px rgba(4,33,70,.18);
  font-size: 30px;
  font-weight: 900;
}
.tenant-review-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.tenant-review-person h3 {
  margin: 5px 0 2px;
  font-size: clamp(22px, 3vw, 31px);
}
.tenant-review-person p { margin: 0 0 8px; }
.tenant-review-person small {
  display: block;
  color: var(--tenant-muted);
  line-height: 1.5;
}
.tenant-review-blueprint {
  color: #fff;
  border-color: rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 88% 8%, rgba(35,183,255,.3), transparent 34%),
    linear-gradient(145deg, #071d3b, #03265c);
}
.tenant-review-blueprint .tenant-eyebrow { color: #72d7ff; }
.tenant-review-blueprint ul {
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  gap: 11px;
  list-style: none;
}
.tenant-review-blueprint li {
  position: relative;
  padding-left: 24px;
  line-height: 1.42;
}
.tenant-review-blueprint li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #58d5ff;
  font-weight: 900;
}
.tenant-review-live-actions {
  margin-bottom: 16px;
  padding: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border: 1px solid #bcebd6;
  border-radius: 18px;
  background: #ecfbf4;
}

.tenant-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.tenant-gallery-item { overflow: hidden; border-radius: 20px; background: #fff; border: 1px solid var(--tenant-line); }
.tenant-gallery-item img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.tenant-gallery-item div { padding: 12px; }

.tenant-profile-grid,
.tenant-grid-profile {
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.6fr);
  gap: 18px;
  align-items: start;
}
.tenant-profile-preview {
  width: min(168px, 72%);
  aspect-ratio: 1;
  margin: 8px auto 18px;
  overflow: hidden;
  display: grid;
  gap: 7px;
  place-items: center;
  align-content: center;
  color: var(--tenant-muted);
  border: 1px dashed color-mix(in srgb, var(--tenant-primary) 25%, var(--tenant-line));
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--tenant-secondary) 12%, transparent), transparent 62%),
    color-mix(in srgb, var(--tenant-soft) 82%, #fff);
  box-shadow: inset 0 0 0 8px rgba(255,255,255,.48), 0 18px 42px rgba(4,33,70,.12);
  text-align: center;
}
.tenant-profile-preview.has-image {
  border: 4px solid #fff;
  background: #fff;
  box-shadow: 0 20px 46px rgba(4,33,70,.18);
}
.tenant-media-placeholder-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--tenant-primary) 18%, var(--tenant-line));
  border-radius: 16px;
  color: var(--tenant-primary);
  background: color-mix(in srgb, var(--tenant-secondary) 9%, #fff);
}
.tenant-media-placeholder-icon svg { width: 22px; height: 22px; }
.tenant-profile-preview .tenant-media-placeholder-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
}
.tenant-profile-preview > small {
  max-width: 98px;
  color: var(--tenant-muted);
  font-size: 10px;
  font-weight: 760;
  line-height: 1.25;
}
.tenant-profile-photo-card { position: sticky; top: 92px; }
.tenant-profile-media-actions {
  justify-content: center;
  gap: 8px;
}
.tenant-profile-photo-card .tenant-icon-button {
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 15px;
}
.tenant-profile-photo-card .tenant-file-input { font-size: 12px; }
.tenant-profile-photo-card .tenant-file-input::file-selector-button {
  margin-right: 8px;
  padding: 10px 12px;
  font-size: 12px;
}
.tenant-profile-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 42%;
  display: block;
}
.tenant-profile-preview.is-preframed img {
  object-fit: contain;
  object-position: center;
  transform: scale(1.2);
  transform-origin: center;
}
.tenant-profile-photo {
  width: min(260px, 82%);
  aspect-ratio: 1;
  margin: 8px auto 24px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #fff;
  border: 7px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
  box-shadow: 0 26px 54px rgba(4,33,70,.22);
}
.tenant-profile-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tenant-profile-photo span { font-size: 64px; font-weight: 900; }

.tenant-analytics-trend { margin-top: 18px; padding-bottom: 22px; }
.tenant-chart-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.tenant-chart-heading h2, .tenant-donut-card h2 { margin: 5px 0 0; }
.tenant-chart-key { display: flex; align-items: center; gap: 10px; color: var(--tenant-muted); font-size: 12px; }
.tenant-chart-key span { display: flex; align-items: center; gap: 7px; }
.tenant-chart-key i { width: 9px; height: 9px; border-radius: 50%; background: var(--key); box-shadow: 0 0 0 5px color-mix(in srgb, var(--key) 12%, transparent); }
.tenant-chart-key strong { color: var(--tenant-ink); font-size: 24px; }
.tenant-line-chart { margin-top: 20px; }
.tenant-line-chart svg { width: 100%; height: 270px; overflow: visible; }
.tenant-line-chart line { stroke: var(--tenant-line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.tenant-chart-area { fill: url(#analyticsArea); }
.tenant-chart-line { fill: none; stroke: #0568d8; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; filter: drop-shadow(0 7px 8px rgba(5,104,216,.23)); }
.tenant-chart-axis { padding-inline: 2px; display: flex; justify-content: space-between; color: var(--tenant-muted); font-size: 11px; font-weight: 700; }
.tenant-analytics-donuts { margin-top: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tenant-donut-card { min-height: 330px; }
.tenant-donut-layout { margin-top: 22px; display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 26px; align-items: center; }
.tenant-donut {
  width: 180px;
  aspect-ratio: 1;
  padding: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--donut);
  box-shadow: 0 20px 45px rgba(5,42,83,.14);
}
.tenant-donut::before { content: ""; grid-area: 1/1; width: 112px; aspect-ratio: 1; border-radius: 50%; background: var(--tenant-panel, #fff); box-shadow: inset 0 0 0 1px var(--tenant-line); }
.tenant-donut > span { z-index: 1; grid-area: 1/1; display: grid; text-align: center; }
.tenant-donut strong { color: var(--tenant-ink); font-size: 30px; line-height: 1; }
.tenant-donut small { margin-top: 5px; color: var(--tenant-muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tenant-chart-legend { display: grid; gap: 12px; }
.tenant-chart-legend > div { display: grid; grid-template-columns: 10px minmax(0,1fr) auto; gap: 9px; align-items: center; }
.tenant-chart-legend i { width: 9px; height: 9px; border-radius: 50%; background: var(--legend); box-shadow: 0 0 0 4px color-mix(in srgb, var(--legend) 12%, transparent); }
.tenant-chart-legend span { color: var(--tenant-muted); font-size: 12px; }
.tenant-chart-legend strong { color: var(--tenant-ink); font-size: 13px; }
.tenant-analytics-lower { margin-top: 18px; }
.tenant-card-performance { margin-top: 14px; display: grid; }
.tenant-card-performance > div { padding: 14px 0; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 22px; align-items: center; border-bottom: 1px solid var(--tenant-line); }
.tenant-card-performance span { display: grid; }
.tenant-card-performance small { margin-top: 3px; color: var(--tenant-muted); }
.tenant-event-bars { margin-top: 14px; display: grid; gap: 15px; }
.tenant-event-bars > div > span { margin-bottom: 7px; display: flex; justify-content: space-between; gap: 12px; color: var(--tenant-muted); font-size: 12px; }
.tenant-event-bars b { color: var(--tenant-ink); font-weight: 750; }
.tenant-event-bars i { height: 8px; overflow: hidden; display: block; border-radius: 999px; background: #e5eef8; }
.tenant-event-bars em { height: 100%; min-width: 3px; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--tenant-primary), var(--tenant-secondary)); box-shadow: 0 0 14px color-mix(in srgb, var(--tenant-secondary) 42%, transparent); }

.tenant-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(5,17,35,.48);
  backdrop-filter: blur(16px);
}
.tenant-modal[hidden] { display: none; }
.tenant-modal-panel { width: min(720px, 100%); max-height: min(860px, calc(100vh - 48px)); overflow: auto; padding: clamp(24px, 4vw, 42px); border-radius: 32px; background: #fff; box-shadow: 0 40px 120px rgba(5,17,35,.3); }
body.tenant-modal-open { overflow: hidden; }

.tenant-media-fields {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 18px;
}
.tenant-media-field {
  min-width: 0;
  padding: 20px;
  display: grid;
  align-content: start;
  gap: 16px;
  border: 1px solid var(--tenant-line);
  border-radius: 22px;
  background: rgba(248,251,255,.88);
}
.tenant-media-field h3 { margin: 5px 0 0; font-size: 20px; }
.tenant-media-field p { margin: 7px 0 0; color: var(--tenant-muted); font-size: 13px; line-height: 1.6; }
.tenant-media-preview {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  min-height: 190px;
  color: var(--tenant-muted);
  border: 1px dashed color-mix(in srgb, var(--tenant-primary) 28%, var(--tenant-line));
  background:
    radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--tenant-secondary) 12%, transparent), transparent 55%),
    #eef4fa;
}
.tenant-media-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.tenant-media-preview-profile {
  width: min(230px, 80%);
  aspect-ratio: 1;
  min-height: 0;
  justify-self: center;
  border-radius: 50%;
}
.tenant-media-preview-share { aspect-ratio: 16 / 9; min-height: 0; border-radius: 18px; }
.tenant-media-preview-logo {
  min-height: 150px;
  border-radius: 18px;
}
.tenant-media-preview-logo img {
  width: min(260px, 78%);
  height: 110px;
  object-fit: contain;
}
.tenant-media-preview.has-image { border-style: solid; border-color: rgba(255,255,255,.9); box-shadow: 0 18px 46px rgba(16,34,59,.14); }
.tenant-media-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.tenant-media-actions .tenant-button-primary { flex: 1; }
.tenant-media-modal { z-index: 2000200; }
.tenant-media-modal-panel { width: min(1040px, 100%); }
.tenant-media-collection-preview {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.tenant-media-collection-item {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--tenant-line);
  border-radius: 18px;
  background: var(--tenant-surface);
}
.tenant-media-collection-item img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.tenant-media-collection-item figcaption {
  padding: 9px 10px;
  overflow: hidden;
  color: var(--tenant-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tenant-media-modal-header,
.tenant-media-library-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.tenant-media-modal-header h2,
.tenant-media-library-heading h3 { margin: 6px 0 0; }
.tenant-media-modal-header p { margin: 8px 0 0; color: var(--tenant-muted); }
.tenant-modal-close {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 0;
  border-radius: 50%;
  background: var(--tenant-primary);
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--tenant-primary) 26%, transparent);
}
.tenant-media-upload {
  margin: 24px 0 18px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  border: 1px solid var(--tenant-line);
  border-radius: 22px;
  background: #f6f9fd;
}
.tenant-media-upload .tenant-field { margin: 0; }
.tenant-media-upload > .tenant-button { width: fit-content; justify-self: end; }
.tenant-media-dropzone {
  position: relative;
  padding: 18px;
  border: 1.5px dashed color-mix(in srgb, var(--tenant-secondary) 48%, var(--tenant-line));
  border-radius: 18px;
  background: #fff;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.tenant-media-dropzone.is-dragging {
  border-color: var(--tenant-secondary);
  background: color-mix(in srgb, var(--tenant-secondary) 8%, #fff);
  transform: translateY(-2px);
}
.tenant-media-dropzone label { display: grid; gap: 4px; margin-top: 10px; cursor: pointer; }
.tenant-media-dropzone label small { color: var(--tenant-muted); }
.tenant-media-transform-editor { display: grid; gap: 22px; }
.tenant-media-transform-editor[hidden] { display: none; }
.tenant-media-modal.is-transforming .tenant-media-modal-panel > :not([data-gallery-images]):not(.tenant-media-transform-editor),
.tenant-media-modal.is-transforming [data-gallery-images] > :not(.tenant-media-transform-editor) { display: none; }
.tenant-media-transform-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.tenant-media-transform-header h2 { margin: 6px 0 0; }
.tenant-media-transform-header p { max-width: 680px; margin: 8px 0 0; color: var(--tenant-muted); }
.tenant-media-transform-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .8fr); gap: 22px; align-items: start; }
.tenant-media-transform-stage {
  min-height: 460px;
  padding: 18px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--tenant-line);
  border-radius: 22px;
  background-color: #e8edf3;
  background-image: linear-gradient(45deg, #dbe3ec 25%, transparent 25%), linear-gradient(-45deg, #dbe3ec 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dbe3ec 75%), linear-gradient(-45deg, transparent 75%, #dbe3ec 75%);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  background-size: 20px 20px;
}
.tenant-media-transform-stage canvas { display: block; max-width: 100%; max-height: 520px; border-radius: 12px; background: #fff; box-shadow: 0 18px 44px rgba(5,17,35,.2); cursor: grab; touch-action: none; }
.tenant-media-transform-stage canvas.is-dragging { cursor: grabbing; }
.tenant-media-transform-stage > small { align-self: end; padding-top: 12px; color: #42566f; font-size: 11px; font-weight: 800; text-align: center; }
.tenant-media-transform-controls { display: grid; gap: 14px; }
.tenant-media-transform-controls label { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 7px 12px; color: var(--tenant-ink); font-size: 12px; font-weight: 850; }
.tenant-media-transform-controls label select,
.tenant-media-transform-controls label input[type="range"] { grid-column: 1 / -1; width: 100%; }
.tenant-media-transform-controls select { min-height: 42px; padding: 0 12px; color: var(--tenant-ink); border: 1px solid var(--tenant-line); border-radius: 12px; background: #fff; font: inherit; }
.tenant-media-transform-controls input[type="range"] { accent-color: var(--tenant-secondary); cursor: pointer; }
.tenant-media-transform-controls output { color: var(--tenant-secondary); font-weight: 900; }
.tenant-media-transform-stats { padding: 12px 14px; color: var(--tenant-muted); border: 1px solid var(--tenant-line); border-radius: 14px; background: #f6f9fd; font-size: 12px; line-height: 1.55; }
.tenant-media-transform-actions { display: grid; grid-template-columns: 1fr; gap: 9px; }
.tenant-media-upload-queue { display: grid; gap: 10px; }
.tenant-media-upload-queue[hidden] { display: none; }
.tenant-media-queue-item {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--tenant-line);
  border-radius: 16px;
  background: #fff;
}
.tenant-media-queue-item > img { width: 76px; height: 76px; border-radius: 12px; object-fit: cover; background: #edf2f7; }
.tenant-media-queue-fields { min-width: 0; display: grid; grid-template-columns: minmax(120px, 1fr) minmax(140px, 1fr) minmax(120px, .7fr); gap: 8px; }
.tenant-media-queue-fields input,
.tenant-media-queue-fields select,
.tenant-media-filters input,
.tenant-media-filters select,
.tenant-media-editor input,
.tenant-media-editor select,
.tenant-media-selection-bar select {
  width: 100%;
  min-height: 40px;
  padding: 0 11px;
  color: var(--tenant-ink);
  border: 1px solid var(--tenant-line);
  border-radius: 11px;
  background: #fff;
  font: inherit;
  font-size: 12px;
}
.tenant-media-queue-fields small { grid-column: 1 / -1; color: var(--tenant-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-media-queue-progress { grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 999px; background: #e5edf6; }
.tenant-media-queue-progress span { display: block; height: 100%; border-radius: inherit; background: var(--tenant-secondary); transition: width .12s linear; }
.tenant-media-queue-remove {
  min-height: 38px;
  padding: 0 12px;
  color: #a12b25;
  border: 1px solid rgba(180,35,24,.18);
  border-radius: 11px;
  background: #fff;
  font-weight: 800;
  cursor: pointer;
}
.tenant-media-queue-actions { display: grid; gap: 7px; }
.tenant-media-queue-edit {
  min-height: 38px;
  padding: 0 12px;
  color: var(--tenant-primary);
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 30%, var(--tenant-line));
  border-radius: 11px;
  background: color-mix(in srgb, var(--tenant-secondary) 7%, #fff);
  font-weight: 850;
  cursor: pointer;
}
.tenant-media-queue-edit:hover,
.tenant-media-queue-edit:focus-visible { color: #fff; background: var(--tenant-primary); outline: none; }
.tenant-media-status { min-height: 24px; margin-bottom: 12px; color: #08775a; font-size: 13px; font-weight: 800; }
.tenant-media-status.is-error { color: #b42318; }
.tenant-media-editor {
  margin: 0 0 18px;
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 28%, var(--tenant-line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--tenant-secondary) 5%, #fff);
}
.tenant-media-editor[hidden] { display: none; }
.tenant-media-editor > div:first-child,
.tenant-media-editor-actions { grid-column: 1 / -1; }
.tenant-media-editor-heading { display: flex; align-items: center; gap: 14px; }
.tenant-media-editor-heading > img { width: 92px; height: 68px; flex: 0 0 92px; object-fit: contain; border: 1px solid var(--tenant-line); border-radius: 12px; background: #e9eff6; }
.tenant-media-editor-heading > span { min-width: 0; display: grid; gap: 3px; }
.tenant-media-editor-heading small { color: var(--tenant-muted); font-size: 11px; line-height: 1.4; }
.tenant-media-editor h3 { margin: 4px 0 0; }
.tenant-media-editor label { display: grid; gap: 6px; color: var(--tenant-ink); font-size: 11px; font-weight: 850; }
.tenant-media-editor-actions { display: flex; gap: 8px; justify-content: flex-end; }
.tenant-media-suggestion { grid-column: 1 / -1; display: grid; gap: 8px; padding: 14px; border: 1px solid #b9d8ff; border-radius: 16px; background: linear-gradient(135deg, #f2f8ff, #e8f4ff); }
.tenant-media-suggestion[hidden] { display: none; }
.tenant-media-suggestion > div { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.tenant-media-suggestion strong { color: #061a35; }
.tenant-media-suggestion span { color: #1167b1; font-size: 12px; font-weight: 900; }
.tenant-media-suggestion p, .tenant-media-ai-note { margin: 0; color: #52657d; font-size: 13px; line-height: 1.45; }
.tenant-media-ai-note { grid-column: 1 / -1; }
.tenant-media-library-heading { margin: 6px 0 14px; align-items: end; }
.tenant-media-filters {
  margin: 0 0 12px;
  display: grid;
  grid-template-columns: minmax(240px, 2fr) repeat(4, minmax(128px, 1fr));
  gap: 10px;
}
.tenant-media-selection-bar {
  margin: 0 0 14px;
  padding: 10px 12px 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 28%, var(--tenant-line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--tenant-secondary) 7%, #fff);
}
.tenant-media-selection-bar[hidden] { display: none; }
.tenant-media-selection-bar [hidden] { display: none; }
.tenant-media-selection-bar > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.tenant-media-selection-bar select { width: auto; min-width: 132px; }
.tenant-media-selected-count { color: var(--tenant-primary); font-size: 13px; font-weight: 900; }
.tenant-media-library {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.tenant-media-asset {
  position: relative;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  display: grid;
  text-align: left;
  color: var(--tenant-ink);
  border: 1px solid var(--tenant-line);
  border-radius: 18px;
  background: #fff;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.tenant-media-asset:hover,
.tenant-media-asset:focus-within {
  transform: translateY(-3px);
  border-color: var(--tenant-secondary);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--tenant-primary) 16%, transparent);
  outline: none;
}
.tenant-media-asset.is-selected {
  border-color: var(--tenant-secondary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tenant-secondary) 20%, transparent), 0 16px 36px color-mix(in srgb, var(--tenant-primary) 16%, transparent);
}
.tenant-media-asset-main {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  display: grid;
  color: inherit;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.tenant-media-asset-main:focus-visible { outline: 3px solid color-mix(in srgb, var(--tenant-secondary) 42%, transparent); outline-offset: -3px; }
.tenant-media-asset-main > img { width: 100%; aspect-ratio: 1; display: block; object-fit: cover; background: #e9f0f7; }
.tenant-media-asset-main > span:not(.tenant-media-check) { min-width: 0; padding: 11px 42px 11px 12px; display: grid; gap: 3px; }
.tenant-media-asset strong,
.tenant-media-asset small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-media-asset strong { font-size: 12px; }
.tenant-media-asset small { color: var(--tenant-muted); font-size: 10px; text-transform: capitalize; }
.tenant-media-check,
.tenant-media-delete {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  border-radius: 50%;
  transition: opacity .18s ease, transform .18s ease;
}
.tenant-media-asset-actions {
  position: absolute;
  right: 9px;
  bottom: 9px;
  z-index: 3;
  display: flex;
  gap: 6px;
}
.tenant-media-asset-actions .tenant-media-delete,
.tenant-media-edit {
  position: static;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 20px rgba(16,34,59,.14);
  cursor: pointer;
}
.tenant-media-edit { color: var(--tenant-primary); border: 1px solid var(--tenant-line); }
.tenant-media-edit:hover,
.tenant-media-edit:focus-visible { color: #fff; background: var(--tenant-primary); outline: none; transform: translateY(-1px); }
.tenant-media-edit svg,
.tenant-media-asset-actions .tenant-media-delete svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tenant-media-check {
  top: 10px;
  left: 10px;
  width: 28px;
  height: 28px;
  color: #fff;
  background: var(--tenant-secondary);
  box-shadow: 0 7px 18px color-mix(in srgb, var(--tenant-primary) 28%, transparent);
  opacity: 0;
  transform: scale(.72);
  font-size: 15px;
  font-weight: 950;
}
.tenant-media-asset.is-selected .tenant-media-check { opacity: 1; transform: scale(1); }
.tenant-media-delete {
  right: 9px;
  bottom: 9px;
  width: 32px;
  height: 32px;
  color: #b42318;
  border: 1px solid rgba(180,35,24,.15);
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 20px rgba(16,34,59,.14);
  cursor: pointer;
}
.tenant-media-delete:hover,
.tenant-media-delete:focus-visible { color: #fff; background: #b42318; outline: none; transform: translateY(-1px); }
.tenant-media-delete svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tenant-media-empty {
  grid-column: 1 / -1;
  padding: 26px;
  color: var(--tenant-muted);
  border: 1px dashed var(--tenant-line);
  border-radius: 18px;
  background: #f7fafe;
  text-align: center;
}
.tenant-media-pagination {
  min-height: 48px;
  margin: 16px 0 0;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--tenant-line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--tenant-secondary) 4%, #fff);
}
.tenant-media-pagination[hidden] { display: none; }
.tenant-media-pagination > span {
  min-width: 0;
  color: var(--tenant-muted);
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}
.tenant-media-pagination .tenant-button:disabled {
  opacity: .46;
  cursor: not-allowed;
  transform: none;
}

.tenant-sidebar-scrim { display: none; }

/* Compatibility skin for mature platform, CRM and specials workflows. */
.tenant-legacy-bridge { min-width: 0; }
.tenant-legacy-bridge .ford-panel,
.tenant-legacy-bridge .ford-crm-list-shell,
.tenant-legacy-bridge .ford-offerings-toolbar {
  margin: 0 0 18px;
  padding: clamp(20px, 2.8vw, 32px);
  color: var(--tenant-ink);
  background: var(--tenant-surface);
  border: 1px solid rgba(255,255,255,.85);
  border-radius: var(--tenant-radius);
  box-shadow: var(--tenant-shadow);
  backdrop-filter: blur(20px);
}
.tenant-legacy-bridge .ford-panel h2,
.tenant-legacy-bridge .ford-panel h3 { color: var(--tenant-ink); letter-spacing: -.025em; }
.tenant-legacy-bridge .ford-muted-note,
.tenant-legacy-bridge .ford-panel p,
.tenant-legacy-bridge .ford-panel small { color: var(--tenant-muted); }
.tenant-legacy-bridge .ford-panel-head {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.tenant-legacy-bridge .ford-panel-head h2 { margin: 4px 0 0; }
.tenant-legacy-bridge .ford-section-kicker {
  color: color-mix(in srgb, var(--tenant-primary) 75%, var(--tenant-secondary));
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.tenant-legacy-bridge .ford-primary-btn,
.tenant-legacy-bridge .ford-secondary-btn,
.tenant-legacy-bridge .ford-danger-btn {
  min-height: 42px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
}
.tenant-legacy-bridge .ford-primary-btn {
  color: #fff;
  border: 1px solid transparent;
  background: linear-gradient(135deg, var(--tenant-primary), color-mix(in srgb, var(--tenant-secondary) 55%, var(--tenant-primary)));
  box-shadow: 0 12px 30px color-mix(in srgb, var(--tenant-primary) 22%, transparent);
}
.tenant-legacy-bridge .ford-secondary-btn {
  color: var(--tenant-ink);
  border: 1px solid var(--tenant-line);
  background: rgba(255,255,255,.86);
}
.tenant-legacy-bridge .ford-danger-btn {
  color: #b42318;
  border: 1px solid rgba(180,35,24,.18);
  background: #fff;
}
.tenant-legacy-bridge .ford-success,
.tenant-legacy-bridge .ford-alert {
  margin-bottom: 18px;
  padding: 14px 18px;
  border-radius: 16px;
  font-weight: 750;
}
.tenant-legacy-bridge .ford-success { color: #05603a; background: #e8fbf2; border: 1px solid #bcebd6; }
.tenant-legacy-bridge .ford-alert { color: #922018; background: #fff0ee; border: 1px solid #f4c9c4; }
.tenant-legacy-bridge .ford-form input,
.tenant-legacy-bridge .ford-form select,
.tenant-legacy-bridge .ford-form textarea,
.tenant-legacy-bridge .ford-offerings-push-form input {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  color: var(--tenant-ink);
  border: 1px solid var(--tenant-line);
  border-radius: 14px;
  background: rgba(248,251,255,.94);
  outline: none;
}
.tenant-legacy-bridge .ford-form textarea { min-height: 108px; }
.tenant-legacy-bridge .ford-form input:focus,
.tenant-legacy-bridge .ford-form select:focus,
.tenant-legacy-bridge .ford-form textarea:focus {
  border-color: var(--tenant-secondary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--tenant-secondary) 15%, transparent);
}
.tenant-legacy-bridge .ford-form label { color: var(--tenant-ink); font-size: 13px; font-weight: 800; }
.tenant-legacy-bridge .ford-table-wrap { width: 100%; overflow-x: auto; border-radius: 18px; border: 1px solid var(--tenant-line); }
.tenant-legacy-bridge .ford-table { width: 100%; border-collapse: collapse; background: rgba(255,255,255,.7); }
.tenant-legacy-bridge .ford-table th,
.tenant-legacy-bridge .ford-table td { padding: 14px 16px; border-bottom: 1px solid var(--tenant-line); text-align: left; vertical-align: middle; }
.tenant-legacy-bridge .ford-table th { color: var(--tenant-muted); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.tenant-legacy-bridge .ford-table td { color: var(--tenant-ink); font-size: 13px; }
.tenant-legacy-bridge .ford-table td small { display: block; margin-top: 4px; color: var(--tenant-muted); }
.tenant-legacy-bridge .ford-inline-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.tenant-legacy-bridge .ford-inline-form { display: inline-flex; margin: 0; }
.tenant-legacy-bridge .ford-master-disclosure {
  margin-bottom: 14px;
  overflow: hidden;
  border: 1px solid var(--tenant-line);
  border-radius: 20px;
  background: rgba(255,255,255,.66);
}
.tenant-legacy-bridge .ford-master-disclosure > summary {
  padding: 18px 20px;
  list-style: none;
  cursor: pointer;
}
.tenant-legacy-bridge .ford-master-disclosure > summary::-webkit-details-marker { display: none; }
.tenant-legacy-bridge .ford-master-disclosure > summary strong,
.tenant-legacy-bridge .ford-master-disclosure > summary small { display: block; }
.tenant-legacy-bridge .ford-master-disclosure > summary small { margin-top: 4px; color: var(--tenant-muted); }
.tenant-legacy-bridge .ford-master-disclosure-body { padding: 0 20px 20px; }
.tenant-master-heading .ford-master-head-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.tenant-master-bridge .ford-metric-grid {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.tenant-master-bridge .ford-metric {
  min-height: 126px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--tenant-ink);
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 22px;
  background: var(--tenant-surface);
  box-shadow: var(--tenant-shadow);
}
.tenant-master-bridge .ford-metric span { color: var(--tenant-muted); font-size: 12px; font-weight: 800; }
.tenant-master-bridge .ford-metric strong { font-size: 36px; letter-spacing: -.05em; }
.tenant-master-bridge .ford-master-shortcuts {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.tenant-master-bridge .ford-master-shortcuts a {
  padding: 18px;
  display: grid;
  gap: 4px;
  text-decoration: none;
  border: 1px solid var(--tenant-line);
  border-radius: 20px;
  background: rgba(255,255,255,.7);
}
.tenant-master-bridge .ford-master-shortcuts a > span { color: var(--tenant-secondary); font-size: 11px; font-weight: 900; }
.tenant-master-bridge .ford-master-shortcuts a small { color: var(--tenant-muted); }
.tenant-legacy-bridge .ford-master-form,
.tenant-legacy-bridge .ford-special-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.tenant-legacy-bridge .ford-master-wide { grid-column: 1 / -1; }
.tenant-legacy-bridge .ford-offerings-toolbar { display: flex; align-items: end; gap: 12px; }
.tenant-legacy-bridge .ford-offerings-workspace { min-width: 230px; }
.tenant-legacy-bridge .ford-offerings-push-form { flex: 1; display: flex; gap: 10px; }
.tenant-legacy-bridge .ford-specials-admin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.tenant-legacy-bridge .ford-special-card {
  overflow: hidden;
  display: grid;
  align-content: start;
  border-radius: 22px;
  border: 1px solid var(--tenant-line);
  background: rgba(255,255,255,.88);
  box-shadow: var(--tenant-shadow);
}
.tenant-legacy-bridge .ford-special-card > img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.tenant-legacy-bridge .ford-special-card > div,
.tenant-legacy-bridge .ford-special-card > form { padding: 16px; }
.tenant-legacy-bridge .ford-special-card > form { padding-top: 0; }
.tenant-content-command {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.tenant-content-command-copy h2 { margin: 10px 0 5px; }
.tenant-content-command-copy p { margin: 0; }
.tenant-content-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #087b50;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tenant-content-status i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #23c483;
  box-shadow: 0 0 0 5px rgba(35,196,131,.12);
}
.tenant-content-command-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.tenant-content-command-actions .ford-primary-btn,
.tenant-content-command-actions .ford-secondary-btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tenant-content-command-actions button:disabled,
.tenant-content-list-heading button:disabled {
  opacity: .42;
  cursor: not-allowed;
  box-shadow: none;
}
.tenant-content-preview { overflow: hidden; }
.tenant-content-preview-head {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.tenant-content-preview-head h2 { margin: 5px 0 0; }
.tenant-content-preview-head p { max-width: 720px; margin: 7px 0 0; }
.tenant-content-count {
  flex: 0 0 auto;
  padding: 8px 12px;
  color: color-mix(in srgb, var(--tenant-primary) 78%, #000);
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 24%, var(--tenant-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--tenant-secondary) 10%, #fff);
  font-size: 11px;
  font-weight: 900;
}
.tenant-content-preview-grid { display: grid; gap: 14px; }
.tenant-content-preview-grid-specials,
.tenant-content-preview-grid-listings { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tenant-content-preview-grid-offerings { grid-template-columns: minmax(0, 1fr); }
.tenant-content-preview-grid figure {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--tenant-line);
  border-radius: 18px;
  background: #fff;
}
.tenant-content-preview-grid figure img { width: 100%; height: auto; display: block; background: #e9f0f7; }
.tenant-content-preview-grid figcaption { padding: 13px 14px; display: grid; gap: 4px; }
.tenant-content-preview-grid figcaption strong { color: var(--tenant-ink); font-size: 13px; }
.tenant-content-preview-grid figcaption span { color: var(--tenant-muted); font-size: 12px; line-height: 1.45; }
.tenant-content-preview-grid-offerings figure { width: min(760px, 100%); justify-self: center; }
.tenant-content-preview-compact .tenant-content-preview-grid {
  max-width: 900px;
  margin-inline: auto;
}
.tenant-content-preview-compact .tenant-content-preview-grid-specials,
.tenant-content-preview-compact .tenant-content-preview-grid-listings {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tenant-content-preview-compact .tenant-content-preview-grid-specials figure img,
.tenant-content-preview-compact .tenant-content-preview-grid-listings figure img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.tenant-content-preview-compact .tenant-content-preview-grid-offerings {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tenant-content-preview-compact .tenant-content-preview-grid-offerings figure {
  width: 100%;
}
.tenant-content-preview-compact .tenant-content-preview-grid-offerings figure img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
.tenant-content-more {
  margin: 14px 0 0;
  color: var(--tenant-muted);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}
.tenant-content-preview-empty {
  padding: 28px;
  color: var(--tenant-muted);
  border: 1px dashed var(--tenant-line);
  border-radius: 18px;
  background: #f7fafe;
  text-align: center;
}
.tenant-content-upload {
  scroll-margin-top: 110px;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.tenant-content-upload > h2 { margin: 6px 0 8px; }
.tenant-content-upload > p { margin: 0 0 18px; }
.tenant-content-upload.is-highlighted {
  border-color: color-mix(in srgb, var(--tenant-secondary) 56%, var(--tenant-line));
  box-shadow: 0 20px 52px rgba(0,73,144,.18), 0 0 0 4px color-mix(in srgb, var(--tenant-secondary) 14%, transparent);
  transform: translateY(-2px);
}
.tenant-content-list-heading {
  margin: 30px 0 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.tenant-content-list-heading h2 { margin: 5px 0 0; }
body.tenant-modal-open { overflow: hidden; }
.tenant-crm-bridge .ford-crm-toolbar {
  margin-bottom: 14px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 180px 180px;
  gap: 12px;
  border: 1px solid var(--tenant-line);
  border-radius: 20px;
  background: rgba(255,255,255,.7);
}
.tenant-crm-bridge .ford-crm-toolbar label { color: var(--tenant-ink); font-size: 12px; font-weight: 800; }

@media (max-width: 1120px) {
  .tenant-grid-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tenant-card-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tenant-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tenant-master-bridge .ford-metric-grid,
  .tenant-master-bridge .ford-master-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tenant-legacy-bridge .ford-specials-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .tenant-layout { grid-template-columns: 1fr; }
  .tenant-stage { margin-left: 0; }
  .tenant-sidebar { position: fixed; left: 0; transform: translateX(-105%); width: min(310px, 88vw); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
  .tenant-menu-open .tenant-sidebar { transform: translateX(0); }
  .tenant-sidebar-scrim { position: fixed; inset: 0; z-index: 40; background: rgba(5,17,35,.35); backdrop-filter: blur(5px); }
  body.tenant-menu-open .tenant-sidebar-scrim { display: block; }
  .tenant-menu-button { display: block; }
  .tenant-grid-two { grid-template-columns: 1fr; }
  .tenant-profile-grid, .tenant-grid-profile { grid-template-columns: 1fr; }
  .tenant-profile-photo-card { position: static; }
  .tenant-analytics-donuts { grid-template-columns: 1fr; }
  .tenant-media-fields { grid-template-columns: 1fr; }
  .tenant-media-library { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tenant-media-upload { grid-template-columns: 1fr 1fr; }
  .tenant-media-upload .tenant-button { grid-column: 1 / -1; }
  .tenant-review-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .tenant-topbar { min-height: 68px; padding: 10px 14px; }
  .tenant-topbar-actions .tenant-button-quiet { display: none; }
  .tenant-topbar-actions .tenant-button-primary { min-height: 38px; padding-inline: 12px; }
  .tenant-page-heading { align-items: flex-start; flex-direction: column; }
  .tenant-legacy-bridge .ford-panel-head { align-items: flex-start; flex-direction: column; }
  .tenant-master-bridge .ford-metric-grid,
  .tenant-master-bridge .ford-master-shortcuts,
  .tenant-legacy-bridge .ford-master-form,
  .tenant-legacy-bridge .ford-special-form,
  .tenant-legacy-bridge .ford-specials-admin-grid,
  .tenant-crm-bridge .ford-crm-toolbar { grid-template-columns: 1fr; }
  .tenant-legacy-bridge .ford-offerings-toolbar { align-items: stretch; flex-direction: column; }
  .tenant-legacy-bridge .ford-offerings-workspace { min-width: 0; }
  .tenant-legacy-bridge .ford-offerings-push-form { flex-direction: column; }
  .tenant-main { padding: 22px 14px 100px; }
  .tenant-page-heading { align-items: stretch; flex-direction: column; }
  .tenant-grid-metrics, .tenant-card-list, .tenant-form-grid { grid-template-columns: 1fr; }
  .tenant-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tenant-donut-layout { grid-template-columns: 1fr; justify-items: center; }
  .tenant-chart-legend { width: 100%; }
  .tenant-line-chart svg { height: 210px; }
  .tenant-card { border-radius: 24px; }
  .tenant-wizard-steps { gap: 5px; }
  .tenant-review-person { align-items: flex-start; }
  .tenant-review-avatar { width: 88px; height: 88px; flex-basis: 88px; }
  .tenant-review-live-actions,
  .tenant-review-live-actions .tenant-button,
  .tenant-wizard [data-wizard-step="7"] > .tenant-actions,
  .tenant-wizard [data-wizard-step="7"] > .tenant-actions .tenant-button {
    width: 100%;
  }
  .tenant-wizard [data-wizard-step="7"] > .tenant-actions { display: grid; grid-template-columns: 1fr; }
  .tenant-modal { padding: 0; place-items: stretch; }
  .tenant-modal-panel { width: 100%; max-height: 100vh; min-height: 100vh; border-radius: 0; padding: 24px 18px 100px; }
  .tenant-media-modal-header { position: sticky; top: -24px; z-index: 3; margin: -24px -18px 18px; padding: 20px 18px 14px; background: rgba(255,255,255,.96); backdrop-filter: blur(18px); border-bottom: 1px solid var(--tenant-line); }
  .tenant-media-upload { margin-top: 0; grid-template-columns: 1fr; }
  .tenant-media-upload .tenant-button { grid-column: auto; width: 100%; }
  .tenant-media-transform-layout { grid-template-columns: 1fr; }
  .tenant-media-transform-header { position: sticky; top: -24px; z-index: 3; margin: -24px -18px 0; padding: 20px 18px 14px; background: rgba(255,255,255,.96); backdrop-filter: blur(18px); border-bottom: 1px solid var(--tenant-line); }
  .tenant-media-transform-stage { min-height: 300px; padding: 12px; }
  .tenant-media-transform-stage canvas { max-height: 380px; }
  .tenant-media-queue-item { grid-template-columns: 60px minmax(0, 1fr); align-items: start; }
  .tenant-media-queue-item > img { width: 60px; height: 60px; }
  .tenant-media-queue-fields { grid-template-columns: 1fr; }
  .tenant-media-queue-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .tenant-media-queue-remove { width: 100%; }
  .tenant-media-editor { grid-template-columns: 1fr; }
  .tenant-media-editor > div:first-child,
  .tenant-media-editor-actions { grid-column: auto; }
  .tenant-media-editor-actions { display: grid; grid-template-columns: 1fr; }
  .tenant-media-editor-heading { align-items: flex-start; }
  .tenant-media-editor-heading > img { width: 78px; height: 78px; flex-basis: 78px; }
  .tenant-media-filters { grid-template-columns: 1fr; }
  .tenant-media-selection-bar { align-items: stretch; flex-direction: column; }
  .tenant-media-selection-bar > div { display: grid; grid-template-columns: 1fr 1fr; }
  .tenant-media-selection-bar select { width: 100%; min-width: 0; }
  .tenant-media-selection-bar > div .tenant-button:last-child { grid-column: 1 / -1; }
  .tenant-media-library { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tenant-media-library-heading { align-items: flex-start; }
  .tenant-content-preview-head { align-items: flex-start; flex-direction: column; }
  .tenant-content-preview-grid-specials,
  .tenant-content-preview-grid-listings { gap: 8px; }
  .tenant-content-preview-compact .tenant-content-preview-grid-specials,
  .tenant-content-preview-compact .tenant-content-preview-grid-listings { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tenant-content-preview-grid figcaption { padding: 10px; }
  .tenant-content-preview-grid figcaption span { display: none; }
  .tenant-content-command,
  .tenant-content-list-heading { align-items: stretch; flex-direction: column; }
  .tenant-content-command-actions { display: grid; grid-template-columns: 1fr; }
  .tenant-content-command-actions .ford-primary-btn,
  .tenant-content-command-actions .ford-secondary-btn,
  .tenant-content-list-heading .ford-secondary-btn { width: 100%; }
  .tenant-content-preview-compact .tenant-content-preview-grid-offerings { grid-template-columns: 1fr; }
}

/* Workspace integration hub */
.tenant-integration-hub { margin-top: 28px; }
.tenant-integration-heading { min-height: 0; margin-bottom: 16px; padding: 0; background: transparent; border: 0; box-shadow: none; }
.tenant-integration-heading h2 { margin: 6px 0 10px; color: var(--tenant-ink); font-size: clamp(30px, 4vw, 48px); line-height: .98; letter-spacing: -.04em; }
.tenant-integration-heading p { max-width: 720px; }
.tenant-integration-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.tenant-integration-card { position: relative; min-width: 0; padding: 24px; overflow: hidden; border: 1px solid var(--tenant-line); border-radius: 24px; background: #fff; box-shadow: var(--tenant-shadow); }
.tenant-integration-card.is-featured::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, #10a37f, #0a84ff); }
.tenant-integration-card.is-email { grid-column: 1 / -1; }
.tenant-integration-card.is-email::before { background: linear-gradient(90deg, #001e50, #0a84ff, #10a65a); }
.tenant-integration-card.is-push::before { background: linear-gradient(90deg, #0a84ff, #5b5ce2, #10a65a); }
.tenant-integration-card-head { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; gap: 16px; align-items: start; }
.tenant-integration-card-head > div { min-width: 0; }
.tenant-integration-card-head > img { width: 70px; height: 70px; padding: 7px; object-fit: contain; border: 1px solid #dfe8ef; border-radius: 20px; background: #fff; }
.tenant-integration-card-head > .mymex-paypal-mark { display: grid; width: 70px; height: 70px; place-items: center; border: 1px solid #9cc8f4; border-radius: 20px; background: linear-gradient(145deg, #003087, #0070e0); color: #fff; font: 900 35px/1 Arial,sans-serif; letter-spacing: -.08em; box-shadow: inset 0 1px 0 rgba(255,255,255,.35); }
.tenant-integration-card-head h2,.tenant-integration-card-head h3 { margin: 4px 0 5px; color: var(--tenant-ink); font-size: 27px; line-height: 1; }
.tenant-integration-card-head p { margin: 0; overflow-wrap: anywhere; color: var(--tenant-muted); font-size: 13px; line-height: 1.55; }
.tenant-integration-status { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 6px 10px; border-radius: 999px; background: #eef3f7; color: #617286; font-size: 11px; font-weight: 900; white-space: nowrap; }
.tenant-integration-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #94a3b8; }
.tenant-integration-status.is-connected { background: #e9fbf3; color: #087c57; }
.tenant-integration-status.is-connected::before { background: #10a65a; box-shadow: 0 0 0 4px rgba(16, 166, 90, .12); }
.tenant-integration-status.is-disconnected { background: #fff1f1; color: #b33b3b; }
.tenant-integration-status.is-disconnected::before { background: #e5484d; }
.tenant-integration-status.is-managed { background: #edf5ff; color: #075a9c; }
.tenant-integration-status.is-managed::before { background: #0a84ff; }
.tenant-integration-form { display: grid; gap: 16px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--tenant-line); }
.tenant-integration-form input,.tenant-integration-form select { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid var(--tenant-line); border-radius: 13px; background: #fbfdff; color: var(--tenant-ink); font: inherit; }
.tenant-integration-form small { display: block; margin-top: 5px; color: var(--tenant-muted); font-size: 11px; line-height: 1.45; }
.tenant-integration-test-result { display: grid; gap: 3px; margin: 0; padding: 13px 15px; border-radius: 13px; background: #f5f8fb; }
.tenant-integration-test-result strong { font-size: 13px; }
.tenant-integration-test-result span { color: var(--tenant-muted); font-size: 11px; }
.tenant-integration-test-result.is-success { background: #ecfbf4; color: #087c57; }
.tenant-integration-test-result.is-error { background: #fff1f1; color: #b33b3b; }
.tenant-integration-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.tenant-icon-button {
  position: relative;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 13px;
}
.tenant-icon-button svg { width: 19px; height: 19px; }
.tenant-icon-button.tenant-button-danger {
  color: #b42318;
  border-color: rgba(180,35,24,.25);
  background: #fff7f6;
}
.tenant-icon-button.tenant-button-danger:hover {
  border-color: rgba(180,35,24,.42);
  background: #ffefed;
}
.tenant-integration-toggle { display: flex; align-items: flex-start; gap: 11px; padding: 14px; border: 1px solid var(--tenant-line); border-radius: 14px; background: #f7faff; }
.tenant-integration-toggle input { width: 19px; min-height: 19px; margin: 2px 0 0; flex: 0 0 auto; accent-color: #0a84ff; }
.tenant-integration-toggle span { display: grid; gap: 2px; }
.tenant-integration-toggle strong { color: var(--tenant-ink); font-size: 13px; }
.tenant-integration-order { margin: 0; padding: 12px 14px; border-radius: 13px; background: #edf5ff; color: #3b536c; font-size: 12px; line-height: 1.5; }
.tenant-push-health-grid,.tenant-push-key-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 20px; }
.tenant-push-health-grid > span,.tenant-push-key-summary > span { min-width: 0; display: grid; gap: 5px; padding: 14px; border: 1px solid var(--tenant-line); border-radius: 15px; background: linear-gradient(145deg,#fbfdff,#f1f7ff); }
.tenant-push-health-grid small,.tenant-push-key-summary small { color: var(--tenant-muted); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.tenant-push-health-grid strong { color: var(--tenant-ink); font-size: 24px; line-height: 1; }
.tenant-push-key-summary { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 0; }
.tenant-push-key-summary strong { min-width: 0; color: var(--tenant-ink); font-size: 13px; overflow-wrap: anywhere; }
.tenant-integration-disconnect { position: static; margin-top: 10px; }
.tenant-integration-disconnect .tenant-button { min-height: 42px; }
.tenant-content-ai-status { margin: 0; padding: 12px 18px; border-top: 1px solid #ccebdd; background: #effbf6; color: #087c57; font-size: 13px; font-weight: 800; }
.tenant-content-ai-status.is-error { border-color: #f3cccc; background: #fff2f2; color: #ad3238; }
.tenant-integration-card.is-compact .tenant-integration-card-head { grid-template-columns: 60px minmax(0, 1fr); }
.tenant-integration-card.is-compact .tenant-integration-card-head > img { width: 60px; height: 60px; border-radius: 18px; }
.tenant-integration-card.is-compact .tenant-integration-status { grid-column: 2; justify-self: start; }
@media (min-width: 921px) and (max-width: 1280px) {
  .tenant-integration-grid > .tenant-integration-card.is-featured:not(.is-email) .tenant-integration-card-head {
    grid-template-columns: 70px minmax(0, 1fr);
  }
  .tenant-integration-grid > .tenant-integration-card.is-featured:not(.is-email) .tenant-integration-status {
    grid-column: 2;
    justify-self: start;
  }
}
@media (max-width: 920px) { .tenant-integration-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) {
  .tenant-integration-card { padding: 18px; border-radius: 20px; }
  .tenant-integration-card-head { grid-template-columns: 58px minmax(0, 1fr); gap: 12px; }
  .tenant-integration-card-head > img { width: 58px; height: 58px; border-radius: 17px; }
  .tenant-integration-card-head > .mymex-paypal-mark { width: 58px; height: 58px; border-radius: 17px; font-size: 30px; }
  .tenant-integration-card-head .tenant-integration-status { grid-column: 1 / -1; justify-self: start; }
  .tenant-integration-form .tenant-form-grid { grid-template-columns: 1fr; }
  .tenant-integration-actions .tenant-button { width: 100%; }
  .tenant-integration-actions .tenant-icon-button { width: 44px; }
  .tenant-integration-disconnect { position: static; margin-top: 10px; }
  .tenant-push-health-grid,.tenant-push-key-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* 2026-09-08 global launch-centre visual refinement.
   Keep the first-workspace journey compact, calm and genuinely mobile-first. */
body.tenant-admin .mymex-launch-hero {
  grid-template-columns: minmax(0, 1fr) minmax(190px, 250px);
  min-height: 0;
  margin-bottom: 18px;
  padding: clamp(28px, 3.6vw, 48px);
  border-radius: 26px;
  box-shadow: 0 22px 58px rgba(5, 23, 43, .18);
}
body.tenant-admin .mymex-launch-copy { max-width: 750px; }
body.tenant-admin .mymex-launch-copy .tenant-eyebrow { font-weight: 650; letter-spacing: .12em; }
body.tenant-admin .mymex-launch-copy h1 {
  max-width: 700px;
  margin: 10px 0 14px;
  font-size: clamp(38px, 4.1vw, 56px);
  font-weight: 590;
  line-height: 1.03;
  letter-spacing: -.035em;
}
body.tenant-admin .mymex-launch-copy > p {
  max-width: 680px;
  font-size: clamp(15px, 1.15vw, 18px);
  font-weight: 400;
  line-height: 1.58;
}
body.tenant-admin .mymex-launch-promise {
  max-width: 620px;
  margin-top: 21px;
  padding: 11px 14px;
  gap: 12px;
  border-radius: 15px;
}
body.tenant-admin .mymex-launch-promise > span { flex-basis: 38px; width: 38px; height: 38px; border-radius: 12px; }
body.tenant-admin .mymex-launch-promise svg { width: 19px; }
body.tenant-admin .mymex-launch-promise strong { font-weight: 600; }
body.tenant-admin .mymex-launch-promise small { font-size: 12px; font-weight: 400; }
body.tenant-admin .mymex-launch-jarvis { min-height: 190px; }
body.tenant-admin .mymex-launch-orbit { width: clamp(130px, 11vw, 170px); }
body.tenant-admin .mymex-launch-brand { right: 2%; bottom: 4%; width: 54px; height: 54px; border-radius: 17px; }
body.tenant-admin .mymex-launch-grid { align-items: start; grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); gap: 18px; }
body.tenant-admin .mymex-launch-panel {
  align-self: start;
  padding: clamp(22px, 2.35vw, 30px);
  border-radius: 23px;
  box-shadow: 0 14px 38px rgba(22, 48, 78, .065);
}
body.tenant-admin .mymex-launch-panel .tenant-eyebrow { font-weight: 650; letter-spacing: .11em; }
body.tenant-admin .mymex-launch-panel h2 {
  margin-top: 6px;
  font-size: clamp(27px, 2.15vw, 34px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.028em;
}
body.tenant-admin .mymex-launch-panel > p { margin: 14px 0 0; font-size: 14px; font-weight: 400; line-height: 1.58; }
body.tenant-admin .mymex-launch-checklist { margin: 19px 0; }
body.tenant-admin .mymex-launch-checklist a { min-height: 58px; border-radius: 15px; }
body.tenant-admin .mymex-launch-checklist a > span { font-weight: 650; }
body.tenant-admin .mymex-launch-checklist strong,
body.tenant-admin .mymex-launch-handoff strong,
body.tenant-admin .mymex-launch-next strong { font-weight: 600; }
body.tenant-admin .mymex-launch-step-number { flex-basis: 44px; width: 44px; height: 44px; border-radius: 14px; font-weight: 650; }
body.tenant-admin .mymex-launch-form { margin-top: 18px; }
body.tenant-admin .mymex-launch-form label { font-weight: 600; }
body.tenant-admin .mymex-launch-card-start .tenant-notice[data-feedback-inline] {
  display: grid;
  gap: 3px;
  align-items: start;
  font-weight: 430;
}
body.tenant-admin .mymex-launch-card-start .tenant-notice[data-feedback-inline] strong { font-weight: 600; }
body.tenant-admin .mymex-launch-actions .tenant-button,
body.tenant-admin .mymex-launch-submit { font-weight: 650; }
body.tenant-admin .mymex-launch-next { margin-top: 18px; padding: 21px 24px; border-radius: 21px; }
body.tenant-admin .mymex-launch-next article { padding: 13px 14px; }

@media (max-width: 980px) {
  body.tenant-admin .mymex-launch-hero { grid-template-columns: minmax(0, 1fr) 150px; }
  body.tenant-admin .mymex-launch-jarvis { display: grid; min-height: 150px; }
  body.tenant-admin .mymex-launch-orbit { width: 118px; }
  body.tenant-admin .mymex-launch-brand { width: 44px; height: 44px; }
  body.tenant-admin .mymex-launch-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 680px) {
  html, body.tenant-admin { max-width: 100%; overflow-x: hidden; }
  body.tenant-admin .tenant-main,
  body.tenant-admin .mymex-launch-hero,
  body.tenant-admin .mymex-launch-grid,
  body.tenant-admin .mymex-launch-panel,
  body.tenant-admin .mymex-launch-next,
  body.tenant-admin .mymex-launch-form,
  body.tenant-admin .mymex-launch-form-grid { width: 100%; max-width: 100%; min-width: 0; }
  body.tenant-admin .tenant-main { padding: 12px 10px 24px; overflow-x: clip; }
  body.tenant-admin .mymex-launch-hero {
    display: block;
    margin-bottom: 12px;
    padding: 19px 17px;
    border-radius: 20px;
    background: radial-gradient(circle at 100% 0, rgba(61, 216, 223, .23), transparent 42%), linear-gradient(130deg, #06162c, #07435a);
  }
  body.tenant-admin .mymex-launch-jarvis { display: none; }
  body.tenant-admin .mymex-launch-copy h1 {
    margin: 8px 0 10px;
    font-size: clamp(28px, 8.2vw, 32px);
    font-weight: 560;
    line-height: 1.08;
    letter-spacing: -.028em;
  }
  body.tenant-admin .mymex-launch-copy > p { font-size: 14px; line-height: 1.5; }
  body.tenant-admin .mymex-launch-promise { display: none; }
  body.tenant-admin .mymex-launch-grid { gap: 12px; }
  body.tenant-admin .mymex-launch-panel { padding: 18px 15px; border-radius: 19px; }
  body.tenant-admin .mymex-launch-panel > header { gap: 12px; }
  body.tenant-admin .mymex-launch-panel h2 { font-size: 27px; font-weight: 580; }
  body.tenant-admin .mymex-launch-panel > p { margin-top: 11px; font-size: 13px; }
  body.tenant-admin .tenant-setup-progress-donut { width: 48px; height: 48px; flex-basis: 48px; }
  body.tenant-admin .mymex-launch-checklist { grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 15px 0; }
  body.tenant-admin .mymex-launch-checklist a { grid-template-columns: 32px minmax(0, 1fr) auto; min-height: 54px; padding: 9px 11px; }
  body.tenant-admin .mymex-launch-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  body.tenant-admin .mymex-launch-actions .tenant-button { width: 100%; min-width: 0; }
  body.tenant-admin .mymex-launch-form-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.tenant-admin .mymex-launch-form label.is-wide { grid-column: auto; }
  body.tenant-admin .mymex-launch-form input { min-width: 0; min-height: 46px; font-size: 16px; }
  body.tenant-admin .tenant-notice[data-feedback-inline] { grid-template-columns: minmax(0, 1fr); padding: 12px 12px 12px 46px; font-weight: 430; }
  body.tenant-admin .tenant-notice[data-feedback-inline] strong { font-weight: 600; }
  body.tenant-admin .mymex-launch-handoff { align-items: flex-start; margin: 15px 0 12px; padding: 11px; }
  body.tenant-admin .mymex-launch-safety { font-size: 11px; }
  body.tenant-admin .mymex-launch-next { margin-top: 12px; padding: 16px 14px; border-radius: 18px; }
  body.tenant-admin .mymex-launch-next > div { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 11px; }
  body.tenant-admin .mymex-launch-next article { padding: 11px 12px; }
}

/* First-card overview: show only the next available action. */
body.tenant-admin .mymex-launch-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 12px;
  padding: 18px 22px;
  border: 1px solid #cfe4f1;
  border-left: 4px solid #1baee3;
  border-radius: 8px;
  background: #f7fcff;
}
body.tenant-admin .mymex-launch-intro h1 {
  margin: 4px 0 3px;
  color: #10243d;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.17;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
body.tenant-admin .mymex-launch-intro p { margin: 0; color: #526b81; font-size: 13px; line-height: 1.45; }
body.tenant-admin .mymex-launch-progress {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid #afe9d4;
  border-radius: 8px;
  color: #086d51;
  background: #eafaf4;
  font-size: 12px;
  font-weight: 700;
}
body.tenant-admin .mymex-launch-setup,
body.tenant-admin .mymex-launch-create { max-width: 920px; margin: 0 auto; }
body.tenant-admin .mymex-launch-setup,
body.tenant-admin .mymex-launch-create .mymex-launch-panel {
  border: 1px solid #d5e5ee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(16, 48, 76, .045);
}
body.tenant-admin .mymex-launch-setup { overflow: hidden; padding: 6px 20px 16px; }
body.tenant-admin .mymex-launch-setup-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 13px;
  min-height: 74px;
  padding: 13px 4px;
  border-bottom: 1px solid #e2edf3;
  color: #10243d;
  text-decoration: none;
}
body.tenant-admin .mymex-launch-setup-step:hover,
body.tenant-admin .mymex-launch-setup-step:focus-visible { background: #f4fbfe; outline-offset: -2px; }
body.tenant-admin .mymex-launch-setup-step > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
body.tenant-admin .mymex-launch-setup-step strong { font-size: 15px; font-weight: 700; line-height: 1.3; }
body.tenant-admin .mymex-launch-setup-step small { color: #5c7185; font-size: 12px; line-height: 1.4; }
body.tenant-admin .mymex-launch-setup-number {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  color: #086b9a;
  background: #e3f6fd;
  font-size: 14px;
  font-weight: 800;
}
body.tenant-admin .mymex-launch-setup-step.is-complete .mymex-launch-setup-number { color: #057451; background: #dff8ee; }
body.tenant-admin .mymex-launch-setup-step em { color: #5c7185; font-size: 11px; font-style: normal; font-weight: 700; white-space: nowrap; }
body.tenant-admin .mymex-launch-setup-step.is-next em { color: #0578ad; }
body.tenant-admin .mymex-launch-setup-step.is-complete em { color: #057451; }
body.tenant-admin .mymex-launch-setup-arrow { color: #087aaf; font-size: 19px; }
body.tenant-admin .mymex-launch-setup-footer { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 16px; }
body.tenant-admin .mymex-launch-setup-footer .tenant-button { min-height: 40px; padding: 8px 15px; font-size: 13px; }
body.tenant-admin .mymex-launch-setup-footer small { color: #60788c; font-size: 11px; line-height: 1.4; }
body.tenant-admin .mymex-launch-create .mymex-launch-panel { padding: 22px; }
body.tenant-admin .mymex-launch-create .mymex-launch-panel h2 { margin-top: 4px; font-size: 23px; letter-spacing: 0; }
body.tenant-admin .mymex-launch-create .mymex-launch-panel > header a { align-self: center; color: #0877ac; font-size: 12px; font-weight: 700; }
body.tenant-admin .mymex-launch-create .mymex-launch-form { margin-top: 18px; }
body.tenant-admin .mymex-launch-create .mymex-launch-form-grid { gap: 12px; }
body.tenant-admin .mymex-launch-create .mymex-launch-form input { min-height: 42px; border-radius: 8px; }
body.tenant-admin .mymex-launch-more { margin-top: 14px; color: #10243d; font-size: 12px; }
body.tenant-admin .mymex-launch-more summary { width: max-content; max-width: 100%; color: #0877ac; font-weight: 700; cursor: pointer; }
body.tenant-admin .mymex-launch-more label { max-width: 440px; margin-top: 12px; }
body.tenant-admin .mymex-launch-submit-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 19px; }
body.tenant-admin .mymex-launch-submit-row .tenant-button { width: auto; min-height: 42px; padding: 9px 16px; font-size: 13px; }
body.tenant-admin .mymex-launch-submit-row small { color: #60788c; font-size: 11px; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-intro,
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-setup,
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-create .mymex-launch-panel { border-color: #2a4c65; background: #10283e; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-intro h1,
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-setup-step,
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-more { color: #f3f9fd; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-intro p,
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-setup-step small,
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-setup-footer small,
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-submit-row small { color: #b9cede; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-setup-step { border-color: #29465d; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-launch-setup-step:hover { background: #18354d; }
@media (max-width: 680px) {
  body.tenant-admin .mymex-launch-intro { align-items: flex-start; flex-direction: column; gap: 9px; padding: 16px; }
  body.tenant-admin .mymex-launch-intro h1 { font-size: 23px; }
  body.tenant-admin .mymex-launch-setup { padding: 3px 13px 14px; }
  body.tenant-admin .mymex-launch-setup-step { grid-template-columns: 32px minmax(0, 1fr) 18px; gap: 9px; }
  body.tenant-admin .mymex-launch-setup-step em { grid-column: 2; grid-row: 2; margin-top: -6px; }
  body.tenant-admin .mymex-launch-setup-arrow { grid-column: 3; grid-row: 1; }
  body.tenant-admin .mymex-launch-setup-footer { align-items: stretch; flex-direction: column; gap: 9px; }
  body.tenant-admin .mymex-launch-setup-footer .tenant-button { width: 100%; justify-content: center; }
  body.tenant-admin .mymex-launch-create .mymex-launch-panel { padding: 17px 14px; }
  body.tenant-admin .mymex-launch-create .mymex-launch-panel h2 { font-size: 20px; }
  body.tenant-admin .mymex-launch-create .mymex-launch-panel > header { flex-wrap: wrap; }
  body.tenant-admin .mymex-launch-submit-row { align-items: stretch; flex-direction: column; gap: 8px; }
  body.tenant-admin .mymex-launch-submit-row .tenant-button { width: 100%; }
}

/* Tenant push campaigns */
.tenant-push-heading { align-items: center; }
.tenant-push-live-count { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; min-width: 170px; padding: 15px 18px; border: 1px solid #ccebdc; border-radius: 18px; background: linear-gradient(145deg,#f3fff9,#e9fbf3); box-shadow: 0 16px 35px rgba(16,166,90,.1); }
.tenant-push-live-count i { width: 13px; height: 13px; border-radius: 50%; background: #10a65a; box-shadow: 0 0 0 7px rgba(16,166,90,.12); animation: tenant-push-pulse 2.2s ease-in-out infinite; }
.tenant-push-live-count span { display: grid; }
.tenant-push-live-count strong { color: var(--tenant-ink); font-size: 24px; line-height: 1; }
.tenant-push-live-count small { color: var(--tenant-muted); font-size: 11px; font-weight: 800; }
@keyframes tenant-push-pulse { 50% { box-shadow: 0 0 0 11px rgba(16,166,90,0); } }
.tenant-push-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.38fr); gap: 18px; align-items: start; margin-bottom: 18px; }
.tenant-push-composer,.tenant-push-guide,.tenant-push-review,.tenant-push-history { padding: 24px; }
.tenant-push-card-head { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; }
.tenant-push-card-head h2,.tenant-push-guide h2,.tenant-push-history h2 { margin: 3px 0 0; color: var(--tenant-ink); font-size: 24px; line-height: 1.1; }
.tenant-push-step { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(145deg,var(--tenant-primary),var(--tenant-secondary)); color: #fff; font-size: 17px; font-weight: 950; box-shadow: 0 12px 24px color-mix(in srgb,var(--tenant-secondary) 22%,transparent); }
.tenant-push-form { display: grid; gap: 17px; }
.tenant-push-form input,.tenant-push-form select,.tenant-push-form textarea { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid var(--tenant-line); border-radius: 13px; background: #fbfdff; color: var(--tenant-ink); font: inherit; }
.tenant-push-form textarea { min-height: 108px; resize: vertical; }
.tenant-push-form label { display: flex; justify-content: space-between; gap: 12px; }
.tenant-push-form label span { color: var(--tenant-muted); font-size: 10px; font-weight: 900; }
.tenant-push-form small { display: block; margin-top: 5px; color: var(--tenant-muted); font-size: 11px; line-height: 1.4; }
.tenant-push-preview-button { justify-self: start; }
.tenant-push-guide { position: sticky; top: 90px; overflow: hidden; background: linear-gradient(155deg,#071b35,#0b3158); color: #fff; }
.tenant-push-guide::after { content: ""; position: absolute; width: 170px; height: 170px; right: -70px; bottom: -70px; border: 1px solid rgba(77,189,255,.28); border-radius: 50%; box-shadow: 0 0 0 28px rgba(77,189,255,.05),0 0 0 58px rgba(77,189,255,.03); }
.tenant-push-guide .tenant-eyebrow { color: #75d1ff; }
.tenant-push-guide h2 { color: #fff; }
.tenant-push-guide ol { position: relative; z-index: 1; display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.tenant-push-guide li { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.08); }
.tenant-push-guide li > b { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: #0a84ff; font-size: 12px; }
.tenant-push-guide li span { display: grid; gap: 2px; }
.tenant-push-guide li strong { font-size: 13px; }
.tenant-push-guide li small { color: #b7c8db; font-size: 11px; line-height: 1.4; }
.tenant-push-review { margin-bottom: 18px; border-color: #b8d8ff; box-shadow: 0 20px 50px rgba(10,132,255,.1); }
.tenant-push-review-grid { display: grid; grid-template-columns: minmax(280px,.9fr) minmax(0,1.1fr); gap: 18px; }
.tenant-push-device { align-self: start; display: grid; gap: 7px; padding: 17px 18px; border: 1px solid #d5e1ed; border-radius: 18px; background: linear-gradient(145deg,#fff,#eef5fb); box-shadow: 0 16px 35px rgba(15,35,64,.12); }
.tenant-push-device span { color: var(--tenant-muted); font-size: 10px; font-weight: 800; }
.tenant-push-device strong { color: var(--tenant-ink); font-size: 15px; }
.tenant-push-device p { margin: 0; color: #40566e; font-size: 13px; line-height: 1.45; }
.tenant-push-review dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin: 0; }
.tenant-push-review dl div { min-width: 0; padding: 13px; border: 1px solid var(--tenant-line); border-radius: 14px; background: #f8fbff; }
.tenant-push-review dt { color: var(--tenant-muted); font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.tenant-push-review dd { margin: 5px 0 0; color: var(--tenant-ink); font-size: 12px; font-weight: 850; overflow-wrap: anywhere; }
.tenant-push-confirm-form { display: flex; justify-content: flex-end; gap: 9px; margin-top: 16px; }
.tenant-push-history > header { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.tenant-push-history > header > span { color: var(--tenant-muted); font-size: 11px; font-weight: 800; }
.tenant-push-history-list { display: grid; gap: 9px; }
.tenant-push-history-list article { min-width: 0; display: grid; grid-template-columns: 10px minmax(200px,1fr) auto auto; gap: 13px; align-items: center; padding: 13px 14px; border: 1px solid var(--tenant-line); border-radius: 16px; background: #fbfdff; }
.tenant-push-status { width: 9px; height: 9px; border-radius: 50%; background: #94a3b8; }
.tenant-push-status.is-sent { background: #10a65a; box-shadow: 0 0 0 5px rgba(16,166,90,.1); }
.tenant-push-status.is-partial { background: #f59e0b; }
.tenant-push-status.is-failed { background: #e5484d; }
.tenant-push-history-copy { min-width: 0; display: grid; gap: 3px; }
.tenant-push-history-copy strong,.tenant-push-history-copy small,.tenant-push-history-copy em { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-push-history-copy strong { color: var(--tenant-ink); font-size: 13px; }
.tenant-push-history-copy small { color: #40566e; font-size: 11px; }
.tenant-push-history-copy em { color: var(--tenant-muted); font-size: 10px; font-style: normal; }
.tenant-push-history-metrics { display: grid; grid-template-columns: repeat(4,58px); gap: 6px; }
.tenant-push-history-metrics span { display: grid; gap: 1px; text-align: center; }
.tenant-push-history-metrics b { color: var(--tenant-ink); font-size: 14px; }
.tenant-push-history-metrics small { color: var(--tenant-muted); font-size: 9px; }
.tenant-push-history-list article > a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid #cfe0f1; border-radius: 11px; color: #075a9c; font-size: 11px; font-weight: 900; text-decoration: none; }
@media (max-width: 980px) { .tenant-push-layout { grid-template-columns: 1fr; } .tenant-push-guide { position: static; } .tenant-push-history-list article { grid-template-columns: 10px minmax(0,1fr) auto; } .tenant-push-history-metrics { grid-column: 2 / -1; justify-self: start; } }
@media (max-width: 620px) { .tenant-push-heading { align-items: stretch; } .tenant-push-live-count { width: 100%; } .tenant-push-composer,.tenant-push-guide,.tenant-push-review,.tenant-push-history { padding: 17px; } .tenant-push-review-grid { grid-template-columns: 1fr; } .tenant-push-review dl { grid-template-columns: 1fr; } .tenant-push-confirm-form { flex-direction: column-reverse; } .tenant-push-confirm-form .tenant-button { width: 100%; } .tenant-push-history > header { align-items: start; flex-direction: column; } .tenant-push-history-list article { grid-template-columns: 10px minmax(0,1fr); } .tenant-push-history-metrics { grid-column: 2; grid-template-columns: repeat(2,minmax(56px,1fr)); width: 100%; } .tenant-push-history-list article > a { grid-column: 2; justify-self: start; } }

/* Final tenant-admin surface rules. Keep this layer authoritative over the
   older shared admin styles loaded before this stylesheet. */
.tenant-sidebar {
  scrollbar-width: none;
}
.tenant-sidebar::-webkit-scrollbar {
  display: none;
}
.tenant-sidebar-footer {
  margin-top: auto;
}
.tenant-logout {
  flex: 0 0 auto;
}
.tenant-button,
.tenant-nav-link,
.tenant-logout,
.tenant-card-tile,
.mymex-workspace-detail-grid article {
  transition:
    transform .2s cubic-bezier(.2,.8,.2,1),
    border-color .2s ease,
    background-color .2s ease,
    box-shadow .2s ease;
}
.tenant-button:hover,
.tenant-card-actions a:hover,
.tenant-card-actions button:hover {
  transform: translateY(-1px);
}
.tenant-button:focus-visible,
.tenant-nav-link:focus-visible,
.tenant-logout:focus-visible,
.tenant-card-actions a:focus-visible,
.tenant-card-actions button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--tenant-secondary) 30%, transparent);
  outline-offset: 2px;
}

.tenant-settings-layout {
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  gap: 18px;
}
.tenant-settings-form-card {
  padding: 26px;
}
.tenant-settings-aside {
  align-self: start;
  display: grid;
  gap: 14px;
}
.tenant-settings-aside .tenant-card {
  min-height: 0;
  padding: 22px;
}
.tenant-settings-aside .tenant-card h2 {
  margin: 5px 0 12px;
  font-size: clamp(20px, 2vw, 25px);
  letter-spacing: -.035em;
}
.tenant-brand-upload {
  padding: 12px;
  border: 1px solid var(--tenant-line);
  border-radius: 18px;
  background: #f7f9fc;
}
.tenant-brand-upload .tenant-logo-preview {
  flex: 0 0 auto;
}
.tenant-brand-upload .tenant-file-input {
  flex: 1 1 260px;
  min-width: 0;
}
.tenant-color-input {
  min-height: 52px;
  padding: 5px;
  border: 1px solid var(--tenant-line);
  border-radius: 14px;
  background: #fff;
}

.mymex-workspace-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

/* The sidebar reduces the real settings canvas well before mobile breakpoints.
   Stack the side cards while the form still has enough room for both logo
   previews, instead of allowing the preview tiles to collapse and overlap. */
@media (max-width: 1320px) {
  .tenant-settings-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .tenant-settings-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mymex-workspace-detail-grid article {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--tenant-line);
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 28px rgba(15,35,63,.06);
}
.mymex-workspace-detail-grid article:hover {
  border-color: color-mix(in srgb, var(--tenant-secondary) 24%, var(--tenant-line));
  box-shadow: 0 12px 34px rgba(15,35,63,.09);
}
.mymex-workspace-detail-grid > article:first-child {
  grid-column: 1 / -1;
}
.mymex-workspace-detail-grid > article:first-child dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
}
.mymex-workspace-detail-grid h3 {
  margin: 0 0 14px;
  font-size: 20px;
  letter-spacing: -.03em;
}
.mymex-workspace-detail-grid dl {
  margin: 0;
}
.mymex-workspace-detail-grid dl div {
  min-width: 0;
  padding: 9px 0;
  display: grid;
  grid-template-columns: minmax(112px, 132px) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border-bottom: 1px solid color-mix(in srgb, var(--tenant-line) 72%, transparent);
}
.mymex-workspace-detail-grid dl div:last-child {
  border-bottom: 0;
}
.mymex-workspace-detail-grid dt {
  color: var(--tenant-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mymex-workspace-detail-grid dd {
  min-width: 0;
  margin: 0;
  color: var(--tenant-ink);
  overflow-wrap: anywhere;
  line-height: 1.45;
}
.mymex-brand-preview {
  min-height: 160px;
  padding: 20px;
  border-radius: 18px;
}

/* Desktop cards are readable horizontal collection rows instead of narrow
   mobile tiles floating in a large canvas. */
.tenant-card-list {
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  align-items: stretch;
}
.tenant-card-tile {
  grid-template-columns: minmax(190px, 36%) minmax(0, 1fr);
  min-height: 286px;
}
.tenant-card-preview {
  min-height: 100%;
  aspect-ratio: auto;
}
.tenant-card-body {
  min-width: 0;
}
.tenant-card-actions-main,
.tenant-card-actions-secondary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tenant-card-actions-main .tenant-card-action-share {
  grid-column: auto;
}

@media (max-width: 980px) {
  .tenant-settings-layout,
  .mymex-workspace-detail-grid {
    grid-template-columns: 1fr;
  }
  .mymex-workspace-detail-grid > article:first-child {
    grid-column: auto;
  }
  .mymex-workspace-detail-grid > article:first-child dl {
    grid-template-columns: 1fr;
  }
  .tenant-card-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .tenant-card-tile {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .tenant-card-preview {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  .tenant-card-actions-main,
  .tenant-card-actions-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tenant-card-actions-main .tenant-card-action-share,
  .tenant-card-actions-secondary > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
  .tenant-settings-form-card,
  .tenant-settings-aside .tenant-card,
  .mymex-workspace-detail-grid article {
    padding: 18px;
    border-radius: 18px;
  }
  .tenant-brand-upload {
    align-items: stretch;
    grid-template-columns: 1fr;
  }
  .tenant-brand-identity-preview {
    grid-template-columns: 1fr;
  }
  .tenant-brand-upload-actions {
    grid-template-columns: 1fr 1fr;
    min-width: 0;
  }
  .tenant-settings-aside {
    grid-template-columns: 1fr;
  }
  .mymex-workspace-detail-grid dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* Content Studio — single-surface iOS-style collection management. */
.ford-offerings-manager {
  width: min(1120px, 100%);
  margin-inline: auto;
}

.tenant-content-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 22px;
}

.tenant-content-hero-copy {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 17px;
}

.tenant-content-hero-mark {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 28%, rgba(15, 42, 70, .08));
  border-radius: 19px;
  color: var(--tenant-primary);
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.96), transparent 48%),
    color-mix(in srgb, var(--tenant-secondary) 11%, #fff);
  box-shadow: 0 14px 32px color-mix(in srgb, var(--tenant-primary) 11%, transparent);
}

.tenant-content-hero-mark svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tenant-content-hero h1 {
  margin: 5px 0 7px;
  color: var(--tenant-ink);
  font-size: clamp(38px, 5vw, 56px);
  line-height: .96;
  letter-spacing: -.055em;
}

.tenant-content-hero p {
  max-width: 650px;
  margin: 0;
  color: var(--tenant-muted);
  font-size: 15px;
  line-height: 1.6;
}

.tenant-content-icon-button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(15, 42, 70, .11);
  border-radius: 14px;
  background: rgba(255, 255, 255, .78);
  color: var(--tenant-primary);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 26px rgba(18, 46, 77, .06);
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.tenant-content-icon-button:hover {
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 12px 30px rgba(18, 46, 77, .1);
}

.tenant-content-icon-button svg,
.tenant-content-action svg,
.tenant-content-notify-button svg,
.tenant-content-gallery-button svg,
.tenant-content-sheet-symbol svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tenant-content-switch-row {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 18px;
  padding: 13px;
  border: 1px solid rgba(15, 42, 70, .08);
  border-radius: 20px;
  background: rgba(255,255,255,.62);
  box-shadow: 0 12px 30px rgba(18,46,77,.055), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.tenant-content-switch-label {
  padding: 0 4px;
  color: var(--tenant-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tenant-content-segmented {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 4px;
  border: 1px solid rgba(15, 42, 70, .09);
  border-radius: 15px;
  background: rgba(255, 255, 255, .66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 22px rgba(26, 53, 82, .05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.tenant-content-segmented a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 11px;
  color: var(--tenant-muted);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}

.tenant-content-segmented a:hover {
  color: var(--tenant-ink);
  background: rgba(255,255,255,.8);
}

.tenant-content-segmented a.is-active {
  background: linear-gradient(135deg, var(--tenant-primary), color-mix(in srgb, var(--tenant-primary) 68%, var(--tenant-secondary)));
  color: #fff;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--tenant-primary) 25%, transparent);
}

.tenant-content-workspace-picker label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tenant-muted);
  font-size: 12px;
  font-weight: 800;
}

.tenant-content-workspace-picker select {
  min-height: 42px;
  padding: 0 38px 0 13px;
  border: 1px solid rgba(15, 42, 70, .1);
  border-radius: 13px;
  background-color: rgba(255, 255, 255, .76);
  color: var(--tenant-ink);
  font: inherit;
}

.tenant-content-studio {
  overflow: hidden;
  border: 1px solid rgba(15, 42, 70, .08);
  border-radius: 30px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 28px 70px rgba(24, 53, 84, .11), inset 0 1px 0 rgba(255, 255, 255, .98);
  backdrop-filter: blur(22px) saturate(1.25);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
}

.ford-offerings-manager.is-listings .tenant-content-studio {
  position: relative;
  border-color: color-mix(in srgb, var(--tenant-secondary) 22%, rgba(15,42,70,.08));
}

.ford-offerings-manager.is-listings .tenant-content-studio::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0 24px auto;
  height: 2px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, transparent, var(--tenant-secondary), #28dca6, transparent);
  opacity: .85;
  pointer-events: none;
}

.tenant-content-studio-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(15, 42, 70, .07);
  background: rgba(248, 251, 255, .78);
}

.ford-offerings-manager.is-listings .tenant-content-studio-toolbar {
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--tenant-secondary) 10%, transparent), transparent 38%),
    rgba(248, 251, 255, .88);
}

.tenant-content-live-state {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.tenant-content-live-state > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #087b56;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.tenant-content-live-state i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #21c98a;
  box-shadow: 0 0 0 5px rgba(33, 201, 138, .13);
}

.tenant-content-live-state strong {
  overflow: hidden;
  color: var(--tenant-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tenant-content-layout-label {
  color: var(--tenant-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tenant-content-layout-pending {
  max-width: 230px;
  color: var(--tenant-muted);
  font-size: 11px;
  line-height: 1.4;
  text-align: right;
}

.tenant-content-studio-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tenant-content-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(15, 42, 70, .1);
  border-radius: 13px;
  background: #fff;
  color: var(--tenant-ink);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(18, 46, 77, .04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.tenant-content-action:hover {
  transform: translateY(-1px);
  border-color: rgba(15, 42, 70, .18);
  box-shadow: 0 9px 20px rgba(18, 46, 77, .08);
}

.tenant-content-action.is-primary {
  border-color: transparent;
  background: var(--tenant-primary);
  color: #fff;
  box-shadow: 0 9px 22px color-mix(in srgb, var(--tenant-primary) 24%, transparent);
}

.ford-offerings-manager.is-listings .tenant-content-action.is-primary {
  background: linear-gradient(135deg, var(--tenant-primary), #087da8 62%, #16b98d);
  box-shadow: 0 12px 27px color-mix(in srgb, var(--tenant-primary) 27%, transparent);
}

.tenant-content-action:disabled {
  opacity: .42;
  pointer-events: none;
}

.tenant-content-canvas {
  padding: 26px;
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--tenant-accent) 10%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(245, 249, 253, .74), rgba(255, 255, 255, .92));
}

.ford-offerings-manager.is-listings .tenant-content-canvas {
  background:
    linear-gradient(rgba(18, 72, 103, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 72, 103, .035) 1px, transparent 1px),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--tenant-secondary) 13%, transparent), transparent 35%),
    linear-gradient(180deg, #f5f9fc, #fff);
  background-size: 30px 30px, 30px 30px, auto, auto;
}

.tenant-content-canvas-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.tenant-content-canvas-heading h2 {
  margin: 5px 0 0;
  color: var(--tenant-ink);
  font-size: 21px;
  letter-spacing: -.025em;
}

.tenant-content-count {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(15, 42, 70, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .8);
  color: var(--tenant-muted);
  font-size: 11px;
  font-weight: 900;
}

.tenant-content-studio .tenant-content-preview-grid {
  gap: 12px;
}

.tenant-content-studio .tenant-content-preview-grid-specials,
.tenant-content-studio .tenant-content-preview-grid-listings {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tenant-content-studio .tenant-content-preview-grid-offerings {
  grid-template-columns: minmax(0, 1fr);
  width: min(680px, 100%);
  margin-inline: auto;
}

.tenant-content-studio .tenant-content-preview-grid figure {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(15, 42, 70, .09);
  border-radius: 18px;
  background: #eef3f8;
  box-shadow: 0 13px 34px rgba(18, 46, 77, .09);
}

.tenant-content-studio .tenant-content-preview-grid-specials figure img,
.tenant-content-studio .tenant-content-preview-grid-listings figure img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.tenant-content-studio .tenant-content-preview-grid-offerings figure img {
  display: block;
  width: 100%;
  height: clamp(330px, 48vh, 510px);
  object-fit: contain;
  object-position: center top;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(237, 244, 250, .96));
}

.tenant-content-more {
  display: block;
  min-height: 38px;
  margin: 17px auto 0;
  padding: 0 15px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 75, 135, .07);
  color: var(--tenant-primary);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.tenant-content-preview-empty {
  min-height: 310px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px dashed rgba(15, 42, 70, .17);
  border-radius: 22px;
  background: rgba(255, 255, 255, .58);
  color: var(--tenant-muted);
  text-align: center;
}

.tenant-content-preview-empty.is-listings {
  min-height: 390px;
  gap: 11px;
  padding: 34px;
  border-style: solid;
  border-color: color-mix(in srgb, var(--tenant-secondary) 20%, rgba(15,42,70,.09));
  background:
    radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--tenant-secondary) 13%, transparent), transparent 34%),
    rgba(255,255,255,.82);
  box-shadow: inset 0 1px 0 #fff, 0 18px 42px rgba(18,46,77,.055);
}

.tenant-listings-empty-visual {
  position: relative;
  width: 164px;
  height: 112px;
  margin-bottom: 6px;
  display: grid;
  grid-template-columns: 74px minmax(0,1fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 28%, #d9e5ef);
  border-radius: 21px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 20px 42px rgba(15,48,76,.13);
  transform: rotate(-1.5deg);
}

.tenant-listings-empty-visual::before,
.tenant-listings-empty-visual::after {
  content: "";
  position: absolute;
  width: 118px;
  height: 80px;
  border: 1px solid rgba(15,42,70,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.58);
  z-index: -1;
}

.tenant-listings-empty-visual::before { inset: 17px auto auto -25px; transform: rotate(-7deg); }
.tenant-listings-empty-visual::after { inset: 9px -25px auto auto; transform: rotate(7deg); }

.tenant-listings-empty-visual .is-photo {
  width: 74px;
  height: 84px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--tenant-primary);
  background: linear-gradient(145deg, color-mix(in srgb, var(--tenant-secondary) 15%, #eef8fc), #eaf1f7);
}

.tenant-listings-empty-visual .is-photo svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.tenant-listings-empty-visual .is-copy { padding-top: 7px; display: grid; align-content: start; gap: 7px; }
.tenant-listings-empty-visual .is-copy i { height: 6px; border-radius: 999px; background: #d9e4ee; }
.tenant-listings-empty-visual .is-copy i:nth-child(1) { width: 100%; background: #9fb3c7; }
.tenant-listings-empty-visual .is-copy i:nth-child(2) { width: 72%; }
.tenant-listings-empty-visual .is-copy i:nth-child(3) { width: 45%; }
.tenant-listings-empty-visual .is-price { position: absolute; right: 13px; bottom: 14px; color: #069b70; font-size: 17px; font-weight: 950; }

.tenant-content-preview-empty.is-listings strong { font-size: 21px; letter-spacing: -.025em; }
.tenant-content-preview-empty.is-listings > p { max-width: 530px; font-size: 13px; line-height: 1.55; }

.tenant-listings-empty-steps {
  margin: 7px 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.tenant-listings-empty-steps span {
  min-height: 34px;
  padding: 0 11px 0 7px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(15,42,70,.08);
  border-radius: 999px;
  color: #526b84;
  background: rgba(248,251,254,.92);
  font-size: 10px;
  font-weight: 800;
}

.tenant-listings-empty-steps b {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--tenant-primary);
  font-size: 9px;
}

.tenant-content-preview-empty.is-listings > button {
  min-height: 46px;
  padding: 0 19px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--tenant-primary), #087da8 62%, #18be91);
  box-shadow: 0 12px 26px color-mix(in srgb, var(--tenant-primary) 23%, transparent);
}

.tenant-content-preview-empty > span {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  background: rgba(0, 75, 135, .08);
  color: var(--tenant-primary);
  font-size: 28px;
}

.tenant-content-preview-empty strong {
  color: var(--tenant-ink);
  font-size: 18px;
}

.tenant-content-preview-empty p { margin: 0; }

.tenant-content-preview-empty button {
  margin-top: 8px;
  padding: 11px 16px;
  border: 0;
  border-radius: 12px;
  background: var(--tenant-primary);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.tenant-content-studio-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 20px;
  border-top: 1px solid rgba(15, 42, 70, .07);
  background: #fff;
}

.tenant-content-studio-footer > div {
  display: grid;
  gap: 3px;
}

.tenant-content-studio-footer strong {
  color: var(--tenant-ink);
  font-size: 13px;
}

.tenant-content-studio-footer span {
  color: var(--tenant-muted);
  font-size: 12px;
}

.tenant-content-notify-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 0;
  border-radius: 13px;
  background: rgba(0, 75, 135, .08);
  color: var(--tenant-primary);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

[data-setup-publish-target].is-setup-spotlight,
[data-setup-add-target].is-setup-spotlight {
  position: relative;
  z-index: 3;
  animation: mymexPublishSpotlight 1.05s ease-in-out 4;
  box-shadow: 0 0 0 6px rgba(16,184,137,.2),0 18px 42px rgba(4,72,116,.2);
}

@keyframes mymexPublishSpotlight {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-4px); box-shadow: 0 0 0 10px rgba(16,184,137,.11),0 22px 48px rgba(4,72,116,.24); }
}

.tenant-content-sheet-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10060;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(7, 21, 38, .42);
  backdrop-filter: blur(16px) saturate(.9);
  -webkit-backdrop-filter: blur(16px) saturate(.9);
}

.tenant-content-sheet-backdrop.is-open {
  display: flex;
  animation: tenantContentFadeIn .2s ease both;
}

.tenant-content-sheet {
  position: relative;
  width: min(590px, 100%);
  max-height: calc(100dvh - 44px);
  overflow: auto;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 30px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 34px 90px rgba(6, 24, 45, .26);
  animation: tenantContentSheetIn .28s cubic-bezier(.2, .8, .2, 1) both;
}

.tenant-content-sheet h2 {
  margin: 7px 44px 8px 0;
  color: var(--tenant-ink);
  font-size: 29px;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.tenant-setup-publish-guide .tenant-content-sheet { width: min(650px,100%); padding: 0; overflow: hidden; }
.tenant-setup-publish-guide .tenant-content-sheet-header { padding: 28px 30px 24px; color: #fff; background: linear-gradient(135deg,#071d3d,#075c7a); }
.tenant-setup-publish-guide .tenant-content-sheet-header h2,
.tenant-setup-publish-guide .tenant-content-sheet-header p,
.tenant-setup-publish-guide .tenant-content-sheet-header .tenant-eyebrow { color: #fff; }
.tenant-setup-publish-guide .tenant-content-sheet-header p { opacity: .82; }
.tenant-setup-publish-guide-body { padding: 24px 30px 28px; }
.tenant-setup-publish-guide-body ol { margin: 0 0 22px; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; list-style: none; }
.tenant-setup-publish-guide-body li { min-width: 0; padding: 15px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; border: 1px solid #d8e4ef; border-radius: 16px; background: #f7fafc; }
.tenant-setup-publish-guide-body li > b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: #71839a; }
.tenant-setup-publish-guide-body li.is-current { border-color: #80c6f5; background: #edf8ff; }
.tenant-setup-publish-guide-body li.is-current > b { background: linear-gradient(135deg,#0877df,#13bff0); }
.tenant-setup-publish-guide-body li.is-complete { border-color: #a5ddca; background: #edfaf5; }
.tenant-setup-publish-guide-body li.is-complete > b { background: #0ca678; }
.tenant-setup-publish-guide-body li span { min-width: 0; }
.tenant-setup-publish-guide-body li strong,
.tenant-setup-publish-guide-body li small { display: block; }
.tenant-setup-publish-guide-body li strong { color: #10233f; font-size: 12px; }
.tenant-setup-publish-guide-body li small { margin-top: 3px; color: #63758b; font-size: 10px; line-height: 1.4; }

@media (max-width: 680px) {
  .tenant-setup-publish-guide .tenant-content-sheet { max-height: 100dvh; border-radius: 0; }
  .tenant-setup-publish-guide .tenant-content-sheet-header { padding: 24px 20px 20px; }
  .tenant-setup-publish-guide-body { padding: 20px; }
  .tenant-setup-publish-guide-body ol { grid-template-columns: 1fr; }
  .tenant-setup-publish-guide-body .tenant-content-sheet-actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  [data-setup-publish-target].is-setup-spotlight,
  [data-setup-add-target].is-setup-spotlight,
  .tenant-setup-first-card-handoff.is-setup-highlighted,
  .tenant-setup-content-step.is-setup-highlighted { animation: none; }
}

.tenant-content-sheet > p {
  margin: 0 0 22px;
  color: var(--tenant-muted);
  line-height: 1.55;
}

.tenant-content-sheet-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: #edf2f7;
  color: var(--tenant-ink);
  font: 400 26px/1 sans-serif;
  cursor: pointer;
}

.tenant-content-sheet-form {
  display: grid;
  gap: 17px;
}

.tenant-content-gallery-button {
  width: 100%;
  min-height: 82px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 15px;
  border: 1px solid rgba(15, 42, 70, .1);
  border-radius: 18px;
  background: #f7f9fc;
  color: var(--tenant-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.tenant-content-gallery-button > svg {
  width: 46px;
  height: 46px;
  padding: 11px;
  border-radius: 14px;
  background: var(--tenant-primary);
  color: #fff;
}

.tenant-content-gallery-button > span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.tenant-content-gallery-button strong { font-size: 14px; }
.tenant-content-gallery-button small { color: var(--tenant-muted); font-size: 12px; }
.tenant-content-gallery-button b { color: var(--tenant-muted); font-size: 24px; font-weight: 500; }

.tenant-content-sheet-actions {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 10px;
  padding-top: 3px;
}

.tenant-content-sheet-actions .tenant-content-action {
  min-height: 48px;
}

.tenant-content-sheet-symbol {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 18px;
  background: rgba(0, 75, 135, .09);
  color: var(--tenant-primary);
}

.tenant-content-notify-field {
  display: grid;
  gap: 8px;
  color: var(--tenant-ink);
  font-size: 12px;
  font-weight: 850;
}

.tenant-content-notify-field input {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(15, 42, 70, .11);
  border-radius: 14px;
  background: #f7f9fc;
  color: var(--tenant-ink);
  font: inherit;
}

.tenant-content-publish-timing {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.tenant-content-publish-timing label {
  position: relative;
  display: block;
  cursor: pointer;
}

.tenant-content-publish-timing input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.tenant-content-publish-timing span {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 14px;
  border: 1px solid rgba(15, 42, 70, .11);
  border-radius: 16px;
  background: #f7f9fc;
  color: var(--tenant-ink);
}

.tenant-content-publish-timing input:checked + span {
  border-color: var(--tenant-primary);
  background: rgba(0, 75, 135, .07);
  box-shadow: inset 0 0 0 1px var(--tenant-primary);
}

.tenant-content-publish-timing strong { font-size: 13px; }
.tenant-content-publish-timing small { color: var(--tenant-muted); font-size: 11px; }

.tenant-content-push-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid rgba(15, 42, 70, .1);
  border-radius: 14px;
  background: #f7f9fc;
  color: var(--tenant-ink);
  font-size: 12px;
  cursor: pointer;
}

.tenant-content-push-toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.tenant-content-push-toggle span {
  position: relative;
  width: 36px;
  height: 21px;
  flex: 0 0 36px;
  border-radius: 999px;
  background: #cbd5e1;
  transition: background .18s ease;
}

.tenant-content-push-toggle span::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 42, 70, .2);
  transition: transform .18s ease;
}

.tenant-content-push-toggle input:checked + span { background: var(--tenant-primary); }
.tenant-content-push-toggle input:checked + span::after { transform: translateX(15px); }

.tenant-content-history {
  margin-top: 18px;
  padding: 22px;
  border: 1px solid rgba(15, 42, 70, .08);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(15, 42, 70, .06);
}

.tenant-content-history > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.tenant-content-history h2 { margin: 4px 0; color: var(--tenant-ink); font-size: 22px; letter-spacing: -.03em; }
.tenant-content-history p { margin: 0; color: var(--tenant-muted); font-size: 12px; }
.tenant-content-history > header > a { color: var(--tenant-primary); font-size: 12px; font-weight: 850; text-decoration: none; }
.tenant-content-history-list { display: grid; gap: 8px; }

.tenant-content-history-item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 10px 12px;
  border: 1px solid rgba(15, 42, 70, .08);
  border-radius: 15px;
  background: #f8fafc;
}

.tenant-content-history-version {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(0, 75, 135, .08);
  color: var(--tenant-primary);
  font-size: 12px;
  font-weight: 900;
}

.tenant-content-history-item > div { display: grid; gap: 3px; }
.tenant-content-history-item strong { color: var(--tenant-ink); font-size: 13px; }
.tenant-content-history-item small { color: var(--tenant-muted); font-size: 11px; }

.tenant-content-history-status {
  padding: 6px 9px;
  border-radius: 999px;
  background: #e8f7ee;
  color: #087443;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.tenant-content-history-item.is-scheduled .tenant-content-history-status { background: #fff6da; color: #8a5b00; }
.tenant-content-history-item.is-cancelled .tenant-content-history-status,
.tenant-content-history-item.is-failed .tenant-content-history-status { background: #f1f5f9; color: #64748b; }
.tenant-content-history-item form { margin: 0; }
.tenant-content-history-item form button { border: 0; background: transparent; color: #b42318; font: inherit; font-size: 11px; font-weight: 850; cursor: pointer; }

.ford-gallery-modal {
  width: min(1040px, 100%);
  max-height: calc(100dvh - 36px);
  border-radius: 28px;
  box-shadow: 0 34px 90px rgba(6, 24, 45, .25);
}

.ford-gallery-modal > header {
  padding-right: 52px;
}

.ford-gallery-modal > header .tenant-eyebrow {
  display: block;
  margin-bottom: 8px;
}

.ford-gallery-modal > header h2 {
  margin: 0;
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.ford-gallery-modal > header > span:last-child {
  display: block;
  max-width: 640px;
  margin-top: 9px;
  color: var(--tenant-muted);
  font-size: 14px;
  line-height: 1.55;
}

.ford-gallery-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ford-gallery-item {
  padding: 12px;
  border: 1px solid rgba(15, 42, 70, .09);
  border-radius: 18px;
  background: #f8fafc;
  box-shadow: none;
}

.ford-gallery-item .tenant-media-preview {
  overflow: hidden;
  border-radius: 13px;
}

.ford-gallery-item .tenant-media-preview img {
  width: 100%;
  height: auto;
  max-height: 260px;
  object-fit: contain;
}

.ford-gallery-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}

.ford-gallery-controls .ford-check-label {
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  border-radius: 12px;
  background: #fff;
}

/* Content studio live-QA fixes: portrait preview and compact collection editor. */
.tenant-content-studio .tenant-content-preview-grid-offerings {
  width: min(430px, 100%);
}

.tenant-content-studio .tenant-content-preview-grid-offerings figure img {
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}

.ford-gallery-modal {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  padding: 24px 24px 0;
}

.ford-gallery-close {
  position: absolute;
  top: 18px;
  right: 18px;
  margin: 0;
}

.ford-gallery-modal > header {
  padding: 2px 58px 18px 2px;
}

.ford-gallery-form {
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}

.ford-gallery-form .ford-gallery-grid {
  min-height: 0;
  overflow-y: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 10px;
  margin: 0;
  padding: 2px 4px 20px 2px;
}

.ford-gallery-form .ford-gallery-item {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px 92px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border-color: rgba(15, 42, 70, .08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(18, 46, 77, .055);
}

.ford-gallery-sequence {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: color-mix(in srgb, var(--tenant-primary) 9%, #fff);
  color: var(--tenant-primary);
  font-size: 12px;
  font-weight: 900;
}

.ford-gallery-form .ford-gallery-media {
  min-width: 0;
  gap: 0;
}

.ford-gallery-form .ford-gallery-media .tenant-media-preview {
  width: 92px;
  min-height: 0;
  aspect-ratio: 4 / 5;
  border: 0;
  border-radius: 12px;
  background: #edf3f8;
  box-shadow: none;
}

.ford-gallery-form .ford-gallery-media .tenant-media-preview img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
}

.ford-gallery-row-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 9px;
}

.ford-gallery-row-copy > strong {
  overflow: hidden;
  color: var(--tenant-ink);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ford-gallery-row-copy .tenant-media-actions {
  gap: 7px;
}

.ford-gallery-row-copy .tenant-button {
  min-height: 34px;
  padding: 0 11px;
  border-radius: 10px;
  font-size: 11px;
}

.ford-gallery-switch {
  width: fit-content;
  display: inline-grid;
  grid-template-columns: 38px auto;
  align-items: center;
  gap: 9px;
  cursor: pointer;
}

.ford-gallery-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.ford-gallery-switch > span {
  position: relative;
  width: 38px;
  height: 22px;
  border-radius: 999px;
  background: #c9d3df;
  box-shadow: inset 0 0 0 1px rgba(15, 42, 70, .06);
  transition: background .2s ease;
}

.ford-gallery-switch > span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(15, 42, 70, .22);
  transition: transform .2s cubic-bezier(.2, .8, .2, 1);
}

.ford-gallery-switch input:checked + span {
  background: #30c987;
}

.ford-gallery-switch input:checked + span::after {
  transform: translateX(16px);
}

.ford-gallery-switch input:focus-visible + span {
  outline: 3px solid color-mix(in srgb, var(--tenant-accent) 35%, transparent);
  outline-offset: 2px;
}

.ford-gallery-switch b {
  color: var(--tenant-muted);
  font-size: 11px;
  font-weight: 800;
}

.ford-gallery-reorder {
  display: grid;
  gap: 7px;
}

.ford-gallery-reorder button {
  width: 38px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(15, 42, 70, .09);
  border-radius: 11px;
  background: #f5f8fb;
  color: var(--tenant-primary);
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, opacity .16s ease;
}

.ford-gallery-reorder button:hover:not(:disabled) {
  background: color-mix(in srgb, var(--tenant-primary) 9%, #fff);
  transform: translateY(-1px);
}

.ford-gallery-reorder button:disabled {
  opacity: .25;
  cursor: default;
}

.ford-gallery-reorder svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ford-gallery-form .ford-modal-actions {
  position: relative;
  z-index: 2;
  justify-content: flex-end;
  margin: 0 -24px;
  padding: 14px 24px max(14px, env(safe-area-inset-bottom));
  border-top: 1px solid rgba(15, 42, 70, .08);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 -14px 34px rgba(18, 46, 77, .07);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

@keyframes tenantContentFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes tenantContentSheetIn {
  from { opacity: 0; transform: translateY(14px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 900px) {
  .ford-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .tenant-content-hero {
    align-items: center;
    margin-bottom: 18px;
  }

  .tenant-content-hero h1 {
    font-size: 38px;
  }

  .tenant-content-hero-copy { gap: 12px; }

  .tenant-content-hero-mark {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 16px;
  }

  .tenant-content-hero-mark svg { width: 23px; height: 23px; }

  .tenant-content-hero p {
    font-size: 13px;
  }

  .tenant-content-icon-button {
    width: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 999px;
  }

  .tenant-content-icon-button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .tenant-content-switch-row {
    padding: 10px;
    border-radius: 17px;
  }

  .tenant-content-segmented {
    width: 100%;
  }

  .tenant-content-workspace-picker label {
    align-items: stretch;
    flex-direction: column;
  }

  .tenant-content-studio {
    border-radius: 22px;
  }

  .tenant-content-studio-toolbar {
    align-items: stretch;
    flex-direction: column;
    padding: 14px;
  }

  .tenant-content-live-state {
    justify-content: space-between;
  }

  .tenant-content-studio-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
  }

  .tenant-content-action {
    min-width: 0;
    gap: 5px;
    padding: 0 6px;
    border-radius: 12px;
  }

  .tenant-content-action svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }

  .tenant-content-action span {
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tenant-content-canvas {
    padding: 14px;
  }

  .tenant-content-canvas-heading {
    align-items: flex-start;
  }

  .tenant-content-layout-pending {
    max-width: 190px;
    font-size: 10px;
  }

  .tenant-content-canvas-heading h2 {
    font-size: 17px;
  }

  .tenant-content-studio .tenant-content-preview-grid {
    gap: 7px;
  }

  .tenant-content-studio .tenant-content-preview-grid figure {
    border-radius: 12px;
  }

  .tenant-content-studio .tenant-content-preview-grid-offerings figure img {
    height: auto;
  }

  .tenant-content-preview-empty {
    min-height: 260px;
  }

  .tenant-content-preview-empty.is-listings {
    min-height: 420px;
    padding: 28px 18px;
  }

  .tenant-listings-empty-steps {
    width: min(260px, 100%);
    display: grid;
  }

  .tenant-listings-empty-steps span { justify-content: flex-start; }

  .tenant-content-studio-footer {
    align-items: stretch;
    flex-direction: column;
    padding: 15px;
  }

  .tenant-content-notify-button {
    width: 100%;
    min-height: 46px;
  }

  .tenant-content-sheet-backdrop {
    padding: 0;
  }

  .tenant-content-sheet {
    width: 100%;
    max-height: 100dvh;
    min-height: 100dvh;
    padding: 76px 20px max(24px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
  }

  .tenant-content-sheet-close {
    top: max(18px, env(safe-area-inset-top));
    right: 18px;
  }

  .tenant-content-sheet h2 {
    font-size: 31px;
  }

  .tenant-content-sheet-actions {
    position: sticky;
    bottom: 0;
    margin: 8px -4px -8px;
    padding: 10px 4px 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 28%);
  }

  .ford-gallery-modal {
    width: 100%;
    max-height: 100dvh;
    min-height: 100dvh;
    padding: max(22px, env(safe-area-inset-top)) 16px 0;
    border-radius: 0;
  }

  .ford-gallery-backdrop {
    padding: 0;
  }

  .ford-gallery-grid {
    grid-template-columns: 1fr;
  }

  .ford-gallery-modal > header {
    padding: 50px 46px 15px 0;
  }

  .ford-gallery-form .ford-gallery-grid {
    padding-right: 1px;
  }

  .ford-gallery-form .ford-gallery-item {
    grid-template-columns: 30px 72px minmax(0, 1fr) 36px;
    gap: 9px;
    padding: 9px;
    border-radius: 16px;
  }

  .ford-gallery-sequence {
    width: 28px;
    height: 28px;
    border-radius: 9px;
  }

  .ford-gallery-form .ford-gallery-media .tenant-media-preview {
    width: 72px;
    border-radius: 10px;
  }

  .ford-gallery-row-copy > strong {
    font-size: 12px;
  }

  .ford-gallery-row-copy .tenant-button {
    min-height: 32px;
    padding-inline: 9px;
    font-size: 10px;
  }

  .ford-gallery-switch b {
    font-size: 10px;
  }

  .ford-gallery-reorder button {
    width: 34px;
    height: 32px;
  }

  .ford-gallery-form .ford-modal-actions {
    margin-inline: -16px;
    padding-inline: 16px;
  }

  .ford-gallery-form .ford-modal-actions > button {
    flex: 1;
    min-height: 46px;
  }
}

/* Phase 2 authoritative overrides remain last so legacy tenant bridge rules
   cannot restore the older oversized staff-card layout. */
.tenant-page-heading h1 {
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 760;
  line-height: 1.04;
}
.tenant-page-heading p { font-size: 14px; line-height: 1.58; }
.tenant-card h2,
.tenant-card h3 { font-weight: 760; }
.tenant-file-input { min-height: 50px; padding: 5px; font-size: 12px; }
.tenant-file-input::file-selector-button {
  min-height: 38px;
  margin-right: 10px;
  padding: 8px 13px;
  border-radius: 10px;
  font-size: 12px;
}
.tenant-card-list {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 14px;
  align-items: stretch;
}
.tenant-card-tile {
  position: relative;
  min-height: 0;
  padding: 17px;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 15px;
  align-items: start;
  overflow: visible;
}
.tenant-card-tile.is-main-tenant {
  border-color: #84cada;
  background:
    radial-gradient(circle at 96% 4%, rgba(36, 189, 221, .16), transparent 145px),
    linear-gradient(145deg, #f8fdff, #edf9fc);
  box-shadow: 0 18px 42px rgba(8, 94, 129, .14), inset 0 1px 0 rgba(255,255,255,.92);
}
.tenant-card-tile.is-main-tenant::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 26px 0 0 26px;
  background: linear-gradient(180deg, #0a94d2, #27c99b);
}
.tenant-card-main-flag {
  width: fit-content;
  margin: 0 0 7px;
  padding: 5px 8px 5px 6px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border: 1px solid #a9dfe8;
  border-radius: 999px;
  color: #08698d;
  background: rgba(225, 249, 249, .9);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}
.tenant-card-main-flag span {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #078bc7, #23bd91);
  font-size: 9px;
}
.tenant-card-preview {
  width: 78px;
  height: 78px;
  min-height: 0;
  aspect-ratio: 1;
  overflow: visible;
  border: 4px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #dce9f5, #f7fbff);
  box-shadow: 0 12px 28px rgba(15, 43, 78, .15);
}
.tenant-card-preview img {
  overflow: hidden;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.tenant-card-preview::after { display: none; }
.tenant-card-status {
  top: auto;
  bottom: -8px;
  left: 50%;
  padding: 4px 8px;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 9px;
}
.tenant-card-status.is-live { background: #07883f; }
.tenant-card-status.is-offline { background: #cf2e2e; }
.tenant-card-tile-body { min-width: 0; padding: 0; }
.tenant-card-tile-body h2 {
  overflow: hidden;
  margin: 1px 0 0;
  font-size: 17px;
  font-weight: 780;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tenant-card-identity { margin: 7px 0 8px; display: grid; gap: 2px; }
.tenant-card-identity span {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tenant-card-identity small { font-size: 8px; }
.tenant-card-identity strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; }
.tenant-card-meta { margin: 0 0 9px; gap: 12px; font-size: 10px; }
.tenant-card-actions-main {
  display: grid;
  grid-template-columns: repeat(5, minmax(28px, 36px));
  gap: 6px;
  align-items: center;
}
.tenant-card-actions-secondary {
  margin-top: 8px;
  padding-top: 8px;
  display: grid;
  grid-template-columns: repeat(4, 36px);
  gap: 6px;
  align-items: center;
  border-top: 1px solid color-mix(in srgb, var(--tenant-line) 82%, transparent);
}
.tenant-card-actions form { width: auto; min-width: 0; margin: 0; }
.tenant-card-actions .tenant-button {
  position: relative;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 11px;
}
.tenant-card-actions-main .tenant-button { width: 100%; min-width: 0; }
.tenant-card-actions .tenant-button svg { width: 16px; height: 16px; }
/* Platform Knowledge Centre */
.mymex-knowledge-page { display: grid; gap: 22px; }
.mymex-knowledge-hero {
  position: relative;
  min-height: 250px;
  padding: 38px 42px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0,1fr) 230px;
  gap: 28px;
  align-items: center;
  border: 1px solid rgba(31,94,156,.16);
  border-radius: 30px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 14%, rgba(33,174,246,.28), transparent 31%),
    linear-gradient(135deg, #061a37 0%, #0a315b 58%, #075a9c 130%);
  box-shadow: 0 26px 70px rgba(8,31,64,.18);
}
.mymex-knowledge-hero::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,transparent,#000); }
.mymex-knowledge-hero > * { position: relative; z-index: 1; }
.mymex-knowledge-hero .tenant-eyebrow { color: #70d2ff; }
.mymex-knowledge-hero h1 { max-width: 720px; margin: 8px 0 12px; color: #fff; font-size: clamp(38px,5vw,66px); line-height: .95; letter-spacing: -.055em; }
.mymex-knowledge-hero p { max-width: 680px; margin: 0; color: #c7dbef; font-size: 15px; line-height: 1.65; }
.mymex-knowledge-orbit { position:relative; width:190px; height:190px; justify-self:center; display:grid; place-items:center; border:1px solid rgba(117,210,255,.32); border-radius:50%; box-shadow:inset 0 0 48px rgba(8,140,232,.18),0 0 60px rgba(18,158,239,.12); }
.mymex-knowledge-orbit::before,.mymex-knowledge-orbit::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(117,210,255,.2); }
.mymex-knowledge-orbit::before { inset:20px; }
.mymex-knowledge-orbit::after { inset:42px; border-style:dashed; animation:mymex-knowledge-spin 18s linear infinite; }
.mymex-knowledge-orbit span { position:absolute; inset:-7px; border-radius:50%; border-top:2px solid #47c5ff; border-right:2px solid transparent; animation:mymex-knowledge-spin 9s linear infinite; }
.mymex-knowledge-orbit i { position:absolute; width:12px; height:12px; top:20px; right:20px; border-radius:50%; background:#5ed5ff; box-shadow:0 0 24px #5ed5ff; }
.mymex-knowledge-orbit b { width:72px; height:72px; display:grid; place-items:center; border-radius:24px; color:#fff; background:linear-gradient(145deg,#0b76c9,#1ec3ff); box-shadow:0 18px 44px rgba(0,163,255,.34); font-size:34px; }
@keyframes mymex-knowledge-spin { to { transform:rotate(360deg); } }

.mymex-knowledge-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.mymex-knowledge-stats article { position:relative; min-width:0; padding:20px 22px; overflow:hidden; border:1px solid #dce6f1; border-radius:20px; background:#fff; box-shadow:0 14px 34px rgba(15,40,72,.06); }
.mymex-knowledge-stats article::after { content:""; position:absolute; width:70px; height:70px; right:-24px; bottom:-30px; border-radius:50%; background:#e8f5ff; }
.mymex-knowledge-stats span,.mymex-knowledge-stats small { position:relative; z-index:1; display:block; color:#61748f; }
.mymex-knowledge-stats span { font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.mymex-knowledge-stats strong { position:relative; z-index:1; display:block; margin:6px 0 3px; color:#10223b; font-size:34px; line-height:1; }
.mymex-knowledge-stats small { font-size:11px; }

.mymex-knowledge-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr); gap:18px; align-items:start; }
.mymex-knowledge-upload,.mymex-knowledge-flow { padding:26px; border-radius:24px; }
.mymex-knowledge-section-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; margin-bottom:18px; }
.mymex-knowledge-section-head h2 { margin:4px 0 0; font-size:25px; }
.mymex-knowledge-step { min-width:42px; height:42px; padding:0 10px; display:grid; place-items:center; border-radius:13px; color:#075a9c; background:#e8f4ff; font-size:11px; font-weight:950; letter-spacing:.1em; }
.mymex-knowledge-version-note { margin:-5px 0 18px; padding:12px 14px; border-radius:13px; color:#604300; background:#fff7dc; font-size:12px; line-height:1.5; }
.mymex-knowledge-form { display:grid; gap:15px; }
.mymex-knowledge-form label,.mymex-knowledge-filters label { min-width:0; display:grid; gap:7px; color:#263b57; font-size:11px; font-weight:900; }
.mymex-knowledge-form input:not([type=file]),.mymex-knowledge-form select,.mymex-knowledge-form textarea,.mymex-knowledge-filters input,.mymex-knowledge-filters select { width:100%; min-width:0; border:1px solid #d5e1ed; border-radius:13px; color:#10223b; background:#f8fbff; font:inherit; font-weight:650; }
.mymex-knowledge-form input:not([type=file]),.mymex-knowledge-form select,.mymex-knowledge-filters input,.mymex-knowledge-filters select { min-height:47px; padding:10px 13px; }
.mymex-knowledge-form textarea { min-height:180px; padding:14px; resize:vertical; line-height:1.55; }
.mymex-knowledge-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.mymex-knowledge-file { min-height:86px; padding:16px; display:flex!important; justify-content:space-between; gap:16px; align-items:center; border:1px dashed #9ab9d7; border-radius:16px; background:linear-gradient(135deg,#f7fbff,#edf7ff); cursor:pointer; }
.mymex-knowledge-file span { display:grid; gap:4px; }
.mymex-knowledge-file strong { color:#10223b; font-size:13px; }
.mymex-knowledge-file small { color:#6c7f99; font-size:10px; }
.mymex-knowledge-file input { max-width:220px; color:#4d6380; font-size:10px; }
.mymex-knowledge-divider { position:relative; display:grid; place-items:center; color:#8696aa; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.mymex-knowledge-divider::before { content:""; position:absolute; left:0; right:0; height:1px; background:#e2eaf2; }
.mymex-knowledge-divider span { position:relative; padding:0 12px; background:#fff; }
.mymex-knowledge-safety { margin:0; padding:12px 14px; border-left:3px solid #1ca36d; border-radius:4px 12px 12px 4px; color:#46617c; background:#f2fbf7; font-size:11px; line-height:1.5; }
.mymex-knowledge-form-actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }

.mymex-knowledge-flow ol { margin:0; padding:0; display:grid; gap:10px; list-style:none; }
.mymex-knowledge-flow li { padding:12px; display:flex; gap:11px; align-items:center; border:1px solid #e0e9f2; border-radius:15px; background:#fbfdff; }
.mymex-knowledge-flow li b { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; color:#075a9c; background:#e8f4ff; font-size:11px; }
.mymex-knowledge-flow li span { min-width:0; display:grid; gap:2px; }
.mymex-knowledge-flow li strong { color:#122942; font-size:12px; }
.mymex-knowledge-flow li small { color:#71839a; font-size:10px; line-height:1.35; }
.mymex-knowledge-rule { margin-top:15px; padding:16px; display:grid; gap:6px; border-radius:16px; color:#d7ecff; background:#0a2d52; }
.mymex-knowledge-rule span { color:#62ccff; font-size:9px; font-weight:950; letter-spacing:.11em; text-transform:uppercase; }
.mymex-knowledge-rule strong { font-size:12px; line-height:1.5; }

.mymex-knowledge-library { padding:26px; border:1px solid #dce6f1; border-radius:26px; background:#f8fbff; box-shadow:0 18px 46px rgba(15,40,72,.07); }
.mymex-knowledge-library-head { display:flex; justify-content:space-between; gap:16px; margin-bottom:18px; }
.mymex-knowledge-library-head h2 { margin:4px 0 3px; font-size:29px; }
.mymex-knowledge-library-head p { margin:0; color:#71839a; font-size:11px; }
.mymex-knowledge-filters { margin-bottom:17px; padding:14px; display:grid; grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(130px,.7fr)) auto; gap:10px; align-items:end; border:1px solid #dfe8f1; border-radius:17px; background:#fff; }
.mymex-knowledge-list { display:grid; gap:11px; }
.mymex-knowledge-document { overflow:hidden; border:1px solid #dce6ef; border-radius:18px; background:#fff; transition:border-color .18s ease,box-shadow .18s ease; }
.mymex-knowledge-document:hover { border-color:#b9d2e8; box-shadow:0 13px 30px rgba(15,54,91,.07); }
.mymex-knowledge-document-main { min-width:0; padding:15px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:13px; align-items:center; }
.mymex-knowledge-doc-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:#075a9c; background:#eaf5ff; }
.mymex-knowledge-doc-icon svg { width:22px; height:22px; }
.mymex-knowledge-doc-meta { display:flex; flex-wrap:wrap; gap:6px; align-items:center; color:#71839a; font-size:9px; font-weight:800; }
.mymex-knowledge-doc-meta > span:not(.mymex-knowledge-status) { padding:4px 7px; border-radius:999px; background:#f0f5fa; }
.mymex-knowledge-document h3 { margin:6px 0 3px; color:#10223b; font-size:15px; line-height:1.25; }
.mymex-knowledge-document p { margin:0; color:#71839a; font-size:10px; }
.mymex-knowledge-status { padding:4px 8px; border-radius:999px; font-size:8px; font-weight:950; letter-spacing:.06em; text-transform:uppercase; }
.mymex-knowledge-status.is-approved { color:#08724b; background:#dcf8eb; }
.mymex-knowledge-status.is-draft { color:#8a5b00; background:#fff1c9; }
.mymex-knowledge-status.is-archived { color:#667085; background:#e9eef3; }
.mymex-knowledge-document-actions { display:flex; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.mymex-knowledge-document-actions form { margin:0; }
.mymex-knowledge-document-actions .tenant-button { min-height:36px; padding:8px 10px; border-radius:10px; font-size:9px; }
.mymex-knowledge-review { padding:18px 20px 20px; border-top:1px solid #dfe8f1; background:#0c2039; }
.mymex-knowledge-review > div { margin-bottom:10px; display:flex; justify-content:space-between; gap:12px; color:#92aac1; font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.mymex-knowledge-review pre { max-height:420px; margin:0; padding:17px; overflow:auto; border:1px solid rgba(170,204,235,.14); border-radius:14px; color:#dceaf7; background:#07182e; white-space:pre-wrap; overflow-wrap:anywhere; font:500 11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; }
.mymex-knowledge-review small { display:block; margin-top:10px; color:#8fa7be; font-size:9px; }
.mymex-knowledge-empty { padding:42px 20px; display:grid; gap:5px; place-items:center; border:1px dashed #b8cce0; border-radius:18px; color:#71839a; background:#fff; text-align:center; }
.mymex-knowledge-empty strong { color:#18304b; }

@media (max-width:1080px) {
  .mymex-knowledge-hero { grid-template-columns:minmax(0,1fr) 170px; }
  .mymex-knowledge-orbit { width:150px; height:150px; }
  .mymex-knowledge-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mymex-knowledge-filters .tenant-button { width:100%; }
  .mymex-knowledge-document-main { grid-template-columns:44px minmax(0,1fr); }
  .mymex-knowledge-document-actions { grid-column:1/-1; justify-content:flex-start; padding-left:57px; }
}
@media (max-width:760px) {
  .mymex-knowledge-page { gap:14px; }
  .mymex-knowledge-hero { min-height:0; padding:26px 22px; grid-template-columns:1fr; border-radius:22px; }
  .mymex-knowledge-hero h1 { font-size:40px; }
  .mymex-knowledge-orbit { display:none; }
  .mymex-knowledge-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .mymex-knowledge-stats article { padding:15px; border-radius:16px; }
  .mymex-knowledge-layout { grid-template-columns:1fr; }
  .mymex-knowledge-upload,.mymex-knowledge-flow,.mymex-knowledge-library { padding:18px; border-radius:20px; }
  .mymex-knowledge-form-grid,.mymex-knowledge-filters { grid-template-columns:1fr; }
  .mymex-knowledge-file { align-items:flex-start; flex-direction:column; }
  .mymex-knowledge-file input { max-width:100%; }
  .mymex-knowledge-document-main { grid-template-columns:38px minmax(0,1fr); padding:13px; }
  .mymex-knowledge-doc-icon { width:38px; height:38px; }
  .mymex-knowledge-document-actions { padding-left:51px; }
  .mymex-knowledge-document-actions .tenant-button { min-height:34px; }
  .mymex-knowledge-review { padding:14px; }
  .mymex-knowledge-review > div { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  .mymex-knowledge-orbit::after,.mymex-knowledge-orbit span { animation:none; }
}

.tenant-analytics-filter {
  margin-bottom: 18px;
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  align-items: end;
}
.tenant-analytics-filter label {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.tenant-analytics-filter [data-analytics-custom][hidden] { display: none !important; }
.tenant-analytics-filter label > span {
  color: var(--tenant-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tenant-analytics-filter select,
.tenant-analytics-filter input {
  width: 100%;
  min-height: 44px;
  padding: 9px 12px;
  color: var(--tenant-ink);
  border: 1px solid var(--tenant-line);
  border-radius: 12px;
  background: #f8fbff;
  outline: none;
}
.tenant-analytics-filter select:focus,
.tenant-analytics-filter input:focus {
  border-color: var(--tenant-secondary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--tenant-secondary) 14%, transparent);
}
.tenant-analytics-filter > .tenant-button { min-height: 44px; }
.tenant-analytics-filter > p {
  grid-column: 1 / -1;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 14px;
  color: var(--tenant-muted);
  font-size: 12px;
}
.tenant-analytics-filter > p strong { color: var(--tenant-ink); }

@media (max-width: 680px) {
  .tenant-main { padding: 20px 14px 34px; }
  .tenant-page-heading { margin-bottom: 22px; }
  .tenant-page-heading h1 { font-size: 30px; }
  .tenant-card-list { grid-template-columns: 1fr; }
  .tenant-card-tile {
    grid-template-columns: 78px minmax(0, 1fr);
    padding: 15px;
    border-radius: 20px;
  }
  .tenant-card-preview { width: 74px; height: 74px; }
  .mymex-admin-tooltip { display: none; }
  .tenant-analytics-filter { grid-template-columns: 1fr; padding: 15px; }
  .tenant-analytics-filter > .tenant-button { width: 100%; }
}

/* Analytics workspace: card-scoped, animated customer intelligence. */
.tenant-analytics-heading {
  align-items: flex-end;
  gap: 28px;
}
.tenant-analytics-heading > div:first-child { max-width: 760px; }
.tenant-analytics-heading-badge {
  min-width: 240px;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 20%, var(--tenant-line));
  border-radius: 18px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 18px 45px rgba(8,34,67,.08);
  backdrop-filter: blur(16px);
}
.tenant-analytics-heading-badge .tenant-live-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00c889;
  box-shadow: 0 0 0 6px rgba(0,200,137,.12), 0 0 20px rgba(0,200,137,.45);
  animation: analyticsPulse 2.2s ease-in-out infinite;
}
.tenant-analytics-heading-badge strong { color: var(--tenant-ink); font-size: 14px; }
.tenant-analytics-heading-badge small { grid-column: 2; margin-top: 3px; color: var(--tenant-muted); font-size: 11px; }
.tenant-analytics-card-switcher {
  margin-bottom: 14px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(170px,.35fr) minmax(0,1.65fr);
  gap: 18px;
  align-items: center;
  overflow: hidden;
}
.tenant-analytics-switcher-copy { display: grid; gap: 5px; }
.tenant-analytics-switcher-copy strong { color: var(--tenant-ink); font-size: 14px; line-height: 1.35; }
.tenant-analytics-card-options {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  padding: 2px;
}
.tenant-analytics-card-option {
  position: relative;
  min-width: 0;
  min-height: 68px;
  padding: 9px 34px 9px 9px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  color: inherit;
  border: 1px solid var(--tenant-line);
  border-radius: 16px;
  background: #f7faff;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}
.tenant-analytics-card-option:hover,
.tenant-analytics-card-option:focus-visible {
  border-color: color-mix(in srgb, var(--tenant-secondary) 52%, var(--tenant-line));
  box-shadow: 0 12px 28px rgba(5,42,83,.1);
  transform: translateY(-2px);
  outline: none;
}
.tenant-analytics-card-option.is-active {
  border-color: color-mix(in srgb, var(--tenant-secondary) 65%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--tenant-primary) 7%, #fff), color-mix(in srgb, var(--tenant-secondary) 10%, #fff));
  box-shadow: 0 13px 30px color-mix(in srgb, var(--tenant-primary) 13%, transparent);
}
.tenant-analytics-card-option > span:nth-child(2) { min-width: 0; display: grid; }
.tenant-analytics-card-option strong,
.tenant-analytics-card-option small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-analytics-card-option strong { color: var(--tenant-ink); font-size: 12px; }
.tenant-analytics-card-option small { margin-top: 3px; color: var(--tenant-muted); font-size: 10px; }
.tenant-analytics-card-option > i {
  position: absolute;
  right: 14px;
  width: 10px;
  height: 10px;
  border: 2px solid #b9c7d9;
  border-radius: 50%;
}
.tenant-analytics-card-option.is-active > i { border-color: #fff; background: var(--tenant-secondary); box-shadow: 0 0 0 3px var(--tenant-secondary); }
.tenant-analytics-card-avatar {
  width: 48px;
  height: 48px;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex: 0 0 48px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
  box-shadow: 0 8px 18px rgba(5,42,83,.18);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
}
.tenant-analytics-card-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.tenant-analytics-card-avatar-all { font-size: 9px; }
.tenant-analytics-date-filter { grid-template-columns: minmax(170px,.6fr) repeat(2,minmax(150px,.5fr)) auto minmax(210px,1fr); }
.tenant-analytics-date-filter > p { grid-column: auto; justify-self: end; text-align: right; }
.tenant-analytics-date-filter > p span { width: 100%; }
.tenant-analytics-metrics { gap: 14px; }
.tenant-analytics-metric {
  position: relative;
  min-height: 184px;
  overflow: hidden;
  isolation: isolate;
  transition: transform .25s ease, box-shadow .25s ease;
}
.tenant-analytics-metric::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 150px;
  height: 150px;
  right: -55px;
  top: -70px;
  border-radius: 50%;
  background: var(--metric-glow, rgba(8,123,241,.12));
  filter: blur(2px);
}
.tenant-analytics-metric:hover { transform: translateY(-4px); box-shadow: 0 24px 55px rgba(5,42,83,.13); }
.tenant-analytics-metric.is-blue { --metric-color:#087bf1; --metric-glow:rgba(8,123,241,.16); }
.tenant-analytics-metric.is-violet { --metric-color:#8b5cf6; --metric-glow:rgba(139,92,246,.15); }
.tenant-analytics-metric.is-green { --metric-color:#00a977; --metric-glow:rgba(0,200,137,.15); }
.tenant-analytics-metric.is-orange { --metric-color:#ed7b19; --metric-glow:rgba(255,173,31,.18); }
.tenant-analytics-metric-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tenant-analytics-metric-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: var(--metric-color);
  border: 1px solid color-mix(in srgb, var(--metric-color) 22%, transparent);
  border-radius: 11px;
  background: color-mix(in srgb, var(--metric-color) 9%, #fff);
  font-size: 11px;
  font-weight: 900;
}
.tenant-analytics-metric > strong { color: var(--tenant-ink); font-size: clamp(38px,4vw,54px); line-height: 1; letter-spacing: -.045em; }
.tenant-analytics-metric > span { color: var(--tenant-muted); font-size: 12px; }
.tenant-analytics-metric > em {
  width: fit-content;
  margin-top: 3px;
  padding: 5px 8px;
  color: #657891;
  border-radius: 999px;
  background: #eef3f8;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.tenant-analytics-metric > em.is-up { color: #057b58; background: #e5f8f1; }
.tenant-analytics-metric > em.is-down { color: #bd402d; background: #fff0ed; }
.tenant-analytics-visual-card {
  border-color: color-mix(in srgb, var(--tenant-secondary) 8%, var(--tenant-line));
  box-shadow: 0 22px 52px rgba(5,42,83,.08);
}
.tenant-chart-heading p,
.tenant-donut-card > div:first-child > p { margin: 7px 0 0; color: var(--tenant-muted); font-size: 12px; }
.tenant-chart-key { flex-wrap: wrap; justify-content: flex-end; }
.tenant-chart-key span {
  padding: 8px 10px;
  border: 1px solid var(--tenant-line);
  border-radius: 11px;
  background: #f8fbff;
}
.tenant-chart-key strong { margin-left: 3px; font-size: 14px; }
.tenant-chart-area { opacity: .2; transform-origin: bottom; transform: scaleY(0); transition: transform 1.1s cubic-bezier(.2,.75,.25,1), opacity .7s ease; }
.tenant-chart-line { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.45s cubic-bezier(.2,.75,.25,1); }
.tenant-chart-line-total { stroke: #087bf1; }
.tenant-chart-line-views { stroke: #00b982; stroke-width: 2.5; filter: drop-shadow(0 5px 7px rgba(0,185,130,.22)); transition-delay: .16s; }
.tenant-chart-point {
  fill: #fff;
  stroke: #087bf1;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0);
  transition: opacity .25s ease var(--point-delay), transform .45s cubic-bezier(.2,1.7,.3,1) var(--point-delay);
}
.tenant-analytics-trend.is-visible .tenant-chart-area { opacity: 1; transform: scaleY(1); }
.tenant-analytics-trend.is-visible .tenant-chart-line { stroke-dashoffset: 0; }
.tenant-analytics-trend.is-visible .tenant-chart-point { opacity: 1; transform: scale(1); }
.tenant-donut-card { overflow: hidden; }
.tenant-donut {
  position: relative;
  opacity: 0;
  transform: rotate(-145deg) scale(.55);
  transition: opacity .45s ease, transform 1.1s cubic-bezier(.2,1.35,.3,1);
}
.tenant-donut::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  background: linear-gradient(120deg, rgba(255,255,255,.34), transparent 40%);
  pointer-events: none;
}
.tenant-donut-card.is-visible .tenant-donut { opacity: 1; transform: rotate(0) scale(1); }
.tenant-chart-legend > div { position: relative; padding-bottom: 9px; }
.tenant-chart-legend span { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.tenant-chart-legend span small { color: #91a0b3; font-size: 9px; font-weight: 750; }
.tenant-chart-legend > div > em {
  position: absolute;
  left: 19px;
  right: 0;
  bottom: 0;
  height: 3px;
  overflow: hidden;
  border-radius: 99px;
  background: #e9eff6;
}
.tenant-chart-legend > div > em::after {
  content: "";
  width: var(--legend-width);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: var(--legend);
  transform-origin: left;
  transform: scaleX(0);
  transition: transform .85s ease .28s;
}
.tenant-donut-card.is-visible .tenant-chart-legend > div > em::after { transform: scaleX(1); }
.tenant-card-performance > a {
  position: relative;
  padding: 12px 38px 12px 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 20px;
  align-items: center;
  color: inherit;
  border-bottom: 1px solid var(--tenant-line);
  text-decoration: none;
  transition: padding .2s ease, background .2s ease;
}
.tenant-card-performance > a:hover,
.tenant-card-performance > a:focus-visible { margin-inline: -10px; padding-left: 10px; padding-right: 48px; border-radius: 14px; background: #f5f9fe; outline: none; }
.tenant-card-performance-person { min-width: 0; display: flex !important; gap: 11px; align-items: center; }
.tenant-card-performance-person > span { min-width: 0; }
.tenant-card-performance .tenant-analytics-card-avatar { width: 42px; height: 42px; flex-basis: 42px; font-size: 10px; }
.tenant-card-performance > a > span:not(.tenant-card-performance-person) { display: grid; text-align: right; }
.tenant-card-performance > a > i { position: absolute; right: 10px; color: var(--tenant-secondary); font-size: 24px; font-style: normal; }
.tenant-event-bars em { width: 0; transition: width .9s cubic-bezier(.2,.75,.25,1) var(--bar-delay); }
.tenant-analytics-visual-card.is-visible .tenant-event-bars em { width: var(--bar-width); }
.tenant-analytics-page-performance { margin-top: 18px; }
.tenant-analytics-data-note {
  padding: 8px 11px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #087457;
  border: 1px solid rgba(0,185,130,.2);
  border-radius: 999px;
  background: rgba(0,185,130,.08);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.tenant-analytics-data-note i { width: 7px; height: 7px; border-radius: 50%; background: #00b982; box-shadow: 0 0 0 4px rgba(0,185,130,.11); }
.tenant-analytics-page-grid { margin-top: 22px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.tenant-analytics-page-grid > article {
  position: relative;
  min-width: 0;
  padding: 14px 16px 18px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 62px 62px 66px;
  gap: 12px;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--tenant-line);
  border-radius: 18px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--page-accent) 5%, #fff), #fff 58%);
  opacity: 0;
  transform: translateY(12px);
  transition: border-color .2s ease, box-shadow .2s ease, opacity .45s ease var(--page-delay), transform .55s ease var(--page-delay);
}
.tenant-analytics-page-performance.is-visible .tenant-analytics-page-grid > article { opacity: 1; transform: translateY(0); }
.tenant-analytics-page-grid > article:hover { border-color: color-mix(in srgb, var(--page-accent) 38%, var(--tenant-line)); box-shadow: 0 14px 32px rgba(5,42,83,.08); }
.tenant-analytics-page-name { min-width: 0; display: flex; align-items: center; gap: 11px; }
.tenant-analytics-page-name > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  color: var(--page-accent);
  border: 1px solid color-mix(in srgb, var(--page-accent) 22%, transparent);
  border-radius: 11px;
  background: color-mix(in srgb, var(--page-accent) 9%, #fff);
  font-size: 10px;
  font-weight: 900;
}
.tenant-analytics-page-name > div,
.tenant-analytics-page-metric { min-width: 0; display: grid; }
.tenant-analytics-page-name strong { overflow: hidden; color: var(--tenant-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.tenant-analytics-page-name small,
.tenant-analytics-page-metric small { margin-top: 3px; color: var(--tenant-muted); font-size: 9px; }
.tenant-analytics-page-metric { text-align: center; }
.tenant-analytics-page-metric strong { color: var(--tenant-ink); font-size: 19px; }
.tenant-analytics-ctr {
  width: 58px;
  height: 58px;
  padding: 5px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--page-accent) var(--page-ctr), #e7eef6 0);
  transform: rotate(-110deg) scale(.7);
  opacity: 0;
  transition: transform .8s cubic-bezier(.2,1.35,.3,1) calc(var(--page-delay) + .18s), opacity .3s ease calc(var(--page-delay) + .18s);
}
.tenant-analytics-page-performance.is-visible .tenant-analytics-ctr { transform: rotate(0) scale(1); opacity: 1; }
.tenant-analytics-ctr::before { content: ""; grid-area: 1/1; width: 45px; height: 45px; border-radius: 50%; background: #fff; }
.tenant-analytics-ctr > span { z-index: 1; grid-area: 1/1; display: grid; text-align: center; }
.tenant-analytics-ctr strong { color: var(--tenant-ink); font-size: 11px; }
.tenant-analytics-ctr small { color: var(--tenant-muted); font-size: 7px; font-weight: 850; letter-spacing: .06em; }
.tenant-analytics-page-bar { position: absolute; left: 16px; right: 16px; bottom: 8px; height: 3px; overflow: hidden; border-radius: 999px; background: #e8eff7; }
.tenant-analytics-page-bar i { width: 0; height: 100%; display: block; border-radius: inherit; background: var(--page-accent); transition: width .9s ease calc(var(--page-delay) + .2s); }
.tenant-analytics-page-performance.is-visible .tenant-analytics-page-bar i { width: var(--page-view-width); }

@keyframes analyticsPulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 0 6px rgba(0,200,137,.12), 0 0 20px rgba(0,200,137,.42); }
  50% { transform: scale(.82); box-shadow: 0 0 0 10px rgba(0,200,137,.03), 0 0 10px rgba(0,200,137,.2); }
}

@media (max-width: 980px) {
  .tenant-analytics-card-switcher { grid-template-columns: 1fr; }
  .tenant-analytics-date-filter { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tenant-analytics-date-filter > p { grid-column: 1 / -1; justify-self: start; text-align: left; }
  .tenant-analytics-donuts { grid-template-columns: 1fr; }
}
@media (max-width: 1180px) and (min-width: 681px) {
  .tenant-analytics-card-switcher { grid-template-columns: 1fr; }
  .tenant-donut-layout { grid-template-columns: 138px minmax(0,1fr); gap: 14px; }
  .tenant-donut { width: 138px; padding: 17px; }
  .tenant-donut::before { width: 86px; }
  .tenant-donut strong { font-size: 25px; }
  .tenant-chart-legend { gap: 9px; }
  .tenant-chart-legend > div { gap: 7px; }
  .tenant-chart-legend span { display: grid; justify-content: initial; line-height: 1.25; }
  .tenant-chart-legend span small { margin-top: 2px; }
  .tenant-analytics-page-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .tenant-analytics-heading { align-items: stretch; }
  .tenant-analytics-heading-badge { width: 100%; min-width: 0; }
  .tenant-analytics-card-switcher { padding: 15px; }
  .tenant-analytics-card-options { grid-template-columns: 1fr; margin-inline: -2px; }
  .tenant-analytics-date-filter { grid-template-columns: 1fr; }
  .tenant-analytics-date-filter > p { grid-column: 1; }
  .tenant-analytics-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tenant-analytics-metric { min-height: 160px; padding: 16px; }
  .tenant-analytics-metric > strong { font-size: 34px; }
  .tenant-chart-heading { align-items: flex-start; flex-direction: column; }
  .tenant-chart-key { justify-content: flex-start; }
  .tenant-line-chart svg { height: 220px; }
  .tenant-donut-layout { grid-template-columns: 1fr; justify-items: center; }
  .tenant-chart-legend { width: 100%; }
  .tenant-analytics-page-grid { grid-template-columns: 1fr; }
  .tenant-analytics-page-grid > article { grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 10px; }
  .tenant-analytics-page-name { grid-column: 1 / -1; }
  .tenant-analytics-page-metric { text-align: left; }
  .tenant-analytics-ctr { justify-self: end; }
  .tenant-analytics-ctr { width: 54px; height: 54px; }
  .tenant-analytics-ctr::before { width: 42px; height: 42px; }
  .tenant-card-performance > a { grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  .tenant-card-performance > a > span:last-of-type { display: none; }
}
@media (max-width: 430px) {
  .tenant-analytics-metrics { grid-template-columns: 1fr; }
  .tenant-analytics-metric { min-height: 150px; }
  .tenant-chart-key span { width: 100%; justify-content: flex-start; }
  .tenant-chart-key strong { margin-left: auto; }
  .tenant-analytics-trend { padding-inline: 16px; }
  .tenant-donut-layout { gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .tenant-analytics-heading-badge .tenant-live-dot { animation: none; }
  .tenant-chart-area,
  .tenant-chart-line,
  .tenant-chart-point,
  .tenant-donut,
  .tenant-chart-legend > div > em::after,
  .tenant-event-bars em { transition: none !important; }
  .tenant-chart-area { opacity: 1; transform: none; }
  .tenant-chart-line { stroke-dashoffset: 0; }
  .tenant-chart-point { opacity: 1; transform: none; }
  .tenant-donut { opacity: 1; transform: none; }
  .tenant-chart-legend > div > em::after { transform: none; }
  .tenant-event-bars em { width: var(--bar-width); }
  .tenant-analytics-page-grid > article { opacity: 1; transform: none; }
  .tenant-analytics-ctr { opacity: 1; transform: none; }
  .tenant-analytics-page-bar i { width: var(--page-view-width); }
}

/* Dedicated MyMEX platform-master shell. Tenant branding and tenant navigation
   deliberately do not cross into this surface. */
.mymex-platform-admin {
  --tenant-primary: #0a84ff;
  --tenant-secondary: #36d7ff;
  --tenant-ink: #07182f;
  --tenant-muted: #657891;
  --tenant-line: rgba(16, 48, 83, .1);
  background: #f3f6fa;
}
.mymex-platform-sidebar {
  color: #eef7ff;
  background:
    radial-gradient(circle at 12% 0%, rgba(54, 215, 255, .14), transparent 18rem),
    linear-gradient(180deg, #06152b 0%, #071d38 100%);
  box-shadow: 20px 0 60px rgba(3, 18, 38, .08);
}
.mymex-platform-brand {
  min-height: 70px;
  gap: 12px;
  color: #f7fbff;
}
.mymex-platform-brand-mark {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  flex: 0 0 43px;
  color: #36d7ff;
}
.mymex-platform-brand-mark svg { width: 39px; height: 39px; display: block; }
.mymex-platform-brand strong {
  font-size: 16px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mymex-platform-brand strong b { color: #36d7ff; font-size: 10px; letter-spacing: .14em; }
.mymex-platform-brand small { color: #89a2bc; font-size: 8px; letter-spacing: .08em; }
.mymex-platform-sidebar .tenant-nav a,
.mymex-platform-sidebar .tenant-nav-section a,
.mymex-platform-sidebar .tenant-logout { color: #a9bbce; }
.mymex-platform-sidebar .tenant-nav,
.mymex-platform-sidebar .tenant-nav-section {
  gap: 6px;
}
.mymex-platform-sidebar .tenant-nav-section {
  margin-top: 8px;
  padding-top: 13px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.mymex-platform-sidebar .tenant-nav-section > small {
  padding: 0 10px 2px;
  color: #62d9ff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .13em;
}
.mymex-platform-sidebar .tenant-nav a,
.mymex-platform-sidebar .tenant-nav-section a {
  min-height: 52px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 15px;
}
.mymex-platform-nav-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
  line-height: 1.1;
}
.mymex-platform-nav-copy strong,
.mymex-platform-nav-copy small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mymex-platform-nav-copy strong {
  color: inherit;
  font-size: 12px;
  font-weight: 760;
}
.mymex-platform-nav-copy small {
  color: #7189a3;
  font-size: 9px;
  font-weight: 520;
  letter-spacing: 0;
  text-transform: none;
}
.mymex-platform-sidebar .tenant-nav a.is-active .mymex-platform-nav-copy small,
.mymex-platform-sidebar .tenant-nav-section a.is-active .mymex-platform-nav-copy small,
.mymex-platform-sidebar .tenant-nav a:hover .mymex-platform-nav-copy small,
.mymex-platform-sidebar .tenant-nav-section a:hover .mymex-platform-nav-copy small {
  color: rgba(235, 249, 255, .72);
}
.mymex-platform-sidebar .tenant-nav a:hover,
.mymex-platform-sidebar .tenant-nav-section a:hover { color: #fff; background: rgba(54, 215, 255, .08); }
.mymex-platform-sidebar .tenant-nav a.is-active {
  color: #fff;
  background: linear-gradient(90deg, rgba(10, 132, 255, .34), rgba(54, 215, 255, .12));
  box-shadow: inset 3px 0 #36d7ff;
}
.mymex-platform-sidebar .tenant-nav-section a.is-active {
  color: #fff;
  background: linear-gradient(90deg, rgba(10, 132, 255, .34), rgba(54, 215, 255, .12));
  box-shadow: inset 3px 0 #36d7ff;
}
.mymex-platform-sidebar .tenant-nav a.is-active .tenant-nav-icon { color: #36d7ff; }
.mymex-platform-sidebar .tenant-nav-section a.is-active .tenant-nav-icon { color: #36d7ff; }
.mymex-platform-nav-section { border-top-color: rgba(255, 255, 255, .08); }
.mymex-platform-sidebar .tenant-sidebar-footer {
  color: #fff;
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .055);
}
.mymex-platform-sidebar .tenant-sidebar-footer small { color: #7f98b3; }
.mymex-platform-sidebar .tenant-avatar { color: #06152b; background: #36d7ff; }
.mymex-platform-topbar {
  border-bottom-color: rgba(16, 48, 83, .08);
  background: rgba(248, 251, 255, .9);
  backdrop-filter: blur(22px);
}
.mymex-platform-topbar > div:first-of-type small { color: #6a7e96; }
.mymex-platform-topbar .tenant-topbar-profile .tenant-avatar { color: #06152b; background: #36d7ff; }
.mymex-platform-main { width: min(100%, 1380px); margin: 0 auto; }
.tenant-master-bridge {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.tenant-master-bridge > * { min-width: 0; max-width: 100%; }
.mymex-platform-page-heading {
  position: relative;
  min-height: 205px;
  margin-bottom: 2px;
  padding: 34px;
  overflow: hidden;
  align-items: flex-end;
  color: #fff;
  border: 1px solid rgba(54, 215, 255, .2);
  border-radius: 26px;
  background:
    radial-gradient(circle at 84% 18%, rgba(54, 215, 255, .2), transparent 14rem),
    linear-gradient(135deg, #06152b 0%, #09264a 100%);
  box-shadow: 0 22px 54px rgba(5, 25, 52, .13);
}
.mymex-platform-page-heading::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  right: -90px;
  top: -150px;
  border: 1px solid rgba(54, 215, 255, .22);
  border-radius: 50%;
}
.mymex-platform-page-heading > * { position: relative; z-index: 1; }
.mymex-platform-page-heading .tenant-eyebrow { color: #36d7ff; }
.mymex-platform-page-heading h1 { max-width: 820px; color: #fff; font-size: clamp(38px, 5vw, 62px); }
.mymex-platform-page-heading p { max-width: 720px; color: #a9bdd2; font-size: 15px; }
.mymex-platform-page-heading .tenant-button-quiet {
  color: #fff;
  border-color: rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .08);
}
.mymex-platform-purpose-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: stretch;
  margin: -4px 0 12px;
  padding: 16px;
  border: 1px solid rgba(66, 174, 234, .22);
  border-radius: 24px;
  background:
    radial-gradient(circle at 4% 0, rgba(54, 215, 255, .14), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(241, 249, 255, .96));
  box-shadow: 0 16px 38px rgba(12, 46, 82, .07);
}
.mymex-platform-purpose-strip > div,
.mymex-platform-purpose-strip > a {
  min-width: 0;
  border-radius: 18px;
}
.mymex-platform-purpose-strip > div {
  padding: 4px 2px;
}
.mymex-platform-purpose-strip span,
.mymex-platform-purpose-strip small {
  display: block;
  color: #129ed4;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.mymex-platform-purpose-strip strong {
  display: block;
  margin-top: 3px;
  color: #061d39;
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.05;
}
.mymex-platform-purpose-strip p {
  max-width: 820px;
  margin: 6px 0 0;
  color: #536f8a;
  font-size: 14px;
  line-height: 1.45;
}
.mymex-platform-purpose-strip > a {
  width: min(280px, 30vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 16px;
  color: #06203f;
  text-decoration: none;
  border: 1px solid rgba(20, 158, 218, .26);
  background: linear-gradient(135deg, #e9fbff, #f8fffd);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.mymex-platform-purpose-strip > a:hover,
.mymex-platform-purpose-strip > a:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(20, 158, 218, .58);
  box-shadow: 0 14px 30px rgba(16, 120, 176, .12);
  outline: 0;
}
.mymex-platform-purpose-strip b {
  display: block;
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.2;
}
.mymex-jarvis-control-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: 24px;
  align-items: stretch;
  margin: 0 0 18px;
  padding: clamp(24px, 4vw, 42px);
  border-radius: 30px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(54, 215, 255, .26), transparent 28%),
    linear-gradient(135deg, #061b35, #083d63 62%, #087d8a);
  box-shadow: 0 28px 70px rgba(5, 31, 58, .18);
}
.mymex-jarvis-control-hero::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  right: -90px;
  bottom: -110px;
  border: 1px solid rgba(125, 220, 255, .24);
  border-radius: 50%;
  box-shadow: 0 0 0 36px rgba(88, 210, 255, .06), 0 0 0 74px rgba(88, 210, 255, .035);
}
.mymex-jarvis-control-hero > * { position: relative; z-index: 1; }
.mymex-jarvis-control-hero .tenant-eyebrow { color: #63e8ff; }
.mymex-jarvis-control-hero h1 { max-width: 820px; margin: 6px 0 10px; color: #fff; font-size: clamp(40px, 6vw, 72px); line-height: .95; letter-spacing: -.06em; }
.mymex-jarvis-control-hero p { max-width: 760px; margin: 0; color: #c7d9e8; font-size: 15px; line-height: 1.55; }
.mymex-jarvis-control-hero nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.mymex-jarvis-control-hero .tenant-button-quiet { color: #fff; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.09); }
.mymex-jarvis-control-hero aside {
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 22px;
  border: 1px solid rgba(196, 241, 255, .24);
  border-radius: 24px;
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.mymex-jarvis-control-hero aside strong { color: #7ce7ff; font-size: 12px; font-weight: 950; letter-spacing: .16em; text-transform: uppercase; }
.mymex-jarvis-control-hero aside span { color: #fff; font-size: 28px; font-weight: 900; line-height: 1.05; }
.mymex-jarvis-control-hero aside small { color: #c2d6e8; font-size: 12px; line-height: 1.45; }
.mymex-jarvis-control-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.mymex-jarvis-control-grid article,
.mymex-jarvis-control-flow,
.mymex-jarvis-control-next {
  border: 1px solid #d8e8f5;
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0, rgba(40, 195, 241, .12), transparent 34%),
    #fff;
  box-shadow: 0 18px 46px rgba(12, 46, 82, .08);
}
.mymex-jarvis-control-grid article { min-height: 210px; display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.mymex-jarvis-control-grid b,
.mymex-jarvis-control-flow li > b {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 15px;
  color: #075985;
  background: #e8f7ff;
  font-size: 12px;
  font-weight: 950;
}
.mymex-jarvis-control-grid h2 { margin: auto 0 0; color: #061d39; font-size: 24px; line-height: 1.05; }
.mymex-jarvis-control-grid p,
.mymex-jarvis-control-next p { margin: 0; color: #526f8a; font-size: 13px; line-height: 1.5; }
.mymex-jarvis-control-grid small { margin-top: auto; color: #0877ad; font-size: 11px; font-weight: 850; line-height: 1.35; }
.mymex-jarvis-control-flow { padding: clamp(20px, 3vw, 30px); margin: 0 0 18px; }
.mymex-jarvis-control-flow header { max-width: 820px; margin-bottom: 18px; }
.mymex-jarvis-control-flow h2,
.mymex-jarvis-control-next h2 { margin: 4px 0 6px; color: #061d39; font-size: clamp(28px, 4vw, 44px); letter-spacing: -.045em; line-height: 1.02; }
.mymex-jarvis-control-flow header p { margin: 0; color: #526f8a; line-height: 1.5; }
.mymex-jarvis-control-flow ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.mymex-jarvis-control-flow li { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px; border: 1px solid #dcebf6; border-radius: 18px; background: #f7fbff; }
.mymex-jarvis-control-flow strong { display: block; color: #0b2947; font-size: 13px; }
.mymex-jarvis-control-flow small { display: block; margin-top: 3px; color: #647b93; font-size: 11px; line-height: 1.4; }
.mymex-jarvis-control-next { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); gap: 20px; padding: clamp(20px, 3vw, 30px); }
.mymex-jarvis-control-next ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mymex-jarvis-control-next li { padding: 14px 16px; border: 1px solid #dcebf6; border-radius: 18px; background: #f7fbff; }
.mymex-jarvis-control-next strong,
.mymex-jarvis-control-next span { display: block; }
.mymex-jarvis-control-next strong { color: #0b2947; font-size: 13px; }
.mymex-jarvis-control-next span { margin-top: 3px; color: #647b93; font-size: 11px; line-height: 1.4; }
.mymex-admin-clarity-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: -4px 0 18px;
}
.mymex-admin-clarity-cards a {
  min-width: 0;
  min-height: 96px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid #d7e7f3;
  border-radius: 20px;
  color: #102947;
  background:
    radial-gradient(circle at 100% 0, rgba(41, 190, 240, .12), transparent 34%),
    linear-gradient(145deg, #fff, #f6fbff);
  box-shadow: 0 14px 34px rgba(13, 45, 78, .07);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.mymex-admin-clarity-cards a:hover,
.mymex-admin-clarity-cards a:focus-visible {
  border-color: #8fd4f4;
  box-shadow: 0 18px 42px rgba(13, 70, 112, .12);
  outline: 0;
  transform: translateY(-1px);
}
.mymex-admin-clarity-cards span {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #06324f;
  background: linear-gradient(135deg, #4ee5ff, #7cf6c8);
  font-size: 13px;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.4), 0 8px 18px rgba(15, 136, 189, .16);
}
.mymex-admin-clarity-cards strong,
.mymex-admin-clarity-cards small {
  min-width: 0;
  display: block;
}
.mymex-admin-clarity-cards strong {
  color: #071f3c;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.18;
}
.mymex-admin-clarity-cards small {
  color: #607a94;
  font-size: 11px;
  line-height: 1.42;
}
.mymex-tenant-directory-list,
.mymex-platform-notification-list,
.mymex-platform-notification-toolbar-panel,
.mymex-commercial-section,
.mymex-customer-grid,
.growth-kpis,
.growth-panel,
.mymex-access-admin-list,
.mymex-access-review,
.mymex-blog-automation,
.mymex-blog-editor,
.mymex-blog-library,
.mymex-blog-moderation,
.platform-media-library,
.mymex-knowledge-readiness,
.mymex-knowledge-upload,
.mymex-knowledge-library,
.mymex-jarvis-control-flow,
.mymex-jarvis-control-next,
.platform-review-control,
.platform-review-table,
.tenant-integration-card {
  scroll-margin-top: 96px;
}
[data-mymex-theme="dark"] .mymex-admin-clarity-cards a {
  color: #eef8ff;
  border-color: rgba(117, 196, 255, .2);
  background:
    radial-gradient(circle at 100% 0, rgba(41, 190, 240, .16), transparent 34%),
    linear-gradient(145deg, rgba(8, 29, 56, .96), rgba(4, 18, 36, .98));
}
[data-mymex-theme="dark"] .mymex-platform-purpose-strip {
  border-color: rgba(117, 196, 255, .2);
  background:
    radial-gradient(circle at 4% 0, rgba(54, 215, 255, .12), transparent 26%),
    linear-gradient(135deg, rgba(8, 29, 56, .96), rgba(4, 18, 36, .98));
}
[data-mymex-theme="dark"] .mymex-platform-purpose-strip strong,
[data-mymex-theme="dark"] .mymex-platform-purpose-strip b { color: #f8fbff; }
[data-mymex-theme="dark"] .mymex-platform-purpose-strip p { color: #bdd3e9; }
[data-mymex-theme="dark"] .mymex-platform-purpose-strip > a {
  color: #eef8ff;
  border-color: rgba(117, 196, 255, .2);
  background: linear-gradient(135deg, rgba(9, 45, 79, .92), rgba(4, 28, 48, .96));
}
[data-mymex-theme="dark"] .mymex-admin-clarity-cards strong { color: #f8fbff; }
[data-mymex-theme="dark"] .mymex-admin-clarity-cards small { color: #bdd3e9; }
[data-mymex-theme="dark"] .mymex-jarvis-control-grid article,
[data-mymex-theme="dark"] .mymex-jarvis-control-flow,
[data-mymex-theme="dark"] .mymex-jarvis-control-next {
  border-color: rgba(117, 196, 255, .2);
  background:
    radial-gradient(circle at 100% 0, rgba(41, 190, 240, .14), transparent 34%),
    linear-gradient(145deg, rgba(8, 29, 56, .96), rgba(4, 18, 36, .98));
}
[data-mymex-theme="dark"] .mymex-jarvis-control-grid h2,
[data-mymex-theme="dark"] .mymex-jarvis-control-flow h2,
[data-mymex-theme="dark"] .mymex-jarvis-control-next h2,
[data-mymex-theme="dark"] .mymex-jarvis-control-flow strong,
[data-mymex-theme="dark"] .mymex-jarvis-control-next strong { color: #f8fbff; }
[data-mymex-theme="dark"] .mymex-jarvis-control-grid p,
[data-mymex-theme="dark"] .mymex-jarvis-control-flow header p,
[data-mymex-theme="dark"] .mymex-jarvis-control-next p,
[data-mymex-theme="dark"] .mymex-jarvis-control-flow small,
[data-mymex-theme="dark"] .mymex-jarvis-control-next span { color: #bdd3e9; }
[data-mymex-theme="dark"] .mymex-jarvis-control-flow li,
[data-mymex-theme="dark"] .mymex-jarvis-control-next li {
  border-color: rgba(117, 196, 255, .18);
  background: rgba(9, 36, 66, .72);
}
@media (max-width: 980px) {
  .mymex-admin-clarity-cards { grid-template-columns: 1fr; }
  .mymex-jarvis-control-hero,
  .mymex-jarvis-control-next { grid-template-columns: 1fr; }
  .mymex-jarvis-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mymex-jarvis-control-flow ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .mymex-platform-purpose-strip {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 13px;
    border-radius: 20px;
  }
  .mymex-platform-purpose-strip > a { width: 100%; }
  .mymex-admin-clarity-cards {
    gap: 9px;
    margin-bottom: 14px;
  }
  .mymex-admin-clarity-cards a {
    min-height: 0;
    padding: 12px;
    border-radius: 17px;
  }
  .mymex-admin-clarity-cards strong { font-size: 14px; }
  .mymex-admin-clarity-cards small { font-size: 10px; }
  .mymex-jarvis-control-hero {
    padding: 22px 18px;
    border-radius: 24px;
  }
  .mymex-jarvis-control-hero h1 { font-size: clamp(34px, 12vw, 48px); }
  .mymex-jarvis-control-hero nav,
  .mymex-jarvis-control-hero .tenant-button { width: 100%; }
  .mymex-jarvis-control-grid,
  .mymex-jarvis-control-flow ol { grid-template-columns: 1fr; }
  .mymex-jarvis-control-grid article { min-height: 0; }
  .mymex-jarvis-control-flow,
  .mymex-jarvis-control-next { border-radius: 22px; }
}
.tenant-master-bridge .mymex-platform-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.tenant-master-bridge .mymex-platform-metrics .ford-metric {
  min-height: 124px;
  padding: 22px;
  border: 1px solid var(--tenant-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(18, 48, 82, .055);
}
.tenant-master-bridge .mymex-platform-metrics .ford-metric span {
  color: var(--tenant-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tenant-master-bridge .mymex-platform-metrics .ford-metric strong {
  margin-top: auto;
  color: var(--tenant-ink);
  font-size: 34px;
}
.tenant-master-bridge .mymex-platform-shortcuts { gap: 12px; }
.tenant-master-bridge .mymex-platform-shortcuts a {
  min-height: 128px;
  padding: 20px;
  border-color: var(--tenant-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(18, 48, 82, .045);
}
.tenant-master-bridge .mymex-platform-shortcuts a > span { color: #0a84ff; }
.tenant-master-bridge .mymex-platform-shortcuts a:hover {
  border-color: rgba(10, 132, 255, .34);
  box-shadow: 0 18px 40px rgba(10, 86, 164, .1);
}
.mymex-platform-workspace-snapshot { padding: 24px; }
.mymex-platform-workspace-list { display: grid; gap: 8px; }
.mymex-platform-workspace-list > a {
  min-width: 0;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 90px 90px auto;
  gap: 14px;
  align-items: center;
  color: var(--tenant-ink);
  border: 1px solid var(--tenant-line);
  border-radius: 15px;
  background: #fbfdff;
  text-decoration: none;
}
.mymex-platform-workspace-list > a:hover { border-color: rgba(10, 132, 255, .3); background: #f6faff; }
.mymex-platform-workspace-list span { min-width: 0; display: grid; gap: 3px; }
.mymex-platform-workspace-list strong,
.mymex-platform-workspace-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mymex-platform-workspace-list small { color: var(--tenant-muted); font-size: 10px; }
.mymex-platform-workspace-list b { font-size: 15px; }
.mymex-platform-workspace-list i { font-style: normal; }

@media (max-width: 980px) {
  .tenant-master-bridge .mymex-platform-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mymex-platform-workspace-list > a { grid-template-columns: minmax(180px, 1fr) 80px 80px auto; }
}
@media (max-width: 680px) {
  .mymex-platform-main { width: 100%; }
  .mymex-platform-page-heading {
    min-height: 190px;
    padding: 26px 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: end;
    border-radius: 22px;
  }
  .mymex-platform-page-heading > div { width: 100%; min-width: 0; }
  .mymex-platform-page-heading h1 { max-width: 100%; font-size: clamp(34px, 10vw, 40px); overflow-wrap: anywhere; }
  .mymex-platform-page-heading p {
    width: 100%;
    max-width: 100%;
    font-size: 13px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .mymex-platform-page-heading > .tenant-button { width: fit-content; max-width: 100%; justify-self: start; }
  .tenant-master-bridge .mymex-platform-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .tenant-master-bridge .mymex-platform-metrics .ford-metric { min-height: 104px; padding: 15px; }
  .tenant-master-bridge .mymex-platform-metrics .ford-metric strong { font-size: 28px; }
  .tenant-master-bridge .mymex-platform-shortcuts { grid-template-columns: 1fr; }
  .tenant-master-bridge .mymex-platform-shortcuts a { min-height: 94px; }
  .mymex-platform-workspace-snapshot { padding: 17px; }
  .mymex-platform-workspace-list > a { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; }
  .mymex-platform-workspace-list > a > span:nth-child(2),
  .mymex-platform-workspace-list > a > span:nth-child(3) { display: none; }
  .mymex-platform-admin .ford-panel-head,
  .mymex-platform-admin .ford-panel-head > * { min-width: 0; max-width: 100%; }
  .mymex-platform-admin .ford-muted-note,
  .mymex-platform-admin .ford-panel p,
  .mymex-platform-admin .ford-panel small { white-space: normal; overflow-wrap: anywhere; }
  .mymex-platform-topbar > div:first-of-type { min-width: 0; }
  .mymex-platform-topbar > div:first-of-type strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mymex-platform-topbar .tenant-topbar-actions .tenant-button-quiet { display: none; }
  .mymex-platform-topbar .tenant-topbar-profile > span:last-child { display: none; }
  .mymex-platform-topbar .tenant-topbar-profile { padding: 4px; }
  .mymex-platform-topbar .tenant-topbar-actions .tenant-button-primary {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    font-size: 0;
  }
  .mymex-platform-topbar .tenant-topbar-actions .tenant-button-primary::after {
    content: "+";
    font-size: 25px;
    font-weight: 500;
  }
}

@media (max-width: 640px) {
  .tenant-content-publish-timing { grid-template-columns: 1fr; }
  .tenant-content-publish-timing span { min-height: 64px; }
  .tenant-content-history { padding: 16px; border-radius: 20px; }
  .tenant-content-history > header { align-items: flex-start; flex-direction: column; gap: 10px; }
  .tenant-content-history-item { grid-template-columns: 42px minmax(0, 1fr) auto; gap: 9px; }
  .tenant-content-history-item form { grid-column: 2 / -1; }
}

/* Phase 4B: flexible content views, simple bulk management and contained scrolling. */
.tenant-content-view-tools{display:flex;align-items:center;gap:10px}
.tenant-content-column-picker{margin:0;padding:3px;display:flex;gap:3px;border:1px solid var(--tenant-line);border-radius:12px;background:#f4f7fb}
.tenant-content-column-picker button{width:34px;height:30px;padding:0;border:0;border-radius:9px;color:var(--tenant-muted);background:transparent;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.tenant-content-column-picker button.is-active{color:#fff;background:var(--tenant-primary);box-shadow:0 5px 13px color-mix(in srgb,var(--tenant-primary) 24%,transparent)}
.tenant-content-studio .tenant-content-preview-grid-specials,
.tenant-content-studio .tenant-content-preview-grid-offerings,
.tenant-content-studio .tenant-content-preview-grid-listings{width:100%;grid-template-columns:repeat(var(--content-columns,2),minmax(0,1fr));align-items:start}
.tenant-content-studio .tenant-content-preview-grid-offerings[data-content-columns="1"]{grid-template-columns:1fr!important}
.tenant-content-studio .tenant-content-preview-grid-specials[data-content-columns="1"]{grid-template-columns:1fr!important}
.tenant-content-studio .tenant-content-preview-grid-listings[data-content-columns="1"]{grid-template-columns:1fr!important}
.tenant-content-studio .tenant-content-preview-grid figure{width:100%;justify-self:stretch;background:transparent}
.tenant-content-studio .tenant-content-preview-grid-specials figure img,
.tenant-content-studio .tenant-content-preview-grid-offerings figure img,
.tenant-content-studio .tenant-content-preview-grid-listings figure img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:inherit;background:#eef3f8}
.ford-gallery-modal{grid-template-rows:auto minmax(0,1fr) auto}
.ford-gallery-form{grid-template-rows:auto minmax(0,1fr) auto}
.ford-gallery-bulkbar{margin:0 8px 10px 2px;padding:9px 10px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;border:1px solid color-mix(in srgb,var(--tenant-secondary) 25%,var(--tenant-line));border-radius:14px;background:color-mix(in srgb,var(--tenant-secondary) 6%,#fff)}
.ford-gallery-bulkbar label{min-width:0;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:850;line-height:1.2}.ford-gallery-bulkbar label input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;min-height:0!important;margin:0!important;padding:0!important;flex:0 0 18px;accent-color:var(--tenant-primary)}
.ford-gallery-bulkbar strong{margin-right:auto;color:var(--tenant-muted);font-size:11px}.ford-gallery-bulkbar button{min-height:34px;padding:0 10px;border:1px solid var(--tenant-line);border-radius:10px;color:var(--tenant-primary);background:#fff;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.ford-gallery-bulkbar button.is-danger{color:#b42318}.ford-gallery-bulkbar button:disabled{opacity:.42;cursor:not-allowed}
.ford-gallery-form .ford-gallery-grid{margin-right:6px;padding-right:14px;scrollbar-gutter:stable;overscroll-behavior:contain}
.ford-gallery-form .ford-gallery-grid::-webkit-scrollbar,.tenant-media-modal-panel::-webkit-scrollbar{width:10px}.ford-gallery-form .ford-gallery-grid::-webkit-scrollbar-track,.tenant-media-modal-panel::-webkit-scrollbar-track{background:#edf2f7;border-radius:999px}.ford-gallery-form .ford-gallery-grid::-webkit-scrollbar-thumb,.tenant-media-modal-panel::-webkit-scrollbar-thumb{background:#9bacc0;border:2px solid #edf2f7;border-radius:999px}
.ford-gallery-form .ford-gallery-item{grid-template-columns:30px 36px 92px minmax(0,1fr) auto;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.ford-gallery-form .ford-gallery-item.is-selected{border-color:var(--tenant-secondary);background:color-mix(in srgb,var(--tenant-secondary) 5%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--tenant-secondary) 14%,transparent)}
.ford-gallery-form .ford-gallery-media .tenant-media-preview{height:auto;min-height:0;aspect-ratio:auto;overflow:hidden;background:#edf3f8}.ford-gallery-form .ford-gallery-media .tenant-media-preview img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.ford-gallery-row-copy{min-width:0;overflow:hidden}.ford-gallery-row-copy>strong{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.ford-gallery-row-copy .tenant-media-actions{min-width:0;display:flex;flex-wrap:wrap}.ford-gallery-row-copy .tenant-media-actions button{max-width:100%;white-space:normal}
[data-clear-media][hidden]{display:none!important}
[data-edit-media][hidden]{display:none!important}

/* CRM badges and desktop adjustable tenant sidebar. */
@media (min-width: 901px) {
  .tenant-sidebar,
  .tenant-stage { transition: width .3s cubic-bezier(.2,.8,.2,1), margin-left .3s cubic-bezier(.2,.8,.2,1); }
  .tenant-sidebar > .tenant-brand { min-width: 0; padding-right: 42px; }
  .tenant-sidebar > .tenant-brand > span:last-child { min-width: 0; }
  body.tenant-sidebar-resizing .tenant-sidebar,
  body.tenant-sidebar-resizing .tenant-stage { transition: none; }
  body.tenant-sidebar-resizing { cursor: col-resize; user-select: none; }
  .tenant-sidebar-toggle {
    position: absolute; top: 39px; right: 10px; z-index: 4; width: 32px; height: 32px;
    display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 50%;
    color: #fff; background: rgba(255,255,255,.09); box-shadow: 0 10px 24px rgba(0,0,0,.18);
    cursor: pointer; transition: transform .3s cubic-bezier(.2,.8,.2,1), background .2s ease, box-shadow .2s ease;
  }
  .tenant-sidebar-toggle:hover { background: color-mix(in srgb, var(--tenant-secondary) 60%, #07182f); box-shadow: 0 12px 26px rgba(0,0,0,.25); transform: scale(1.08); }
  .tenant-sidebar-toggle span { width: 9px; height: 9px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .32s cubic-bezier(.2,.8,.2,1); }
  .tenant-sidebar-resize { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; width: 8px; cursor: col-resize; touch-action: none; }
  .tenant-sidebar-resize::after { content: ""; position: absolute; top: 42%; right: 1px; width: 3px; height: 70px; border-radius: 999px; background: rgba(255,255,255,.12); opacity: 0; transition: opacity .2s ease, background .2s ease; }
  body.tenant-sidebar-resizing .tenant-sidebar-resize::after { opacity: 1; background: color-mix(in srgb, var(--tenant-secondary) 72%, #fff); }
  body.tenant-sidebar-collapsed .tenant-layout { --tenant-sidebar-width: 86px !important; }
  body.tenant-sidebar-collapsed .tenant-sidebar { padding-inline: 10px; gap: 16px; }
  body.tenant-sidebar-collapsed .tenant-sidebar-toggle { display: none; }
  body.tenant-sidebar-collapsed .tenant-sidebar.is-sidebar-reopen-target { cursor: pointer; }
  body.tenant-sidebar-collapsed .tenant-sidebar.is-sidebar-reopen-target::after { content: "Click to open"; position: absolute; right: 8px; bottom: 104px; left: 8px; padding: 5px 2px; border-radius: 8px; color: rgba(225,242,255,.72); background: rgba(255,255,255,.05); text-align: center; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; opacity: 0; transform: translateY(3px); transition: opacity .18s ease,transform .18s ease; }
  body.tenant-sidebar-collapsed .tenant-sidebar.is-sidebar-reopen-target:hover::after,
  body.tenant-sidebar-collapsed .tenant-sidebar.is-sidebar-reopen-target:focus-visible::after { opacity: 1; transform: none; }
  body.tenant-sidebar-collapsed .tenant-sidebar-resize { pointer-events: none; opacity: 0; }
  body.tenant-sidebar-collapsed .tenant-brand { justify-content: center; padding-inline: 0; }
  body.tenant-sidebar-collapsed .tenant-brand > span:last-child,
  body.tenant-sidebar-collapsed .tenant-nav-label,
  body.tenant-sidebar-collapsed .tenant-nav-section > small,
  body.tenant-sidebar-collapsed .tenant-sidebar-footer > span:last-child,
  body.tenant-sidebar-collapsed .tenant-logout > span:last-child { width: 0; height: 0; overflow: hidden; opacity: 0; }
  body.tenant-sidebar-collapsed .tenant-nav a,
  body.tenant-sidebar-collapsed .tenant-nav-section a,
  body.tenant-sidebar-collapsed .tenant-guidance-button,
  body.tenant-sidebar-collapsed .tenant-logout { justify-content: center; padding-inline: 0; }
  body.tenant-sidebar-collapsed .tenant-guidance-update { display: none; }
  body.tenant-sidebar-collapsed .tenant-sidebar-footer { grid-template-columns: 38px; justify-content: center; padding-inline: 8px; }
  body.tenant-sidebar-collapsed .tenant-nav a[data-crm-nav] { min-height: 46px; flex-wrap: nowrap; }
  body.tenant-sidebar-collapsed .tenant-nav a[data-crm-nav] .tenant-nav-icon { flex-basis: auto; margin-inline: 0; }
}
.tenant-sidebar { isolation: isolate; }
.tenant-sidebar-toggle { display: none; }
.tenant-sidebar-resize { display: none; }
@media (min-width: 901px) { .tenant-sidebar-toggle, .tenant-sidebar-resize { display: grid; } }
.tenant-nav a[data-crm-nav] { min-height: 54px; }
.tenant-crm-nav-badges { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; }
.tenant-crm-nav-badges > span { min-width: 20px; height: 20px; padding: 0 5px; display: inline-grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #fff; box-shadow: 0 5px 12px rgba(0,0,0,.18); }
.tenant-crm-nav-badges i { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.tenant-crm-nav-badges b { font-size: 9px; line-height: 1; }
.tenant-crm-nav-badges .is-new { background: #149760; }
.tenant-crm-nav-badges .is-attention { background: #e6a11a; }
.tenant-crm-nav-badges .is-overdue { background: #d53b34; animation: tenant-crm-overdue-pulse 2.2s ease-in-out infinite; }
.tenant-crm-nav-badges .is-zero { opacity: .5; }
.tenant-crm-nav-badges .is-overdue.is-zero { animation: none; }
@keyframes tenant-crm-overdue-pulse { 0%,100% { box-shadow: 0 5px 12px rgba(0,0,0,.18),0 0 0 0 rgba(213,59,52,.28); } 50% { box-shadow: 0 5px 12px rgba(0,0,0,.18),0 0 0 5px rgba(213,59,52,0); } }
@media (prefers-reduced-motion: reduce) { .tenant-sidebar,.tenant-stage,.tenant-sidebar-toggle,.tenant-sidebar-toggle span { transition: none !important; } .tenant-crm-nav-badges .is-overdue { animation: none; } }
@media (max-width: 900px) { .tenant-sidebar-toggle,.tenant-sidebar-resize { display: none !important; } .tenant-crm-nav-badges { margin-left: auto; } }

/* Verified subscription welcome and anchored Jarvis workspace tour. */
.mymex-subscription-welcome-backdrop { position: fixed; z-index: 4990; inset: 0; background: rgba(1,12,27,.68); backdrop-filter: blur(12px) saturate(.82); animation: mymex-welcome-backdrop-in .45s ease both; }
.mymex-subscription-welcome {
  position: fixed;
  z-index: 5000;
  top: 50%;
  left: 50%;
  isolation: isolate;
  width: min(calc(100vw - 32px), 880px);
  max-height: min(90dvh, 780px);
  margin: 0;
  padding: clamp(24px, 5vw, 58px);
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 34%, var(--tenant-line));
  border-radius: 30px;
  color: var(--tenant-ink);
  background:
    radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--tenant-secondary) 18%, transparent), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--tenant-surface) 94%, var(--tenant-secondary) 6%), var(--tenant-surface));
  box-shadow: 0 32px 90px rgba(2, 16, 34, .24);
  transform: translate(-50%,-50%);
  animation: mymex-welcome-dialog-in .58s cubic-bezier(.16,1,.3,1) both;
}
.mymex-subscription-welcome-glow { position: absolute; z-index: -1; right: -90px; bottom: -150px; width: 360px; height: 360px; border-radius: 50%; background: color-mix(in srgb, var(--tenant-secondary) 22%, transparent); filter: blur(70px); pointer-events: none; }
.mymex-subscription-welcome-status { display: inline-flex; min-height: 30px; align-items: center; padding: 0 12px; border: 1px solid color-mix(in srgb, #32d296 58%, var(--tenant-line)); border-radius: 999px; color: color-mix(in srgb, #32d296 84%, var(--tenant-ink)); background: color-mix(in srgb, #32d296 13%, var(--tenant-surface)); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.mymex-subscription-welcome-jarvis { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: clamp(18px, 3vw, 34px); align-items: center; margin-top: 28px; }
.mymex-subscription-welcome-jarvis > span { position: relative; width: 116px; height: 116px; padding: 5px; overflow: visible; border: 1px solid color-mix(in srgb, var(--tenant-secondary) 60%, var(--tenant-line)); border-radius: 30px; background: #03152a; box-shadow: 0 18px 50px color-mix(in srgb, var(--tenant-secondary) 25%, transparent); }
.mymex-subscription-welcome-jarvis > span::after { position: absolute; inset: -5px; border: 1px solid color-mix(in srgb,var(--tenant-secondary) 70%,transparent); border-radius: 34px; content: ""; animation: mymex-welcome-jarvis-pulse 2.6s ease-in-out infinite; pointer-events: none; }
.mymex-subscription-welcome-jarvis img { display: block; width: 100%; height: 100%; border-radius: 24px; object-fit: cover; }
.mymex-subscription-welcome-jarvis small { display: block; margin-bottom: 7px; color: var(--tenant-secondary); font-size: 11px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.mymex-subscription-welcome-jarvis h1 { margin: 0; color: var(--tenant-ink); font-size: clamp(38px, 6vw, 68px); line-height: .98; letter-spacing: -.045em; }
.mymex-subscription-welcome-jarvis p { max-width: 690px; margin: 16px 0 0; color: var(--tenant-muted); font-size: clamp(16px, 2vw, 20px); line-height: 1.6; }
.mymex-subscription-welcome-jarvis p strong { color: var(--tenant-ink); }
.mymex-subscription-welcome-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 34px; }
.mymex-subscription-welcome-summary > span { min-width: 0; padding: 17px 18px; border: 1px solid var(--tenant-line); border-radius: 17px; background: color-mix(in srgb, var(--tenant-surface) 88%, transparent); }
.mymex-subscription-welcome-summary small, .mymex-subscription-welcome-summary strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mymex-subscription-welcome-summary small { color: var(--tenant-muted); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.mymex-subscription-welcome-summary strong { margin-top: 5px; color: var(--tenant-ink); font-size: 14px; }
.mymex-subscription-welcome-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.mymex-subscription-welcome-actions .tenant-button { min-height: 49px; padding-inline: 20px; }
.mymex-subscription-welcome-note { display: block; margin-top: 16px; color: var(--tenant-muted); line-height: 1.5; }
@keyframes mymex-welcome-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes mymex-welcome-dialog-in { from { opacity: 0; transform: translate(-50%,calc(-50% + 34px)) scale(.94); } to { opacity: 1; transform: translate(-50%,-50%) scale(1); } }
@keyframes mymex-welcome-jarvis-pulse { 0%,100% { opacity: .2; transform: scale(1); } 50% { opacity: .7; transform: scale(1.08); } }

@media (max-width: 700px) {
  .mymex-subscription-welcome { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); padding: 24px 16px 26px; border-radius: 22px; }
  .mymex-subscription-welcome-jarvis { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: start; }
  .mymex-subscription-welcome-jarvis > span { width: 64px; height: 64px; border-radius: 18px; }
  .mymex-subscription-welcome-jarvis > div { display: contents; }
  .mymex-subscription-welcome-jarvis small { align-self: center; margin: 0; }
  .mymex-subscription-welcome-jarvis img { border-radius: 16px; }
  .mymex-subscription-welcome-jarvis h1 { grid-column: 1 / -1; font-size: clamp(32px, 10vw, 42px); overflow-wrap: normal; }
  .mymex-subscription-welcome-jarvis p { grid-column: 1 / -1; margin-top: 0; font-size: 15px; }
  .mymex-subscription-welcome-summary { grid-template-columns: 1fr; gap: 8px; margin-top: 24px; }
  .mymex-subscription-welcome-actions { display: grid; grid-template-columns: 1fr; }
  .mymex-subscription-welcome-actions .tenant-button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .mymex-subscription-welcome-backdrop,.mymex-subscription-welcome,.mymex-subscription-welcome-jarvis > span::after { animation: none; }
}
.ford-gallery-select{position:relative;width:28px;height:28px;display:block}.ford-gallery-select input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.ford-gallery-select>span[aria-hidden]{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--tenant-line);border-radius:9px;background:#fff}.ford-gallery-select input:checked+span[aria-hidden]{border-color:var(--tenant-secondary);background:var(--tenant-secondary)}.ford-gallery-select input:checked+span[aria-hidden]::after{content:"✓";color:#fff;font-size:15px;font-weight:900}
.ford-gallery-archive-drawer{padding:0 4px 14px}.ford-gallery-archive-drawer details{border-top:1px solid var(--tenant-line)}.ford-gallery-archive-drawer summary{padding:12px 4px;display:flex;justify-content:space-between;color:var(--tenant-ink);font-size:12px;font-weight:900;cursor:pointer}.ford-gallery-archive-drawer summary span{color:var(--tenant-secondary)}.ford-gallery-archive-drawer details>div{padding:4px 0 12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ford-gallery-archive-drawer label{width:min(100%,260px);padding:7px;display:grid;grid-template-columns:18px 38px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid var(--tenant-line);border-radius:10px;background:#fff;font-size:10px}.ford-gallery-archive-drawer label input{width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important}.ford-gallery-archive-drawer img{width:38px;height:38px;object-fit:contain}.ford-gallery-archive-drawer label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ford-gallery-archive-drawer label a{color:var(--tenant-secondary);font-weight:900;text-decoration:none}.ford-gallery-archive-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}.ford-gallery-archive-drawer button{min-height:38px;padding:0 12px;border:0;border-radius:10px;color:#fff;background:var(--tenant-primary);font:inherit;font-size:11px;font-weight:850}.ford-gallery-archive-drawer button.is-danger{background:#b42318}
.ford-gallery-archive-drawer .ford-gallery-archive-select-all{width:100%;grid-template-columns:18px auto minmax(0,1fr);background:color-mix(in srgb,var(--tenant-secondary) 6%,#fff);font-size:11px;font-weight:900}.ford-gallery-archive-select-all b{justify-self:end;color:var(--tenant-muted);font-size:10px}.ford-gallery-archive-drawer button:disabled{opacity:.45;cursor:not-allowed}
.tenant-media-modal-panel{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;border:1px solid rgba(15,42,70,.09);overscroll-behavior:contain}

/* 2026-07-25 structural UI pass: archive lifecycle and readable shared media. */
.tenant-archive-section{margin-top:28px;margin-bottom:clamp(104px,13vh,156px);scroll-margin-bottom:156px;border:1px solid var(--tenant-line);border-radius:24px;background:var(--tenant-surface);overflow:hidden}
.tenant-archive-section>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;cursor:pointer;list-style:none}
.tenant-archive-section>summary::-webkit-details-marker{display:none}
.tenant-archive-section>summary span{display:grid;gap:3px}
.tenant-archive-section>summary small{color:var(--tenant-muted);font-weight:600}
.tenant-archive-section>summary>b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:var(--tenant-soft);color:var(--tenant-text)}
.tenant-archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;padding:0 18px 18px}
.tenant-archive-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--tenant-line);border-radius:16px;background:var(--tenant-soft)}
.tenant-archive-card>span:nth-child(2){display:grid;min-width:0}
.tenant-archive-card strong,.tenant-archive-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tenant-archive-card small{color:var(--tenant-muted)}
.tenant-archive-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--tenant-primary);color:#fff;font-weight:900}
.tenant-archive-avatar img{width:100%;height:100%;object-fit:cover}
.tenant-media-modal-panel{color:#10223b;background:#f8fbff}
.tenant-media-modal-panel h1,.tenant-media-modal-panel h2,.tenant-media-modal-panel h3,.tenant-media-modal-panel h4,.tenant-media-modal-panel strong,.tenant-media-modal-panel label{color:#10223b}
.tenant-media-modal-panel p,.tenant-media-modal-panel small,.tenant-media-modal-panel .tenant-media-meta{color:#526b8a}
[data-mymex-theme="dark"] .tenant-media-modal-panel{color:#eaf5ff;background:#071a31;border-color:rgba(72,198,255,.22)}
[data-mymex-theme="dark"] .tenant-media-modal-panel h1,[data-mymex-theme="dark"] .tenant-media-modal-panel h2,[data-mymex-theme="dark"] .tenant-media-modal-panel h3,[data-mymex-theme="dark"] .tenant-media-modal-panel h4,[data-mymex-theme="dark"] .tenant-media-modal-panel strong,[data-mymex-theme="dark"] .tenant-media-modal-panel label{color:#f4fbff}
[data-mymex-theme="dark"] .tenant-media-modal-panel p,[data-mymex-theme="dark"] .tenant-media-modal-panel small,[data-mymex-theme="dark"] .tenant-media-modal-panel .tenant-media-meta{color:#a9c4df}
[data-mymex-theme="dark"] .tenant-media-modal-header{
  color:#10223b;
  background:rgba(248,251,255,.98);
  border-bottom-color:#d8e3ef;
}
[data-mymex-theme="dark"] .tenant-media-modal-header h2{color:#10223b}
[data-mymex-theme="dark"] .tenant-media-modal-header p{color:#526b8a}
[data-mymex-theme="dark"] .tenant-media-modal-header .tenant-eyebrow{color:#075e9e}
[data-mymex-theme="dark"] .tenant-media-modal-panel > :not(.tenant-media-modal-header) .tenant-eyebrow{color:#55d9ff}
@media(max-width:700px){.tenant-archive-grid{grid-template-columns:1fr}.tenant-archive-card{grid-template-columns:42px minmax(0,1fr)}.tenant-archive-card form{grid-column:1/-1}.tenant-archive-card .tenant-button{width:100%}}
.mymex-tenant-directory-logo{position:relative}
.mymex-tenant-directory-logo>i{font-style:normal}
.mymex-tenant-directory-logo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:inherit}
.mymex-permanent-delete-form{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(207,55,55,.24)}
.mymex-permanent-delete-form p{margin:0;color:var(--tenant-text)}
.mymex-permanent-delete-form label{display:grid;gap:7px;max-width:520px;color:var(--tenant-text);font-weight:800}
.mymex-permanent-delete-form input{min-height:46px;padding:0 14px;border:1px solid var(--tenant-line);border-radius:12px;background:var(--tenant-input);color:var(--tenant-text)}
.tenant-publish-success{position:fixed;z-index:12000;isolation:isolate;inset:0;width:100%;min-height:100dvh;margin:0;padding:clamp(32px,7vw,76px) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:auto;text-align:center;color:#f7fbff;border:0;border-radius:0;background:radial-gradient(circle at 50% 22%,rgba(35,211,150,.22),transparent 28%),radial-gradient(circle at 18% 85%,rgba(45,157,255,.20),transparent 34%),linear-gradient(145deg,#020c1a 0%,#061c34 48%,#062a3a 100%);box-shadow:none;animation:tenantPublishSuccessIn .5s cubic-bezier(.2,.8,.2,1) both}
.tenant-publish-success>*:not(.tenant-publish-success-confetti){position:relative;z-index:2}.tenant-publish-success-icon{width:84px;height:84px;margin-bottom:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#08a663,#35c98a);box-shadow:0 0 0 12px rgba(41,198,133,.08),0 18px 42px rgba(8,166,99,.26);animation:tenantPublishSuccessCheck .7s .18s cubic-bezier(.2,1.35,.3,1) both,tenantPublishSuccessGlow 2.2s 1s ease-in-out infinite}.tenant-publish-success-icon svg{width:44px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.tenant-publish-success h1{margin:9px 0 12px;color:#fff;font-size:clamp(42px,6vw,72px);line-height:.96;letter-spacing:-.055em;text-shadow:0 16px 42px rgba(0,0,0,.28)}.tenant-publish-success h1 small{display:block;margin-top:12px;color:#d9ebf8;font-size:.42em;line-height:1.15;letter-spacing:-.025em}.tenant-publish-success p{max-width:620px;margin:0;color:#b9cde0;font-size:16px;line-height:1.7}.tenant-publish-success .tenant-eyebrow{color:#66e7ff}.tenant-publish-success .tenant-publish-notification-summary{width:min(560px,100%);margin-top:8px;text-align:left;color:#d8e9f7;border-color:rgba(127,199,255,.38);background:rgba(4,24,46,.68);box-shadow:0 18px 48px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.tenant-publish-success .tenant-publish-notification-summary strong{color:#fff}.tenant-publish-success .tenant-publish-notification-summary span,.tenant-publish-success .tenant-publish-notification-summary small{color:#b9cde0}.tenant-publish-success-actions{margin:26px 0 18px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tenant-publish-success-actions .tenant-button{border-color:rgba(175,216,248,.3);box-shadow:0 14px 34px rgba(0,0,0,.24)}.tenant-publish-success-actions .tenant-button-quiet{color:#e9f5ff;background:rgba(255,255,255,.08)}.tenant-publish-success>small{color:#a8bfd2}
.tenant-publish-success-confetti{position:fixed;z-index:1;inset:0;overflow:hidden;pointer-events:none}.tenant-publish-success-confetti i{position:absolute;top:-10vh;left:var(--confetti-x);width:9px;height:18px;border-radius:3px;background:#20c997;opacity:.92;animation:tenantPublishConfetti var(--confetti-duration) var(--confetti-delay) linear infinite}.tenant-publish-success-confetti i:nth-child(4n+2){width:12px;height:12px;border-radius:50%;background:#16a8e0}.tenant-publish-success-confetti i:nth-child(4n+3){background:#ffba3a}.tenant-publish-success-confetti i:nth-child(4n){width:7px;background:#f45d8c}
@keyframes tenantPublishSuccessIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes tenantPublishSuccessCheck{from{opacity:0;transform:scale(.45) rotate(-16deg)}to{opacity:1;transform:none}}@keyframes tenantPublishSuccessGlow{50%{box-shadow:0 0 0 18px rgba(41,198,133,0),0 22px 54px rgba(8,166,99,.32)}}@keyframes tenantPublishConfetti{0%{transform:translate3d(0,-12vh,0) rotate(0);opacity:0}8%{opacity:.95}100%{transform:translate3d(var(--confetti-drift),116vh,0) rotate(var(--confetti-turn));opacity:.72}}
@media(max-width:900px){.tenant-content-studio .tenant-content-preview-grid-specials,.tenant-content-studio .tenant-content-preview-grid-offerings,.tenant-content-studio .tenant-content-preview-grid-listings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tenant-content-canvas-heading{gap:10px}.tenant-content-view-tools{align-items:flex-end;flex-direction:column}.tenant-content-column-picker button{width:30px}.ford-gallery-modal{grid-template-rows:auto minmax(0,1fr) auto}.ford-gallery-modal>header{padding:42px 42px 10px 0}.ford-gallery-modal>header h2{font-size:26px}.ford-gallery-modal>header>span:last-child{margin-top:6px;font-size:12px;line-height:1.45}.ford-gallery-bulkbar{position:sticky;top:0;z-index:4;margin-right:2px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.ford-gallery-bulkbar label,.ford-gallery-bulkbar strong,.ford-gallery-bulkbar button{flex:0 0 auto}.ford-gallery-form .ford-gallery-item{grid-template-columns:28px 28px 64px minmax(0,1fr) 34px}.ford-gallery-form .ford-gallery-media .tenant-media-preview{width:64px}.ford-gallery-form .ford-gallery-grid{margin-right:0;padding-right:8px}.ford-gallery-archive-drawer{padding-bottom:max(8px,env(safe-area-inset-bottom))}.ford-gallery-archive-drawer summary{padding:10px 4px}.ford-gallery-archive-drawer details>div{max-height:55dvh;overflow-y:auto;align-content:flex-start}.ford-gallery-archive-drawer label{width:100%}.ford-gallery-archive-actions{position:sticky;bottom:0;padding:8px 0;background:#f4f7fb}.tenant-publish-success{min-height:100dvh;padding:28px 20px;border-radius:0}.tenant-publish-success-actions{width:min(420px,100%);display:grid}.tenant-publish-success-actions .tenant-button{width:100%}}

/* Phase 5A: visual workspace overview and settings readiness. */
.tenant-overview-hero {
  position: relative;
  min-height: 340px;
  margin-bottom: 18px;
  padding: clamp(26px, 4vw, 46px);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .7fr);
  gap: clamp(28px, 4vw, 56px);
  overflow: hidden;
  border-radius: 32px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--tenant-secondary) 42%, transparent), transparent 31%),
    linear-gradient(135deg, #061a35 0%, color-mix(in srgb, var(--tenant-primary) 80%, #071a32) 58%, #082a52 100%);
  box-shadow: 0 26px 56px rgba(5, 27, 55, .2);
}
.tenant-overview-hero::before {
  content: "";
  position: absolute;
  inset: -90px auto auto 42%;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.018);
  pointer-events: none;
}
.tenant-overview-hero-copy,
.tenant-overview-pulse { position: relative; z-index: 1; min-width: 0; }
.tenant-overview-hero-kicker { margin-bottom: 22px; display: flex; align-items: center; gap: 8px; color: #c4def8; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.tenant-overview-live-dot { width: 9px; height: 9px; border-radius: 50%; background: #24d17f; box-shadow: 0 0 0 5px rgba(36,209,127,.13); }
.tenant-overview-brandline { display: flex; align-items: flex-start; gap: 18px; }
.tenant-overview-brandmark { width: 68px; height: 68px; flex: 0 0 68px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; color: #fff; background: rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.16); font-size: 26px; font-weight: 900; }
.tenant-overview-brandmark img { width: 100%; height: 100%; padding: 10px; display: block; object-fit: contain; }
.tenant-overview-hero .tenant-eyebrow { color: #6fd6ff; }
.tenant-overview-hero h1 { margin: 7px 0 0; color: #fff; font-size: clamp(38px, 4.1vw, 58px); line-height: .98; letter-spacing: -.055em; }
.tenant-overview-hero-copy > p { max-width: 680px; margin: 21px 0 24px; color: #c8d8ea; font-size: 15px; line-height: 1.7; }
.tenant-overview-hero-button { color: #fff; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.09); }
.tenant-overview-pulse { min-height: 250px; padding: 26px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(255,255,255,.13); border-radius: 25px; background: rgba(2,15,31,.28); backdrop-filter: blur(16px); }
.tenant-overview-pulse > div:first-child { display: grid; }
.tenant-overview-pulse > div:first-child > span { color: #9eb7d0; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.tenant-overview-pulse strong { margin-top: 5px; font-size: 45px; line-height: 1; letter-spacing: -.055em; }
.tenant-overview-pulse small { color: #a9bfd5; font-size: 11px; }
.tenant-overview-bars { height: 84px; margin: 12px 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; align-items: end; }
.tenant-overview-bars > span { height: 100%; display: grid; grid-template-rows: 1fr auto; gap: 7px; align-items: end; }
.tenant-overview-bars i { width: 100%; height: var(--overview-bar); min-height: 7px; display: block; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, #43cbff, color-mix(in srgb, var(--tenant-secondary) 72%, #2788ff)); box-shadow: 0 6px 16px rgba(41,179,255,.18); }
.tenant-overview-bars small { color: #7895b1; font-size: 8px; text-align: center; text-transform: uppercase; }
.tenant-overview-pulse > a { color: #fff; font-size: 12px; font-weight: 850; text-decoration: none; }
.tenant-overview-pulse > a span { margin-left: 6px; color: #65d7ff; }
.tenant-overview-metric { position: relative; min-height: 160px; overflow: hidden; padding: 23px; border-radius: 23px; background: #fff; }
.tenant-overview-metric::after { content: ""; position: absolute; width: 105px; height: 105px; right: -39px; bottom: -48px; border-radius: 50%; background: var(--metric-wash, #e9f2fb); }
.tenant-overview-metric-icon { position: absolute; top: 20px; right: 20px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--metric-color, var(--tenant-primary)); background: var(--metric-wash, #e9f2fb); }
.tenant-overview-metric-icon svg { width: 20px; height: 20px; }
.tenant-overview-metric small { max-width: calc(100% - 48px); }
.tenant-overview-metric strong { margin-top: auto; line-height: 1; }
.tenant-overview-metric > span:last-child { position: relative; z-index: 1; margin-top: 7px; color: var(--metric-color, #087bf1); }
.tenant-overview-metric-cards { --metric-color: #087bf1; --metric-wash: #e7f2ff; }
.tenant-overview-metric-views { --metric-color: #6847d8; --metric-wash: #f0ebff; }
.tenant-overview-metric-leads { --metric-color: #098d5e; --metric-wash: #e5f8f0; }
.tenant-overview-metric-contact { --metric-color: #cf6c20; --metric-wash: #fff0df; }
.tenant-overview-main-grid { margin-top: 18px; align-items: stretch; }
.tenant-overview-team-card,
.tenant-overview-capacity-card { min-width: 0; }
.tenant-overview-section-heading { margin-bottom: 20px; display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.tenant-overview-section-heading h2 { margin: 5px 0 0; font-size: 25px; }
.tenant-overview-card-list { display: grid; gap: 10px; }
.tenant-overview-card-row { min-width: 0; min-height: 86px; padding: 13px 14px; display: grid; grid-template-columns: 58px minmax(0,1fr) auto 18px; align-items: center; gap: 13px; border: 1px solid var(--tenant-line); border-radius: 19px; color: var(--tenant-ink); background: #fff; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.tenant-overview-card-row:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--tenant-secondary) 28%, var(--tenant-line)); box-shadow: 0 12px 25px rgba(15,42,70,.08); }
.tenant-overview-person { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; border: 4px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(135deg, var(--tenant-primary), var(--tenant-secondary)); box-shadow: 0 7px 18px rgba(12,47,86,.16); font-weight: 900; }
.tenant-overview-person img { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover; }
.tenant-overview-card-copy { min-width: 0; display: grid; gap: 2px; }
.tenant-overview-card-copy strong,
.tenant-overview-card-copy small,
.tenant-overview-card-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-overview-card-copy strong { font-size: 15px; }
.tenant-overview-card-copy small { color: var(--tenant-muted); font-size: 12px; }
.tenant-overview-card-copy span { margin-top: 3px; color: #7b8da1; font-size: 10px; font-weight: 750; }
.tenant-overview-state { display: flex; align-items: center; gap: 6px; color: #8b2530; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.tenant-overview-state i { width: 8px; height: 8px; border-radius: 50%; background: #d83b49; box-shadow: 0 0 0 4px rgba(216,59,73,.1); }
.tenant-overview-state.is-live { color: #087c4d; }
.tenant-overview-state.is-live i { background: #18b875; box-shadow: 0 0 0 4px rgba(24,184,117,.1); }
.tenant-overview-row-arrow { color: #9badbf; font-size: 26px; line-height: 1; }
.tenant-overview-capacity-card h2 { margin: 7px 0 0; }
.tenant-overview-capacity-score { margin: 13px 0 16px; display: flex; align-items: center; gap: 14px; }
.tenant-overview-capacity-score > strong { font-size: 42px; line-height: 1; letter-spacing: -.055em; }
.tenant-overview-capacity-score > span { display: grid; font-size: 14px; font-weight: 850; }
.tenant-overview-capacity-score small { color: var(--tenant-muted); font-size: 10px; font-weight: 700; }
.tenant-overview-shortcuts { margin-top: 22px; display: grid; gap: 8px; }
.tenant-overview-shortcuts a { min-width: 0; padding: 12px; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 1px 10px; align-items: center; border: 1px solid var(--tenant-line); border-radius: 15px; color: var(--tenant-ink); background: #f9fbfd; text-decoration: none; }
.tenant-overview-shortcuts a > span { width: 38px; height: 38px; grid-row: 1 / 3; display: grid; place-items: center; border-radius: 11px; color: var(--tenant-primary); background: #e9f1fa; }
.tenant-overview-shortcuts svg { width: 19px; height: 19px; }
.tenant-overview-shortcuts strong { min-width: 0; font-size: 12px; }
.tenant-overview-shortcuts small { min-width: 0; overflow: hidden; color: var(--tenant-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.tenant-settings-hero { margin-bottom: 18px; padding: clamp(25px, 3.5vw, 40px); display: flex; align-items: center; justify-content: space-between; gap: 28px; overflow: hidden; border: 1px solid rgba(15,35,63,.07); border-radius: 28px; background: linear-gradient(135deg, #fff 0%, #f4f8fc 68%, color-mix(in srgb, var(--tenant-secondary) 8%, #f4f8fc)); box-shadow: var(--tenant-shadow); }
.tenant-settings-hero-copy { min-width: 0; }
.tenant-settings-hero h1 { max-width: 820px; margin: 7px 0 0; font-size: clamp(34px, 4vw, 50px); line-height: 1; letter-spacing: -.052em; }
.tenant-settings-hero p { max-width: 760px; margin: 13px 0 0; color: var(--tenant-muted); line-height: 1.65; }
.tenant-settings-welcome { position: relative; min-height: 310px; color: #fff; background: radial-gradient(circle at 83% 48%, color-mix(in srgb, var(--tenant-secondary) 33%, transparent), transparent 24%), linear-gradient(135deg, #061b36 0%, var(--tenant-primary) 62%, #0d5d9f 100%); }
.tenant-settings-welcome::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(90deg,transparent 25%,#000); }
.tenant-settings-welcome .tenant-settings-hero-copy { position: relative; z-index: 2; max-width: 670px; }
.tenant-settings-welcome .tenant-eyebrow { color: #8ed7ff; }
.tenant-settings-welcome h1 { color: #fff; }
.tenant-settings-welcome p { color: rgba(235,246,255,.82); }
.tenant-settings-welcome-actions { margin-top: 23px; display: flex; align-items: center; flex-wrap: wrap; gap: 13px; }
.tenant-settings-welcome-actions .tenant-button { min-height: 48px; padding-inline: 20px; color: var(--tenant-primary); background: #fff; box-shadow: 0 15px 34px rgba(0,0,0,.2); }
.tenant-settings-welcome-actions > span { color: rgba(235,246,255,.72); font-size: 10px; font-weight: 850; }
.tenant-settings-orbit { position: relative; z-index: 1; width: 270px; height: 270px; flex: 0 0 270px; display: grid; place-items: center; }
.tenant-settings-orbit::before { content: ""; position: absolute; inset: 17%; border-radius: 50%; background: radial-gradient(circle,rgba(72,196,255,.24),rgba(72,196,255,0) 68%); filter: blur(3px); }
.tenant-settings-orbit-core { position: relative; z-index: 3; width: 92px; height: 92px; padding: 11px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.32); border-radius: 28px; color: #fff; background: rgba(255,255,255,.13); box-shadow: 0 0 0 10px rgba(255,255,255,.04),0 18px 44px rgba(0,0,0,.24); backdrop-filter: blur(14px); font-size: 30px; font-weight: 900; }
.tenant-settings-orbit-core img { width: 100%; height: 100%; display: block; object-fit: contain; }
.tenant-settings-orbit-ring { position: absolute; border: 1px solid rgba(158,221,255,.34); border-radius: 50%; }
.tenant-settings-orbit-ring.is-one { inset: 19%; }
.tenant-settings-orbit-ring.is-two { inset: 2%; border-style: dashed; opacity: .65; }
.tenant-settings-orbit-node { position: absolute; z-index: 2; min-width: 70px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: #eaf7ff; background: rgba(4,26,53,.66); box-shadow: 0 8px 24px rgba(0,0,0,.18); backdrop-filter: blur(9px); text-align: center; font-size: 9px; font-weight: 900; }
.tenant-settings-orbit-node.is-profile { top: 18px; left: 20px; }
.tenant-settings-orbit-node.is-media { top: 44%; right: -8px; }
.tenant-settings-orbit-node.is-email { bottom: 16px; left: 29px; }
.tenant-settings-hub[hidden] { display: none !important; }
.tenant-settings-hub { position: fixed; inset: 0; z-index: 1200; padding: 28px; display: grid; place-items: center; opacity: 0; transition: opacity .18s ease; }
.tenant-settings-hub.is-open { opacity: 1; }
.tenant-settings-hub-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(3,16,34,.72); backdrop-filter: blur(13px); cursor: default; }
.tenant-settings-hub-panel { position: relative; width: min(1500px,100%); height: min(920px,calc(100vh - 56px)); min-height: 0; display: grid; grid-template-rows: auto auto auto minmax(0,1fr); overflow: hidden; border: 1px solid rgba(255,255,255,.55); border-radius: 30px; background: #f4f7fb; box-shadow: 0 35px 100px rgba(0,0,0,.38); transform: translateY(14px) scale(.985); transition: width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),border-radius .28s ease,transform .2s cubic-bezier(.2,.8,.2,1); }
.tenant-settings-hub.is-open .tenant-settings-hub-panel { transform: none; }
.tenant-settings-hub.is-expanded { padding: 12px; }
.tenant-settings-hub.is-expanded .tenant-settings-hub-panel { width: 100%; height: calc(100dvh - 24px); border-radius: 22px; }
.tenant-settings-hub-header { padding: 23px 126px 18px 28px; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; color: #fff; background: linear-gradient(110deg,#071d39,var(--tenant-primary)); }
.tenant-settings-hub-header h2 { margin: 5px 0 6px; color: #fff; font-size: clamp(24px,2.4vw,32px); line-height: 1.05; }
.tenant-settings-hub-header p { max-width: 690px; margin: 0; color: rgba(235,246,255,.75); font-size: 11px; }
.tenant-settings-hub-header .tenant-eyebrow { color: #8ed7ff; }
.tenant-settings-hub-help-actions { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.tenant-settings-hub-help-actions button { min-height: 36px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 11px; color: #fff; background: rgba(255,255,255,.1); font-family: inherit; font-size: 9px; font-weight: 800; line-height: 1.2; cursor: pointer; }
.tenant-settings-hub-help-actions button:hover,.tenant-settings-hub-help-actions button:focus-visible { background: rgba(255,255,255,.2); outline: 2px solid rgba(142,215,255,.3); outline-offset: 2px; }
.tenant-settings-hub-window-actions { position: absolute; top: 19px; right: 22px; z-index: 3; display: flex; gap: 8px; }
.tenant-settings-hub-close,.tenant-settings-hub-expand { position: static; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; color: #fff; background: rgba(255,255,255,.11); cursor: pointer; transition: transform .18s ease,background .18s ease,box-shadow .18s ease; }
.tenant-settings-hub-close { font: 300 30px/1 Arial,sans-serif; }
.tenant-settings-hub-expand svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tenant-settings-hub-expand .is-restore { display: none; }
.tenant-settings-hub-expand[aria-pressed="true"] .is-expand { display: none; }
.tenant-settings-hub-expand[aria-pressed="true"] .is-restore { display: block; }
.tenant-settings-hub-expand:hover,.tenant-settings-hub-expand:focus-visible { background: rgba(255,255,255,.2); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0,0,0,.16); outline: 3px solid rgba(142,215,255,.28); outline-offset: 2px; }
.tenant-settings-hub-close:hover,.tenant-settings-hub-close:focus-visible { background: rgba(255,255,255,.2); transform: rotate(6deg); outline: 3px solid rgba(142,215,255,.28); outline-offset: 2px; }
.tenant-settings-hub-tabs { padding: 10px 18px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); gap: 7px; border-bottom: 1px solid #dbe4ee; background: #fff; box-shadow: 0 7px 20px rgba(15,35,63,.06); }
.tenant-public-hub-code > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; align-items:center; }
.tenant-public-hub-code code { padding:2px 6px; border:1px solid var(--tenant-line); border-radius:7px; color:var(--tenant-primary); background:color-mix(in srgb,var(--tenant-primary) 5%,var(--tenant-surface)); font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.tenant-public-hub-code textarea { min-height:112px; font:650 11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; resize:vertical; }
@media(max-width:640px){.tenant-public-hub-code > div{grid-template-columns:1fr}.tenant-public-hub-code .tenant-button{width:100%}}
.tenant-settings-hub-tabs button { min-width: 0; min-height: 58px; padding: 8px 9px; display: grid; grid-template-columns: 30px minmax(0,1fr); grid-template-rows: auto auto; gap: 1px 8px; align-items: center; border: 1px solid transparent; border-radius: 15px; color: #607189; background: transparent; text-align: left; cursor: pointer; transition: background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
.tenant-settings-hub-tabs button > span { width: 30px; height: 30px; grid-row: 1 / 3; display: grid; place-items:center; border-radius: 10px; color: var(--tenant-primary); background: #eaf2fa; font-size: 11px; font-weight: 900; }
.tenant-settings-hub-tabs button strong { min-width: 0; align-self: end; color: #172b47; font-size: 11px; line-height:1.12; }
.tenant-settings-hub-tabs button small { min-width: 0; align-self: start; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.tenant-settings-hub-tabs button:hover { background: #f4f8fc; transform: translateY(-1px); }
.tenant-settings-hub-tabs button.is-active { border-color: color-mix(in srgb,var(--tenant-primary) 24%,#dbe4ee); color: var(--tenant-primary); background: color-mix(in srgb,var(--tenant-primary) 6%,#fff); }
.tenant-settings-hub-tabs button.is-active > span { color: #fff; background: var(--tenant-primary); box-shadow: 0 7px 17px color-mix(in srgb,var(--tenant-primary) 24%,transparent); }
.tenant-settings-hub-tabs button:focus-visible { outline: 3px solid color-mix(in srgb,var(--tenant-secondary) 26%,transparent); outline-offset: 1px; }
.tenant-settings-help-nudge[hidden] { display: none !important; }
.tenant-settings-help-nudge { position: relative; margin: 10px 18px 0; padding: 12px 46px 12px 12px; display: grid; grid-template-columns: 46px minmax(0,1fr) auto; gap: 11px; align-items: center; border: 1px solid color-mix(in srgb,var(--tenant-secondary) 32%,#dbe4ee); border-radius: 17px; background: linear-gradient(135deg,color-mix(in srgb,var(--tenant-secondary) 8%,#fff),#f8fbff); box-shadow: 0 8px 22px rgba(15,35,63,.06); }
.tenant-settings-help-nudge__icon { width: 46px; height: 46px; padding: 4px; display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: #06254a; }
.tenant-settings-help-nudge__icon img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.tenant-settings-help-nudge small,.tenant-settings-help-nudge strong,.tenant-settings-help-nudge p { display: block; }
.tenant-settings-help-nudge small { color: #0877df; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tenant-settings-help-nudge strong { margin-top: 2px; color: var(--tenant-ink); font-size: 12px; }
.tenant-settings-help-nudge p { margin: 3px 0 0; color: var(--tenant-muted); font-size: 9px; line-height: 1.4; }
.tenant-settings-help-nudge__actions { display: flex; gap: 7px; }
.tenant-settings-help-nudge__actions .tenant-button { min-height: 38px; padding: 8px 11px; white-space: nowrap; }
.tenant-settings-help-nudge__close { position: absolute; top: 8px; right: 9px; width: 29px; height: 29px; border: 0; border-radius: 50%; color: var(--tenant-muted); background: transparent; font-size: 20px; cursor: pointer; }
.tenant-settings-help-nudge__close:hover,.tenant-settings-help-nudge__close:focus-visible { color: var(--tenant-primary); background: color-mix(in srgb,var(--tenant-primary) 8%,#fff); outline: 2px solid color-mix(in srgb,var(--tenant-secondary) 25%,transparent); }
@media(max-width:760px){
  .tenant-settings-hub-header { display: grid; }
  .tenant-settings-hub-help-actions { padding-right: 0; justify-content: flex-start; }
  .tenant-settings-hub-help-actions button { min-height: 46px; padding-block: 10px; font-size: 10px; }
  .tenant-settings-help-nudge { margin: 8px 10px 0; grid-template-columns: 40px minmax(0,1fr); padding: 10px 38px 10px 10px; }
  .tenant-settings-help-nudge__icon { width: 40px; height: 40px; }
  .tenant-settings-help-nudge__actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  .tenant-settings-help-nudge__actions .tenant-button { width: 100%; min-height: 46px; white-space: normal; }
  .tenant-settings-help-nudge__close { top: 6px; right: 6px; width: 46px; height: 46px; }
}
.tenant-settings-hub-body { min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 22px; }
.tenant-settings-hub-section[hidden] { display: none !important; }
.tenant-settings-hub-section { max-width: 1380px; margin: 0 auto; }
.tenant-settings-hub-section.is-entering { animation: tenantSettingsSectionIn .24s cubic-bezier(.2,.8,.2,1); }
@keyframes tenantSettingsSectionIn { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
@media(max-width:1380px) and (min-width:681px){
  .tenant-settings-hub-tabs { display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; scrollbar-width:thin; }
  .tenant-settings-hub-tabs button { flex:0 0 132px; min-width:132px; scroll-snap-align:start; }
}
@media(prefers-reduced-motion:reduce){
  .tenant-settings-hub,.tenant-settings-hub-panel,.tenant-settings-hub-section.is-entering { transition:none!important; animation:none!important; }
}
.tenant-settings-hub-section > .tenant-settings-layout,.tenant-settings-hub-section > .tenant-header-media-settings,.tenant-settings-hub-section > .tenant-settings-email-blueprint { margin-top: 0; margin-bottom: 0; }
.tenant-knowledge-settings { display:grid; gap:18px; padding:24px; }
.tenant-knowledge-header-meta { align-self:flex-start; display:flex; gap:7px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.tenant-knowledge-industry { padding:7px 10px; border:1px solid color-mix(in srgb,var(--tenant-secondary) 30%,#dbe4ee); border-radius:999px; color:#0874a8; background:color-mix(in srgb,var(--tenant-secondary) 8%,#fff); font-size:9px; font-weight:900; white-space:nowrap; }
.tenant-knowledge-count { align-self:flex-start; padding:7px 10px; border:1px solid color-mix(in srgb,var(--tenant-primary) 22%,#dbe4ee); border-radius:999px; color:var(--tenant-primary); background:color-mix(in srgb,var(--tenant-primary) 6%,#fff); font-size:9px; font-weight:900; white-space:nowrap; }
.tenant-knowledge-source-form { padding:18px; border:1px solid var(--tenant-line); border-radius:20px; background:#f7fafc; }
.tenant-knowledge-batch { display:grid; gap:12px; }
.tenant-knowledge-source-row { min-width:0; padding:16px; display:grid; gap:14px; border:1px solid #d8e4ef; border-radius:17px; background:#fff; box-shadow:0 8px 22px rgba(15,35,63,.045); }
.tenant-knowledge-source-row[hidden] { display:none!important; }
.tenant-knowledge-source-row > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tenant-knowledge-source-row > header > span { min-width:0; display:grid; gap:2px; }
.tenant-knowledge-source-row > header strong { color:var(--tenant-text); font-size:12px; }
.tenant-knowledge-source-row > header small { color:var(--tenant-muted); font-size:9px; }
.tenant-knowledge-source-row > header .tenant-brand-icon-button { width:34px; height:34px; }
.tenant-knowledge-add-row { width:max-content; max-width:100%; margin-top:12px; display:inline-flex; align-items:center; gap:7px; }
.tenant-knowledge-add-row svg { width:16px; height:16px; }
.tenant-knowledge-source-safety { margin:10px 0 0; color:var(--tenant-muted); font-size:9px; line-height:1.45; }
.tenant-knowledge-capacity-note { padding:18px; display:grid; gap:4px; border:1px solid #efd298; border-radius:17px; color:#684611; background:#fff8e8; }
.tenant-knowledge-capacity-note strong { font-size:12px; }
.tenant-knowledge-capacity-note span { font-size:10px; line-height:1.45; }
.tenant-knowledge-category-hint { min-height:30px; padding:8px 10px; border-radius:10px; color:#526c84; background:#edf3f8; transition:color .16s ease,background .16s ease; }
.tenant-knowledge-category-hint.is-recommendation { color:#075d39; background:#e6f8ef; }
.tenant-knowledge-source-submit { margin-top:14px; display:flex; align-items:center; gap:14px; }
.tenant-knowledge-source-submit p { max-width:720px; margin:0; color:var(--tenant-muted); font-size:10px; line-height:1.5; }
.tenant-knowledge-source-list { display:grid; gap:10px; }
.tenant-knowledge-source { min-width:0; padding:13px; display:grid; grid-template-columns:10px minmax(0,1fr) auto; gap:12px; align-items:center; border:1px solid var(--tenant-line); border-radius:17px; background:#fff; box-shadow:0 8px 24px rgba(15,35,63,.05); }
.tenant-knowledge-source-state { width:9px; height:9px; border-radius:50%; background:#dd9230; box-shadow:0 0 0 5px rgba(221,146,48,.11); }
.tenant-knowledge-source.is-ready .tenant-knowledge-source-state { background:#11b77b; box-shadow:0 0 0 5px rgba(17,183,123,.11); }
.tenant-knowledge-source-copy { min-width:0; display:grid; gap:4px; }
.tenant-knowledge-source-copy > div { min-width:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tenant-knowledge-source-copy strong { color:var(--tenant-text); font-size:12px; }
.tenant-knowledge-source-copy span { padding:4px 7px; border-radius:999px; color:#516b83; background:#edf3f8; font-size:8px; font-weight:850; }
.tenant-knowledge-source-copy a { min-width:0; overflow:hidden; color:var(--tenant-primary); font-size:10px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.tenant-knowledge-source-copy small { color:var(--tenant-muted); font-size:9px; line-height:1.4; overflow-wrap:anywhere; }
.tenant-knowledge-source-actions { display:flex; align-items:center; gap:7px; }
.tenant-knowledge-source-actions form { margin:0; }
.tenant-knowledge-source-actions .tenant-brand-icon-button { width:38px; height:38px; }
.tenant-knowledge-source-actions .tenant-brand-icon-button svg { width:18px; height:18px; }
.tenant-knowledge-empty { padding:20px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; align-items:center; border:1px dashed #b9cce0; border-radius:18px; background:#f8fbfd; }
.tenant-knowledge-empty > span { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:var(--tenant-primary); background:#e9f3fa; }
.tenant-knowledge-empty svg { width:20px; height:20px; }
.tenant-knowledge-empty div { display:grid; gap:4px; }
.tenant-knowledge-empty strong { color:var(--tenant-text); font-size:12px; }
.tenant-knowledge-empty small { color:var(--tenant-muted); font-size:10px; line-height:1.45; }
body.tenant-settings-hub-open { overflow: hidden; }
.tenant-settings-brand-swatch { min-width: 285px; padding: 15px; display: flex; align-items: center; gap: 13px; border: 1px solid var(--tenant-line); border-radius: 20px; background: rgba(255,255,255,.8); }
.tenant-settings-brand-logo { width: 64px; height: 64px; flex: 0 0 64px; display: grid; place-items: center; overflow: hidden; border-radius: 18px; color: #fff; background: var(--tenant-primary); font-size: 24px; font-weight: 900; box-shadow: 0 10px 24px color-mix(in srgb, var(--tenant-primary) 18%, transparent); }
.tenant-settings-brand-logo img { width: 100%; height: 100%; padding: 8px; display: block; object-fit: contain; }
.tenant-settings-brand-swatch > div { min-width: 0; display: grid; }
.tenant-settings-brand-swatch strong,
.tenant-settings-brand-swatch small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-settings-brand-swatch small { color: var(--tenant-muted); font-size: 10px; }
.tenant-settings-brand-swatch > div > span { margin-top: 8px; display: flex; gap: 6px; }
.tenant-settings-brand-swatch i { width: 20px; height: 20px; border: 3px solid #fff; border-radius: 50%; background: var(--brand-swatch); box-shadow: 0 2px 8px rgba(15,35,63,.16); }
.tenant-settings-readiness { margin-bottom: 18px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.tenant-settings-readiness-card { min-width: 0; padding: 20px; display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 13px; border: 1px solid var(--tenant-line); border-radius: 22px; background: #fff; box-shadow: 0 12px 30px rgba(15,35,63,.06); }
.tenant-settings-readiness-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #a46015; background: #fff0db; }
.tenant-settings-readiness-card.is-ready .tenant-settings-readiness-icon { color: #087e51; background: #e4f8ef; }
.tenant-settings-readiness-icon svg { width: 21px; height: 21px; }
.tenant-settings-readiness-card small { color: var(--tenant-muted); font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.tenant-settings-readiness-card h2 { margin: 5px 0 6px; font-size: 18px; line-height: 1.15; }
.tenant-settings-readiness-card p { margin: 0 0 11px; color: var(--tenant-muted); font-size: 11px; line-height: 1.55; }
.tenant-settings-detail-pill { max-width: 100%; padding: 6px 8px; display: inline-block; overflow: hidden; border-radius: 999px; color: #71521f; background: #fff6e7; font-size: 9px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.tenant-settings-readiness-card.is-ready .tenant-settings-detail-pill { color: #087149; background: #edf9f4; }
.tenant-settings-delivery-line { margin-top: 7px; display: block; color: var(--tenant-muted); font-size: 10px; line-height: 1.45; }
.tenant-settings-delivery-line strong { color: var(--tenant-ink); }
.tenant-settings-readiness-action { width: fit-content; margin-top: 13px; }
.tenant-settings-section-heading { margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid var(--tenant-line); }
.tenant-settings-section-heading h2 { margin: 5px 0 3px; font-size: 25px; }
.tenant-settings-section-heading p { margin: 0; font-size: 12px; }
.tenant-settings-boundary-list { margin: 0; padding: 0; display: grid; gap: 12px; list-style: none; }
.tenant-settings-boundary-list li { min-width: 0; display: grid; grid-template-columns: 10px minmax(0,1fr); gap: 10px; color: var(--tenant-muted); font-size: 11px; line-height: 1.5; }
.tenant-settings-boundary-list i { width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; background: #1da36f; box-shadow: 0 0 0 4px rgba(29,163,111,.1); }
.tenant-settings-boundary-list i.is-platform { background: #6a54d8; box-shadow: 0 0 0 4px rgba(106,84,216,.1); }
.tenant-settings-boundary-list i.is-card { background: #2389d7; box-shadow: 0 0 0 4px rgba(35,137,215,.1); }
.tenant-settings-boundary-list strong { display: block; color: var(--tenant-ink); font-size: 12px; }
.tenant-settings-email-blueprint { margin-top: 18px; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.75fr); gap: clamp(28px,4vw,54px); align-items: center; background: linear-gradient(135deg, #fff, #f7faff); }
.tenant-settings-email-copy h2 { max-width: 690px; margin: 7px 0 12px; font-size: clamp(28px,3vw,40px); line-height: 1.03; }
.tenant-settings-email-copy > p { max-width: 720px; margin: 0; }
.tenant-settings-email-rules { margin-top: 21px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.tenant-settings-email-rules span { min-width: 0; padding: 11px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--tenant-line); border-radius: 13px; color: #40566f; background: #fff; font-size: 10px; font-weight: 800; }
.tenant-settings-email-rules strong { width: 24px; height: 24px; flex: 0 0 24px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--tenant-primary); }
.tenant-email-preview { min-width: 0; padding: 18px; border: 1px solid #d8e2ed; border-radius: 22px; background: #fff; box-shadow: 0 18px 40px rgba(15,42,70,.1); }
.tenant-email-preview-top { margin: -18px -18px 18px; padding: 12px 15px; display: flex; align-items: center; gap: 5px; border-radius: 22px 22px 0 0; color: #687c92; background: #eef3f8; font-size: 9px; font-weight: 850; }
.tenant-email-preview-top span { margin-right: auto; }
.tenant-email-preview-top i { width: 7px; height: 7px; border-radius: 50%; background: #c0ccda; }
.tenant-email-preview-body { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 12px; align-items: center; }
.tenant-email-preview-logo { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; border-radius: 16px; color: #fff; background: var(--tenant-primary); font-weight: 900; }
.tenant-email-preview-logo img { width: 100%; height: 100%; padding: 7px; display: block; object-fit: contain; }
.tenant-email-preview-logo.uses-light-logo-safety-tile { border: 1px solid #d7e1eb; background: #fff; }
.tenant-email-preview-body > div { min-width: 0; display: grid; gap: 3px; }
.tenant-email-preview-body strong,
.tenant-email-preview-body small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tenant-email-preview-body small { color: var(--tenant-muted); font-size: 9px; }
.tenant-email-preview-reply { width: fit-content; margin: 16px 0 14px; padding: 9px 13px; border-radius: 10px; color: #fff; background: var(--tenant-primary); font-size: 10px; font-weight: 900; }
.tenant-email-preview > p { margin: 0; padding-top: 13px; border-top: 1px solid var(--tenant-line); font-size: 9px; line-height: 1.55; }
.tenant-settings-readiness-link { color: inherit; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.tenant-settings-readiness-link:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--tenant-secondary) 28%, var(--tenant-line)); box-shadow: 0 17px 36px rgba(15,35,63,.1); }
.tenant-settings-email-live { align-items: start; }
.tenant-settings-email-live .tenant-settings-email-copy { min-width: 0; }
.tenant-smtp-status { width: fit-content; max-width: 100%; margin: 18px 0 2px; padding: 9px 11px; display: flex; align-items: center; gap: 10px; border: 1px solid #d7e0ea; border-radius: 13px; color: #5b6f84; background: #f7f9fc; }
.tenant-smtp-status > i { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: #8c9aac; box-shadow: 0 0 0 4px rgba(140,154,172,.12); }
.tenant-smtp-status > span { min-width: 0; display: grid; gap: 1px; }
.tenant-smtp-status strong { color: var(--tenant-ink); font-size: 11px; }
.tenant-smtp-status small { overflow-wrap: anywhere; font-size: 9px; }
.tenant-smtp-status.is-passed { border-color: #bce8d6; color: #287657; background: #effaf5; }
.tenant-smtp-status.is-passed > i { background: #18b875; box-shadow: 0 0 0 4px rgba(24,184,117,.12); }
.tenant-smtp-status.is-pending { border-color: #f0d6ab; color: #8c5c1b; background: #fff8ec; }
.tenant-smtp-status.is-pending > i { background: #e99a27; box-shadow: 0 0 0 4px rgba(233,154,39,.12); }
.tenant-smtp-form { margin-top: 19px; }
.tenant-email-connection-steps { margin-top: 18px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.tenant-email-connection-steps > span { min-width: 0; padding: 11px; display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 9px; border: 1px solid var(--tenant-line); border-radius: 14px; background: #f8fbfe; }
.tenant-email-connection-steps > span > strong { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #8292a6; font-size: 11px; }
.tenant-email-connection-steps > span.is-complete { border-color: #bce8d6; background: #effaf5; }
.tenant-email-connection-steps > span.is-complete > strong { background: #18a96f; }
.tenant-email-connection-steps > span > span { min-width: 0; display: grid; gap: 2px; }
.tenant-email-connection-steps b { color: var(--tenant-ink); font-size: 10px; }
.tenant-email-connection-steps small { color: var(--tenant-muted); font-size: 8px; line-height: 1.45; text-transform: none; letter-spacing: 0; }
.tenant-toggle-row { min-height: 64px; padding: 12px 14px; display: flex !important; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--tenant-line); border-radius: 16px; background: #f8fbfe; }
.tenant-toggle-row > span { min-width: 0; display: grid; gap: 3px; }
.tenant-toggle-row strong { color: var(--tenant-ink); font-size: 12px; }
.tenant-toggle-row small { color: var(--tenant-muted); font-size: 9px; font-weight: 650; }
.tenant-toggle-row input { width: 42px !important; height: 24px !important; min-height: 24px !important; flex: 0 0 42px; margin: 0; padding: 0; appearance: none; border: 0 !important; border-radius: 999px !important; background: #c8d4e1; box-shadow: inset 0 0 0 1px rgba(15,35,63,.07); cursor: pointer; transition: background .18s ease; }
.tenant-toggle-row input::before { content: ""; width: 18px; height: 18px; margin: 3px; display: block; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(15,35,63,.18); transition: transform .18s ease; }
.tenant-toggle-row input:checked { background: #18b875; }
.tenant-toggle-row input:checked::before { transform: translateX(18px); }
.tenant-smtp-port-security > div { display: grid; grid-template-columns: minmax(88px,.45fr) minmax(150px,1fr); gap: 8px; }
.tenant-email-footer-picker { padding: 12px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; border: 1px solid var(--tenant-line); border-radius: 17px; background: #f8fbfe; }
.tenant-email-footer-image { min-width: 0; min-height: 88px; display: grid; place-items: center; overflow: hidden; border: 1px dashed #b9c7d6; border-radius: 13px; color: var(--tenant-muted); background: #fff; font-size: 10px; font-weight: 800; }
.tenant-email-footer-image img { width: 100%; height: auto; max-height: 150px; display: block; object-fit: contain; }
.tenant-email-footer-picker > div:last-child { display: grid; gap: 7px; }
.tenant-smtp-actions { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 9px; }
.tenant-smtp-actions .tenant-button:disabled { opacity: .48; cursor: not-allowed; box-shadow: none; }
.tenant-smtp-safety-note { margin: 10px 0 0; color: var(--tenant-muted); font-size: 9px; line-height: 1.55; }
.tenant-settings-digest-controls { display: grid; gap: 18px; background: linear-gradient(135deg, #fff, #f6fbff 62%, #efffff); }
.tenant-settings-digest-controls > .tenant-form-grid { margin: 0; }
.tenant-settings-digest-controls .tenant-field > strong { display: block; margin: 5px 0 4px; color: var(--tenant-ink); font-size: 18px; line-height: 1.1; }
.tenant-settings-digest-preview { padding: 16px; border: 1px solid #cfe4f5; border-radius: 22px; background: linear-gradient(135deg, rgba(11,142,232,.08), rgba(78,226,220,.1)); }
.tenant-settings-digest-preview-heading { margin-bottom: 13px; }
.tenant-settings-digest-preview-heading h3 { margin: 4px 0 5px; color: var(--tenant-ink); font-size: 20px; line-height: 1.1; }
.tenant-settings-digest-preview-heading p { max-width: 760px; margin: 0; color: var(--tenant-muted); font-size: 11px; line-height: 1.55; }
.tenant-settings-digest-preview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.tenant-settings-digest-preview-grid article,
.tenant-settings-digest-samples article { min-width: 0; padding: 13px; display: grid; gap: 5px; border: 1px solid rgba(142,180,210,.55); border-radius: 16px; background: rgba(255,255,255,.82); box-shadow: 0 12px 28px rgba(15,35,63,.06); }
.tenant-settings-digest-preview-grid span,
.tenant-settings-digest-samples span { color: #0b8ee8; font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.tenant-settings-digest-preview-grid strong,
.tenant-settings-digest-samples strong { color: var(--tenant-ink); font-size: 16px; line-height: 1.12; }
.tenant-settings-digest-preview-grid small,
.tenant-settings-digest-samples small { color: var(--tenant-muted); font-size: 9px; line-height: 1.45; }
.tenant-settings-digest-samples { margin-top: 10px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.tenant-settings-digest-history { display: grid; gap: 8px; }
.tenant-settings-digest-history article { min-width: 0; padding: 11px 13px; display: grid; grid-template-columns: minmax(150px,.7fr) minmax(110px,.55fr) minmax(0,1fr); gap: 10px; align-items: center; border: 1px solid #d8e6f2; border-radius: 14px; background: #fff; box-shadow: 0 10px 24px rgba(15,35,63,.05); }
.tenant-settings-digest-history strong { color: var(--tenant-ink); font-size: 11px; }
.tenant-settings-digest-history span { color: #0b8ee8; font-size: 10px; font-weight: 850; }
.tenant-settings-digest-history small { color: var(--tenant-muted); font-size: 9px; line-height: 1.45; }
.tenant-email-preview-footer-image { width: 100%; height: auto; max-height: 160px; margin: 0 0 15px; display: block; object-fit: contain; border: 1px solid var(--tenant-line); border-radius: 12px; background: #f8fbfe; }

@media (max-width: 1120px) {
  .tenant-overview-hero { grid-template-columns: 1fr; }
  .tenant-overview-pulse { min-height: 220px; }
  .tenant-settings-readiness { grid-template-columns: 1fr 1fr; }
  .tenant-settings-readiness-card:last-child { grid-column: 1 / -1; }
  .tenant-settings-email-blueprint { grid-template-columns: 1fr; }
  .tenant-settings-email-live .tenant-email-preview { position: static; }
  .tenant-settings-digest-history article { grid-template-columns: 1fr; }
  .tenant-settings-digest-preview-grid, .tenant-settings-digest-samples { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .tenant-overview-brandline { align-items: center; }
  .tenant-overview-brandmark { width: 56px; height: 56px; flex-basis: 56px; border-radius: 17px; }
  .tenant-overview-card-row { grid-template-columns: 54px minmax(0,1fr) auto; }
  .tenant-overview-person { width: 54px; height: 54px; }
  .tenant-overview-state { grid-column: 2; }
  .tenant-overview-row-arrow { grid-column: 3; grid-row: 1 / 3; }
  .tenant-settings-hero { align-items: flex-start; flex-direction: column; }
  .tenant-settings-welcome { min-height: 0; }
  .tenant-settings-orbit { align-self: center; margin: -10px 0 -18px; }
  .tenant-settings-brand-swatch { width: 100%; min-width: 0; }
  .tenant-settings-readiness { grid-template-columns: 1fr; }
  .tenant-settings-readiness-card:last-child { grid-column: auto; }
  .tenant-email-connection-steps { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .tenant-overview-hero { min-height: 0; padding: 22px; border-radius: 24px; }
  .tenant-overview-hero::before { display: none; }
  .tenant-overview-brandline { align-items: flex-start; }
  .tenant-overview-brandmark { display: none; }
  .tenant-overview-hero h1 { font-size: 38px; }
  .tenant-overview-hero-copy > p { margin: 16px 0 20px; font-size: 13px; }
  .tenant-overview-hero .tenant-actions { display: grid; grid-template-columns: 1fr; }
  .tenant-overview-pulse { min-height: 205px; padding: 20px; }
  .tenant-overview-pulse strong { font-size: 38px; }
  .tenant-overview-metric { min-height: 135px; padding: 18px; }
  .tenant-overview-metric-icon { top: 16px; right: 16px; }
  .tenant-overview-section-heading { align-items: flex-start; flex-direction: column; }
  .tenant-overview-card-row { grid-template-columns: 48px minmax(0,1fr) auto; gap: 10px; padding: 11px; }
  .tenant-overview-person { width: 48px; height: 48px; border-width: 3px; }
  .tenant-overview-card-copy strong { font-size: 13px; }
  .tenant-overview-card-copy small { font-size: 10px; }
  .tenant-overview-card-copy span { font-size: 9px; }
  .tenant-overview-state { font-size: 8px; }
  .tenant-overview-row-arrow { font-size: 21px; }
  .tenant-settings-hero { padding: 22px; border-radius: 23px; }
  .tenant-settings-hero h1 { font-size: 34px; }
  .tenant-settings-welcome-actions { align-items: stretch; display: grid; }
  .tenant-settings-welcome-actions .tenant-button { width: 100%; }
  .tenant-settings-orbit { width: 205px; height: 205px; flex-basis: 205px; margin: -5px auto -8px; }
  .tenant-settings-orbit-core { width: 74px; height: 74px; border-radius: 23px; }
  .tenant-settings-orbit-node { min-width: 58px; padding: 6px 8px; font-size: 8px; }
  .tenant-settings-hub { padding: 0; place-items: stretch; }
  .tenant-settings-hub-panel { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
  .tenant-settings-hub-header { padding: 20px 66px 16px 18px; }
  .tenant-settings-hub-header h2 { font-size: 23px; }
  .tenant-settings-hub-header p { font-size: 10px; line-height: 1.45; }
  .tenant-settings-hub-close { top: 17px; right: 15px; width: 40px; height: 40px; }
  .tenant-settings-hub-tabs { padding: 8px; gap: 5px; }
  .tenant-settings-hub-tabs button { min-height: 52px; padding: 7px; grid-template-columns: 29px minmax(0,1fr); gap: 0 6px; border-radius: 12px; }
  .tenant-settings-hub-tabs button > span { width: 29px; height: 29px; border-radius: 9px; }
  .tenant-settings-hub-tabs button strong { font-size: 10px; }
  .tenant-settings-hub-tabs button small { display: none; }
  .tenant-settings-hub-body { padding: 12px; scrollbar-gutter: auto; }
  .tenant-settings-hub-section > .tenant-settings-layout { gap: 12px; }
  .tenant-knowledge-settings { padding:15px; }
  .tenant-knowledge-header-meta { width:100%; justify-content:flex-start; }
  .tenant-knowledge-source-form,.tenant-knowledge-source-row { padding:13px; }
  .tenant-knowledge-add-row { width:100%; justify-content:center; }
  .tenant-knowledge-source-submit { align-items:stretch; flex-direction:column; }
  .tenant-knowledge-source-submit .tenant-button { width:100%; }
  .tenant-knowledge-source { grid-template-columns:10px minmax(0,1fr); align-items:start; }
  .tenant-knowledge-source-actions { grid-column:2; justify-content:flex-start; }
  .tenant-settings-readiness-card { padding: 17px; grid-template-columns: 40px minmax(0,1fr); }
  .tenant-settings-readiness-icon { width: 40px; height: 40px; }
  .tenant-settings-email-blueprint { padding: 19px; }
  .tenant-settings-email-rules { grid-template-columns: 1fr; }
  .tenant-email-footer-picker { grid-template-columns: 1fr; }
  .tenant-email-footer-picker > div:last-child,
  .tenant-smtp-actions { grid-template-columns: 1fr; display: grid; }
  .tenant-email-footer-picker .tenant-button,
  .tenant-smtp-actions .tenant-button { width: 100%; }
  .tenant-smtp-port-security > div { grid-template-columns: 1fr; }
  .tenant-email-preview-body { grid-template-columns: 48px minmax(0,1fr); }
  .tenant-email-preview-logo { width: 48px; height: 48px; }
}
@media (prefers-reduced-motion: no-preference) {
  .tenant-overview-hero,
  .tenant-overview-metric,
  .tenant-settings-readiness-card { animation: tenantOverviewRise .5s cubic-bezier(.2,.8,.2,1) both; }
  .tenant-overview-metric:nth-child(2), .tenant-settings-readiness-card:nth-child(2) { animation-delay: .05s; }
  .tenant-overview-metric:nth-child(3), .tenant-settings-readiness-card:nth-child(3) { animation-delay: .1s; }
  .tenant-overview-metric:nth-child(4) { animation-delay: .15s; }
  .tenant-overview-bars i { animation: tenantOverviewBar .65s cubic-bezier(.2,.8,.2,1) both; transform-origin: bottom; }
  .tenant-settings-orbit-ring.is-one { animation: tenantSettingsOrbit 12s linear infinite; }
  .tenant-settings-orbit-ring.is-two { animation: tenantSettingsOrbit 20s linear infinite reverse; }
  .tenant-settings-orbit-core { animation: tenantSettingsGlow 3.4s ease-in-out infinite; }
  .tenant-settings-orbit-node { animation: tenantSettingsFloat 3s ease-in-out infinite; }
  .tenant-settings-orbit-node.is-media { animation-delay: -.9s; }
  .tenant-settings-orbit-node.is-email { animation-delay: -1.8s; }
}
@keyframes tenantOverviewRise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes tenantOverviewBar { from { transform: scaleY(.08); } to { transform: scaleY(1); } }
@keyframes tenantSettingsOrbit { to { transform: rotate(360deg); } }
@keyframes tenantSettingsGlow { 50% { transform: scale(1.035); box-shadow: 0 0 0 14px rgba(255,255,255,.025),0 18px 54px rgba(53,190,255,.28); } }
@keyframes tenantSettingsFloat { 50% { transform: translateY(-5px); } }

/* Jarvis tenant assistant: permanent, page-aware help without interrupting work. */
.mymex-jarvis-launcher {
  position: fixed; right: 24px; bottom: 22px; z-index: 1100; min-width: 164px; min-height: 62px; padding: 7px 15px 7px 7px; display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 10px; align-items: center; border: 1px solid rgba(124,208,255,.38); border-radius: 999px; color: #fff; background: linear-gradient(135deg,#04182e 5%,#063f75 62%,#0a87d1); box-shadow: 0 18px 46px rgba(1,24,50,.32),0 0 0 5px rgba(44,168,244,.08); cursor: pointer; text-align: left; transition: transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.mymex-jarvis-launcher:hover { transform: translateY(-3px); box-shadow: 0 22px 52px rgba(1,24,50,.4),0 0 0 7px rgba(44,168,244,.1); }
.mymex-jarvis-launcher-avatar { position: relative; width: 48px; height: 48px; overflow: visible; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; background: #031223; box-shadow: inset 0 0 16px rgba(0,153,255,.35); }
.mymex-jarvis-launcher-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 31%; border-radius: inherit; }
.mymex-jarvis-launcher-avatar i { position: absolute; right: 1px; bottom: 1px; width: 11px; height: 11px; border: 2px solid #06365f; border-radius: 50%; background: #28d69a; box-shadow: 0 0 12px rgba(40,214,154,.9); }
.mymex-jarvis-launcher-copy { min-width: 0; display: grid; gap: 1px; }
.mymex-jarvis-launcher-copy strong { font-size: 13px; font-weight: 900; letter-spacing: -.01em; }
.mymex-jarvis-launcher-copy small { color: #a9ddff; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.mymex-jarvis-launcher.is-thinking .mymex-jarvis-launcher-avatar { animation: mymexJarvisThink 1.2s ease-in-out infinite; }

.mymex-jarvis-scrim { position: fixed; inset: 0; z-index: 1290; opacity: 0; background: rgba(0,12,27,.35); backdrop-filter: blur(3px); transition: opacity .2s ease; }
.mymex-jarvis-scrim.is-open { opacity: 1; }
.mymex-jarvis-panel { position: fixed; top: 12px; right: 12px; bottom: 12px; z-index: 1300; width: min(448px,calc(100vw - 24px)); display: grid; grid-template-rows:auto auto auto minmax(0,1fr); overflow: hidden; opacity: 0; transform: translateX(calc(100% + 24px)); border: 1px solid rgba(154,206,240,.42); border-radius: 28px; color: #122a46; background: #f6f9fd; box-shadow: 0 34px 90px rgba(0,18,42,.36); transition: opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1); }
.mymex-jarvis-header { grid-row:1; }.mymex-jarvis-modes { grid-row:2; }.mymex-jarvis-coach-note { grid-row:3; }.mymex-jarvis-body { grid-row:4; }
.mymex-jarvis-panel[hidden],.mymex-jarvis-scrim[hidden],.mymex-jarvis-support[hidden],.mymex-jarvis-chat[hidden] { display: none!important; }
.mymex-jarvis-panel.is-open { opacity: 1; transform: translateX(0); }
.mymex-jarvis-header { min-height: 92px; padding: 15px 16px; display: flex; gap: 12px; align-items: center; justify-content: space-between; color: #fff; background: radial-gradient(circle at 12% 30%,rgba(36,174,255,.32),transparent 35%),linear-gradient(135deg,#031426,#082f57 58%,#065f9b); }
.mymex-jarvis-identity { min-width: 0; display: flex; gap: 12px; align-items: center; }
.mymex-jarvis-avatar { width: 58px; height: 58px; flex: 0 0 58px; padding: 3px; overflow: hidden; border: 1px solid rgba(121,215,255,.62); border-radius: 18px; background: rgba(1,12,24,.62); box-shadow: 0 0 24px rgba(28,171,249,.24); }
.mymex-jarvis-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 31%; border-radius: 14px; }
.mymex-jarvis-identity > span:last-child { min-width: 0; display: grid; }
.mymex-jarvis-identity small { color: #94cff3; font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.mymex-jarvis-identity strong { margin: 1px 0; font-size: 23px; line-height: 1.1; }
.mymex-jarvis-identity i { display: flex; gap: 5px; align-items: center; color: #cfe9fa; font-size: 9px; font-style: normal; font-weight: 700; }
.mymex-jarvis-identity i b { width: 7px; height: 7px; border-radius: 50%; background: #32d5a0; box-shadow: 0 0 10px rgba(50,213,160,.85); }
.mymex-jarvis-header-actions { display: flex; gap: 7px; }
.mymex-jarvis-header-actions button { width: 38px; height: 38px; padding: 0; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; color: #fff; background: rgba(255,255,255,.08); cursor: pointer; transition: background .18s ease,transform .18s ease; }
.mymex-jarvis-header-actions button:hover { transform: translateY(-1px); background: rgba(255,255,255,.16); }
.mymex-jarvis-header-actions svg { width: 17px; }
.mymex-jarvis-header-actions [data-jarvis-close] { font: 300 25px/1 Arial,sans-serif; }
.mymex-jarvis-modes { padding: 8px 10px; display: flex; gap: 5px; overflow-x: auto; border-bottom: 1px solid #dbe5ef; background: #fff; scrollbar-width: none; }
.mymex-jarvis-modes::-webkit-scrollbar { display: none; }
.mymex-jarvis-modes button { flex: 0 0 auto; min-height: 34px; padding: 7px 10px; border: 1px solid transparent; border-radius: 10px; color: #61748a; background: transparent; font: inherit; font-size: 9px; font-weight: 900; cursor: pointer; }
.mymex-jarvis-modes button:hover { color: #064f8a; background: #f0f6fb; }
.mymex-jarvis-modes button.is-active { color: #fff; background: linear-gradient(135deg,#064f8a,#0b89d0); box-shadow: 0 7px 16px rgba(11,105,168,.18); }
.mymex-jarvis-coach-note { padding: 8px 13px; border-bottom: 1px solid #d9e5ef; color: #335a75; background: #eaf6fd; font-size: 8px; font-weight: 800; line-height: 1.45; }
.mymex-jarvis-coach-note[hidden] { display: none!important; }
.mymex-jarvis-body { min-height: 0; overflow: hidden; }
.mymex-jarvis-chat { height: 100%; min-height: 0; display: grid; grid-template-rows:auto auto minmax(150px,1fr) auto auto; }
.mymex-jarvis-chat.has-conversation { grid-template-rows:minmax(0,1fr) auto auto auto; }
.mymex-jarvis-chat.has-conversation .mymex-jarvis-context,
.mymex-jarvis-chat.has-conversation .mymex-jarvis-suggestions { display:none; }
.mymex-jarvis-chat.has-conversation .mymex-jarvis-messages { grid-row:1; min-height:0; }
.mymex-jarvis-chat.has-conversation .mymex-jarvis-connection-warning { grid-row:2; }
.mymex-jarvis-chat.has-conversation .mymex-jarvis-composer { grid-row:3; }
.mymex-jarvis-chat.has-conversation .mymex-jarvis-footer { grid-row:4; }
.mymex-jarvis-context { margin: 14px 14px 8px; padding: 14px; border: 1px solid #d6e6f4; border-radius: 16px; background: linear-gradient(135deg,#fff,#eef7fd); }
.mymex-jarvis-context > span { display: block; color: #087bbd; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.mymex-jarvis-context strong { display: block; margin-top: 4px; color: #102a47; font-size: 16px; line-height: 1.25; }
.mymex-jarvis-context p { margin: 5px 0 0; color: #64778c; font-size: 9px; line-height: 1.5; }
.mymex-jarvis-suggestions { padding: 0 14px 8px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.mymex-jarvis-suggestions::-webkit-scrollbar { display: none; }
.mymex-jarvis-suggestions button { flex: 0 0 auto; min-height: 32px; padding: 7px 10px; border: 1px solid #ccddea; border-radius: 999px; color: #37536e; background: #fff; font: inherit; font-size: 8px; font-weight: 900; cursor: pointer; }
.mymex-jarvis-suggestions button:hover { border-color: #70b9e7; color: #066aab; }
.mymex-jarvis-messages { min-height: 0; padding: 8px 14px 14px; display: grid; gap: 10px; align-content: start; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #b7ccdd transparent; }
.mymex-jarvis-message { display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 8px; align-items: start; }
.mymex-jarvis-message > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: linear-gradient(135deg,#075b9c,#11a2e7); font-size: 9px; font-weight: 900; }
.mymex-jarvis-message > div { max-width: 94%; padding: 10px 12px; border: 1px solid #dbe5ee; border-radius: 5px 15px 15px; color: #2e455d; background: #fff; box-shadow: 0 7px 18px rgba(32,74,107,.06); white-space: pre-wrap; overflow-wrap: anywhere; font-size: 10px; line-height: 1.58; }
.mymex-jarvis-message.is-user { grid-template-columns:minmax(0,1fr) 31px; }
.mymex-jarvis-message.is-user > span { grid-column: 2; grid-row: 1; width: 31px; color: #0a5c97; background: #d9f0fe; }
.mymex-jarvis-message.is-user > div { grid-column: 1; grid-row: 1; justify-self: end; border: 0; border-radius: 15px 5px 15px 15px; color: #fff; background: linear-gradient(135deg,#075991,#087fbe); }
.mymex-jarvis-sources { margin-top: 8px; padding-top: 7px; display: block; border-top: 1px solid #e4edf4; color: #6b7c91; font-size: 7px; font-weight: 800; line-height: 1.45; }
.mymex-jarvis-sources strong { color: #425b75; }
.mymex-jarvis-sources a { color: #076ca8; text-decoration: underline; text-underline-offset: 2px; }
.mymex-jarvis-sources a:focus-visible { outline: 2px solid #0b89d0; outline-offset: 2px; border-radius: 2px; }
.mymex-jarvis-message.is-thinking > div { display: flex; gap: 4px; align-items: center; min-height: 37px; }
.mymex-jarvis-message.is-thinking i { width: 6px; height: 6px; border-radius: 50%; background: #45aee9; animation: mymexJarvisDot .9s ease-in-out infinite; }
.mymex-jarvis-message.is-thinking i:nth-child(2) { animation-delay: .14s; }.mymex-jarvis-message.is-thinking i:nth-child(3) { animation-delay: .28s; }
.mymex-jarvis-connection-warning { margin: 0 14px 8px; padding: 9px 11px; border: 1px solid #f4d38c; border-radius: 11px; color: #744e0a; background: #fff7e5; font-size: 9px; line-height: 1.45; }
.mymex-jarvis-composer { margin: 0 14px 8px; padding: 5px; display: grid; grid-template-columns:minmax(0,1fr) 42px 42px; gap: 6px; align-items: end; border: 1px solid #c9dbe9; border-radius: 16px; background: #fff; box-shadow: 0 9px 24px rgba(13,55,89,.08); }
.mymex-jarvis-composer textarea { width: 100%; min-height: 45px; max-height: 120px; padding: 10px; resize: vertical; border: 0; outline: 0; color: #19334e; background: transparent; font: inherit; font-size: 10px; line-height: 1.45; }
.mymex-jarvis-composer textarea:disabled { cursor: not-allowed; opacity: .58; }
.mymex-jarvis-composer button { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#0667aa,#0aa2e5); box-shadow: 0 8px 17px rgba(9,124,190,.25); cursor: pointer; }
.mymex-jarvis-composer button:disabled { cursor: not-allowed; opacity: .45; }
.mymex-jarvis-composer svg { width: 18px; transform: rotate(90deg); }
.mymex-jarvis-composer .mymex-jarvis-record { border:1px solid #bdd9eb; color:#086ba9; background:#eef8fe; box-shadow:none; }
.mymex-jarvis-composer .mymex-jarvis-record svg { transform:none; }
.mymex-jarvis-composer .mymex-jarvis-record:hover { border-color:#56aee0; background:#dff3ff; }
.mymex-jarvis-composer .mymex-jarvis-record.is-recording { border-color:#f06a6a; color:#fff; background:linear-gradient(135deg,#d93645,#f25b61); box-shadow:0 0 0 5px rgba(226,57,71,.12),0 8px 18px rgba(181,32,47,.24); animation:mymexJarvisRecordPulse 1.15s ease-in-out infinite; }

.mymex-jarvis-voice-layer { position:fixed; top:var(--mymex-jarvis-visual-top,0); right:0; bottom:auto; left:0; height:var(--mymex-jarvis-visual-height,100dvh); z-index:1450; padding:20px; display:grid; place-items:center; color:#132d49; background:rgba(2,15,30,.58); backdrop-filter:blur(9px); }
.mymex-jarvis-voice-layer[hidden] { display:none!important; }
.mymex-jarvis-voice-dialog { width:min(560px,100%); max-height:min(720px,calc(var(--mymex-jarvis-visual-height,100dvh) - 40px)); overflow:hidden; display:grid; grid-template-rows:auto minmax(0,1fr) auto; border:1px solid rgba(126,205,242,.62); border-radius:26px; background:#f8fbfe; box-shadow:0 34px 100px rgba(0,18,42,.48); }
.mymex-jarvis-voice-head { position:relative; z-index:2; padding:22px 24px; display:flex; gap:14px; align-items:flex-start; color:#fff; background:radial-gradient(circle at 14% 25%,rgba(61,210,226,.27),transparent 38%),linear-gradient(135deg,#03182e,#07557d); }
.mymex-jarvis-voice-mark { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:15px; color:#052440; background:linear-gradient(135deg,#43e2cf,#56c8ff); box-shadow:0 12px 26px rgba(28,198,221,.2); }
.mymex-jarvis-voice-mark svg { width:24px; }
.mymex-jarvis-voice-title { min-width:0; flex:1; }
.mymex-jarvis-voice-title small { display:block; color:#7edcff; font-size:8px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.mymex-jarvis-voice-title h2 { margin:3px 0 5px; color:#fff; font-size:25px; line-height:1.12; }
.mymex-jarvis-voice-title p { margin:0; color:#ceeafb; font-size:10px; line-height:1.5; }
.mymex-jarvis-voice-close { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:12px; color:#fff; background:rgba(255,255,255,.08); font:300 24px/1 Arial,sans-serif; cursor:pointer; }
.mymex-jarvis-voice-body { min-height:0; padding:22px 24px; overflow-y:auto; overscroll-behavior:contain; display:grid; gap:16px; }
.mymex-jarvis-voice-audio { padding:13px; display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:center; border:1px solid #cfe2ef; border-radius:16px; background:#fff; }
.mymex-jarvis-voice-audio > span { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; color:#0874b5; background:#e5f6ff; }
.mymex-jarvis-voice-audio > span svg { width:21px; }
.mymex-jarvis-voice-audio audio { width:100%; min-width:0; height:38px; }
.mymex-jarvis-voice-status { min-height:42px; padding:11px 13px; border:1px solid #cde4f2; border-radius:13px; color:#315873; background:#edf8fe; font-size:10px; font-weight:750; line-height:1.5; }
.mymex-jarvis-voice-status.is-loading { padding-left:40px; position:relative; }
.mymex-jarvis-voice-status.is-loading::before { content:""; position:absolute; left:14px; top:50%; width:14px; height:14px; margin-top:-8px; border:2px solid #9ed5f1; border-top-color:#0878b7; border-radius:50%; animation:mymexJarvisVoiceSpin .75s linear infinite; }
.mymex-jarvis-voice-status.is-success { border-color:#9fe2c9; color:#086948; background:#eafaf4; }
.mymex-jarvis-voice-status.is-error { border-color:#f0b6b6; color:#972f38; background:#fff0f1; }
.mymex-jarvis-voice-field { display:grid; gap:7px; color:#1b3a56; font-size:9px; font-weight:900; }
.mymex-jarvis-voice-field textarea { width:100%; min-height:132px; padding:13px 14px; resize:vertical; border:1px solid #c9dce9; border-radius:15px; outline:0; color:#17324e; background:#fff; font:inherit; font-size:12px; font-weight:600; line-height:1.55; }
.mymex-jarvis-voice-field textarea:focus { border-color:#258fc9; box-shadow:0 0 0 4px rgba(37,143,201,.12); }
.mymex-jarvis-voice-field small { color:#638096; font-size:9px; font-weight:700; }
.mymex-jarvis-voice-utilities { display:flex; flex-wrap:wrap; gap:9px; }
.mymex-jarvis-voice-utilities button { min-height:38px; padding:8px 12px; border:1px solid #c7dae8; border-radius:11px; color:#164262; background:#fff; font:inherit; font-size:9px; font-weight:850; cursor:pointer; }
.mymex-jarvis-voice-utilities button:disabled { cursor:not-allowed; opacity:.5; }
.mymex-jarvis-voice-actions { position:relative; z-index:3; padding:14px 24px max(14px,env(safe-area-inset-bottom)); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:9px; border-top:1px solid #d4e4ef; background:rgba(248,251,254,.98); box-shadow:0 -12px 28px rgba(10,46,75,.08); }
.mymex-jarvis-voice-actions button { min-height:46px; padding:10px 14px; border:1px solid #c7dae8; border-radius:13px; color:#164262; background:#fff; font:inherit; font-size:10px; font-weight:900; cursor:pointer; }
.mymex-jarvis-voice-actions button:hover { transform:translateY(-1px); border-color:#79bce2; }
.mymex-jarvis-voice-actions button:disabled { cursor:not-allowed; opacity:.5; transform:none; }
.mymex-jarvis-voice-actions .is-primary { border-color:#087ec2; color:#fff; background:linear-gradient(135deg,#0768ad,#0aa3e6); box-shadow:0 10px 24px rgba(9,126,193,.22); }
.mymex-jarvis-voice-actions .is-danger { color:#a23138; background:#fff7f7; }
html.mymex-jarvis-voice-open { overflow:hidden; }
@keyframes mymexJarvisRecordPulse { 0%,100% { transform:scale(1); } 50% { transform:scale(.95); } }
@keyframes mymexJarvisVoiceSpin { to { transform:rotate(360deg); } }
.mymex-jarvis-footer { padding: 0 15px 12px; display: flex; gap: 10px; justify-content: space-between; align-items: center; color: #75869a; font-size: 7px; line-height: 1.35; }
.mymex-jarvis-footer button { flex: 0 0 auto; padding: 5px 0; border: 0; color: #0875ba; background: transparent; font: inherit; font-size: 8px; font-weight: 900; cursor: pointer; }

.mymex-jarvis-support { height: 100%; padding: 20px; overflow-y: auto; }
.mymex-jarvis-back { margin: 0 0 19px; padding: 0; border: 0; color: #0876ba; background: transparent; font: inherit; font-size: 10px; font-weight: 900; cursor: pointer; }
.mymex-jarvis-support h2 { margin: 5px 0 7px; color: #102842; font-size: 26px; }
.mymex-jarvis-support > p { margin: 0 0 18px; color: #63768c; font-size: 11px; line-height: 1.55; }
.mymex-jarvis-support form { display: grid; gap: 12px; }
.mymex-jarvis-support label { display: grid; gap: 6px; color: #263f59; font-size: 9px; font-weight: 900; }
.mymex-jarvis-support input,.mymex-jarvis-support select,.mymex-jarvis-support textarea { width: 100%; min-height: 46px; padding: 11px 12px; border: 1px solid #ccdbe8; border-radius: 13px; outline: 0; color: #17324e; background: #fff; font: inherit; font-size: 11px; }
.mymex-jarvis-support textarea { min-height: 132px; resize: vertical; line-height: 1.5; }
.mymex-jarvis-support input:focus,.mymex-jarvis-support select:focus,.mymex-jarvis-support textarea:focus { border-color: #2d9edc; box-shadow: 0 0 0 3px rgba(45,158,220,.12); }
.mymex-jarvis-support > small { margin-top: 15px; display: block; color: #788a9d; font-size: 8px; line-height: 1.45; }
.mymex-jarvis-support-status { min-height: 0; padding: 0; border-radius: 12px; font-size: 9px; line-height: 1.5; }
.mymex-jarvis-support-status:not(:empty) { padding: 11px; }.mymex-jarvis-support-status.is-loading { color: #375872; background: #edf6fc; }.mymex-jarvis-support-status.is-success { color: #087250; background: #e8fbf3; }.mymex-jarvis-support-status.is-error { color: #9a2d2d; background: #fff0f0; }

@media (min-width:761px) { .mymex-jarvis-scrim { display: none!important; } }
@media (max-width:760px) {
  html.mymex-jarvis-open { overflow: hidden; }
  .mymex-jarvis-launcher { right: 14px; bottom: max(14px,env(safe-area-inset-bottom)); min-width: 58px; min-height: 58px; padding: 5px; grid-template-columns:48px; }
  .mymex-jarvis-launcher-copy { display: none; }
  .mymex-jarvis-panel { inset: 0; width: 100%; border: 0; border-radius: 0; transform: translateY(24px); }
  .mymex-jarvis-panel.is-open { transform: none; }
  .mymex-jarvis-header { min-height: 84px; padding: 13px 14px; }
  .mymex-jarvis-avatar { width: 52px; height: 52px; flex-basis: 52px; border-radius: 16px; }
  .mymex-jarvis-identity strong { font-size: 21px; }
  .mymex-jarvis-chat { grid-template-rows:auto auto minmax(120px,1fr) auto auto; }
  .mymex-jarvis-context { margin: 10px 10px 7px; padding: 12px; }
  .mymex-jarvis-context strong { font-size: 15px; }
  .mymex-jarvis-suggestions { padding: 0 10px 7px; }
  .mymex-jarvis-messages { padding: 7px 10px 11px; }
  .mymex-jarvis-composer { margin: 0 10px 7px; }
  .mymex-jarvis-voice-layer { padding:0; align-items:end; }
  .mymex-jarvis-voice-dialog { width:100%; max-height:calc(var(--mymex-jarvis-visual-height,100dvh) - 8px); border-radius:24px 24px 0 0; }
  .mymex-jarvis-voice-head { padding:18px 17px; }
  .mymex-jarvis-voice-title h2 { font-size:22px; }
  .mymex-jarvis-voice-body { padding:17px 16px; gap:13px; }
  .mymex-jarvis-voice-field textarea { min-height:118px; font-size:16px; }
  .mymex-jarvis-voice-actions { padding:12px 16px max(12px,env(safe-area-inset-bottom)); grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
  .mymex-jarvis-footer { padding: 0 11px max(9px,env(safe-area-inset-bottom)); }
  .mymex-jarvis-support { padding: 18px 16px max(24px,env(safe-area-inset-bottom)); }
}

/* Fixed Jarvis controls reserve their own interaction-safe page area. */
@media (max-width:760px), (max-height:560px) {
  body.tenant-admin .tenant-main {
    padding-bottom: max(112px, calc(94px + env(safe-area-inset-bottom)));
    scroll-padding-bottom: max(112px, calc(94px + env(safe-area-inset-bottom)));
  }
}
@media (min-width:761px) and (max-height:560px) {
  .mymex-jarvis-launcher {
    right: 14px;
    bottom: max(12px, env(safe-area-inset-bottom));
    min-width: 58px;
    min-height: 58px;
    padding: 5px;
    grid-template-columns: 48px;
  }
  .mymex-jarvis-launcher-copy { display: none; }
}
@media (max-height:560px) {
  .mymex-jarvis-voice-head { padding:12px 16px; }
  .mymex-jarvis-voice-mark { width:40px; height:40px; flex-basis:40px; }
  .mymex-jarvis-voice-title h2 { font-size:18px; }
  .mymex-jarvis-voice-title p { display:none; }
  .mymex-jarvis-voice-body { padding:12px 16px; gap:10px; }
  .mymex-jarvis-voice-field textarea { min-height:82px; }
  .mymex-jarvis-voice-actions { padding-top:9px; padding-bottom:max(9px,env(safe-area-inset-bottom)); }
}
@media (max-width:380px) {
  .mymex-jarvis-header-actions button { width: 35px; height: 35px; }
  .mymex-jarvis-context p { display: none; }
  .mymex-jarvis-footer > span { max-width: 220px; }
}
@media (prefers-reduced-motion:reduce) {
  .mymex-jarvis-panel,.mymex-jarvis-scrim,.mymex-jarvis-launcher { transition: none; }
  .mymex-jarvis-launcher.is-thinking .mymex-jarvis-launcher-avatar,.mymex-jarvis-message.is-thinking i { animation: none; }
}
@keyframes mymexJarvisDot { 0%,100% { opacity:.35; transform:translateY(0); } 50% { opacity:1; transform:translateY(-3px); } }
@keyframes mymexJarvisThink { 50% { transform:scale(1.05); box-shadow:0 0 0 5px rgba(41,174,250,.14),inset 0 0 20px rgba(0,153,255,.48); } }

/* Jarvis Operator: permission-aware command search, explicit memory and form assistance. */
.mymex-command-trigger { width: min(238px,24vw); min-width: 150px; min-height: 39px; padding: 0 10px; display: grid; grid-template-columns: 17px minmax(0,1fr); align-items: center; gap: 7px; border: 1px solid #c9dcec; border-radius: 12px; color: #25435f; background: rgba(255,255,255,.78); box-shadow: 0 5px 18px rgba(26,66,101,.07); font: inherit; font-size: 10px; font-weight: 850; cursor: pointer; }
.mymex-command-trigger svg { width: 17px; height: 17px; }
.mymex-command-trigger input { width: 100%; min-width: 0; padding: 9px 0; border: 0; outline: 0; color: inherit; background: transparent; font: inherit; font-weight: 800; }
.mymex-command-trigger input::placeholder { color: currentColor; opacity: .78; }
.mymex-command-trigger kbd { display: none !important; }
.mymex-command-dialog kbd { min-width: 23px; padding: 3px 5px; border: 1px solid #cbd8e4; border-bottom-width: 2px; border-radius: 6px; color: #6a7d90; background: #f8fbfd; font: 750 8px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace; text-align: center; }
.mymex-command-palette { position: fixed; inset: 0; z-index: 2800; padding: min(13vh,112px) 18px 24px; display: grid; align-items: start; justify-items: center; overflow-y: auto; pointer-events: none; background: rgba(3,13,27,.68); backdrop-filter: blur(12px); opacity: 0; transition: opacity .17s ease; }
.mymex-command-palette[hidden] { display: none !important; }
.mymex-command-palette.is-open { pointer-events: auto; opacity: 1; }
html.mymex-command-open { overflow: hidden; }
.mymex-command-dialog { width: min(680px,100%); max-height: min(670px,78vh); display: grid; grid-template-rows: auto auto minmax(0,1fr) auto; overflow: hidden; border: 1px solid rgba(161,200,229,.72); border-radius: 26px; background: rgba(250,253,255,.98); box-shadow: 0 32px 90px rgba(0,13,31,.34),0 0 0 1px rgba(255,255,255,.72) inset; transform: translateY(-12px) scale(.985); transition: transform .18s ease; }
.mymex-command-palette.is-open .mymex-command-dialog { transform: none; }
.mymex-command-dialog > header { min-height: 74px; padding: 14px 16px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid #dce8f2; }
.mymex-command-search-icon { color: #0878c1; }.mymex-command-search-icon svg { width: 24px; height: 24px; }
.mymex-command-close { width: 40px; height: 40px; padding: 0; display: grid; place-items: center; border: 1px solid #cfdfeb; border-radius: 13px; color: #294762; background: #f3f8fc; cursor: pointer; transition: border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease; }
.mymex-command-close svg { width: 18px; height: 18px; }
.mymex-command-close:hover,.mymex-command-close:focus-visible { border-color:#72bce8; color:#056aa8; background:#e9f6ff; outline:0; transform:translateY(-1px); }
.mymex-command-dialog input { width: 100%; min-width: 0; padding: 8px 0; border: 0; outline: 0; color: #102843; background: transparent; font: 760 20px/1.25 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing: -.025em; }
.mymex-command-dialog input::placeholder { color: #8293a6; font-weight: 620; }
.mymex-command-status { display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 10px 18px 7px; color: #6d8093; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.mymex-command-assist { flex-shrink:0; display:inline-flex; align-items:center; gap:6px; padding:9px 11px; border:1px solid #cab9ef; border-radius:10px; background:#f3edff; color:#6632a5; font:inherit; font-size:11px; letter-spacing:0; text-transform:none; cursor:pointer; }
.mymex-command-assist svg { width:18px; height:18px; }.mymex-command-assist:disabled { opacity:.65; cursor:wait; }.mymex-command-assist:focus-visible { outline:2px solid #8558ce; outline-offset:2px; }
.mymex-command-results a > i svg { width:20px; height:20px; }.mymex-command-results b svg { width:16px; height:16px; }
.mymex-command-results a > i[data-tone="green"] { color:#087454; background:#e6faf1; border-color:#b6e4d3; }
.mymex-command-results a > i[data-tone="orange"] { color:#a85405; background:#fff3e3; border-color:#f0d4ad; }
.mymex-command-results a > i[data-tone="pink"] { color:#ab286e; background:#fff0f7; border-color:#efbfd8; }
.mymex-command-results a > i[data-tone="purple"] { color:#7038b0; background:#f4edff; border-color:#d9c5f3; }
.mymex-command-results { min-height: 120px; padding: 5px 9px 10px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.mymex-command-results a { min-height: 61px; padding: 9px 11px; display: grid; grid-template-columns: 38px minmax(0,1fr) 20px; align-items: center; gap: 10px; border-radius: 14px; color: #15304b; text-decoration: none; }
.mymex-command-results a:hover,.mymex-command-results a.is-active { color: #073769; background: linear-gradient(135deg,#e8f5ff,#f2f9ff); box-shadow: inset 0 0 0 1px #bee1f8; }
.mymex-command-results a > i { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #cbe5f6; border-radius: 12px; color: #0878c1; background: #eef8ff; font-size: 11px; font-style: normal; font-weight: 950; }
.mymex-command-results a > span { min-width: 0; display: grid; gap: 3px; }.mymex-command-results strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.mymex-command-results small { overflow: hidden; color: #718397; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.mymex-command-results b { color: #379bd2; font-size: 18px; }
.mymex-command-dialog > footer { min-height: 44px; padding: 9px 15px; display: flex; align-items: center; gap: 15px; border-top: 1px solid #dce8f2; color: #718397; font-size: 8px; font-weight: 750; }.mymex-command-dialog > footer span { display: inline-flex; align-items: center; gap: 4px; }
.mymex-jarvis-authenticated { margin-top: 8px; display: inline-flex; align-items: center; gap: 5px; color: #17805f; font-size: 8px; font-weight: 900; letter-spacing: .015em; }.mymex-jarvis-authenticated::before { content:""; width: 6px; height: 6px; border-radius: 50%; background:#17af79; box-shadow:0 0 0 3px rgba(23,175,121,.12); }
.mymex-jarvis-actions { margin-top: 11px; display: grid; gap: 7px; }.mymex-jarvis-actions a { padding: 9px 10px; display: grid; gap: 2px; border: 1px solid #b9dcf4; border-radius: 11px; color: #0872b8; background: #edf8ff; text-decoration: none; font-size: 10px; font-weight: 900; }.mymex-jarvis-actions a small { color: #607b91; font-size: 8px; font-weight: 650; }
.mymex-jarvis-insert { margin-top: 10px; padding: 8px 10px; border: 1px solid #9fd6bd; border-radius: 10px; color: #08704e; background: #e9fbf3; font: inherit; font-size: 9px; font-weight: 900; cursor: pointer; }
.mymex-jarvis-memory-notice { margin: 2px 44px 8px; padding: 8px 10px; border-radius: 10px; color: #156b50; background: #e9fbf3; font-size: 8px; font-weight: 800; }.mymex-jarvis-memory-notice.is-rejected { color:#913434; background:#fff0f0; }
.mymex-jarvis-memory { height: 100%; padding: 20px; overflow-y: auto; overscroll-behavior: contain; }.mymex-jarvis-memory h2 { margin: 5px 0 7px; color:#102842; font-size:26px; letter-spacing:-.035em; }.mymex-jarvis-memory > p { margin:0 0 17px; color:#63768c; font-size:10px; line-height:1.55; }
.mymex-jarvis-memory-list { margin-bottom: 15px; display:grid; gap:8px; color:#60768b; font-size:9px; }.mymex-jarvis-memory-list article { padding:11px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; border:1px solid #d2e2ed; border-radius:12px; color:#213c56; background:#fff; line-height:1.45; }.mymex-jarvis-memory-list article button { padding:6px 8px; border:1px solid #f0caca; border-radius:8px; color:#a33b3b; background:#fff5f5; font:inherit; font-weight:900; cursor:pointer; }.mymex-jarvis-memory-empty { padding:14px; border:1px dashed #c7dce9; border-radius:13px; background:#f7fbfe; line-height:1.55; }

@media (max-width:760px) {
  .mymex-command-trigger { width: 42px; min-width: 42px; min-height: 42px; padding: 0; grid-template-columns: 1fr; place-items: center; gap: 0; border-radius: 14px; }
  .mymex-command-trigger span,.mymex-command-trigger kbd { display:none; }
  .mymex-command-trigger input { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; opacity: 0; cursor: pointer; }
  .mymex-command-palette { padding: 0; align-items:stretch; }
  .mymex-command-dialog { width:100%; height:100dvh; max-height:none; border:0; border-radius:0; }
  .mymex-command-dialog > header { min-height:70px; padding: max(13px,env(safe-area-inset-top)) 14px 10px; }
  .mymex-command-dialog input { font-size:16px; }
  .mymex-command-dialog > footer { padding-bottom:max(9px,env(safe-area-inset-bottom)); }
  .mymex-jarvis-memory { padding:18px 16px max(24px,env(safe-area-inset-bottom)); }
}
@media (max-width:420px) { .mymex-command-dialog > footer span:last-child { display:none; } }
@media (prefers-reduced-motion:reduce) { .mymex-command-palette,.mymex-command-dialog { transition:none; } }

/* Lead import and export studio */
.tenant-import-heading { align-items:center; }
.tenant-import-heading-actions { display:flex; gap:10px; flex-wrap:wrap; }
.tenant-import-steps { margin:-4px 0 24px; padding:7px; display:grid; grid-template-columns:repeat(4,1fr); gap:7px; border:1px solid var(--tenant-line); border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(15,42,70,.06); }
.tenant-import-steps span { min-height:48px; padding:8px 12px; display:flex; align-items:center; justify-content:center; gap:9px; border-radius:12px; color:#8290a4; background:#f5f8fb; font-size:12px; font-style:normal; font-weight:850; }
.tenant-import-steps b { width:27px; height:27px; display:grid; place-items:center; border-radius:9px; color:#6e7f94; background:#e6edf5; }
.tenant-import-steps em { font-style:normal; }.tenant-import-steps .is-active { color:#063a78; background:#edf6ff; }.tenant-import-steps .is-active b { color:#fff; background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-secondary)); }
.tenant-import-grid { margin-bottom:22px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(270px,.7fr); gap:18px; align-items:stretch; }
.tenant-import-upload,.tenant-import-safety,.tenant-import-workbench,.tenant-import-recent { padding:24px; }
.tenant-import-card-head { display:grid; grid-template-columns:52px 1fr; gap:14px; align-items:start; }
.tenant-import-card-head h2,.tenant-import-workbench h2,.tenant-import-recent h2,.tenant-import-safety h2 { margin:4px 0 6px; color:var(--tenant-ink); font-size:22px; line-height:1.13; }
.tenant-import-card-head p,.tenant-import-workbench header p,.tenant-import-section-title p,.tenant-import-review-actions p { margin:0; color:var(--tenant-muted); font-size:12px; line-height:1.55; }
.tenant-import-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; color:#fff; background:linear-gradient(145deg,var(--tenant-primary),var(--tenant-secondary)); box-shadow:0 12px 24px rgba(6,93,160,.22); font-size:27px; font-weight:700; }
.tenant-import-form { margin-top:20px; display:grid; gap:18px; }
.tenant-import-drop { min-height:134px; padding:20px; display:grid; place-items:center; cursor:pointer; border:1.5px dashed #9fb7cf; border-radius:20px; color:#16456f; background:linear-gradient(145deg,#f9fcff,#eef6fc); text-align:center; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.tenant-import-drop:hover { border-color:var(--tenant-secondary); transform:translateY(-1px); box-shadow:0 13px 28px rgba(17,72,118,.08); }
.tenant-import-drop input { width:1px; height:1px; position:absolute; overflow:hidden; opacity:0; }
.tenant-import-drop span { display:grid; gap:5px; }.tenant-import-drop b { font-size:16px; }.tenant-import-drop small { color:var(--tenant-muted); font-size:11px; }
.tenant-import-form-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }.tenant-import-form-actions > a { color:#0a67ad; font-size:11px; font-weight:900; }
.tenant-import-safety { color:#eaf6ff; background:radial-gradient(circle at 85% 4%,rgba(28,161,226,.26),transparent 36%),linear-gradient(145deg,#071f3c,#0c3558); border-color:rgba(255,255,255,.08); }
.tenant-import-safety .tenant-eyebrow { color:#6fcaff; }.tenant-import-safety h2 { color:#fff; }
.tenant-import-safety ul { margin:21px 0 0; padding:0; display:grid; gap:17px; list-style:none; }.tenant-import-safety li { display:grid; grid-template-columns:31px 1fr; gap:11px; align-items:start; }
.tenant-import-safety i { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; color:#fff; background:rgba(58,175,237,.18); border:1px solid rgba(119,207,255,.22); font-size:11px; font-style:normal; font-weight:900; }
.tenant-import-safety li span { display:grid; gap:4px; }.tenant-import-safety li strong { font-size:12px; }.tenant-import-safety li small { color:#a9c3d8; font-size:10px; line-height:1.55; }
.tenant-import-workbench { margin-bottom:22px; overflow:hidden; }.tenant-import-workbench > header,.tenant-import-recent > header { margin:-4px 0 20px; display:flex; justify-content:space-between; align-items:center; gap:15px; }
.tenant-import-status { padding:8px 12px; border-radius:999px; color:#1a5e8e; background:#e9f4fc; font-size:10px; font-weight:950; white-space:nowrap; }.tenant-import-status.is-completed { color:#087451; background:#e4f9ef; }.tenant-import-status.is-review { color:#8a5a00; background:#fff2d6; }
.tenant-import-section-title { margin-bottom:18px; }.tenant-import-section-title h3,.tenant-import-review-actions h3 { margin:4px 0 5px; font-size:19px; }
.tenant-import-map-grid { margin-bottom:18px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.tenant-import-map-grid label { display:grid; gap:6px; color:#203a56; font-size:10px; font-weight:900; }.tenant-import-map-grid select { min-width:0; min-height:43px; padding:0 11px; border:1px solid #cedbe8; border-radius:12px; color:#17324e; background:#fff; font:inherit; font-size:11px; }
.tenant-import-metrics { margin:0 0 22px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.tenant-import-metrics article { padding:15px; display:grid; gap:3px; border:1px solid #dae5ee; border-radius:15px; background:#f8fafc; }.tenant-import-metrics strong { color:#102a46; font-size:25px; }.tenant-import-metrics span { color:#687b90; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }.tenant-import-metrics .is-ready { background:#edfbf5; }.tenant-import-metrics .is-ready strong { color:#087452; }.tenant-import-metrics .is-duplicate { background:#fff7e7; }.tenant-import-metrics .is-duplicate strong { color:#9a6200; }.tenant-import-metrics .is-invalid { background:#fff1f1; }.tenant-import-metrics .is-invalid strong { color:#a73535; }
.tenant-import-review-actions { margin-bottom:16px; display:flex; justify-content:space-between; align-items:flex-end; gap:15px; }.tenant-import-review-actions form { flex:0 0 auto; }
.tenant-import-table-wrap { width:100%; max-height:530px; overflow:auto; overscroll-behavior:contain; border:1px solid #dce6ee; border-radius:16px; scrollbar-gutter:stable; }
.tenant-import-table { width:100%; min-width:840px; border-collapse:collapse; color:#233b55; font-size:10px; }.tenant-import-table th { position:sticky; top:0; z-index:1; padding:11px 12px; color:#697b8e; background:#f4f7fa; text-align:left; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }.tenant-import-table td { padding:11px 12px; border-top:1px solid #e7edf3; vertical-align:top; }.tenant-import-table td span,.tenant-import-table td small { display:block; }.tenant-import-table td small { margin-top:3px; color:#728399; line-height:1.35; }
.tenant-import-temp,.tenant-import-row-status { width:max-content; padding:4px 7px; border-radius:999px; font-size:8px; font-weight:950; text-transform:uppercase; }.tenant-import-temp.is-hot { color:#a62c26; background:#ffebe9; }.tenant-import-temp.is-warm { color:#985d00; background:#fff1d7; }.tenant-import-temp.is-cold { color:#236292; background:#e9f5fd; }.tenant-import-row-status.is-ready,.tenant-import-row-status.is-imported { color:#087452; background:#e6faef; }.tenant-import-row-status.is-duplicate { color:#8d5c00; background:#fff1d5; }.tenant-import-row-status.is-invalid { color:#a22d2d; background:#ffeaea; }
.tenant-import-confirm { margin-top:18px; padding:14px; display:flex; justify-content:space-between; align-items:center; gap:15px; border:1px solid #cfe0ed; border-radius:16px; background:#f5f9fc; }.tenant-import-confirm label { display:flex; gap:10px; align-items:center; cursor:pointer; }.tenant-import-confirm input { width:20px; height:20px; accent-color:var(--tenant-primary); }.tenant-import-confirm label span { display:grid; gap:3px; }.tenant-import-confirm strong { font-size:12px; }.tenant-import-confirm small { color:var(--tenant-muted); font-size:9px; }
.tenant-import-complete { margin-top:18px; padding:16px; display:flex; align-items:center; gap:12px; border:1px solid #bfe7d5; border-radius:17px; background:#edfbf5; }.tenant-import-complete > span { width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; border-radius:13px; color:#fff; background:#16a06d; font-size:18px; }.tenant-import-complete > div { margin-right:auto; }.tenant-import-complete strong { color:#075d43; }.tenant-import-complete p { margin:3px 0 0; color:#447568; font-size:10px; }
.tenant-import-recent-list { display:grid; gap:7px; }.tenant-import-recent-list a { padding:12px 14px; display:grid; grid-template-columns:minmax(0,1fr) auto 58px; gap:12px; align-items:center; border:1px solid #dde6ee; border-radius:13px; color:#18324d; background:#fff; text-decoration:none; }.tenant-import-recent-list a:hover,.tenant-import-recent-list a.is-active { border-color:#8fc5ea; background:#f1f8fe; }.tenant-import-recent-list span { min-width:0; display:grid; gap:3px; }.tenant-import-recent-list strong,.tenant-import-recent-list small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.tenant-import-recent-list strong { font-size:11px; }.tenant-import-recent-list small,.tenant-import-recent-list em { color:#718297; font-size:9px; font-style:normal; }.tenant-import-recent-list b { color:#0d5d98; font-size:10px; text-align:right; }
.tenant-export-grid { margin-bottom:20px; display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:18px; }.tenant-export-builder,.tenant-export-count,.tenant-export-formats { padding:24px; }.tenant-export-filter-form { margin-top:21px; display:grid; gap:16px; }.tenant-export-count { min-height:220px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; background:radial-gradient(circle at 80% 10%,rgba(50,191,242,.28),transparent 42%),linear-gradient(145deg,#071f3d,#0a416d); text-align:center; }.tenant-export-count .tenant-eyebrow { color:#6fd1ff; }.tenant-export-count > strong { margin:8px 0 0; font-size:55px; line-height:1; }.tenant-export-count p { margin:8px 0; color:#dceefa; font-size:11px; }.tenant-export-count small { color:#98b9d0; font-size:9px; }.tenant-export-formats > header h2 { margin:4px 0 18px; font-size:23px; }.tenant-export-format-grid { margin-bottom:18px; display:grid; grid-template-columns:1fr 1fr; gap:13px; }.tenant-export-format-grid label { min-height:150px; padding:18px; display:grid; grid-template-columns:52px 1fr; grid-template-rows:auto 1fr; column-gap:13px; align-items:start; border:1.5px solid #d7e2ec; border-radius:18px; cursor:pointer; background:#fff; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }.tenant-export-format-grid label:hover,.tenant-export-format-grid label:has(input:checked) { border-color:#55a9de; box-shadow:0 12px 28px rgba(17,86,135,.1); transform:translateY(-1px); }.tenant-export-format-grid input { position:absolute; opacity:0; pointer-events:none; }.tenant-export-format-grid label > span { width:52px; height:52px; grid-row:1/3; display:grid; place-items:center; border-radius:15px; color:#07568f; background:#e7f5ff; font-size:11px; font-weight:950; }.tenant-export-format-grid strong { align-self:end; color:#17314c; font-size:15px; }.tenant-export-format-grid small { margin-top:6px; color:#687b90; font-size:10px; line-height:1.55; }.tenant-export-formats .tenant-import-confirm > span { display:grid; gap:3px; }.tenant-export-formats .tenant-import-confirm > span small { color:var(--tenant-muted); font-size:9px; }
.tenant-outreach-summary { margin-bottom:20px; display:grid; grid-template-columns:1.4fr .7fr .9fr; gap:12px; }.tenant-outreach-summary article { min-height:116px; padding:18px; display:flex; flex-direction:column; justify-content:center; border:1px solid var(--tenant-line); border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(16,49,80,.06); }.tenant-outreach-summary strong { margin:6px 0 4px; color:#142f4b; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.tenant-outreach-summary small { color:#738398; font-size:9px; }.tenant-outreach-summary .is-consent { color:#fff; background:linear-gradient(145deg,#07335e,#096b9f); }.tenant-outreach-summary .is-consent .tenant-eyebrow,.tenant-outreach-summary .is-consent small { color:#a8d8f1; }.tenant-outreach-summary .is-consent strong { color:#fff; }.tenant-outreach-blocked { padding:24px; color:#754d00; background:#fff7e7; border-color:#efd08f; }.tenant-outreach-blocked strong { font-size:18px; }.tenant-outreach-blocked p { margin:7px 0 0; font-size:11px; line-height:1.55; }.tenant-outreach-workbench { padding:24px; }.tenant-outreach-workbench > header { margin-bottom:16px; display:flex; align-items:center; justify-content:space-between; gap:14px; }.tenant-outreach-workbench h2 { margin:4px 0; font-size:22px; }.tenant-outreach-workbench header p { margin:0; color:var(--tenant-muted); font-size:10px; }.tenant-outreach-select-all { padding:9px 12px; display:flex; gap:8px; align-items:center; border:1px solid #ccdbe8; border-radius:12px; cursor:pointer; color:#1c405e; font-size:10px; font-weight:900; }.tenant-outreach-select-all input { width:17px; height:17px; accent-color:var(--tenant-primary); }.tenant-outreach-list { display:grid; gap:7px; }.tenant-outreach-list article { min-height:68px; padding:9px 12px; display:grid; grid-template-columns:minmax(220px,1.1fr) minmax(140px,.8fr) minmax(140px,.7fr) 72px 68px; gap:10px; align-items:center; border:1px solid #dde7ef; border-radius:14px; background:#fff; }.tenant-outreach-list article.is-disabled { opacity:.55; background:#f5f7f9; }.tenant-outreach-list article > label { min-width:0; display:grid; grid-template-columns:18px 35px minmax(0,1fr); gap:9px; align-items:center; cursor:pointer; }.tenant-outreach-list input { width:17px; height:17px; accent-color:var(--tenant-primary); }.tenant-outreach-avatar { width:35px; height:35px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,var(--tenant-primary),var(--tenant-secondary)); font-size:11px; font-weight:950; }.tenant-outreach-person,.tenant-outreach-request,.tenant-outreach-owner { min-width:0; display:grid; gap:3px; }.tenant-outreach-person strong,.tenant-outreach-person small,.tenant-outreach-request strong,.tenant-outreach-owner strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.tenant-outreach-person strong,.tenant-outreach-request strong,.tenant-outreach-owner strong { color:#19344f; font-size:10px; }.tenant-outreach-person small,.tenant-outreach-request small,.tenant-outreach-owner small { color:#75859a; font-size:8px; }.tenant-outreach-draft { padding:5px 7px; border-radius:999px; color:#687b8e; background:#edf1f5; font-size:8px; font-weight:900; text-align:center; }.tenant-outreach-draft.has-draft { color:#087452; background:#e5f9ef; }.tenant-outreach-list article > a { color:#0866a9; font-size:9px; font-weight:900; text-align:right; }.tenant-outreach-workbench > footer { margin-top:16px; padding-top:16px; display:flex; justify-content:space-between; align-items:center; gap:14px; border-top:1px solid #e1e8ef; }.tenant-outreach-workbench footer > div { display:grid; gap:3px; }.tenant-outreach-workbench footer strong { font-size:11px; }.tenant-outreach-workbench footer small { color:var(--tenant-muted); font-size:9px; }
.tenant-analytics-workflows { margin-bottom:22px; padding:24px; overflow:hidden; }.tenant-analytics-workflow-links { display:flex; gap:8px; flex-wrap:wrap; }.tenant-analytics-workflow-links a { padding:8px 11px; border:1px solid #d4e0ea; border-radius:11px; color:#075e9e; background:#fff; font-size:9px; font-weight:900; text-decoration:none; }.tenant-analytics-workflow-grid { margin-top:18px; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }.tenant-analytics-workflow-grid article { min-width:0; min-height:133px; padding:15px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; border:1px solid #dbe5ee; border-radius:16px; background:linear-gradient(150deg,#fff,#f7fafc); animation:tenantWorkflowRise .5s cubic-bezier(.2,.75,.3,1) both; animation-delay:var(--workflow-delay); }.tenant-analytics-workflow-grid article > span { color:#64778b; font-size:8px; font-weight:950; text-transform:uppercase; letter-spacing:.07em; }.tenant-analytics-workflow-grid article > strong { margin:7px 0 5px; color:#132f4b; font-size:26px; line-height:1; }.tenant-analytics-workflow-grid article > small { max-width:135px; color:#718398; font-size:8px; line-height:1.45; }.tenant-analytics-workflow-grid article > i { width:58px; height:58px; position:absolute; right:-18px; bottom:-20px; border-radius:50%; background:#087bf1; opacity:.12; }.tenant-analytics-workflow-grid .is-green > i { background:#00a873; }.tenant-analytics-workflow-grid .is-orange > i { background:#ee8d00; }.tenant-analytics-workflow-grid .is-violet > i { background:#7958e8; }
@keyframes tenantWorkflowRise { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

@media (max-width:980px) {
  .tenant-import-grid,.tenant-export-grid { grid-template-columns:1fr; }.tenant-export-count { min-height:160px; }.tenant-import-map-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.tenant-import-safety ul { grid-template-columns:repeat(3,1fr); }.tenant-outreach-summary { grid-template-columns:1fr 1fr; }.tenant-outreach-summary article:first-child { grid-column:1/-1; }.tenant-outreach-list article { grid-template-columns:minmax(220px,1fr) minmax(140px,.8fr) 72px 68px; }.tenant-outreach-owner { display:none; }.tenant-analytics-workflow-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .tenant-import-heading-actions,.tenant-import-heading-actions .tenant-button { width:100%; }.tenant-import-heading-actions .tenant-button { justify-content:center; }
  .tenant-import-steps { gap:3px; }.tenant-import-steps span { min-height:42px; padding:6px 4px; gap:5px; }.tenant-import-steps b { width:23px; height:23px; }.tenant-import-steps em { font-size:9px; }
  .tenant-import-upload,.tenant-import-safety,.tenant-import-workbench,.tenant-import-recent { padding:17px; }.tenant-import-card-head { grid-template-columns:42px 1fr; }.tenant-import-icon { width:42px; height:42px; border-radius:13px; font-size:22px; }
  .tenant-import-safety ul { grid-template-columns:1fr; }.tenant-import-map-grid,.tenant-import-metrics { grid-template-columns:1fr 1fr; }.tenant-import-review-actions,.tenant-import-confirm,.tenant-import-complete { align-items:stretch; flex-direction:column; }.tenant-import-review-actions form,.tenant-import-review-actions button,.tenant-import-confirm button,.tenant-import-complete .tenant-button { width:100%; }.tenant-import-workbench > header,.tenant-import-recent > header { align-items:flex-start; flex-direction:column; }.tenant-import-recent-list a { grid-template-columns:minmax(0,1fr) auto; }.tenant-import-recent-list b { grid-column:2; }
  .tenant-export-format-grid { grid-template-columns:1fr; }.tenant-export-builder,.tenant-export-count,.tenant-export-formats { padding:17px; }
  .tenant-outreach-summary { grid-template-columns:1fr; }.tenant-outreach-summary article:first-child { grid-column:auto; }.tenant-outreach-workbench { padding:17px; }.tenant-outreach-workbench > header,.tenant-outreach-workbench > footer { align-items:stretch; flex-direction:column; }.tenant-outreach-select-all,.tenant-outreach-workbench footer button { width:100%; justify-content:center; }.tenant-outreach-list article { grid-template-columns:1fr auto; }.tenant-outreach-request,.tenant-outreach-owner { display:none; }.tenant-outreach-draft { grid-column:1; justify-self:start; }.tenant-outreach-list article > a { grid-column:2; grid-row:1/3; }
  .tenant-analytics-workflows { padding:17px; }.tenant-analytics-workflows .tenant-chart-heading { align-items:flex-start; flex-direction:column; }.tenant-analytics-workflow-grid { grid-template-columns:1fr 1fr; }.tenant-analytics-workflow-grid article { min-height:118px; }
}
@media (prefers-reduced-motion:reduce) { .tenant-analytics-workflow-grid article { animation:none; } }

/* Platform access-request review */
.mymex-access-admin{display:grid;gap:22px}.mymex-access-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mymex-access-admin-stats article{display:flex;min-height:130px;flex-direction:column;padding:20px;border:1px solid #d8e3ed;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(14,46,79,.06)}.mymex-access-admin-stats span{color:#637790;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.mymex-access-admin-stats strong{margin-top:9px;color:#0b1d35;font-size:34px;letter-spacing:-.05em}.mymex-access-admin-stats small{margin-top:auto;color:#73869c;font-size:11px}.mymex-access-admin-stats article.is-pending{border-color:#91caff;background:linear-gradient(145deg,#fff,#edf7ff)}.mymex-access-admin-stats article.is-pending strong{color:#087cf0}
.mymex-access-admin-filters{display:flex;flex-wrap:wrap;gap:7px;padding:7px;border:1px solid #d8e3ed;border-radius:17px;background:#fff}.mymex-access-admin-filters a{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:12px;color:#60748b;font-size:11px;font-weight:800;text-decoration:none}.mymex-access-admin-filters a span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e8eff6;color:#597086;font-size:9px}.mymex-access-admin-filters a.is-active{background:#082d57;color:#fff}.mymex-access-admin-filters a.is-active span{background:#fff;color:#0873d3}
.mymex-access-admin-list{display:grid;gap:9px}.mymex-access-admin-list>article{display:grid;grid-template-columns:46px minmax(170px,1.2fr) minmax(180px,1.1fr) minmax(150px,.9fr) auto auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid #d8e3ed;border-radius:18px;background:#fff}.mymex-access-admin-list>article.is-open{border-color:#5db1f7;box-shadow:0 0 0 3px rgba(8,124,240,.09)}.mymex-access-admin-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#082d57,#108cf5);color:#fff;font-weight:900}.mymex-access-admin-company,.mymex-access-admin-contact,.mymex-access-admin-context{display:flex;min-width:0;flex-direction:column;gap:3px}.mymex-access-admin-company strong,.mymex-access-admin-contact strong,.mymex-access-admin-context strong{overflow:hidden;color:#10243e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mymex-access-admin-company small,.mymex-access-admin-contact small,.mymex-access-admin-context small{overflow:hidden;color:#71859a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mymex-access-admin-status{padding:7px 10px;border-radius:999px;background:#e8eff6;color:#5f7185;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.mymex-access-admin-status.is-pending{background:#fff1d8;color:#a96000}.mymex-access-admin-status.is-approved{background:#dbf7ec;color:#087957}.mymex-access-admin-status.is-denied{background:#ffe7eb;color:#ad3045}
.mymex-access-review{scroll-margin-top:90px;padding:26px;border:1px solid #cfdde9;border-radius:25px;background:#fff;box-shadow:0 24px 62px rgba(10,42,76,.1)}.mymex-access-review>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid #dce6ef}.mymex-access-review h2{margin:7px 0 4px;font-size:30px;letter-spacing:-.045em}.mymex-access-review header p{margin:0;color:#71859a;font-size:11px}.mymex-access-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.mymex-access-review-grid article{display:flex;min-height:130px;flex-direction:column;padding:18px;border:1px solid #dce6ef;border-radius:17px;background:#f8fbfd}.mymex-access-review-grid article.is-wide{grid-column:1/-1;min-height:120px}.mymex-access-review-grid small{color:#6b8097;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.mymex-access-review-grid strong{margin-top:12px;color:#10243e;font-size:17px}.mymex-access-review-grid span,.mymex-access-review-grid p{margin:8px 0 0;color:#5d7289;font-size:12px;line-height:1.6}
.mymex-access-decision{display:grid;gap:15px;margin-top:18px;padding:20px;border:1px solid #d7e3ed;border-radius:18px;background:#f7fafc}.mymex-access-decision label{display:grid;gap:7px;color:#10243e;font-size:11px;font-weight:850}.mymex-access-decision label span{color:#74879b;font-size:9px;font-weight:600}.mymex-access-decision textarea{width:100%;resize:vertical;border:1px solid #cad8e5;border-radius:13px;outline:0;padding:12px;background:#fff;color:#10243e;font:inherit}.mymex-access-decision textarea:focus{border-color:#1688ed;box-shadow:0 0 0 3px rgba(22,136,237,.1)}.mymex-access-decision>div{display:flex;flex-wrap:wrap;gap:9px}.mymex-access-decision>small{color:#6e8298;font-size:10px}.mymex-access-reviewed{display:flex;align-items:center;gap:14px;margin-top:18px;padding:17px;border-radius:16px;background:#eef5fa}.mymex-access-reviewed span{color:#71859a;font-size:11px}.mymex-access-reviewed a{margin-left:auto}
@media(max-width:1100px){.mymex-access-admin-list>article{grid-template-columns:42px 1.2fr 1fr auto auto}.mymex-access-admin-context{display:none}}@media(max-width:760px){.mymex-access-admin-stats{grid-template-columns:1fr 1fr}.mymex-access-admin-list>article{grid-template-columns:42px 1fr auto}.mymex-access-admin-contact,.mymex-access-admin-context{display:none}.mymex-access-admin-status{grid-column:2}.mymex-access-admin-list .tenant-button{grid-column:3;grid-row:1/3}.mymex-access-review{padding:18px}.mymex-access-review-grid{grid-template-columns:1fr}.mymex-access-review-grid article.is-wide{grid-column:auto}.mymex-access-decision>div{display:grid}.mymex-access-reviewed{align-items:flex-start;flex-direction:column}.mymex-access-reviewed a{margin-left:0}}@media(max-width:440px){.mymex-access-admin-stats{grid-template-columns:1fr}.mymex-access-admin-filters a{flex:1;justify-content:center}.mymex-access-admin-list>article{grid-template-columns:38px 1fr auto;padding:10px}.mymex-access-admin-avatar{width:36px;height:36px}}

/* Shared night mode: one stored preference across marketing, tenant and platform admin. */
[data-mymex-theme="dark"] {
  --tenant-ink: #eaf4ff;
  --tenant-muted: #8fa8c0;
  --tenant-line: rgba(139, 201, 255, .15);
  --tenant-surface: rgba(7, 25, 49, .84);
  --tenant-shadow: 0 18px 46px rgba(0, 7, 20, .24);
  background: #020816;
}
[data-mymex-theme="dark"] body.tenant-admin {
  color-scheme: dark;
  color: var(--tenant-ink);
  background-color: #020816;
  background-image:
    radial-gradient(circle at 88% 0%, rgba(28, 147, 238, .16), transparent 34rem),
    linear-gradient(145deg, #020816 0%, #06162f 55%, #041027 100%);
}
[data-mymex-theme="dark"] body.tenant-admin::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(126, 193, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 193, 255, .055) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-stage,
[data-mymex-theme="dark"] body.tenant-admin .tenant-main {
  background-color: transparent;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-stage {
  position: relative;
  min-height: 100vh;
  isolation: isolate;
  background-image:
    radial-gradient(circle at 82% 5%, rgba(25, 142, 230, .13), transparent 31rem),
    linear-gradient(145deg, #020816 0%, #06162f 58%, #041027 100%);
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-stage::before {
  content: "";
  position: fixed;
  z-index: -1;
  top: 8%;
  right: -12vw;
  width: min(820px, 74vw);
  aspect-ratio: 1;
  pointer-events: none;
  opacity: .5;
  border: 1px solid rgba(62, 190, 255, .13);
  border-radius: 50%;
  background:
    radial-gradient(circle, transparent 48%, rgba(32, 158, 242, .08) 49%, transparent 50%),
    conic-gradient(from 12deg, transparent 0 35%, rgba(46, 200, 255, .2) 38%, transparent 42% 74%, rgba(35, 134, 255, .16) 77%, transparent 81%);
  box-shadow: 0 0 110px rgba(0, 133, 255, .08);
  animation: tenantNightOrbit 30s linear infinite;
}
[data-mymex-theme="dark"] .tenant-sidebar {
  background:
    radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--tenant-secondary) 28%, transparent), transparent 18rem),
    linear-gradient(180deg, #031225 0%, #061a34 100%);
  box-shadow: 18px 0 70px rgba(0, 7, 22, .2);
}
[data-mymex-theme="dark"] .tenant-topbar {
  background: rgba(3, 16, 34, .8);
  border-bottom-color: rgba(139, 201, 255, .12);
  box-shadow: 0 16px 48px rgba(0, 8, 24, .12);
  color: #eaf5ff;
}
[data-mymex-theme="dark"] .tenant-topbar strong {
  color: #f7fbff;
}
[data-mymex-theme="dark"] .tenant-topbar small {
  color: #91b5d4;
}
[data-mymex-theme="dark"] .mymex-platform-topbar > div:first-of-type small {
  color: #a9c9e3;
}
[data-mymex-theme="dark"] .tenant-topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  opacity: .72;
  background: linear-gradient(90deg, transparent, var(--tenant-secondary), transparent);
  animation: tenantNightCurrent 4.8s ease-in-out infinite;
}
[data-mymex-theme="dark"] .tenant-theme-toggle,
[data-mymex-theme="dark"] .tenant-button:not(.tenant-button-primary):not(.tenant-button-danger) {
  color: #dceeff;
  border-color: rgba(139, 201, 255, .16);
  background: rgba(9, 35, 66, .8);
}
[data-mymex-theme="dark"] .tenant-icon-button.tenant-button-danger {
  color: #ff9f97;
  border-color: rgba(255,116,104,.3);
  background: rgba(111,27,25,.38);
}
[data-mymex-theme="dark"] .tenant-integration-card {
  color: #eaf4ff;
  border-color: rgba(139,201,255,.16);
  background:
    radial-gradient(circle at 100% 0%, rgba(0,173,239,.08), transparent 18rem),
    linear-gradient(155deg,#071d38,#082646);
  box-shadow: 0 22px 52px rgba(0,8,24,.26);
}
[data-mymex-theme="dark"] .tenant-integration-card-head > img {
  border-color: rgba(139,201,255,.22);
  background: rgba(255,255,255,.97);
}
[data-mymex-theme="dark"] .tenant-integration-form {
  border-top-color: rgba(139,201,255,.14);
}
[data-mymex-theme="dark"] .tenant-integration-toggle,
[data-mymex-theme="dark"] .tenant-email-footer-picker {
  color: #eaf4ff;
  border-color: rgba(139,201,255,.16);
  background: rgba(2,14,31,.52);
}
[data-mymex-theme="dark"] .tenant-integration-order {
  color: #b8d2e9;
  background: rgba(10,63,103,.34);
}
[data-mymex-theme="dark"] .tenant-integration-test-result {
  color: #dceeff;
  background: rgba(6,39,70,.58);
}
[data-mymex-theme="dark"] .tenant-integration-test-result.is-success {
  color: #7aebbc;
  background: rgba(7,89,62,.32);
}
[data-mymex-theme="dark"] .tenant-integration-test-result.is-error {
  color: #ffaaa3;
  background: rgba(111,27,25,.34);
}
[data-mymex-theme="dark"] .tenant-integration-test-result.is-success span,
[data-mymex-theme="dark"] .tenant-integration-test-result.is-error span {
  color: currentColor;
  opacity: .82;
}
[data-mymex-theme="dark"] .tenant-push-health-grid > span,
[data-mymex-theme="dark"] .tenant-push-key-summary > span {
  border-color: rgba(139,201,255,.16);
  background: linear-gradient(145deg,rgba(5,29,54,.92),rgba(8,44,76,.88));
}
[data-mymex-theme="dark"] .tenant-integration-status {
  border: 1px solid rgba(139,201,255,.12);
}
[data-mymex-theme="dark"] .tenant-integration-status.is-connected {
  color: #7aebbc;
  background: rgba(7,89,62,.38);
}
[data-mymex-theme="dark"] .tenant-integration-status.is-disconnected {
  color: #ffaaa3;
  background: rgba(111,27,25,.38);
}
[data-mymex-theme="dark"] .tenant-integration-status.is-managed {
  color: #8fd8ff;
  background: rgba(8,72,121,.4);
}
[data-mymex-theme="dark"] .tenant-card,
[data-mymex-theme="dark"] .tenant-settings-readiness-card,
[data-mymex-theme="dark"] .tenant-settings-hub-panel,
[data-mymex-theme="dark"] .tenant-settings-form-card,
[data-mymex-theme="dark"] .tenant-settings-email-blueprint,
[data-mymex-theme="dark"] .tenant-header-media-settings,
[data-mymex-theme="dark"] .tenant-import-upload,
[data-mymex-theme="dark"] .tenant-import-workbench,
[data-mymex-theme="dark"] .tenant-import-recent,
[data-mymex-theme="dark"] .tenant-export-builder,
[data-mymex-theme="dark"] .tenant-export-formats,
[data-mymex-theme="dark"] .tenant-outreach-workbench,
[data-mymex-theme="dark"] .tenant-analytics-workflows,
[data-mymex-theme="dark"] .mymex-access-review,
[data-mymex-theme="dark"] .mymex-access-admin-stats article,
[data-mymex-theme="dark"] .mymex-access-admin-list > article,
[data-mymex-theme="dark"] .mymex-access-admin-filters {
  color: var(--tenant-ink);
  border-color: var(--tenant-line);
  background: linear-gradient(145deg, rgba(9, 34, 66, .9), rgba(4, 18, 39, .9));
  box-shadow: var(--tenant-shadow);
}
[data-mymex-theme="dark"] .tenant-card-tile.is-main-tenant {
  border-color: #287f96;
  background:
    radial-gradient(circle at 96% 4%, rgba(24, 181, 208, .2), transparent 145px),
    linear-gradient(145deg, #0a2c45, #09243b);
  box-shadow: 0 18px 45px rgba(0, 5, 16, .34), inset 0 1px 0 rgba(147, 231, 243, .08);
}
[data-mymex-theme="dark"] .tenant-card-main-flag {
  border-color: #287b8d;
  color: #bceef4;
  background: rgba(9, 72, 88, .78);
}
[data-mymex-theme="dark"] .tenant-settings-hub-header,
[data-mymex-theme="dark"] .tenant-settings-hub-body,
[data-mymex-theme="dark"] .tenant-settings-hub-tabs,
[data-mymex-theme="dark"] .tenant-segmented,
[data-mymex-theme="dark"] .tenant-brand-preview-card,
[data-mymex-theme="dark"] .tenant-email-preview,
[data-mymex-theme="dark"] .tenant-settings-email-rules span,
[data-mymex-theme="dark"] .tenant-header-mode-option,
[data-mymex-theme="dark"] .tenant-header-media-library,
[data-mymex-theme="dark"] .tenant-header-media-item,
[data-mymex-theme="dark"] .tenant-header-media-archive article,
[data-mymex-theme="dark"] .tenant-import-steps,
[data-mymex-theme="dark"] .tenant-import-confirm,
[data-mymex-theme="dark"] .tenant-export-format-grid label,
[data-mymex-theme="dark"] .tenant-outreach-summary article,
[data-mymex-theme="dark"] .tenant-outreach-list article,
[data-mymex-theme="dark"] .tenant-analytics-workflow-grid article,
[data-mymex-theme="dark"] .mymex-access-review-grid article,
[data-mymex-theme="dark"] .mymex-access-decision,
[data-mymex-theme="dark"] .mymex-access-reviewed {
  color: var(--tenant-ink);
  border-color: var(--tenant-line);
  background: rgba(7, 27, 52, .84);
}
[data-mymex-theme="dark"] body.tenant-admin input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
[data-mymex-theme="dark"] body.tenant-admin select,
[data-mymex-theme="dark"] body.tenant-admin textarea,
[data-mymex-theme="dark"] .tenant-file-input {
  color: #eaf4ff;
  border-color: rgba(139, 201, 255, .18);
  background: rgba(2, 14, 31, .8);
}
[data-mymex-theme="dark"] body.tenant-admin input::placeholder,
[data-mymex-theme="dark"] body.tenant-admin textarea::placeholder { color: #67839e; }
[data-mymex-theme="dark"] .tenant-card h2,
[data-mymex-theme="dark"] .tenant-card h3,
[data-mymex-theme="dark"] .tenant-page-heading h1,
[data-mymex-theme="dark"] .tenant-settings-section-heading h2,
[data-mymex-theme="dark"] .tenant-settings-readiness-card h2,
[data-mymex-theme="dark"] .tenant-header-media-info strong,
[data-mymex-theme="dark"] .tenant-outreach-summary strong,
[data-mymex-theme="dark"] .tenant-analytics-workflow-grid article > strong,
[data-mymex-theme="dark"] .mymex-access-review h2,
[data-mymex-theme="dark"] .mymex-access-admin-stats strong,
[data-mymex-theme="dark"] .mymex-access-decision label,
[data-mymex-theme="dark"] .mymex-access-reviewed strong,
[data-mymex-theme="dark"] .mymex-access-admin-company strong,
[data-mymex-theme="dark"] .mymex-access-admin-contact strong,
[data-mymex-theme="dark"] .mymex-access-admin-context strong,
[data-mymex-theme="dark"] .mymex-access-review-grid strong { color: #edf7ff; }

[data-mymex-theme="dark"] .tenant-header-media-info small {
  color: #9ab4cd;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-eyebrow,
[data-mymex-theme="dark"] .tenant-settings-form-card .tenant-eyebrow,
[data-mymex-theme="dark"] .tenant-header-media-settings .tenant-eyebrow,
[data-mymex-theme="dark"] .tenant-settings-email-blueprint .tenant-eyebrow {
  color: #80ddff;
  text-shadow: 0 0 18px rgba(80, 207, 255, .22);
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel label,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-field > label,
[data-mymex-theme="dark"] .tenant-settings-form-card label,
[data-mymex-theme="dark"] .tenant-brand-preview-card .tenant-brand-preview-label {
  color: #f3f9ff;
}

[data-mymex-theme="dark"] .tenant-settings-section-heading p,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-field > small,
[data-mymex-theme="dark"] .tenant-settings-hub-panel fieldset > small,
[data-mymex-theme="dark"] .tenant-brand-preview-card > small {
  color: #b7cce2;
}

[data-mymex-theme="dark"] .tenant-brand-preview-card-light {
  color: #0b2139;
  background: #f7fafc;
}

[data-mymex-theme="dark"] .tenant-brand-preview-card-light .tenant-brand-preview-label {
  color: #0b3a73;
}

[data-mymex-theme="dark"] .tenant-brand-preview-card-light > small {
  color: #50657d;
}

[data-mymex-theme="dark"] .tenant-brand-preview-card-dark .tenant-brand-preview-label {
  color: #9be6ff;
}

[data-mymex-theme="dark"] .tenant-brand-preview-card-dark > small {
  color: #b9d2ea;
}
[data-mymex-theme="dark"] .tenant-brand-preview-logo,
[data-mymex-theme="dark"] .tenant-email-footer-image { background: rgba(255, 255, 255, .94); }
[data-mymex-theme="dark"] .tenant-progress { background: rgba(139, 201, 255, .13); }
[data-mymex-theme="dark"] .mymex-jarvis-modes,
[data-mymex-theme="dark"] .mymex-jarvis-composer,
[data-mymex-theme="dark"] .mymex-jarvis-message > div,
[data-mymex-theme="dark"] .mymex-jarvis-suggestions button,
[data-mymex-theme="dark"] .mymex-jarvis-support input,
[data-mymex-theme="dark"] .mymex-jarvis-support select,
[data-mymex-theme="dark"] .mymex-jarvis-support textarea {
  color: #dcecff;
  border-color: rgba(139, 201, 255, .16);
  background: rgba(4, 20, 42, .94);
}
[data-mymex-theme="dark"] .mymex-jarvis-modes { border-bottom-color: rgba(139, 201, 255, .13); }
[data-mymex-theme="dark"] .tenant-overview-card-row,
[data-mymex-theme="dark"] .tenant-overview-shortcuts a {
  color: #eaf4ff;
  border-color: rgba(115, 196, 255, .17);
  background: linear-gradient(135deg, rgba(9, 38, 73, .94), rgba(4, 22, 45, .94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}
[data-mymex-theme="dark"] .tenant-overview-card-row:hover,
[data-mymex-theme="dark"] .tenant-overview-shortcuts a:hover {
  border-color: rgba(69, 205, 255, .48);
  box-shadow:
    0 14px 34px rgba(0, 8, 24, .3),
    0 0 24px rgba(30, 166, 255, .11),
    inset 0 1px 0 rgba(255, 255, 255, .04);
}
[data-mymex-theme="dark"] .tenant-overview-card-copy strong,
[data-mymex-theme="dark"] .tenant-overview-shortcuts strong { color: #edf7ff; }
[data-mymex-theme="dark"] .tenant-overview-card-copy small,
[data-mymex-theme="dark"] .tenant-overview-card-copy span,
[data-mymex-theme="dark"] .tenant-overview-shortcuts small { color: #91a9c0; }
[data-mymex-theme="dark"] .tenant-overview-person {
  border-color: #0c294b;
  box-shadow: 0 0 0 1px rgba(69, 205, 255, .26), 0 8px 24px rgba(0, 8, 24, .36);
}
[data-mymex-theme="dark"] .tenant-overview-shortcuts a > span {
  color: #68d7ff;
  background: rgba(30, 148, 239, .13);
  box-shadow: inset 0 0 0 1px rgba(74, 202, 255, .12);
}
[data-mymex-theme="dark"] .tenant-overview-metric {
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
[data-mymex-theme="dark"] .tenant-overview-metric:hover {
  transform: translateY(-4px);
  border-color: rgba(70, 205, 255, .35);
  box-shadow: 0 22px 52px rgba(0, 8, 25, .34), 0 0 30px rgba(25, 157, 242, .1);
}
[data-mymex-theme="dark"] .tenant-overview-metric::after { opacity: .92; }
[data-mymex-theme="dark"] .tenant-overview-hero {
  border: 1px solid rgba(91, 202, 255, .18);
  box-shadow: 0 30px 78px rgba(0, 8, 25, .34), 0 0 52px rgba(15, 132, 231, .09);
}
[data-mymex-theme="dark"] .tenant-overview-hero::after {
  content: "";
  position: absolute;
  left: -32%;
  bottom: 0;
  width: 34%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #4bd8ff, #1b86ff, transparent);
  box-shadow: 0 0 18px rgba(75, 216, 255, .8);
  animation: tenantNightSweep 5.8s ease-in-out infinite;
}

@keyframes tenantNightOrbit {
  to { transform: rotate(360deg); }
}
@keyframes tenantNightSweep {
  0%, 12% { transform: translateX(0); opacity: 0; }
  25%, 72% { opacity: 1; }
  88%, 100% { transform: translateX(390%); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  [data-mymex-theme="dark"] body.tenant-admin .tenant-stage::before,
  [data-mymex-theme="dark"] .tenant-overview-hero::after {
    animation: none !important;
  }
}

/* Jarvis unsaved-settings guard. */
.mymex-unsaved-guard[hidden] { display: none !important; }
.mymex-unsaved-guard {
  position: fixed;
  z-index: 13000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
}
.mymex-unsaved-guard-scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(1, 8, 20, .72);
  backdrop-filter: blur(12px);
}
.mymex-unsaved-guard-card {
  position: relative;
  width: min(560px, 100%);
  padding: 28px;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 20px;
  border: 1px solid rgba(91, 202, 255, .35);
  border-radius: 26px;
  color: #f2f8ff;
  background:
    radial-gradient(circle at 90% 5%, rgba(28, 159, 242, .2), transparent 38%),
    linear-gradient(145deg, #061a35, #031021);
  box-shadow: 0 38px 100px rgba(0, 5, 18, .5), 0 0 45px rgba(38, 177, 255, .1);
}
.mymex-unsaved-guard-avatar {
  width: 76px;
  height: 76px;
  overflow: hidden;
  border: 1px solid rgba(91, 202, 255, .42);
  border-radius: 23px;
  background: #020b18;
  box-shadow: 0 0 34px rgba(38, 177, 255, .22);
}
.mymex-unsaved-guard-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mymex-unsaved-guard-card small { color: #58d5ff; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.mymex-unsaved-guard-card h2 { margin: 8px 0 10px; color: #fff; font-size: 27px; letter-spacing: -.04em; }
.mymex-unsaved-guard-card p { margin: 0; color: #a4bdd5; font-size: 13px; line-height: 1.65; }
.mymex-unsaved-guard-card footer { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 9px; }
body.mymex-unsaved-guard-open { overflow: hidden; }
@keyframes tenantNightCurrent { 0%,100% { opacity: .18; transform: scaleX(.35); } 50% { opacity: .92; transform: scaleX(1); } }
@media (max-width: 600px) {
  .mymex-unsaved-guard-card { padding: 22px; grid-template-columns: 54px minmax(0, 1fr); border-radius: 22px; }
  .mymex-unsaved-guard-avatar { width: 54px; height: 54px; border-radius: 17px; }
  .mymex-unsaved-guard-card footer { grid-column: 1 / -1; display: grid; }
  .mymex-unsaved-guard-card footer .tenant-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  [data-mymex-theme="dark"] .tenant-topbar::after { animation: none; }
}

/* Content Studio dark mode keeps toggles, headings and disabled actions legible. */
[data-mymex-theme="dark"] .tenant-content-segmented{
  border-color:rgba(117,196,255,.2);
  background:rgba(7,29,55,.9);
  box-shadow:inset 0 1px 0 rgba(135,210,255,.08),0 10px 28px rgba(0,8,22,.24);
}
[data-mymex-theme="dark"] .tenant-content-switch-row{
  border-color:rgba(117,196,255,.16);
  background:rgba(7,29,55,.72);
  box-shadow:inset 0 1px 0 rgba(135,210,255,.06),0 12px 30px rgba(0,8,22,.2);
}
[data-mymex-theme="dark"] .tenant-content-switch-label,
[data-mymex-theme="dark"] .tenant-content-layout-label,
[data-mymex-theme="dark"] .tenant-content-layout-pending{color:#9fb9d0}
[data-mymex-theme="dark"] .tenant-content-hero-mark{
  border-color:rgba(91,211,233,.24);
  color:#6be7df;
  background:linear-gradient(145deg,rgba(11,63,79,.88),rgba(7,34,61,.94));
  box-shadow:0 16px 34px rgba(0,8,22,.3),inset 0 1px 0 rgba(127,236,231,.08);
}
[data-mymex-theme="dark"] .tenant-content-segmented a{color:#9db5cc}
[data-mymex-theme="dark"] .tenant-content-segmented a:hover{color:#eef8ff;background:rgba(22,65,99,.72)}
[data-mymex-theme="dark"] .tenant-content-segmented a.is-active{color:#fff;background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-accent))}
[data-mymex-theme="dark"] .tenant-content-studio{
  border-color:rgba(117,196,255,.17);
  background:rgba(7,28,52,.94);
  box-shadow:0 30px 80px rgba(0,7,20,.38),inset 0 1px 0 rgba(132,210,255,.08);
}
[data-mymex-theme="dark"] .tenant-content-studio-toolbar{border-bottom-color:rgba(117,196,255,.13);background:rgba(8,31,58,.94)}
[data-mymex-theme="dark"] .tenant-content-action{border-color:rgba(117,196,255,.18);color:#eaf6ff;background:#0b294b}
[data-mymex-theme="dark"] .tenant-content-action:disabled{color:#6f879e;background:#081f3a;opacity:.7}
[data-mymex-theme="dark"] .tenant-content-canvas{
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--tenant-accent) 16%,transparent),transparent 34%),linear-gradient(180deg,#0b294a,#071c35);
}
[data-mymex-theme="dark"] .ford-offerings-manager.is-listings .tenant-content-canvas{
  background:
    linear-gradient(rgba(100,196,220,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,196,220,.045) 1px,transparent 1px),
    radial-gradient(circle at 100% 0,rgba(24,190,145,.13),transparent 36%),
    linear-gradient(180deg,#0a2948,#071c35);
  background-size:30px 30px,30px 30px,auto,auto;
}
[data-mymex-theme="dark"] .tenant-content-canvas-heading h2,
[data-mymex-theme="dark"] .tenant-content-canvas-heading .tenant-eyebrow{color:#eef8ff}
[data-mymex-theme="dark"] .tenant-content-count,
[data-mymex-theme="dark"] .tenant-content-column-picker{border-color:rgba(117,196,255,.18);color:#9db5cc;background:#081f3a}
[data-mymex-theme="dark"] .tenant-content-column-picker button{color:#91abc3}
[data-mymex-theme="dark"] .tenant-content-column-picker button.is-active{color:#fff;background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-accent))}

/* Archived cards stay compact until a deliberate permanent-delete action is opened. */
.tenant-archive-delete { position: relative; }
.tenant-archive-delete > summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
}
.tenant-archive-delete > summary::-webkit-details-marker { display: none; }
.tenant-archive-delete[open] {
  grid-column: 1 / -1;
  width: 100%;
}
.tenant-archive-delete form {
  margin-top: 10px;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  border: 1px solid rgba(207, 52, 52, .22);
  border-radius: 16px;
  background: rgba(255, 245, 245, .92);
}
.tenant-archive-delete label { min-width: 0; display: grid; gap: 7px; }
.tenant-archive-delete label span { color: #8f2222; font-size: 11px; line-height: 1.45; }
.tenant-archive-delete input {
  min-width: 0;
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(207, 52, 52, .26);
  border-radius: 11px;
  color: #4a1212;
  background: #fff;
}
[data-mymex-theme="dark"] .tenant-archive-delete form {
  border-color: rgba(255, 105, 105, .25);
  background: rgba(55, 12, 22, .64);
}
[data-mymex-theme="dark"] .tenant-archive-delete label span { color: #ffb3b3; }
[data-mymex-theme="dark"] .tenant-archive-delete input {
  color: #fff;
  border-color: rgba(255, 105, 105, .25);
  background: rgba(20, 5, 11, .86);
}

/* Successor-card handover keeps retired public links useful without moving history. */
.tenant-card-successor {
  margin-top: 10px;
  border: 1px solid var(--tenant-line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--tenant-secondary) 5%, var(--tenant-surface));
}
.tenant-card-successor > summary {
  min-height: 42px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  list-style: none;
  cursor: pointer;
  color: var(--tenant-text);
  font-size: 11px;
  font-weight: 850;
}
.tenant-card-successor > summary::-webkit-details-marker,
.tenant-archive-successor > summary::-webkit-details-marker { display: none; }
.tenant-card-successor > summary svg { width: 17px; color: var(--tenant-secondary); }
.tenant-card-successor form,
.tenant-archive-successor form {
  padding: 12px;
  display: grid;
  gap: 10px;
  border-top: 1px solid var(--tenant-line);
}
.tenant-card-successor label,
.tenant-archive-successor label { display: grid; gap: 6px; }
.tenant-card-successor label span,
.tenant-archive-successor label span {
  color: var(--tenant-text);
  font-size: 10px;
  font-weight: 850;
}
.tenant-card-successor select,
.tenant-archive-successor select {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid var(--tenant-line);
  border-radius: 11px;
  color: var(--tenant-text);
  background: var(--tenant-input);
}
.tenant-card-successor p {
  margin: 0;
  color: var(--tenant-muted);
  font-size: 10px;
  line-height: 1.55;
}
.tenant-card-successor .tenant-button {
  width: 100%;
  min-height: 42px;
}
.tenant-archive-redirect {
  grid-column: 1 / -1;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 28%, var(--tenant-line));
  border-radius: 12px;
  color: var(--tenant-text);
  background: color-mix(in srgb, var(--tenant-secondary) 7%, var(--tenant-surface));
}
.tenant-archive-redirect svg { width: 20px; color: var(--tenant-secondary); }
.tenant-archive-redirect span { display: grid; min-width: 0; }
.tenant-archive-redirect small { font-size: 9px; }
.tenant-archive-successor {
  grid-column: 1 / -1;
  width: 100%;
}
.tenant-archive-successor > summary {
  list-style: none;
  cursor: pointer;
}
.tenant-archive-successor form {
  margin-top: 8px;
  border: 1px solid var(--tenant-line);
  border-radius: 13px;
  background: var(--tenant-surface);
}
[data-mymex-theme="dark"] .tenant-card-successor,
[data-mymex-theme="dark"] .tenant-archive-successor form,
[data-mymex-theme="dark"] .tenant-archive-redirect {
  border-color: rgba(97, 191, 255, .2);
  background: rgba(8, 34, 62, .82);
}
@media (max-width: 640px) {
  .tenant-archive-delete form { grid-template-columns: 1fr; }
  .tenant-archive-delete form .tenant-button { width: 100%; }
  .tenant-card-successor form,
  .tenant-archive-successor form { padding: 11px; }
}

/* Compact iOS-style archived-card controls: details stay closed until deliberately opened. */
.tenant-archive-card {
  position: relative;
  grid-template-columns: 40px minmax(0, 1fr) repeat(3, 34px);
  gap: 8px;
  padding: 10px;
  border-radius: 14px;
}
.tenant-archive-avatar { width: 40px; height: 40px; font-size: 12px; }
.tenant-archive-card > .tenant-archive-action,
.tenant-archive-card > .tenant-archive-successor,
.tenant-archive-card > .tenant-archive-delete { margin: 0; justify-self: end; }
.tenant-archive-card > .tenant-archive-successor {
  grid-column: auto;
  width: auto;
}
.tenant-archive-card .tenant-icon-button {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border-radius: 11px;
}
.tenant-archive-card .tenant-icon-button svg { width: 15px; height: 15px; }
.tenant-archive-card > .tenant-archive-redirect {
  grid-column: 1 / -1;
  padding: 8px 10px;
  border-radius: 11px;
}
.tenant-archive-card > .tenant-archive-successor[open],
.tenant-archive-card > .tenant-archive-delete[open] {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
}
.tenant-archive-card > .tenant-archive-successor[open] > summary,
.tenant-archive-card > .tenant-archive-delete[open] > summary { margin-left: auto; }
.tenant-archive-card > .tenant-archive-successor form,
.tenant-archive-card > .tenant-archive-delete form {
  margin-top: 8px;
  padding: 11px;
  border-radius: 13px;
}
.tenant-archive-card > .tenant-archive-successor form {
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: end;
}
.tenant-archive-card > .tenant-archive-successor form .tenant-icon-button,
.tenant-archive-card > .tenant-archive-delete form .tenant-icon-button { width: 34px; }
.tenant-profile-share-image {
  margin-top: 16px;
  padding-top: 16px;
  display: grid;
  gap: 10px;
  border-top: 1px solid var(--tenant-line);
}
.tenant-profile-share-preview {
  min-height: 116px;
  display: grid;
  place-items: center;
  gap: 7px;
  overflow: hidden;
  border: 1px dashed var(--tenant-line);
  border-radius: 15px;
  color: var(--tenant-muted);
  background: var(--tenant-soft);
  text-align: center;
  font-size: 10px;
  font-weight: 800;
}
.tenant-profile-share-preview img { width: 100%; height: 100%; aspect-ratio: 1200 / 630; object-fit: cover; }
.tenant-profile-share-preview svg { width: 22px; height: 22px; }
.mymex-quick-builder-steps {
  margin: -4px 0 18px;
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  border: 1px solid var(--tenant-line);
  border-radius: 16px;
  background: var(--tenant-surface);
  box-shadow: 0 12px 30px rgba(8, 31, 55, .06);
}
.mymex-quick-builder-steps span {
  min-width: 0;
  min-height: 38px;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 11px;
  color: var(--tenant-text);
  background: var(--tenant-soft);
  font-size: 10px;
  font-weight: 850;
}
.mymex-quick-builder-steps b {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, var(--tenant-primary), var(--tenant-secondary));
  font-size: 9px;
}
.mymex-quick-card-builder { position: relative; }
.mymex-profile-copy-assistant {
  grid-column: 1 / -1;
  padding: 16px;
  display: grid;
  gap: 12px;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 30%, var(--tenant-line));
  border-radius: 16px;
  background: linear-gradient(135deg,color-mix(in srgb,var(--tenant-secondary) 8%,var(--tenant-surface)),var(--tenant-surface));
}
.mymex-profile-copy-assistant > div:first-child { display:grid; gap:4px; }
.mymex-profile-copy-assistant strong { color:var(--tenant-text); font-size:14px; }
.mymex-profile-copy-assistant p { margin:0; color:var(--tenant-muted); font-size:10px; line-height:1.55; }
.mymex-profile-copy-controls { display:grid; grid-template-columns:minmax(220px,1fr) auto auto; gap:8px; align-items:center; }
.mymex-profile-copy-controls input { width:100%; min-width:0; min-height:42px; }
.mymex-profile-copy-controls .tenant-button { min-height:42px; display:inline-flex; gap:7px; align-items:center; justify-content:center; }
.mymex-profile-copy-controls svg { width:16px; height:16px; }
.mymex-profile-copy-status { min-height:0; color:var(--tenant-muted); font-size:9px; font-weight:800; line-height:1.45; }
.mymex-profile-copy-status:not(:empty) { padding:9px 11px; border-radius:10px; }
.mymex-profile-copy-status[data-tone="loading"] { color:#285d7d; background:#eaf6fd; }
.mymex-profile-copy-status[data-tone="success"] { color:#08704e; background:#e8faf2; }
.mymex-profile-copy-status[data-tone="error"] { color:#9b3030; background:#fff0f0; }
.mymex-profile-copy-result { padding:12px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 14px; align-items:center; border:1px solid var(--tenant-line); border-radius:13px; background:var(--tenant-surface); }
.mymex-profile-copy-result[hidden] { display:none!important; }
.mymex-profile-copy-result strong,.mymex-profile-copy-result p { grid-column:1; }
.mymex-profile-copy-result .tenant-button { grid-column:2; grid-row:1 / span 2; }
[data-mymex-theme="dark"] .mymex-profile-copy-status[data-tone="loading"] { color:#bfe8ff; background:#12334a; }
[data-mymex-theme="dark"] .mymex-profile-copy-status[data-tone="success"] { color:#c5f8e4; background:#123c32; }
[data-mymex-theme="dark"] .mymex-profile-copy-status[data-tone="error"] { color:#ffd0d0; background:#421f27; }
@media (max-width: 700px) {
  .tenant-archive-card {
    grid-template-columns: 36px minmax(0, 1fr) repeat(3, 32px);
    gap: 6px;
  }
  .tenant-archive-avatar { width: 36px; height: 36px; }
  .tenant-archive-card .tenant-icon-button {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }
  .tenant-archive-card form { grid-column: auto; }
  .tenant-archive-card .tenant-button { width: 32px; }
  .tenant-archive-card > .tenant-archive-successor[open],
  .tenant-archive-card > .tenant-archive-delete[open] { grid-column: 1 / -1; }
  .tenant-archive-card > .tenant-archive-successor form,
  .tenant-archive-card > .tenant-archive-delete form { grid-template-columns: minmax(0, 1fr) 32px; }
  .mymex-quick-builder-steps { grid-template-columns: 1fr; }
  .mymex-profile-copy-controls { grid-template-columns:1fr 1fr; }
  .mymex-profile-copy-controls input { grid-column:1 / -1; }
  .mymex-profile-copy-result { grid-template-columns:1fr; }
  .mymex-profile-copy-result .tenant-button { grid-column:1; grid-row:auto; width:100%; }
  .mymex-quick-builder-steps {
    margin: 0 0 14px;
    padding: 7px;
    gap: 7px;
  }
  .tenant-profile-switcher {
    width: 100%;
    margin: 0 0 14px;
    padding: 5px;
    gap: 5px;
    overflow-x: auto;
  }
  .tenant-profile-switcher a {
    min-width: 88px;
    max-width: 112px;
    flex: 0 0 auto;
    padding: 8px 10px;
    text-align: center;
    font-size: 11.5px;
    font-weight: 540;
    line-height: 1.14;
  }
  .mymex-quick-card-builder { gap: 16px; }
  .mymex-quick-card-builder > .tenant-profile-photo-card {
    padding: 22px 18px 24px;
  }
  .mymex-quick-card-builder > .tenant-profile-photo-card > .tenant-eyebrow {
    display: block;
    margin-bottom: 16px;
  }
  .mymex-quick-card-builder > .tenant-profile-photo-card > .tenant-profile-preview {
    margin: 0 auto 16px;
  }
  .mymex-quick-card-builder > .tenant-profile-photo-card > .tenant-profile-media-actions {
    margin: 0 auto 12px;
  }
  .mymex-quick-card-builder > .tenant-profile-photo-card > small,
  .mymex-quick-card-builder .tenant-profile-share-image > small {
    display: block;
    margin: 0;
    line-height: 1.55;
  }
  .mymex-quick-card-builder .tenant-profile-share-image {
    margin-top: 20px;
    padding-top: 20px;
    gap: 12px;
  }
  .mymex-quick-card-builder .tenant-profile-share-image > .tenant-eyebrow {
    margin-bottom: 2px;
  }
  .mymex-quick-card-builder .tenant-profile-share-preview {
    width: 100%;
    min-height: 0;
    aspect-ratio: 1200 / 630;
  }
  .mymex-quick-card-builder .tenant-profile-share-image > .tenant-actions {
    justify-content: center;
  }
}

/* Profile and quick-card builder: compact circular media previews. */
.tenant-profile-photo-card .tenant-profile-preview {
  position: relative;
  width: 132px;
  height: 132px;
  min-width: 132px;
  min-height: 132px;
  overflow: visible;
  border: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--tenant-soft) 88%, #fff);
  box-shadow: 0 18px 40px rgba(4,33,70,.12);
}
.tenant-profile-photo-card .tenant-profile-preview::before,
.tenant-profile-photo-card .tenant-profile-preview::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.tenant-profile-photo-card .tenant-profile-preview::before {
  inset: -5px;
  border: 1px solid color-mix(in srgb, var(--tenant-secondary) 34%, transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--tenant-secondary) 13%, transparent);
}
.tenant-profile-photo-card .tenant-profile-preview::after {
  inset: -5px;
  background: conic-gradient(from 0deg, transparent 0 72%, var(--tenant-secondary) 78%, var(--tenant-primary) 84%, transparent 90% 100%);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  opacity: .9;
}
.tenant-profile-photo-card .tenant-profile-preview.has-image {
  padding: 8px;
  border: 0;
  background: #fff;
  box-shadow: 0 18px 38px rgba(4,33,70,.14);
}
.tenant-profile-photo-card .tenant-profile-preview img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 3px solid rgba(255,255,255,.94);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 12px 28px rgba(5,35,68,.15);
}
.tenant-profile-photo-card .tenant-profile-preview .tenant-media-placeholder-icon,
.tenant-profile-photo-card .tenant-profile-preview > small {
  position: relative;
  z-index: 1;
}
.tenant-profile-photo-card .tenant-profile-preview .tenant-media-placeholder-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,.76);
}
.tenant-profile-photo-card .tenant-profile-share-preview {
  min-height: 92px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--tenant-secondary) 10%, transparent), transparent 44%),
    var(--tenant-soft);
}
.tenant-profile-photo-card .tenant-profile-share-preview .tenant-media-placeholder-icon,
.tenant-profile-photo-card .tenant-profile-share-preview > svg {
  width: 34px;
  height: 34px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--tenant-primary) 16%, var(--tenant-line));
  border-radius: 12px;
  color: var(--tenant-primary);
  background: rgba(255,255,255,.72);
}
.tenant-profile-photo-card .tenant-icon-button {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 14px;
}
@media (prefers-reduced-motion: no-preference) {
  .tenant-profile-photo-card .tenant-profile-preview::after {
    animation: tenantProfileRing 8s linear infinite;
  }
}
@keyframes tenantProfileRing { to { transform: rotate(360deg); } }

/* The gallery shell is dark in night mode, but its upload surfaces stay light. */
.tenant-media-modal-panel .tenant-media-upload,
.tenant-media-modal-panel .tenant-media-dropzone,
.tenant-media-modal-panel .tenant-media-bulkbar {
  color: #10233f;
}
.tenant-media-modal-panel .tenant-media-dropzone label,
.tenant-media-modal-panel .tenant-media-dropzone strong {
  color: #10233f;
}
.tenant-media-modal-panel .tenant-media-dropzone p,
.tenant-media-modal-panel .tenant-media-upload small {
  color: #607592;
}

[data-mymex-theme="dark"] .mymex-command-trigger {
  border-color: rgba(120,190,241,.22);
  color: #d9eeff;
  background: rgba(9,34,61,.88);
  box-shadow: 0 8px 24px rgba(0,7,18,.28);
}
[data-mymex-theme="dark"] .mymex-command-trigger kbd,
[data-mymex-theme="dark"] .mymex-command-dialog kbd {
  border-color: #294967;
  color: #99b9d4;
  background: #0a2139;
}
[data-mymex-theme="dark"] .mymex-command-dialog {
  border-color: rgba(97,191,255,.23);
  background: rgba(6,24,43,.985);
  box-shadow: 0 34px 90px rgba(0,4,12,.66),0 0 0 1px rgba(114,199,255,.06) inset;
}
[data-mymex-theme="dark"] .mymex-command-dialog > header,
[data-mymex-theme="dark"] .mymex-command-dialog > footer { border-color:#173754; }
[data-mymex-theme="dark"] .mymex-command-dialog input { color:#eff8ff; }
[data-mymex-theme="dark"] .mymex-command-close { border-color:#28516e; color:#dff2ff; background:#092843; }
[data-mymex-theme="dark"] .mymex-command-close:hover,
[data-mymex-theme="dark"] .mymex-command-close:focus-visible { border-color:#45bdea; color:#fff; background:#0d3557; }
[data-mymex-theme="dark"] .mymex-command-dialog input::placeholder,
[data-mymex-theme="dark"] .mymex-command-status,
[data-mymex-theme="dark"] .mymex-command-dialog > footer { color:#84a3bc; }
[data-mymex-theme="dark"] .mymex-command-results a { color:#dff2ff; }
[data-mymex-theme="dark"] .mymex-command-results a:hover,
[data-mymex-theme="dark"] .mymex-command-results a.is-active { color:#fff; background:linear-gradient(135deg,#0d3557,#102c49); box-shadow:inset 0 0 0 1px #20547c; }
[data-mymex-theme="dark"] .mymex-command-results a > i { border-color:#245474; color:#6dd2ff; background:#0b2b48; }
[data-mymex-theme="dark"] .mymex-command-assist { color:#d6b5ff; background:#281d41; border-color:#614785; }
[data-mymex-theme="dark"] .mymex-command-results a > i[data-tone="green"] { color:#69e2b9; background:#103c34; border-color:#285f50; }
[data-mymex-theme="dark"] .mymex-command-results a > i[data-tone="orange"] { color:#ffc077; background:#3f2d1c; border-color:#735334; }
[data-mymex-theme="dark"] .mymex-command-results a > i[data-tone="pink"] { color:#ff9fce; background:#3c2034; border-color:#713c5d; }
[data-mymex-theme="dark"] .mymex-command-results a > i[data-tone="purple"] { color:#d6b5ff; background:#281d41; border-color:#614785; }
[data-mymex-theme="dark"] .mymex-command-results small { color:#93adc2; }
[data-mymex-theme="dark"] .mymex-jarvis-memory h2 { color:#e9f6ff; }
[data-mymex-theme="dark"] .mymex-jarvis-memory > p,
[data-mymex-theme="dark"] .mymex-jarvis-memory-list { color:#96afc3; }
[data-mymex-theme="dark"] .mymex-jarvis-memory-list article { border-color:#1b4564; color:#dff1ff; background:#0b2a45; }
[data-mymex-theme="dark"] .mymex-jarvis-memory-empty { border-color:#27506c; background:#0a2741; }

/* July 2026 visual hardening: legible night surfaces, premium controls and reliable nested scrolling. */
.tenant-smart-colour { min-width:0; min-height:58px; padding:6px; display:grid; grid-template-columns:52px minmax(90px,1fr) 44px; gap:8px; align-items:center; border:1px solid var(--tenant-line); border-radius:17px; background:rgba(248,251,255,.94); box-shadow:inset 0 1px 0 rgba(255,255,255,.65); }
.tenant-smart-colour .tenant-color-input { width:52px!important; height:44px!important; min-height:44px!important; padding:3px!important; overflow:hidden; border:0!important; border-radius:12px!important; background:transparent!important; cursor:pointer; }
.tenant-smart-colour [data-smart-colour-hex] { min-height:44px!important; padding:9px 11px!important; border:0!important; border-radius:11px!important; background:transparent!important; font:850 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important; letter-spacing:.045em; text-transform:uppercase; }
.tenant-smart-colour [data-smart-colour-preview] { width:38px; height:38px; display:block; border:3px solid #fff; border-radius:12px; background:var(--smart-colour,#087bf1); box-shadow:0 0 0 1px var(--tenant-line),0 7px 18px color-mix(in srgb,var(--smart-colour,#087bf1) 28%,transparent); }
.tenant-smart-colour.is-invalid { border-color:#e75b69; box-shadow:0 0 0 3px rgba(231,91,105,.12); }
.tenant-brand-colour-preview { min-width:0; overflow:hidden; align-self:end; border:1px solid var(--tenant-line); border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(15,35,63,.08); }
.tenant-brand-colour-preview-header { min-height:112px; padding:18px; display:flex; flex-direction:column; justify-content:flex-end; color:var(--brand-email-text-preview,#fff); background:var(--brand-email-header-preview,var(--tenant-primary)); }
.tenant-brand-colour-preview-header span { margin-bottom:auto; font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.tenant-brand-colour-preview-header strong { font-size:17px; line-height:1.2; }
.tenant-brand-colour-preview-header small { margin-top:3px; color:inherit; opacity:.82; }
.tenant-brand-colour-preview-body { padding:13px 15px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tenant-brand-colour-preview-body span { min-width:0; display:flex; align-items:center; gap:8px; color:var(--tenant-muted); font-size:10px; font-weight:800; }
.tenant-brand-colour-preview-body i { width:12px; height:12px; flex:0 0 12px; border-radius:50%; background:var(--brand-secondary-preview,var(--tenant-secondary)); box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-secondary-preview,var(--tenant-secondary)) 15%,transparent); }
.tenant-brand-colour-preview-body button { min-height:34px; padding:8px 12px; border:0; border-radius:10px; color:#fff; background:var(--brand-primary-preview,var(--tenant-primary)); font-size:9px; font-weight:900; pointer-events:none; }
.tenant-brand-colour-preview > p { margin:0; padding:11px 15px; display:grid; gap:2px; border-top:1px solid var(--tenant-line); background:#f8fbfe; }
.tenant-brand-colour-preview > p strong { color:var(--tenant-ink); font-size:10px; }
.tenant-brand-colour-preview > p small { margin:0; color:var(--tenant-muted); font-size:9px; }
.tenant-media-queue-fields small.is-jarvis-warning { padding:8px 10px; border:1px solid #e5bf63; border-radius:10px; color:#725007; background:#fff8df; font-weight:800; line-height:1.45; }
.tenant-media-modal-panel { border-radius:30px; box-shadow:0 34px 100px rgba(0,10,26,.42),0 0 0 1px rgba(69,210,255,.05) inset; }
.tenant-media-modal-header { margin:0 0 18px; padding:20px 64px 20px 22px; border:1px solid color-mix(in srgb,var(--tenant-secondary) 20%,var(--tenant-line)); border-radius:22px; background:linear-gradient(135deg,#f8fbff,#eaf6ff); box-shadow:0 12px 30px rgba(12,55,91,.07); }
.tenant-media-dropzone { border-radius:20px; background:linear-gradient(145deg,#fbfdff,#eef7ff); }
.tenant-media-upload { border-radius:22px; }
.tenant-media-queue-item { border-radius:18px; box-shadow:0 8px 20px rgba(14,49,80,.05); }

.mymex-command-trigger { position:relative; isolation:isolate; border-color:color-mix(in srgb,var(--tenant-secondary) 46%,#c9dcec); background:linear-gradient(135deg,rgba(255,255,255,.94),color-mix(in srgb,var(--tenant-secondary) 7%,#fff)); box-shadow:0 8px 24px rgba(26,66,101,.1),0 0 0 3px color-mix(in srgb,var(--tenant-secondary) 7%,transparent); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.mymex-command-trigger::after { content:""; position:absolute; z-index:-1; inset:-4px; border-radius:15px; opacity:.38; background:linear-gradient(105deg,transparent 8%,color-mix(in srgb,var(--tenant-secondary) 34%,transparent),color-mix(in srgb,#32d5a0 34%,transparent),transparent 92%); filter:blur(7px); }
.mymex-command-trigger:hover,.mymex-command-trigger:focus-visible { transform:translateY(-1px); border-color:var(--tenant-secondary); box-shadow:0 12px 28px rgba(8,112,178,.17),0 0 0 4px color-mix(in srgb,var(--tenant-secondary) 12%,transparent); outline:0; }
.mymex-command-trigger:focus-within { transform:translateY(-1px); border-color:var(--tenant-secondary); box-shadow:0 12px 28px rgba(8,112,178,.17),0 0 0 4px color-mix(in srgb,var(--tenant-secondary) 12%,transparent); }
.mymex-command-dialog { box-shadow:0 36px 100px rgba(0,13,31,.38),0 0 36px rgba(44,201,255,.08); }

.mymex-jarvis-panel { max-height:calc(100dvh - 24px); contain:layout paint; }
.mymex-jarvis-body,.mymex-jarvis-chat,.mymex-jarvis-support,.mymex-jarvis-memory { min-height:0; max-height:100%; }
.mymex-jarvis-messages { max-height:100%; touch-action:pan-y; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; }

[data-mymex-theme="dark"] .tenant-smart-colour { border-color:rgba(139,201,255,.2); background:rgba(3,18,38,.88); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
[data-mymex-theme="dark"] .tenant-brand-colour-preview { border-color:rgba(139,201,255,.2); background:#06172b; box-shadow:0 14px 34px rgba(0,0,0,.28); }
[data-mymex-theme="dark"] .tenant-brand-colour-preview > p { border-color:rgba(139,201,255,.16); background:#081d35; }
[data-mymex-theme="dark"] .tenant-media-modal-header { border-color:#285775; background:linear-gradient(135deg,#0d3152,#0a2845); box-shadow:0 14px 34px rgba(0,7,20,.24); }
[data-mymex-theme="dark"] .tenant-media-modal-header h2 { color:#f2f9ff!important; }
[data-mymex-theme="dark"] .tenant-media-modal-header p { color:#abc4d8!important; }
[data-mymex-theme="dark"] .tenant-media-modal-header .tenant-eyebrow { color:#65debd!important; }
[data-mymex-theme="dark"] .tenant-smart-colour [data-smart-colour-hex] { color:#eff8ff!important; }
[data-mymex-theme="dark"] .tenant-media-queue-fields small.is-jarvis-warning { border-color:#8f7534; color:#ffe8a8; background:#342a13; }
[data-mymex-theme="dark"] .mymex-command-trigger { color:#eaf6ff; border-color:rgba(76,210,255,.32); background:linear-gradient(135deg,rgba(5,29,56,.96),rgba(8,46,68,.94)); box-shadow:0 10px 30px rgba(0,8,24,.28),0 0 22px rgba(49,220,176,.08); }
[data-mymex-theme="dark"] .mymex-command-trigger kbd { color:#b9d3e6; border-color:#28516e; background:#092843; }

[data-mymex-theme="dark"] .tenant-settings-hub-tabs button { color:#a9bfd1; }
[data-mymex-theme="dark"] .tenant-settings-hub-tabs button strong { color:#eaf5ff; }
[data-mymex-theme="dark"] .tenant-settings-hub-tabs button > span { color:#87d8ff; background:#0c3151; }
[data-mymex-theme="dark"] .tenant-settings-hub-tabs button:hover { background:#0c2a47; }
[data-mymex-theme="dark"] .tenant-settings-hub-tabs button.is-active { color:#79ddff; border-color:#2f7ca8; background:linear-gradient(135deg,#0c3151,#103b52); }

/* Phase 5: shared platform media and workspace social channels. */
.mymex-image-upload{min-width:0;display:grid;gap:9px;align-content:start}.mymex-image-upload>label{color:var(--tenant-ink);font-weight:850}.mymex-image-upload>small{color:var(--tenant-muted);font-size:12px;font-weight:650;line-height:1.45}.mymex-image-upload-input{appearance:none;width:100%;min-height:52px;padding:6px;border:1px solid var(--tenant-line);border-radius:14px;color:var(--tenant-muted);background:linear-gradient(145deg,#fbfdff,#f1f7fc);font-size:12px;font-weight:750;line-height:1.35;cursor:pointer}.mymex-image-upload-input::file-selector-button{min-height:38px;margin-right:11px;padding:8px 15px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#0753b5,#00aeea);box-shadow:0 7px 18px rgba(0,120,220,.18);font-size:12px;font-weight:850;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.mymex-image-upload-input:hover::file-selector-button{transform:translateY(-1px);box-shadow:0 10px 23px rgba(0,120,220,.25)}.mymex-image-upload-input:focus-visible{outline:3px solid color-mix(in srgb,var(--tenant-secondary) 24%,transparent);outline-offset:2px;border-color:var(--tenant-secondary)}.mymex-image-upload-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.mymex-image-upload-preview[hidden]{display:none}.mymex-image-upload-card{min-width:0;margin:0;padding:9px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--tenant-line);border-radius:15px;background:var(--tenant-surface,#fff);box-shadow:0 8px 22px rgba(15,50,82,.07)}.mymex-image-upload-card img{width:76px;height:68px;padding:5px;object-fit:contain;border:1px solid var(--tenant-line);border-radius:11px;background:#fff}.mymex-image-upload-card figcaption{min-width:0;display:grid;gap:4px}.mymex-image-upload-card strong{overflow:hidden;color:var(--tenant-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mymex-image-upload-card small{color:var(--tenant-muted);font-size:10px;line-height:1.35}.mymex-image-upload-card.is-selected{border-color:color-mix(in srgb,var(--tenant-secondary) 52%,var(--tenant-line));background:color-mix(in srgb,var(--tenant-secondary) 5%,#fff)}.mymex-image-upload-clear{justify-self:start;min-height:40px!important}.ford-master-form>.mymex-image-upload.ford-master-wide{grid-column:1/-1}.platform-media-modal-body>.mymex-image-upload{padding:14px;border:1px solid var(--tenant-line);border-radius:16px;background:#f7fbfe}.platform-media-modal-body>.mymex-image-upload .platform-media-button{justify-self:start}
[data-mymex-theme="dark"] .mymex-image-upload-input{color:#bad0e2;border-color:#28516e;background:linear-gradient(145deg,#0a2947,#071f39)}[data-mymex-theme="dark"] .mymex-image-upload-card{border-color:#28516e;background:#092843}[data-mymex-theme="dark"] .mymex-image-upload-card.is-selected{border-color:#2f86b4;background:#0b3150}[data-mymex-theme="dark"] .platform-media-modal-body>.mymex-image-upload{border-color:#28516e;background:#08233e}
.mymex-platform-media-upload{margin-bottom:20px;padding:24px}.mymex-platform-media-upload>div:first-child{margin-bottom:18px}.mymex-platform-media-upload h2{margin:5px 0 8px;font-size:clamp(24px,3vw,36px)}.mymex-platform-media-upload p{margin:0;color:var(--tenant-muted)}
.mymex-platform-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.mymex-platform-media-grid>.tenant-empty-state{grid-column:1/-1}.mymex-platform-media-card{min-width:0;padding:14px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:13px;border:1px solid var(--tenant-line);border-radius:22px;background:var(--tenant-surface,#fff);box-shadow:var(--tenant-shadow)}.mymex-platform-media-preview{width:120px;height:120px;padding:8px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--tenant-line);border-radius:17px;background:#f6f9fc}.mymex-platform-media-preview img{max-width:100%;max-height:100%;object-fit:contain}.mymex-platform-media-copy{min-width:0;display:grid;align-content:start;gap:5px}.mymex-platform-media-copy span{color:var(--tenant-primary);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.mymex-platform-media-copy strong{overflow-wrap:anywhere;color:var(--tenant-ink);font-size:17px}.mymex-platform-media-copy small{color:var(--tenant-muted)}.mymex-platform-media-copy em{padding:5px 8px;border-radius:9px;color:#08724f;background:#e9fbf3;font-size:10px;font-style:normal;font-weight:800}.mymex-platform-media-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.mymex-platform-media-card>form:last-child{grid-column:1/-1}.mymex-platform-media-card>form:last-child .tenant-button{width:100%}
.mymex-platform-media-card.is-archived{opacity:.76;border-style:dashed}.mymex-platform-media-card.is-missing{border-color:#d88272}.mymex-platform-media-preview>span{padding:8px;color:#8b3c30;text-align:center;font-size:12px;font-weight:850}.mymex-platform-media-state{grid-column:1/-1;padding:6px 9px;border-radius:10px;font-size:11px;font-weight:850}.mymex-platform-media-state.is-archived-status{color:#5c6672;background:#edf0f3}.mymex-platform-media-state.is-missing-status{color:#9b3024;background:#fff0ed}
.tenant-social-channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.tenant-social-channel-card{min-width:0;padding:14px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--tenant-line);border-radius:18px;background:#f8fbfe}.tenant-social-channel-card.is-linked{border-color:color-mix(in srgb,#10a66a 35%,var(--tenant-line));box-shadow:inset 0 0 0 1px color-mix(in srgb,#10a66a 12%,transparent)}.tenant-social-channel-card>img{width:52px;height:52px;padding:5px;grid-row:1/3;object-fit:contain;border:1px solid var(--tenant-line);border-radius:14px;background:#fff}.tenant-social-channel-card>div{min-width:0;display:grid;gap:3px}.tenant-social-channel-card>div strong{color:var(--tenant-ink)}.tenant-social-channel-card>div small{color:var(--tenant-muted)}.tenant-social-channel-card>input{min-width:0;grid-column:2/4}.tenant-social-channel-toggle{display:flex;align-items:center;gap:5px;color:var(--tenant-muted);font-size:10px;font-weight:850}.tenant-social-settings .tenant-finance-routing-note{margin-top:15px}
[data-mymex-theme="dark"] .mymex-platform-media-card,[data-mymex-theme="dark"] .tenant-social-channel-card{background:#09233e}[data-mymex-theme="dark"] .mymex-platform-media-preview,[data-mymex-theme="dark"] .tenant-social-channel-card>img{background:#fff}[data-mymex-theme="dark"] .mymex-platform-media-copy em{color:#80edbd;background:#093e37}
@media(max-width:700px){.mymex-image-upload-preview{grid-template-columns:1fr}.mymex-image-upload-card{grid-template-columns:64px minmax(0,1fr)}.mymex-image-upload-card img{width:64px;height:60px}.mymex-image-upload-input::file-selector-button{display:block;width:100%;margin:0 0 7px}.mymex-image-upload-clear{width:100%}.mymex-platform-media-card{grid-template-columns:84px minmax(0,1fr)}.mymex-platform-media-preview{width:84px;height:84px}.mymex-platform-media-actions{grid-template-columns:1fr}.tenant-social-channel-grid{grid-template-columns:1fr}.tenant-social-channel-card{grid-template-columns:46px minmax(0,1fr) auto}.tenant-social-channel-card>img{width:46px;height:46px}}
[data-mymex-theme="dark"] .tenant-knowledge-settings,
[data-mymex-theme="dark"] .tenant-knowledge-source,
[data-mymex-theme="dark"] .tenant-knowledge-source-form,
[data-mymex-theme="dark"] .tenant-knowledge-empty { color:#eaf5ff; border-color:#244d6c; background:linear-gradient(145deg,#0b2a48,#071f3a); }
[data-mymex-theme="dark"] .tenant-knowledge-count { color:#85ddff; border-color:#2a668c; background:#0b2d4b; }
[data-mymex-theme="dark"] .tenant-knowledge-industry { color:#86e6ff; border-color:#246b8c; background:#0c3653; }
[data-mymex-theme="dark"] .tenant-knowledge-source-row { border-color:#285171; background:#0a2844; box-shadow:none; }
[data-mymex-theme="dark"] .tenant-knowledge-source-row > header strong { color:#f1f8ff; }
[data-mymex-theme="dark"] .tenant-knowledge-source-row > header small,
[data-mymex-theme="dark"] .tenant-knowledge-source-safety { color:#abc4d7; }
[data-mymex-theme="dark"] .tenant-knowledge-capacity-note { color:#ffe5a7; border-color:#745927; background:#3d3217; }
[data-mymex-theme="dark"] .tenant-knowledge-category-hint { color:#bed4e4; background:#102f4a; }
[data-mymex-theme="dark"] .tenant-knowledge-category-hint.is-recommendation { color:#a6f5d2; background:#0c4437; }
[data-mymex-theme="dark"] .tenant-knowledge-source-copy strong,
[data-mymex-theme="dark"] .tenant-knowledge-empty strong { color:#f1f8ff; }
[data-mymex-theme="dark"] .tenant-knowledge-source-copy span { color:#b8d0e2; background:#123755; }
[data-mymex-theme="dark"] .tenant-knowledge-source-copy a { color:#70d9ff; }
[data-mymex-theme="dark"] .tenant-knowledge-source-copy small,
[data-mymex-theme="dark"] .tenant-knowledge-source-submit p,
[data-mymex-theme="dark"] .tenant-knowledge-empty small { color:#abc4d7; }
[data-mymex-theme="dark"] .tenant-knowledge-empty > span { color:#8ee5ff; background:#103858; }
[data-mymex-theme="dark"] .tenant-header-media-upload { color:#eaf5ff; border-color:#245071; background:linear-gradient(145deg,#0b2a48,#071f3a); }
[data-mymex-theme="dark"] .tenant-header-media-upload h3,
[data-mymex-theme="dark"] .tenant-header-media-upload strong { color:#f2f9ff; }
[data-mymex-theme="dark"] .tenant-header-media-upload p,
[data-mymex-theme="dark"] .tenant-header-media-upload small { color:#a6bfd3; }

[data-mymex-theme="dark"] .mymex-knowledge-stats article,
[data-mymex-theme="dark"] .mymex-knowledge-upload,
[data-mymex-theme="dark"] .mymex-knowledge-flow,
[data-mymex-theme="dark"] .mymex-knowledge-library,
[data-mymex-theme="dark"] .mymex-knowledge-document,
[data-mymex-theme="dark"] .mymex-knowledge-filters { color:#eaf5ff; border-color:#1d4766; background:linear-gradient(145deg,#0a2947,#071d37); box-shadow:0 18px 48px rgba(0,7,20,.22); }
[data-mymex-theme="dark"] .mymex-knowledge-stats article::after { background:#103a59; }
[data-mymex-theme="dark"] .mymex-knowledge-stats strong,
[data-mymex-theme="dark"] .mymex-knowledge-section-head h2,
[data-mymex-theme="dark"] .mymex-knowledge-library-head h2,
[data-mymex-theme="dark"] .mymex-knowledge-document h3,
[data-mymex-theme="dark"] .mymex-knowledge-flow li strong,
[data-mymex-theme="dark"] .mymex-knowledge-file strong { color:#f3f9ff; }
[data-mymex-theme="dark"] .mymex-knowledge-stats span,
[data-mymex-theme="dark"] .mymex-knowledge-stats small,
[data-mymex-theme="dark"] .mymex-knowledge-library-head p,
[data-mymex-theme="dark"] .mymex-knowledge-document p,
[data-mymex-theme="dark"] .mymex-knowledge-doc-meta,
[data-mymex-theme="dark"] .mymex-knowledge-file small { color:#a1b9cc; }
[data-mymex-theme="dark"] .mymex-knowledge-form label,
[data-mymex-theme="dark"] .mymex-knowledge-filters label { color:#dceeff; }
[data-mymex-theme="dark"] .mymex-knowledge-file,
[data-mymex-theme="dark"] .mymex-knowledge-flow li,
[data-mymex-theme="dark"] .mymex-knowledge-empty { color:#b8ccdc; border-color:#285775; background:#0b2b48; }
[data-mymex-theme="dark"] .mymex-knowledge-divider::before { background:#244762; }
[data-mymex-theme="dark"] .mymex-knowledge-divider span { color:#91a9bd; background:#08233e; }

@media (max-width:760px) {
  .tenant-smart-colour { grid-template-columns:48px minmax(0,1fr) 42px; }
  .mymex-jarvis-panel { max-height:100dvh; }
}
.mymex-platform-metric-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mymex-platform-metric-grid .ford-panel {
    min-height: 150px;
}

.mymex-platform-metric-grid .ford-panel > strong {
    display: block;
    margin: .45rem 0 .25rem;
    color: #102b49;
    font-size: clamp(1.9rem, 3vw, 3rem);
    line-height: 1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.mymex-platform-metric-grid .ford-panel {
    position: relative;
    overflow: hidden;
    border-color: rgba(27, 75, 119, .1) !important;
    background: rgba(255, 255, 255, .96) !important;
}

.mymex-platform-metric-grid .ford-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, #1aa7ff, #33d9a1);
    opacity: .78;
}

.mymex-platform-metric-grid .ford-panel > p {
    color: #526982;
}

[data-mymex-theme="dark"] .mymex-platform-metric-grid .ford-panel {
    border-color: rgba(96, 194, 255, .18) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(46, 214, 164, .1), transparent 42%),
        linear-gradient(145deg, #0b2a48, #071c34) !important;
    box-shadow: 0 20px 52px rgba(0, 7, 22, .24);
}

[data-mymex-theme="dark"] .mymex-platform-metric-grid .ford-panel > strong {
    color: #f4fbff;
    text-shadow: 0 0 20px rgba(72, 207, 255, .15);
}

[data-mymex-theme="dark"] .mymex-platform-metric-grid .ford-panel > p {
    color: #adc4d7;
}

[data-mymex-theme="dark"] .mymex-platform-metric-grid .ford-panel .tenant-eyebrow {
    color: #5fe0ba;
}

.mymex-internal-workspace-select {
    margin-top: 1rem;
}

.mymex-internal-workspace-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
}

.mymex-platform-crm-list {
    display: grid;
    gap: .85rem;
    margin-top: 1rem;
}

.mymex-platform-crm-row {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(150px, .75fr)) minmax(240px, 1.2fr) auto;
    gap: .8rem;
    align-items: end;
    padding: 1rem;
    border: 1px solid var(--tenant-border, rgba(121, 187, 255, .2));
    border-radius: 20px;
    background: color-mix(in srgb, var(--tenant-panel, #0b2240) 88%, transparent);
}

.mymex-platform-crm-row label {
    display: grid;
    gap: .35rem;
    color: var(--tenant-muted, #9bb0ca);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.mymex-platform-crm-identity {
    align-self: stretch;
    display: grid;
    align-content: center;
    gap: .25rem;
}

.mymex-platform-crm-identity strong {
    color: var(--tenant-text, #f8fbff);
    font-size: 1rem;
}

.mymex-platform-crm-identity a,
.mymex-platform-crm-identity small,
.mymex-platform-crm-identity p,
.mymex-platform-crm-identity span {
    margin: 0;
    color: var(--tenant-muted, #9bb0ca);
    overflow-wrap: anywhere;
}

.mymex-platform-crm-identity span {
    color: var(--tenant-accent, #40dfac);
    font-size: .72rem;
}

.mymex-platform-crm-notes textarea {
    min-height: 70px;
    resize: vertical;
}

@media (max-width: 1450px) {
    .mymex-platform-metric-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mymex-platform-crm-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mymex-platform-crm-identity,
    .mymex-platform-crm-notes {
        grid-column: span 2;
    }
}

.tenant-booking-settings,
.tenant-bookings-heading,
.tenant-bookings-calendar,
.tenant-bookings-list {
    min-width: 0;
}

.tenant-setup-progress-summary{margin-top:18px;display:flex;align-items:center;gap:14px;color:#fff}
.tenant-setup-progress-summary>div{display:grid;gap:4px}.tenant-setup-progress-summary small{color:rgba(235,246,255,.74)}
.tenant-setup-progress-donut{--setup-progress:0%;position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--tenant-secondary) var(--setup-progress),rgba(255,255,255,.16) 0);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.tenant-setup-progress-donut:before{content:"";position:absolute;inset:7px;border-radius:inherit;background:#082542}.tenant-setup-progress-donut strong{position:relative;font-size:.9rem}
.tenant-booking-catalogue{margin-bottom:20px;padding:18px;border:1px solid rgba(20,136,231,.17);border-radius:22px;background:linear-gradient(145deg,#f8fbff,#eef6ff)}
.tenant-booking-catalogue-heading,.tenant-booking-global-rules-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.tenant-booking-catalogue-heading h3,.tenant-booking-global-rules-heading h3{margin:3px 0;font-size:1.2rem}.tenant-booking-catalogue-heading p,.tenant-booking-global-rules-heading p{margin:0;color:var(--tenant-muted);font-size:.78rem}
.tenant-booking-recommendations,.tenant-booking-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tenant-booking-recommendations article,.tenant-booking-type-card{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--booking-type-colour) 30%,#d9e4ef);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,35,63,.06)}
.tenant-booking-recommendations article>span,.tenant-booking-type-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--booking-type-colour)}.tenant-booking-recommendations svg,.tenant-booking-type-icon svg{width:24px;height:24px}.tenant-booking-recommendations small,.tenant-booking-type-card p,.tenant-booking-type-card em{display:block;color:var(--tenant-muted);font-size:.68rem;font-style:normal}.tenant-booking-type-card h4{margin:2px 0;font-size:.9rem}.tenant-booking-type-card.is-disabled{opacity:.6}.tenant-booking-type-actions{display:grid;gap:6px}.tenant-booking-type-actions form{margin:0}
.tenant-booking-type-editor{margin-bottom:22px;border:1px solid rgba(20,136,231,.17);border-radius:22px;background:#fff;overflow:hidden}.tenant-booking-type-editor>summary{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}.tenant-booking-type-editor>summary span{display:grid;gap:3px}.tenant-booking-type-editor>summary small{color:var(--tenant-muted)}.tenant-booking-type-editor>summary b{padding:7px 12px;border-radius:99px;color:var(--tenant-primary);background:#eaf4ff}.tenant-booking-type-editor form{padding:0 18px 18px}
.tenant-booking-check-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tenant-booking-check-grid legend,.tenant-booking-check-grid>p{grid-column:1/-1}.tenant-booking-check-grid label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dce7f1;border-radius:14px;background:#f9fbfe}.tenant-booking-check-grid label span{display:grid}.tenant-booking-check-grid small{color:var(--tenant-muted)}
.tenant-booking-custom-fields{display:grid!important;gap:9px}.tenant-booking-custom-fields>div{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:9px}.tenant-booking-custom-fields input,.tenant-booking-custom-fields select{min-height:44px;border:1px solid #dce7f1;border-radius:13px;padding:0 12px;background:#fff}
.tenant-booking-filters{margin-bottom:18px;padding:14px;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto auto;gap:10px;align-items:end}.tenant-booking-filters label{display:grid;gap:6px}.tenant-booking-filters label>span{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tenant-booking-filters select{min-height:42px;border:1px solid #d8e4ef;border-radius:12px;padding:0 10px;background:#fff}.tenant-booking-type-dot{width:9px;height:9px;display:inline-block;margin-right:7px;border-radius:50%;background:var(--booking-type-colour)}

.tenant-booking-form .tenant-toggle-row {
    border: 1px solid rgba(20, 136, 231, .18);
    border-radius: 20px;
    padding: 14px 16px;
    background: rgba(20, 136, 231, .05);
}

.tenant-booking-hours-grid {
    display: grid;
    gap: 10px;
}

.tenant-booking-day-row {
    display: grid;
    grid-template-columns: auto minmax(92px, 1fr) minmax(96px, 130px) minmax(96px, 130px);
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(20, 136, 231, .16);
    border-radius: 16px;
    background: rgba(255, 255, 255, .64);
}

.tenant-bookings-heading {
    margin-bottom: 18px;
}

.tenant-bookings-heading h1 {
    max-width: 680px;
    font-size: clamp(2rem, 3.2vw, 2.65rem);
    font-weight: 760;
}

.tenant-bookings-heading p {
    margin-top: 8px;
    line-height: 1.5;
}

.tenant-bookings-heading .tenant-heading-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tenant-booking-leads-link {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--tenant-primary), color-mix(in srgb, var(--tenant-secondary) 55%, var(--tenant-primary)));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tenant-primary) 20%, transparent);
}

.tenant-booking-overview {
    margin-bottom: 18px;
    padding: 18px;
}

.tenant-booking-overview > header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.tenant-booking-overview h2 {
    margin: 4px 0 0;
    font-size: 1.2rem;
    font-weight: 760;
}

.tenant-booking-overview-date {
    color: var(--tenant-muted, #607089);
    font-size: .75rem;
    font-weight: 750;
}

.tenant-booking-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.tenant-booking-metric {
    --booking-tone: #1488e7;
    --booking-soft: rgba(20, 136, 231, .11);
    min-width: 0;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--booking-tone) 26%, transparent);
    border-top-width: 2px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 12% 10%, var(--booking-soft), transparent 48%),
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(244, 249, 255, .76));
}

.tenant-booking-metric.is-waiting {
    --booking-tone: #e6a11a;
    --booking-soft: rgba(230, 161, 26, .13);
}

.tenant-booking-metric.is-confirmed {
    --booking-tone: #17a66e;
    --booking-soft: rgba(23, 166, 110, .12);
}

.tenant-booking-metric.is-today {
    --booking-tone: #18a8c8;
    --booking-soft: rgba(24, 168, 200, .12);
}

.tenant-booking-donut {
    position: relative;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    border-radius: 50%;
    background: conic-gradient(
        var(--booking-tone) var(--booking-progress),
        color-mix(in srgb, var(--booking-tone) 42%, rgba(123, 151, 180, .12)) 0
    );
    box-shadow: 0 0 20px color-mix(in srgb, var(--booking-tone) 22%, transparent);
}

.tenant-booking-donut::before {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(20, 136, 231, .09);
    border-radius: inherit;
    background: #fff;
    box-shadow: 0 5px 14px rgba(15, 35, 63, .08);
}

.tenant-booking-donut strong {
    position: relative;
    z-index: 1;
    color: color-mix(in srgb, var(--booking-tone) 76%, #0d1d33);
    font-size: 1.18rem;
    line-height: 1;
    letter-spacing: -.04em;
}

.tenant-booking-metric-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.tenant-booking-metric-copy > strong {
    overflow: hidden;
    color: var(--tenant-ink, #0d1d33);
    font-size: .84rem;
    font-weight: 820;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tenant-booking-metric-copy small {
    color: var(--tenant-muted, #607089);
    font-size: .7rem;
    line-height: 1.35;
}

.tenant-booking-rules-summary,
.tenant-bookings-calendar > header,
.tenant-bookings-list > header,
.tenant-bookings-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.tenant-booking-rules-summary,
.tenant-bookings-calendar,
.tenant-bookings-list {
    padding: 20px;
}

.tenant-booking-rules-summary {
    margin-bottom: 18px;
}

.tenant-bookings-calendar > header nav {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tenant-booking-weekdays,
.tenant-booking-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
}

.tenant-booking-weekdays {
    margin: 18px 0 8px;
}

.tenant-booking-weekdays span {
    color: var(--tenant-muted, #607089);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tenant-booking-day {
    min-height: 116px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(20, 136, 231, .15);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(244, 249, 255, .72));
}

.tenant-booking-day.is-muted {
    opacity: .55;
}

.tenant-booking-day.is-today {
    border-color: rgba(24, 166, 109, .5);
    box-shadow: 0 0 0 3px rgba(24, 166, 109, .12);
}

.tenant-booking-day header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.tenant-booking-day header strong {
    font-size: 1.05rem;
}

.tenant-booking-day header small,
.tenant-booking-day em {
    color: var(--tenant-muted, #607089);
    font-size: .72rem;
    font-style: normal;
}

.tenant-booking-pill {
    display: block;
    min-width: 0;
    margin: 6px 0;
    padding: 8px 9px;
    border-radius: 13px;
    color: #0d1d33;
    text-decoration: none;
    background: rgba(20, 136, 231, .08);
    border: 1px solid color-mix(in srgb,var(--booking-type-colour,#1488e7) 35%,transparent);
    border-left:4px solid var(--booking-type-colour,#1488e7);
}
.tenant-booking-pill i{width:16px;height:16px;float:right;color:var(--booking-type-colour,#1488e7)}.tenant-booking-pill i svg{width:100%;height:100%}

.tenant-booking-pill span {
    display: block;
    color: #1478c7;
    font-size: .68rem;
    font-weight: 800;
}

.tenant-booking-pill strong {
    display: block;
    overflow: hidden;
    color: inherit;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tenant-booking-pill.is-confirmed {
    background: rgba(24, 166, 109, .12);
    border-color: rgba(24, 166, 109, .28);
}

.tenant-booking-pill.is-reschedule_sent,
.tenant-booking-pill.is-pending_customer {
    background: rgba(245, 166, 35, .12);
    border-color: rgba(245, 166, 35, .28);
}

.tenant-booking-request-list {
    display: grid;
    gap: 14px;
}

.tenant-booking-request-card {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(260px, 2fr) auto;
    gap: 16px;
    align-items: center;
    padding: 16px;
    border: 1px solid rgba(20, 136, 231, .14);
    border-radius: 22px;
    background: rgba(255, 255, 255, .78);
}

.tenant-booking-request-main h3 {
    margin: 8px 0 4px;
}

.tenant-booking-request-card dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.tenant-booking-request-card dt {
    color: var(--tenant-muted, #607089);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.tenant-booking-request-card dd {
    min-width: 0;
    margin: 3px 0 0;
    overflow-wrap: anywhere;
}

.tenant-booking-status {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 10px;
    color: #005aa7;
    background: rgba(20, 136, 231, .1);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tenant-booking-status.is-confirmed {
    color: #067348;
    background: rgba(24, 166, 109, .14);
}

.tenant-booking-summary {
    grid-column: 1 / -1;
    margin: 0;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(20, 136, 231, .06);
}

.tenant-booking-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.tenant-booking-action-form {
    min-width: min(100%, 520px);
    display: grid;
    grid-template-columns: minmax(132px, .8fr) minmax(96px, .55fr) minmax(140px, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.tenant-booking-action-form input {
    min-width: 0;
    height: 38px;
    border: 1px solid rgba(20, 136, 231, .18);
    border-radius: 12px;
    padding: 0 10px;
    color: var(--tenant-ink, #0d1d33);
    background: rgba(255, 255, 255, .86);
    font-size: .82rem;
}

.tenant-booking-action-buttons {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
}

.tenant-booking-confirm {
    color: #08734d;
    background: #ebfbf4;
    border-color: #afe8cf;
}

.tenant-booking-reschedule {
    color: #95530a;
    background: #fff8ea;
    border-color: #f1d6a1;
}

[data-mymex-theme="dark"] .tenant-booking-day-row,
[data-mymex-theme="dark"] .tenant-booking-day,
[data-mymex-theme="dark"] .tenant-booking-metric,
[data-mymex-theme="dark"] .tenant-booking-request-card {
    color: #f7fbff;
    border-color: rgba(117, 196, 255, .2);
    background: rgba(255, 255, 255, .07);
}

[data-mymex-theme="dark"] .tenant-booking-donut strong,
[data-mymex-theme="dark"] .tenant-booking-metric-copy > strong,
[data-mymex-theme="dark"] .tenant-booking-pill,
[data-mymex-theme="dark"] .tenant-booking-pill strong,
[data-mymex-theme="dark"] .tenant-booking-request-main h3,
[data-mymex-theme="dark"] .tenant-booking-request-card dd {
    color: #f7fbff;
}

[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .tenant-main {
    background-image:
        linear-gradient(rgba(126, 193, 255, .042) 1px, transparent 1px),
        linear-gradient(90deg, rgba(126, 193, 255, .042) 1px, transparent 1px);
}

[data-mymex-theme="dark"] .tenant-booking-donut::before {
    border-color: rgba(117, 196, 255, .18);
    background: #071a33;
    box-shadow: 0 5px 14px rgba(0, 7, 20, .24);
}

[data-mymex-theme="dark"] .tenant-booking-metric {
    background:
        radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--booking-tone) 18%, transparent), transparent 52%),
        linear-gradient(145deg, rgba(10, 35, 66, .92), rgba(5, 23, 47, .84));
}

[data-mymex-theme="dark"] .tenant-booking-pill {
    background: rgba(117, 196, 255, .13);
    border-color: rgba(117, 196, 255, .22);
}

[data-mymex-theme="dark"] .tenant-booking-action-form input {
    color: #f7fbff;
    border-color: rgba(117, 196, 255, .24);
    background: rgba(255, 255, 255, .08);
}

[data-mymex-theme="dark"] .tenant-booking-confirm {
    color: #bdfbe4;
    background: rgba(22, 166, 106, .18);
    border-color: rgba(22, 166, 106, .34);
}

[data-mymex-theme="dark"] .tenant-booking-reschedule {
    color: #ffdfa6;
    background: rgba(245, 166, 35, .16);
    border-color: rgba(245, 166, 35, .32);
}

@media (max-width: 980px) {
    .tenant-booking-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-booking-weekdays {
        display: none;
    }

    .tenant-booking-calendar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-booking-request-card {
        grid-template-columns: 1fr;
    }

    .tenant-booking-request-card dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-booking-actions,
    .tenant-booking-action-form {
        width: 100%;
        justify-content: stretch;
    }

    .tenant-booking-action-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-booking-action-form input[name="note"],
    .tenant-booking-action-buttons {
        grid-column: 1 / -1;
    }

    .tenant-booking-action-buttons .tenant-icon-button {
        flex: 1 1 0;
    }
}

@media (max-width: 640px) {
    .tenant-booking-rules-summary,
    .tenant-bookings-calendar > header,
    .tenant-bookings-list > header,
    .tenant-bookings-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .tenant-booking-overview {
        padding: 14px;
    }

    .tenant-booking-overview > header {
        align-items: flex-start;
    }

    .tenant-booking-metric {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 10px;
        padding: 10px;
    }

    .tenant-booking-metric-copy > strong {
        overflow: visible;
        font-size: .76rem;
        line-height: 1.18;
        text-overflow: clip;
        white-space: normal;
    }

    .tenant-booking-donut {
        width: 50px;
        height: 50px;
    }

    .tenant-booking-donut::before {
        inset: 6px;
    }

    .tenant-booking-donut strong {
        font-size: 1.02rem;
    }

    .tenant-booking-calendar-grid,
    .tenant-booking-request-card dl {
        grid-template-columns: 1fr;
    }

    .tenant-booking-day-row {
        grid-template-columns: auto 1fr;
    }

    .tenant-booking-day-row input[type="time"] {
        grid-column: 2;
    }

    .tenant-booking-action-form {
        grid-template-columns: 1fr;
    }

    .tenant-booking-action-form input[name="note"],
    .tenant-booking-action-buttons {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .mymex-platform-metric-grid,
    .mymex-platform-crm-row {
        grid-template-columns: 1fr;
    }

    .mymex-platform-crm-identity,
    .mymex-platform-crm-notes {
        grid-column: auto;
    }

    .mymex-internal-workspace-actions,
    .mymex-internal-workspace-actions form,
    .mymex-internal-workspace-actions .tenant-button {
        width: 100%;
    }
}

/* Workspace branding: explicit theme availability and independent header artwork. */
.tenant-brand-theme-mode {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.tenant-brand-theme-mode legend {
    margin-bottom: 10px;
    color: var(--tenant-ink);
    font-size: 13px;
    font-weight: 850;
}

.tenant-brand-theme-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.tenant-brand-theme-options > label {
    position: relative;
    min-width: 0;
    cursor: pointer;
}

.tenant-brand-theme-options input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.tenant-brand-theme-options label > span {
    min-height: 88px;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 15px;
    border: 1px solid var(--tenant-line);
    border-radius: 17px;
    background: rgba(248, 251, 255, .92);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.tenant-brand-theme-options strong {
    color: var(--tenant-ink);
    font-size: 13px;
}

.tenant-brand-theme-options small {
    color: var(--tenant-muted);
    font-size: 11px;
    line-height: 1.45;
}

.tenant-brand-theme-options input:checked + span {
    border-color: color-mix(in srgb, var(--tenant-secondary) 72%, var(--tenant-primary));
    background: color-mix(in srgb, var(--tenant-secondary) 8%, #fff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tenant-secondary) 15%, transparent), 0 12px 28px rgba(15, 42, 70, .08);
    transform: translateY(-1px);
}

.tenant-brand-theme-options input:focus-visible + span {
    outline: 3px solid color-mix(in srgb, var(--tenant-secondary) 34%, transparent);
    outline-offset: 2px;
}

.tenant-optional-label,
.tenant-logo-fallback-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tenant-optional-label {
    margin-left: 5px;
    color: #42617d;
    background: #eaf1f7;
}

.tenant-brand-preview-logo {
    position: relative;
}

.tenant-logo-fallback-badge {
    position: absolute;
    right: 8px;
    bottom: 8px;
    color: #d8ebfa;
    background: rgba(4, 22, 42, .88);
    box-shadow: 0 6px 16px rgba(0, 7, 20, .25);
}

/* 2026-07-29 brand setup compact preview and icon contrast pass. */
.tenant-settings-hub-panel .tenant-brand-upload {
    align-items: center;
    border-radius: 18px;
}

.tenant-settings-hub-panel .tenant-brand-icon-actions {
    align-self: center;
}

.tenant-settings-hub-panel .tenant-brand-preview-card {
    border-radius: 16px;
}

.tenant-settings-hub-panel .tenant-brand-preview-card-dark .tenant-brand-preview-logo {
    background: #07182b;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-preview-card-dark {
    color: #edf7ff;
    border-color: rgba(137, 197, 255, .18);
    background: #07182b;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-preview-card-dark .tenant-brand-preview-logo {
    color: #dff4ff;
    border-color: rgba(137, 197, 255, .25);
    background: #07182b;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button {
    color: #dff4ff;
    border-color: rgba(124, 190, 255, .25);
    background: rgba(9, 34, 66, .9);
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button.is-danger {
    color: #ffb5ac;
    border-color: rgba(255, 150, 140, .28);
    background: rgba(114, 27, 32, .28);
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button:disabled {
    color: #83a5c8;
    border-color: rgba(131, 165, 200, .2);
    background: rgba(13, 38, 67, .58);
}

/* 2026-07-29 CRM dark-mode contrast hardening. */
[data-mymex-theme="dark"] .tenant-crm-bridge,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-list-shell,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-toolbar,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-empty-inbox,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-drawer-panel,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-column,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-panel,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-action-form,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-profile-list,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-timeline-item,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-followup-item {
  color: #eef7ff;
  border-color: rgba(130, 199, 255, .18);
  background: rgba(7, 27, 51, .94);
  box-shadow: 0 22px 60px rgba(0, 6, 18, .32), inset 0 1px 0 rgba(159, 220, 255, .06);
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-toolbar,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-drawer-head,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-compose-route,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-jarvis-bar,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-ai-draft-panel,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-message-review,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-message-review-body,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-conversation-summary article {
  color: #eef7ff;
  border-color: rgba(130, 199, 255, .18) !important;
  background: linear-gradient(145deg, rgba(8, 32, 60, .98), rgba(5, 21, 42, .96)) !important;
}
[data-mymex-theme="dark"] .tenant-crm-bridge h1,
[data-mymex-theme="dark"] .tenant-crm-bridge h2,
[data-mymex-theme="dark"] .tenant-crm-bridge h3,
[data-mymex-theme="dark"] .tenant-crm-bridge h4,
[data-mymex-theme="dark"] .tenant-crm-bridge strong,
[data-mymex-theme="dark"] .tenant-crm-bridge label,
[data-mymex-theme="dark"] .tenant-crm-bridge dt,
[data-mymex-theme="dark"] .tenant-crm-bridge dd,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row .ford-crm-customer-cell strong,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-conversation-cell strong,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-request-cell strong,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-followup-cell strong,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-message-review-head h4,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-conversation-summary strong {
  color: #f7fbff !important;
}
[data-mymex-theme="dark"] .tenant-crm-bridge p,
[data-mymex-theme="dark"] .tenant-crm-bridge small,
[data-mymex-theme="dark"] .tenant-crm-bridge span,
[data-mymex-theme="dark"] .tenant-crm-bridge time,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-form-status,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-profile-column > p,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-timeline-item span,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-timeline-item small,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-empty,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-message-review > p,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-message-review dt,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-message-review dd {
  color: #b9cce0 !important;
}
[data-mymex-theme="dark"] .tenant-crm-bridge input,
[data-mymex-theme="dark"] .tenant-crm-bridge select,
[data-mymex-theme="dark"] .tenant-crm-bridge textarea {
  color: #f7fbff !important;
  border-color: rgba(132, 203, 255, .24) !important;
  background: rgba(4, 17, 35, .92) !important;
}
[data-mymex-theme="dark"] .tenant-crm-bridge input::placeholder,
[data-mymex-theme="dark"] .tenant-crm-bridge textarea::placeholder {
  color: #8fa8c2 !important;
  opacity: 1;
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-search-control button,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-history-toggle,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-compose-steps span,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-line-icon,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-notice-icon {
  color: #c9e8ff !important;
  border-color: rgba(132, 203, 255, .2);
  background: rgba(14, 45, 78, .9);
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row.has-unread {
  background: linear-gradient(90deg, rgba(13, 83, 57, .55), rgba(7, 27, 51, .94) 46%);
  box-shadow: inset 4px 0 0 #20d083, 0 18px 44px rgba(0, 7, 20, .28);
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row.needs-attention:not(.has-unread) {
  background: linear-gradient(90deg, rgba(98, 64, 11, .36), rgba(7, 27, 51, .94) 42%);
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row.is-archived {
  background: rgba(8, 25, 45, .78);
  opacity: .78;
}

.tenant-field[data-media-field] .tenant-brand-identity-preview {
    grid-template-columns: minmax(0, 1fr);
}

/* 2026-07-29 brand setup small-card pass. */
.tenant-settings-hub-panel .tenant-brand-upload {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
}

.tenant-settings-hub-panel .tenant-brand-preview-card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "label"
        "logo"
        "helper";
    justify-items: center;
    align-items: center;
    row-gap: 5px;
    min-height: 106px;
    padding: 10px 12px;
    border-radius: 14px;
    text-align: center;
}

.tenant-settings-hub-panel .tenant-brand-preview-label {
    grid-area: label;
    margin-bottom: 6px;
    font-size: 9px;
    letter-spacing: .14em;
}

.tenant-settings-hub-panel .tenant-brand-preview-logo {
    grid-area: logo;
    width: 68px;
    height: 68px;
    padding: 7px;
    border-radius: 18px;
    background:
        linear-gradient(45deg, rgba(100, 127, 154, .10) 25%, transparent 25% 75%, rgba(100, 127, 154, .10) 75%) 0 0 / 14px 14px,
        linear-gradient(45deg, rgba(100, 127, 154, .10) 25%, transparent 25% 75%, rgba(100, 127, 154, .10) 75%) 7px 7px / 14px 14px,
        color-mix(in srgb, #ffffff 72%, var(--tenant-surface));
}

.tenant-settings-hub-panel .tenant-brand-preview-logo img {
    max-width: 100%;
    max-height: 52px;
}

.tenant-settings-hub-panel .tenant-brand-preview-card-dark .tenant-brand-preview-logo {
    background:
        linear-gradient(45deg, rgba(168, 209, 244, .08) 25%, transparent 25% 75%, rgba(168, 209, 244, .08) 75%) 0 0 / 14px 14px,
        linear-gradient(45deg, rgba(168, 209, 244, .08) 25%, transparent 25% 75%, rgba(168, 209, 244, .08) 75%) 7px 7px / 14px 14px,
        #07182b;
}

.tenant-settings-hub-panel .tenant-brand-preview-card > small {
    grid-area: helper;
    margin-top: 0;
    font-size: 9px;
    line-height: 1.35;
}

.tenant-settings-hub-panel .tenant-field[data-category="brand"] .tenant-brand-upload {
    width: min(100%, 360px);
}

.tenant-settings-hub-panel .tenant-brand-preview-icon {
    width: 68px;
    height: 68px;
    padding: 9px;
    border-radius: 18px;
}

.tenant-settings-hub-panel .tenant-brand-icon-actions {
    gap: 7px;
    flex-wrap: wrap;
}

.tenant-settings-hub-panel .tenant-brand-icon-button {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 13px;
}

.tenant-settings-hub-panel .tenant-brand-icon-button svg {
    width: 16px;
    height: 16px;
}

@media (max-width: 760px) {
    .tenant-settings-hub-panel .tenant-brand-upload {
        grid-template-columns: minmax(0, 1fr);
    }

    .tenant-settings-hub-panel .tenant-brand-icon-actions {
        justify-content: flex-start;
    }
}

[data-mymex-theme="dark"] .tenant-brand-theme-options label > span {
    border-color: rgba(117, 196, 255, .18);
    background: rgba(7, 28, 52, .88);
}

[data-mymex-theme="dark"] .tenant-brand-theme-options input:checked + span {
    border-color: rgba(68, 215, 176, .72);
    background: linear-gradient(145deg, rgba(10, 52, 76, .96), rgba(7, 35, 61, .96));
    box-shadow: 0 0 0 3px rgba(68, 215, 176, .12), 0 16px 34px rgba(0, 7, 20, .28);
}

[data-mymex-theme="dark"] .tenant-optional-label {
    color: #b8d5e9;
    background: rgba(117, 196, 255, .12);
}

/* MyMEX platform CRM: consent-aware lead operations without tenant-data crossover. */
.mymex-master-crm {
    width: min(1480px, 100%);
    margin-inline: auto;
}

.mymex-master-crm-heading {
    align-items: flex-end;
}

.mymex-master-crm-heading-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.mymex-master-crm-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.mymex-master-crm-metrics > a {
    position: relative;
    min-width: 0;
    min-height: 142px;
    display: grid;
    align-content: space-between;
    gap: 7px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid rgba(15, 42, 70, .08);
    border-radius: 22px;
    color: var(--tenant-ink);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 14px 34px rgba(15, 42, 70, .06);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.mymex-master-crm-metrics > a::after {
    content: "";
    position: absolute;
    top: -32px;
    right: -32px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--tenant-secondary) 10%, transparent);
}

.mymex-master-crm-metrics > a:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--tenant-secondary) 34%, var(--tenant-line));
    box-shadow: 0 18px 44px rgba(15, 42, 70, .1);
}

.mymex-master-crm-metrics > a.metric-new {
    border-color: rgba(20, 151, 96, .26);
    background: linear-gradient(145deg, #fff, #f2fff8);
}

.mymex-master-crm-metrics > a.metric-due-soon.needs-attention {
    border-color: rgba(229, 138, 22, .32);
    background: linear-gradient(145deg, #fff, #fff9eb);
}

.mymex-master-crm-metrics > a.metric-overdue.is-overdue {
    border-color: rgba(213, 59, 52, .32);
    background: linear-gradient(145deg, #fff, #fff2f1);
}

.mymex-master-crm-metrics small,
.mymex-master-crm-contact small,
.mymex-master-crm-next small {
    color: var(--tenant-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mymex-master-crm-metrics strong {
    color: var(--tenant-ink);
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1;
    letter-spacing: -.05em;
}

.mymex-master-crm-metrics span {
    color: var(--tenant-muted);
    font-size: 11px;
    line-height: 1.45;
}

.mymex-master-crm-toolbar-panel {
    margin-bottom: 14px !important;
}

.mymex-master-crm-toolbar {
    display: grid;
    grid-template-columns: minmax(240px, 1.45fr) repeat(4, minmax(150px, .7fr)) auto;
    gap: 10px;
    align-items: end;
}

.mymex-master-crm-toolbar label,
.mymex-master-crm-drawer-panel label {
    min-width: 0;
    display: grid;
    gap: 6px;
    color: var(--tenant-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.mymex-master-crm-toolbar input,
.mymex-master-crm-toolbar select,
.mymex-master-crm-drawer-panel input,
.mymex-master-crm-drawer-panel select,
.mymex-master-crm-drawer-panel textarea {
    width: 100%;
    min-height: 45px;
    padding: 10px 12px;
    border: 1px solid var(--tenant-line);
    border-radius: 13px;
    color: var(--tenant-ink);
    background: #fff;
    font: inherit;
    letter-spacing: normal;
    text-transform: none;
}

.mymex-master-crm-toolbar-actions {
    display: flex;
    gap: 8px;
}

.mymex-master-crm-pipeline {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin: 0 0 14px;
    padding: 3px 2px 8px;
    scrollbar-width: thin;
}

.mymex-master-crm-pipeline a {
    flex: 0 0 auto;
    min-width: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 13px;
    border: 1px solid var(--tenant-line);
    border-radius: 14px;
    color: var(--tenant-muted);
    background: var(--tenant-surface);
    text-decoration: none;
}

.mymex-master-crm-pipeline a.is-active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--tenant-primary), var(--tenant-secondary));
    box-shadow: 0 10px 25px color-mix(in srgb, var(--tenant-primary) 22%, transparent);
}

.mymex-master-crm-pipeline span {
    font-size: 11px;
    font-weight: 850;
}

.mymex-master-crm-pipeline strong {
    font-size: 17px;
}

.mymex-master-crm-results {
    display: grid;
    gap: 11px;
}

.mymex-master-crm-results > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 2px 4px;
}

.mymex-master-crm-results h2 {
    margin: 5px 0 0;
    color: var(--tenant-ink);
    font-size: 24px;
    letter-spacing: -.035em;
}

.mymex-master-crm-results > header > small {
    color: var(--tenant-muted);
}

.mymex-master-crm-card {
    overflow: visible;
    border: 1px solid var(--tenant-line);
    border-radius: 22px;
    background: var(--tenant-surface);
    box-shadow: var(--tenant-shadow);
}

.mymex-master-crm-card.is-due {
    border-color: rgba(225, 83, 83, .3);
    box-shadow: 0 14px 36px rgba(164, 48, 48, .08);
}

.mymex-master-crm-card.is-due-soon {
    border-color: rgba(229, 138, 22, .32);
    box-shadow: 0 14px 36px rgba(174, 107, 21, .08);
}

.mymex-master-crm-card-main {
    display: grid;
    grid-template-columns: 48px minmax(220px, 1.2fr) minmax(200px, .9fr) minmax(165px, .65fr) auto;
    gap: 15px;
    align-items: center;
    padding: 17px;
}

.mymex-master-crm-avatar {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
    font-size: 17px;
    font-weight: 900;
}

.mymex-master-crm-identity,
.mymex-master-crm-contact,
.mymex-master-crm-next {
    min-width: 0;
}

.mymex-master-crm-identity > div,
.mymex-master-crm-consent {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mymex-master-crm-identity h3 {
    margin: 8px 0 2px;
    color: var(--tenant-ink);
    font-size: 18px;
}

.mymex-master-crm-identity p,
.mymex-master-crm-identity blockquote {
    margin: 0;
    color: var(--tenant-muted);
    font-size: 12px;
    line-height: 1.45;
}

.mymex-master-crm-identity blockquote {
    max-width: 540px;
    margin-top: 7px;
    padding-left: 10px;
    border-left: 2px solid color-mix(in srgb, var(--tenant-secondary) 45%, transparent);
}

.mymex-master-crm-status,
.mymex-master-crm-due,
.mymex-master-crm-due-soon,
.mymex-master-crm-consent span {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mymex-master-crm-status { color: #075e9e; background: #e8f4ff; }
.mymex-master-crm-status.status-won { color: #087443; background: #e7f8ef; }
.mymex-master-crm-status.status-lost { color: #7d4b20; background: #f5ede5; }
.mymex-master-crm-due { color: #a22727; background: #fff0ef; }
.mymex-master-crm-due-soon { color: #8f5800; background: #fff4d9; }
.mymex-master-crm-consent span.is-granted { color: #087443; background: #e7f8ef; }
.mymex-master-crm-consent span.is-missing { color: #6f7f90; background: #eef2f6; }

.mymex-master-crm-contact strong,
.mymex-master-crm-next strong {
    display: block;
    overflow: hidden;
    margin: 5px 0 7px;
    color: var(--tenant-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mymex-master-crm-next > span {
    color: var(--tenant-muted);
    font-size: 12px;
}

.mymex-master-crm-card-actions {
    display: grid;
    gap: 7px;
}

.mymex-master-crm-card > footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding: 11px 17px;
    border-top: 1px solid var(--tenant-line);
    color: var(--tenant-muted);
    background: color-mix(in srgb, var(--tenant-surface) 82%, #eaf1f7);
    font-size: 10px;
}

.tenant-button-disabled {
    cursor: not-allowed;
    opacity: .58;
}

.mymex-crm-drawer-open {
    overflow: hidden;
}

.mymex-master-crm-drawer-shell {
    position: fixed;
    z-index: 10140;
    inset: 0;
    display: flex;
    justify-content: flex-end;
}

.mymex-master-crm-drawer-shell[hidden] {
    display: none !important;
}

.mymex-master-crm-drawer-scrim {
    position: absolute;
    inset: 0;
    width: 100%;
    border: 0;
    background: rgba(0, 12, 29, .68);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    cursor: default;
}

.mymex-master-crm-drawer {
    position: relative;
    width: min(860px, calc(100vw - 72px));
    height: 100dvh;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 26%, var(--tenant-line));
    border-radius: 30px 0 0 30px;
    outline: none;
    color: var(--tenant-ink);
    background: color-mix(in srgb, var(--tenant-bg) 88%, #fff);
    box-shadow: -28px 0 90px rgba(0, 12, 30, .3);
}

.mymex-master-crm-drawer-header {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px 19px;
    border-bottom: 1px solid var(--tenant-line);
    background: var(--tenant-surface);
}

.mymex-master-crm-drawer-header h2 {
    margin: 6px 0 3px;
    color: var(--tenant-ink);
    font-size: clamp(25px, 3vw, 38px);
    line-height: 1.04;
    letter-spacing: -.045em;
}

.mymex-master-crm-drawer-header p {
    margin: 0;
    color: var(--tenant-muted);
}

.mymex-master-crm-drawer-close {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid var(--tenant-line);
    border-radius: 50%;
    color: var(--tenant-ink);
    background: var(--tenant-surface-soft);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.mymex-master-crm-drawer-status {
    flex: 0 0 auto;
    margin: 14px 24px 0;
    padding: 11px 13px;
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 22%, var(--tenant-line));
    border-radius: 13px;
    color: var(--tenant-muted);
    background: var(--tenant-surface);
    font-size: 12px;
    font-weight: 750;
}

.mymex-master-crm-drawer-status.is-error {
    border-color: rgba(213, 59, 52, .34);
    color: #9b2924;
    background: #fff2f1;
}

.mymex-master-crm-drawer-status.is-success {
    border-color: rgba(20, 151, 96, .3);
    color: #087443;
    background: #edfdf5;
}

.mymex-master-crm-drawer-body {
    min-height: 0;
    display: grid;
    gap: 15px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 18px 24px 40px;
    scrollbar-gutter: stable;
}

.mymex-master-crm-drawer-hero,
.mymex-master-crm-drawer-panel {
    border: 1px solid var(--tenant-line);
    border-radius: 22px;
    background: var(--tenant-surface);
    box-shadow: 0 14px 34px rgba(15, 42, 70, .05);
}

.mymex-master-crm-drawer-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
}

.mymex-master-crm-drawer-hero small {
    display: block;
    margin-bottom: 5px;
    color: var(--tenant-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mymex-master-crm-drawer-hero strong {
    display: block;
    color: var(--tenant-ink);
    font-size: 15px;
    line-height: 1.55;
}

.mymex-master-crm-drawer-consent {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.mymex-master-crm-drawer-consent span {
    padding: 7px 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.mymex-master-crm-drawer-consent .is-granted {
    color: #087443;
    background: #e7f8ef;
}

.mymex-master-crm-drawer-consent .is-missing {
    color: #6f7f90;
    background: #eef2f6;
}

.mymex-master-crm-drawer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    gap: 15px;
}

.mymex-master-crm-drawer-panel {
    min-width: 0;
    padding: 20px;
}

.mymex-master-crm-panel-heading {
    margin-bottom: 15px;
}

.mymex-master-crm-panel-heading h3 {
    margin: 5px 0 0;
    color: var(--tenant-ink);
    font-size: 20px;
    letter-spacing: -.03em;
}

.mymex-master-crm-drawer-panel form {
    display: grid;
    gap: 12px;
}

.mymex-master-crm-drawer-panel textarea {
    min-height: 106px;
    resize: vertical;
}

.mymex-master-crm-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mymex-master-crm-contact-list,
.mymex-master-crm-profile dl {
    display: grid;
    gap: 9px;
    margin: 0;
}

.mymex-master-crm-contact-list > div,
.mymex-master-crm-profile dl > div {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(92px, .42fr) minmax(0, 1fr);
    gap: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--tenant-line);
}

.mymex-master-crm-contact-list dt,
.mymex-master-crm-profile dt {
    color: var(--tenant-muted);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.mymex-master-crm-contact-list dd,
.mymex-master-crm-profile dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--tenant-ink);
    font-size: 12px;
    font-weight: 750;
}

.mymex-master-crm-outreach {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.mymex-master-crm-outreach p,
.mymex-master-crm-profile > div {
    margin: 0;
    color: var(--tenant-muted);
    font-size: 11px;
    line-height: 1.55;
}

.mymex-master-crm-profile {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--tenant-line);
}

.mymex-master-crm-profile > div {
    margin-top: 10px;
}

.mymex-master-crm-note-form {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.mymex-master-crm-note-form label,
.mymex-master-crm-note-form textarea {
    grid-column: 1 / 2;
}

.mymex-master-crm-note-form button {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.mymex-master-crm-timeline {
    position: relative;
    display: grid;
    gap: 0;
}

.mymex-master-crm-timeline::before {
    content: "";
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 6px;
    width: 1px;
    background: var(--tenant-line);
}

.mymex-master-crm-timeline article {
    position: relative;
    display: grid;
    grid-template-columns: 13px minmax(0, 1fr);
    gap: 13px;
    padding: 0 0 18px;
}

.mymex-master-crm-timeline article:last-child {
    padding-bottom: 0;
}

.mymex-master-crm-timeline article > span {
    z-index: 1;
    width: 13px;
    height: 13px;
    margin-top: 4px;
    border: 3px solid var(--tenant-surface);
    border-radius: 50%;
    background: var(--tenant-secondary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--tenant-secondary) 45%, var(--tenant-line));
}

.mymex-master-crm-timeline strong,
.mymex-master-crm-timeline small {
    display: block;
}

.mymex-master-crm-timeline strong {
    color: var(--tenant-ink);
    font-size: 13px;
}

.mymex-master-crm-timeline small {
    margin-top: 3px;
    color: var(--tenant-muted);
    font-size: 10px;
}

.mymex-master-crm-timeline p {
    margin: 7px 0 0;
    color: var(--tenant-muted);
    font-size: 12px;
    line-height: 1.55;
    white-space: pre-wrap;
}

.mymex-master-crm-timeline-empty {
    margin: 0;
    color: var(--tenant-muted);
}

[data-mymex-theme="dark"] .mymex-master-crm-metrics > a,
[data-mymex-theme="dark"] .mymex-master-crm-card,
[data-mymex-theme="dark"] .mymex-master-crm-pipeline a {
    border-color: rgba(117, 196, 255, .17);
    background: linear-gradient(145deg, rgba(9, 34, 66, .94), rgba(4, 19, 40, .94));
    box-shadow: 0 18px 46px rgba(0, 7, 20, .24);
}

[data-mymex-theme="dark"] .mymex-master-crm-metrics > a.metric-new {
    border-color: rgba(79, 230, 165, .3);
    background: linear-gradient(145deg, rgba(9, 54, 49, .96), rgba(5, 27, 42, .96));
}

[data-mymex-theme="dark"] .mymex-master-crm-metrics > a.metric-due-soon.needs-attention {
    border-color: rgba(255, 195, 90, .34);
    background: linear-gradient(145deg, rgba(55, 41, 14, .96), rgba(20, 23, 37, .96));
}

[data-mymex-theme="dark"] .mymex-master-crm-metrics > a.metric-overdue.is-overdue {
    border-color: rgba(255, 112, 112, .34);
    background: linear-gradient(145deg, rgba(54, 20, 31, .95), rgba(20, 16, 34, .95));
}

[data-mymex-theme="dark"] .mymex-master-crm-card > footer {
    border-color: rgba(117, 196, 255, .12);
    background: rgba(4, 20, 42, .88);
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer {
    border-color: rgba(117, 196, 255, .22);
    background: #04162d;
    box-shadow: 0 28px 80px rgba(0, 3, 12, .62);
}

[data-mymex-theme="dark"] .mymex-master-crm-status { color: #8fd5ff; background: rgba(31, 143, 220, .18); }
[data-mymex-theme="dark"] .mymex-master-crm-status.status-won,
[data-mymex-theme="dark"] .mymex-master-crm-consent span.is-granted,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-consent .is-granted { color: #79ebbd; background: rgba(35, 170, 112, .16); }
[data-mymex-theme="dark"] .mymex-master-crm-status.status-lost { color: #e2b98f; background: rgba(168, 98, 48, .18); }
[data-mymex-theme="dark"] .mymex-master-crm-due { color: #ffabab; background: rgba(198, 56, 67, .18); }
[data-mymex-theme="dark"] .mymex-master-crm-due-soon { color: #ffd07c; background: rgba(229, 138, 22, .18); }
[data-mymex-theme="dark"] .mymex-master-crm-consent span.is-missing,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-consent .is-missing { color: #b6c8d8; background: rgba(117, 147, 176, .16); }

[data-mymex-theme="dark"] .mymex-master-crm-drawer-header,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-hero,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-status {
    border-color: rgba(117, 196, 255, .16);
    background: #071f3b;
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel input,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel select,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel textarea {
    border-color: rgba(117, 196, 255, .2);
    color: #edf8ff;
    background: #04162d;
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer-status.is-error {
    border-color: rgba(255, 112, 112, .36);
    color: #ffb6b2;
    background: rgba(97, 25, 34, .48);
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer-status.is-success {
    border-color: rgba(79, 230, 165, .32);
    color: #8af0c4;
    background: rgba(13, 77, 59, .45);
}

/* Content Studio night mode: complete every surface, not only the outer canvas. */
[data-mymex-theme="dark"] .tenant-content-icon-button {
    border-color: rgba(117, 196, 255, .2);
    color: #dff4ff;
    background: rgba(8, 32, 58, .9);
    box-shadow: 0 10px 28px rgba(0, 7, 20, .24);
}

[data-mymex-theme="dark"] .tenant-content-icon-button:hover {
    color: #fff;
    background: #0b3459;
}

[data-mymex-theme="dark"] .tenant-content-workspace-picker select {
    border-color: rgba(117, 196, 255, .2);
    color: #edf8ff;
    background-color: #071f3b;
}

[data-mymex-theme="dark"] .tenant-content-preview-empty {
    border-color: rgba(126, 199, 255, .28);
    color: #b1c9dc;
    background: linear-gradient(145deg, rgba(9, 43, 74, .92), rgba(7, 31, 57, .94));
}

[data-mymex-theme="dark"] .tenant-content-preview-empty.is-listings {
    border-color: rgba(72, 210, 186, .24);
    background: radial-gradient(circle at 50% 8%, rgba(21, 193, 145, .12), transparent 36%), linear-gradient(145deg, rgba(9, 43, 74, .96), rgba(7, 31, 57, .98));
}

[data-mymex-theme="dark"] .tenant-listings-empty-visual {
    border-color: rgba(78, 217, 193, .25);
    background: rgba(8, 39, 67, .96);
    box-shadow: 0 22px 46px rgba(0, 7, 20, .38);
}

[data-mymex-theme="dark"] .tenant-listings-empty-visual::before,
[data-mymex-theme="dark"] .tenant-listings-empty-visual::after { border-color: rgba(101, 190, 218, .13); background: rgba(7,31,57,.62); }
[data-mymex-theme="dark"] .tenant-listings-empty-visual .is-photo { color:#76e7e1; background:linear-gradient(145deg,rgba(12,78,91,.92),rgba(8,42,70,.96)); }
[data-mymex-theme="dark"] .tenant-listings-empty-visual .is-copy i { background:#224c68; }
[data-mymex-theme="dark"] .tenant-listings-empty-visual .is-copy i:nth-child(1) { background:#417590; }
[data-mymex-theme="dark"] .tenant-listings-empty-steps span { border-color:rgba(117,196,255,.15);color:#b6ccdd;background:rgba(7,31,57,.82); }

[data-mymex-theme="dark"] .tenant-content-preview-empty > span {
    color: #8fe9ff;
    background: rgba(58, 175, 232, .16);
    box-shadow: inset 0 0 0 1px rgba(104, 207, 255, .12);
}

[data-mymex-theme="dark"] .tenant-content-preview-empty strong {
    color: #f4fbff;
}

[data-mymex-theme="dark"] .tenant-content-preview-empty p {
    color: #adc5d8;
}

[data-mymex-theme="dark"] .tenant-content-preview-empty button {
    color: #fff;
    background: linear-gradient(135deg, #0d77d5, #0ba4c8);
    box-shadow: 0 10px 24px rgba(0, 118, 209, .24);
}

[data-mymex-theme="dark"] .tenant-content-studio-footer {
    border-top-color: rgba(117, 196, 255, .14);
    background: linear-gradient(145deg, #092848, #071e39);
}

[data-mymex-theme="dark"] .tenant-content-studio-footer strong {
    color: #f2f9ff;
}

[data-mymex-theme="dark"] .tenant-content-studio-footer span {
    color: #adc4d7;
}

[data-mymex-theme="dark"] .tenant-content-notify-button {
    color: #fff;
    background: linear-gradient(135deg, #0d77d5, #0a9cbc);
    box-shadow: 0 10px 24px rgba(0, 118, 209, .2);
}

[data-mymex-theme="dark"] .tenant-content-history,
[data-mymex-theme="dark"] .tenant-content-history-item {
    border-color: rgba(117, 196, 255, .16);
    color: var(--tenant-ink);
    background: rgba(7, 28, 52, .92);
}

[data-mymex-theme="dark"] .tenant-content-history-item {
    background: rgba(9, 36, 65, .9);
}

[data-mymex-theme="dark"] .tenant-content-history-version {
    color: #79dcff;
    background: rgba(31, 143, 220, .15);
}

@media (max-width: 1180px) {
    .mymex-master-crm-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mymex-master-crm-toolbar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mymex-master-crm-search {
        grid-column: span 2;
    }

    .mymex-master-crm-card-main {
        grid-template-columns: 48px minmax(220px, 1.2fr) minmax(190px, .85fr) auto;
    }

    .mymex-master-crm-next {
        grid-column: 2 / 3;
    }
}

@media (max-width: 760px) {
    .tenant-brand-theme-options,
    .mymex-master-crm-metrics,
    .mymex-master-crm-toolbar {
        grid-template-columns: 1fr;
    }

    .mymex-master-crm-pipeline {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow-x: visible;
        padding-right: 0;
        padding-left: 0;
    }

    .mymex-master-crm-pipeline a {
        width: 100%;
        min-width: 0;
    }

    .mymex-master-crm-heading-actions,
    .mymex-master-crm-heading-actions .tenant-button,
    .mymex-master-crm-toolbar-actions,
    .mymex-master-crm-toolbar-actions .tenant-button {
        width: 100%;
    }

    .mymex-master-crm-search {
        grid-column: auto;
    }

    .mymex-master-crm-card-main {
        grid-template-columns: 44px minmax(0, 1fr);
        align-items: start;
        padding: 15px;
    }

    .mymex-master-crm-avatar {
        width: 42px;
        height: 42px;
    }

    .mymex-master-crm-contact,
    .mymex-master-crm-next,
    .mymex-master-crm-card-actions {
        grid-column: 2 / -1;
    }

    .mymex-master-crm-card-actions {
        grid-template-columns: 1fr;
    }

    .mymex-master-crm-card-actions .tenant-button {
        width: 100%;
    }

    .mymex-master-crm-drawer {
        width: 100%;
        border-width: 0;
        border-radius: 0;
    }

    .mymex-master-crm-drawer-header {
        padding: 17px 16px 14px;
    }

    .mymex-master-crm-drawer-close {
        width: 42px;
        height: 42px;
    }

    .mymex-master-crm-drawer-status {
        margin: 10px 14px 0;
    }

    .mymex-master-crm-drawer-body {
        gap: 12px;
        padding: 14px 14px calc(28px + env(safe-area-inset-bottom));
    }

    .mymex-master-crm-drawer-grid {
        grid-template-columns: 1fr;
    }

    .mymex-master-crm-drawer-panel {
        padding: 17px;
    }

    .mymex-master-crm-drawer-hero {
        flex-direction: column;
        padding: 16px;
    }

    .mymex-master-crm-drawer-consent {
        justify-content: flex-start;
    }

    .mymex-master-crm-note-form {
        grid-template-columns: 1fr;
    }

    .mymex-master-crm-note-form label,
    .mymex-master-crm-note-form textarea,
    .mymex-master-crm-note-form button {
        grid-column: 1;
        grid-row: auto;
    }

    .mymex-master-crm-form-actions,
    .mymex-master-crm-form-actions .tenant-button,
    .mymex-master-crm-note-form .tenant-button {
        width: 100%;
    }

    .mymex-master-crm-results > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .mymex-master-crm-card > footer {
        display: grid;
        gap: 5px;
    }
}

/* Shared modal language: predictable sizing, controls and scrolling across workflows. */
.tenant-modal,
.tenant-content-sheet-backdrop,
.ford-gallery-backdrop {
    padding: clamp(14px, 2.5vw, 28px);
    background: rgba(2, 13, 29, .66);
    backdrop-filter: blur(16px) saturate(.92);
    -webkit-backdrop-filter: blur(16px) saturate(.92);
}

.tenant-modal-panel,
.tenant-content-sheet,
.ford-gallery-modal {
    max-height: calc(100dvh - clamp(28px, 5vw, 56px));
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 18%, var(--tenant-line));
    border-radius: 28px;
    box-shadow: 0 34px 100px rgba(0, 10, 26, .4);
    overscroll-behavior: contain;
}

.tenant-modal-panel {
    width: min(760px, 100%);
}

.tenant-media-modal-panel,
.ford-gallery-modal {
    width: min(1040px, 100%);
}

.tenant-content-sheet {
    width: min(720px, 100%);
}

.tenant-modal-close,
.tenant-content-sheet-close,
.ford-gallery-close {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    color: #fff;
    background: #071426;
    box-shadow: 0 12px 28px rgba(0, 7, 20, .28);
    font-size: 25px;
    line-height: 1;
}

.tenant-media-ai-consent {
    min-width: 0;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    margin: 12px 0;
    padding: 13px 14px;
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 20%, var(--tenant-line));
    border-radius: 16px;
    color: var(--tenant-ink);
    background: color-mix(in srgb, var(--tenant-secondary) 5%, #fff);
    cursor: pointer;
}

.tenant-media-ai-consent input {
    width: 20px;
    height: 20px;
    margin: 1px 0 0;
    accent-color: #18aa78;
}

.tenant-media-ai-consent span {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.tenant-media-ai-consent strong {
    color: var(--tenant-ink);
    font-size: 12px;
}

.tenant-media-ai-consent small {
    color: var(--tenant-muted);
    font-size: 11px;
    line-height: 1.45;
}

.tenant-media-assistant {
    margin: 0 0 14px;
    padding: 16px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 280px);
    gap: 14px 20px;
    align-items: end;
    border: 1px solid color-mix(in srgb, #1fcf99 34%, var(--tenant-line));
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 12%, rgba(58, 222, 174, .17), transparent 28%),
        linear-gradient(145deg, color-mix(in srgb, #1fcf99 6%, #fff), #f7fbff);
}

.tenant-media-assistant-heading h3 {
    margin: 5px 0 4px;
    color: var(--tenant-ink);
    font-size: 17px;
}

.tenant-media-assistant-heading p,
.tenant-media-route p {
    margin: 0;
    color: var(--tenant-muted);
    font-size: 12px;
    line-height: 1.5;
}

.tenant-media-destination {
    display: grid;
    gap: 6px;
    color: var(--tenant-ink);
    font-size: 11px;
    font-weight: 900;
}

.tenant-media-destination select {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    color: var(--tenant-ink);
    border: 1px solid color-mix(in srgb, #1fcf99 36%, var(--tenant-line));
    border-radius: 13px;
    background: #fff;
    font: inherit;
    font-size: 12px;
}

.tenant-media-route {
    grid-column: 1 / -1;
    padding: 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 16px;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 22%, var(--tenant-line));
    border-radius: 16px;
    background: color-mix(in srgb, var(--tenant-secondary) 5%, #fff);
}

.tenant-media-route[hidden],
.tenant-media-replace-consent[hidden] {
    display: none;
}

.tenant-media-route strong {
    color: var(--tenant-ink);
    font-size: 13px;
}

.tenant-media-route p {
    grid-column: 1;
}

.tenant-media-route .tenant-button {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.tenant-media-replace-consent {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px 13px;
    border: 1px solid rgba(226, 158, 39, .35);
    border-radius: 15px;
    background: rgba(255, 247, 224, .9);
    cursor: pointer;
}

.tenant-media-replace-consent input {
    width: 19px;
    height: 19px;
    margin: 1px 0 0;
    accent-color: #e09416;
}

.tenant-media-replace-consent span {
    display: grid;
    gap: 3px;
}

.tenant-media-replace-consent strong {
    color: var(--tenant-ink);
    font-size: 12px;
}

.tenant-media-replace-consent small {
    color: var(--tenant-muted);
    font-size: 11px;
    line-height: 1.45;
}

.tenant-media-storage {
    margin: 0 0 12px;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 14px;
    border: 1px solid var(--tenant-line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--tenant-secondary) 4%, #fff);
}

.tenant-media-storage > div {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tenant-media-storage > div span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.tenant-media-storage strong,
.tenant-media-storage b {
    color: var(--tenant-ink);
    font-size: 12px;
}

.tenant-media-storage small {
    color: var(--tenant-muted);
    font-size: 10px;
}

.tenant-media-storage-track {
    grid-column: 1;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tenant-line) 78%, #fff);
}

.tenant-media-storage-track i {
    width: 0;
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, #16ad7b, #24d5a3);
    transition: width .25s ease;
}

.tenant-media-storage .tenant-button {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.tenant-media-storage.is-warning {
    border-color: rgba(226, 158, 39, .42);
    background: rgba(255, 248, 228, .9);
}

.tenant-media-storage.is-warning .tenant-media-storage-track i {
    background: linear-gradient(90deg, #e5a52c, #f06f36);
}

.tenant-media-storage.is-full {
    border-color: rgba(205, 61, 61, .45);
}

.tenant-media-status-link {
    margin-left: 10px;
    color: var(--tenant-secondary);
    font-weight: 900;
}

.tenant-content-ai-consent {
    margin: 4px 0 0;
}

[data-mymex-theme="dark"] .tenant-media-ai-consent {
    border-color: rgba(83, 219, 178, .24);
    background: linear-gradient(145deg, rgba(10, 50, 69, .74), rgba(7, 32, 57, .84));
}

[data-mymex-theme="dark"] .tenant-media-assistant,
[data-mymex-theme="dark"] .tenant-media-route,
[data-mymex-theme="dark"] .tenant-media-storage {
    border-color: rgba(71, 215, 176, .24);
    background:
        radial-gradient(circle at 92% 12%, rgba(54, 220, 174, .14), transparent 30%),
        linear-gradient(145deg, rgba(8, 43, 62, .92), rgba(6, 27, 51, .96));
}

[data-mymex-theme="dark"] .tenant-media-destination select {
    color: #eff8ff;
    border-color: rgba(75, 216, 179, .3);
    background: #071b32;
}

[data-mymex-theme="dark"] .tenant-media-replace-consent,
[data-mymex-theme="dark"] .tenant-media-storage.is-warning {
    border-color: rgba(241, 181, 67, .32);
    background: rgba(83, 57, 17, .42);
}

[data-mymex-theme="dark"] .tenant-media-storage-track {
    background: rgba(157, 192, 220, .16);
}

@media (max-width: 1180px) {
    .tenant-media-filters {
        grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(150px, 1fr));
    }

    .tenant-media-filter-search {
        grid-column: span 2;
    }
}

[data-mymex-theme="dark"] .tenant-media-pagination {
    border-color: rgba(114, 183, 230, .22);
    background: linear-gradient(145deg, rgba(8, 38, 67, .9), rgba(6, 26, 49, .94));
}

[data-mymex-theme="dark"] .tenant-media-pagination > span {
    color: #bdd4e6;
}

@media (max-width: 760px) {
    .tenant-media-assistant {
        grid-template-columns: 1fr;
    }

    .tenant-media-route {
        grid-template-columns: 1fr;
    }

    .tenant-media-route p,
    .tenant-media-route .tenant-button {
        grid-column: 1;
        grid-row: auto;
    }

    .tenant-media-route .tenant-button {
        width: 100%;
    }

    .tenant-media-filters {
        grid-template-columns: 1fr;
    }

    .tenant-media-filter-search {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .tenant-modal,
    .tenant-content-sheet-backdrop,
    .ford-gallery-backdrop {
        padding: 0;
    }

    .tenant-modal-panel,
    .tenant-content-sheet,
    .ford-gallery-modal {
        width: 100%;
        min-height: 100dvh;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .tenant-modal-close,
    .tenant-content-sheet-close,
    .ford-gallery-close {
        width: 44px;
        height: 44px;
    }

    .tenant-media-modal-header {
        padding-right: 18px;
    }

    .tenant-media-modal-header > div {
        min-width: 0;
    }

    .tenant-media-filter-search {
        grid-column: auto;
    }

    .tenant-media-pagination {
        grid-template-columns: 1fr 1fr;
    }

    .tenant-media-pagination > span {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .tenant-media-pagination .tenant-button {
        width: 100%;
    }

    .tenant-media-storage {
        grid-template-columns: 1fr;
    }

    .tenant-media-storage-track,
    .tenant-media-storage .tenant-button {
        grid-column: 1;
        grid-row: auto;
    }

    .tenant-media-storage .tenant-button {
        width: 100%;
    }
}

@media(max-width:1100px){.tenant-booking-recommendations,.tenant-booking-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-booking-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-booking-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.tenant-booking-catalogue-heading,.tenant-booking-global-rules-heading{align-items:stretch;flex-direction:column}.tenant-booking-recommendations,.tenant-booking-type-grid,.tenant-booking-filters,.tenant-booking-check-grid{grid-template-columns:1fr}.tenant-setup-progress-summary{align-items:flex-start}.tenant-booking-type-card{grid-template-columns:44px minmax(0,1fr) auto}}

/* Platform Notification Centre: authenticated event inbox, separate from
   tenant push campaigns. Actions are icon-first and retain accessible labels. */
.mymex-platform-notification-trigger {
    position: relative;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    border: 1px solid var(--tenant-line);
    border-radius: 15px;
    color: var(--tenant-ink);
    background: var(--tenant-surface);
    box-shadow: 0 9px 22px rgba(7, 24, 47, .07);
    text-decoration: none;
}

.mymex-platform-notification-trigger svg {
    width: 20px;
    height: 20px;
}

.mymex-platform-notification-trigger b {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border: 2px solid var(--tenant-surface);
    border-radius: 999px;
    color: #fff;
    background: #7b8da0;
    font-size: 9px;
    line-height: 1;
}

.mymex-platform-notification-trigger.has-unread {
    color: #057a4c;
    border-color: rgba(20, 151, 96, .3);
    box-shadow: 0 10px 24px rgba(20, 151, 96, .12);
}

.mymex-platform-notification-trigger.has-unread b { background: #149760; }
.mymex-platform-notification-trigger.has-urgent {
    color: #b82f2a;
    border-color: rgba(213, 59, 52, .34);
    box-shadow: 0 10px 24px rgba(213, 59, 52, .15);
}
.mymex-platform-notification-trigger.has-urgent b { background: #d53b34; }

.mymex-platform-notifications {
    width: min(1480px, 100%);
    margin-inline: auto;
}

.mymex-platform-notification-heading {
    align-items: flex-end;
}

.mymex-notification-heading-action,
.mymex-notification-icon-action {
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 44px;
    padding: 0;
    border: 1px solid var(--tenant-line);
    border-radius: 14px;
    color: var(--tenant-ink);
    background: var(--tenant-surface);
    box-shadow: 0 9px 24px rgba(7, 24, 47, .08);
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mymex-notification-heading-action {
    color: #062342;
    background: #fff;
}

.mymex-notification-heading-action svg,
.mymex-notification-icon-action svg {
    width: 20px;
    height: 20px;
}

.mymex-notification-heading-action:hover,
.mymex-notification-icon-action:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--tenant-secondary) 42%, var(--tenant-line));
    box-shadow: 0 13px 30px rgba(7, 74, 144, .13);
}

.mymex-notification-heading-action:disabled,
.mymex-notification-icon-action:disabled {
    cursor: not-allowed;
    opacity: .48;
    transform: none;
}

.mymex-notification-icon-action.is-primary {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
}

.mymex-notification-icon-action.is-danger {
    color: #b3312c;
    border-color: rgba(213, 59, 52, .2);
    background: #fff6f5;
}

.mymex-notification-icon-action.is-busy svg {
    animation: mymexNotificationSpin .8s linear infinite;
}

@keyframes mymexNotificationSpin { to { transform: rotate(360deg); } }

.mymex-platform-notification-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px;
    margin-bottom: 2px;
}

.mymex-platform-notification-metrics > a {
    min-width: 0;
    min-height: 126px;
    display: grid;
    align-content: space-between;
    gap: 6px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--tenant-line);
    border-radius: 21px;
    color: var(--tenant-ink);
    background: var(--tenant-surface);
    box-shadow: var(--tenant-shadow);
    text-decoration: none;
}

.mymex-platform-notification-metrics small {
    color: var(--tenant-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mymex-platform-notification-metrics strong {
    color: var(--tenant-ink);
    font-size: clamp(31px, 3vw, 42px);
    line-height: 1;
    letter-spacing: -.05em;
}

.mymex-platform-notification-metrics span {
    color: var(--tenant-muted);
    font-size: 11px;
}

.mymex-platform-notification-metrics > a.is-unread { border-color: rgba(10, 132, 255, .26); }
.mymex-platform-notification-metrics > a.is-urgent { border-color: rgba(213, 59, 52, .3); }
.mymex-platform-notification-metrics > a.is-warning { border-color: rgba(229, 138, 22, .32); }
.mymex-platform-notification-metrics > a.is-information { border-color: rgba(20, 151, 96, .26); }

.mymex-platform-notification-toolbar-panel {
    margin: 14px 0 2px !important;
}

.mymex-platform-notification-toolbar {
    display: grid;
    grid-template-columns: minmax(250px, 1.4fr) repeat(3, minmax(150px, .65fr)) auto;
    gap: 10px;
    align-items: end;
}

.mymex-platform-notification-toolbar label {
    min-width: 0;
    display: grid;
    gap: 6px;
    color: var(--tenant-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.mymex-platform-notification-toolbar input,
.mymex-platform-notification-toolbar select {
    width: 100%;
    min-width: 0;
    min-height: 45px;
    padding: 10px 12px;
    border: 1px solid var(--tenant-line);
    border-radius: 13px;
    color: var(--tenant-ink);
    background: var(--tenant-surface);
    font: inherit;
    letter-spacing: normal;
    text-transform: none;
}

.mymex-platform-notification-search-field {
    position: relative;
    display: block;
}

.mymex-platform-notification-search-field > svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 13px;
    width: 18px;
    height: 18px;
    color: var(--tenant-muted);
    transform: translateY(-50%);
}

.mymex-platform-notification-search-field input { padding-left: 42px; }

.mymex-platform-notification-toolbar-actions,
.mymex-platform-notification-card-actions {
    display: flex;
    gap: 8px;
}

.mymex-platform-notification-list {
    display: grid;
    gap: 10px;
}

.mymex-platform-notification-list > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 2px 4px;
}

.mymex-platform-notification-list h2 {
    margin: 5px 0 0;
    color: var(--tenant-ink);
    font-size: 24px;
    letter-spacing: -.035em;
}

.mymex-platform-notification-list > header > small {
    max-width: 440px;
    color: var(--tenant-muted);
    text-align: right;
}

.mymex-platform-notification-card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 15px;
    align-items: center;
    padding: 17px;
    overflow: hidden;
    border: 1px solid var(--tenant-line);
    border-radius: 21px;
    color: var(--tenant-ink);
    background: var(--tenant-surface);
    box-shadow: var(--tenant-shadow);
}

.mymex-platform-notification-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    opacity: 0;
    background: #0a84ff;
}

.mymex-platform-notification-card.is-unread::before { opacity: 1; }
.mymex-platform-notification-card.severity-success::before { background: #149760; }
.mymex-platform-notification-card.severity-warning::before { background: #e58a16; }
.mymex-platform-notification-card.severity-urgent::before { background: #d53b34; }
.mymex-platform-notification-card.is-read { opacity: .84; }
.mymex-platform-notification-card.is-resolved { opacity: .72; }

.mymex-platform-notification-card-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #0879df;
    background: #e9f4ff;
}

.mymex-platform-notification-card.severity-success .mymex-platform-notification-card-icon { color: #087443; background: #e7f8ef; }
.mymex-platform-notification-card.severity-warning .mymex-platform-notification-card-icon { color: #925800; background: #fff3d7; }
.mymex-platform-notification-card.severity-urgent .mymex-platform-notification-card-icon { color: #a52824; background: #fff0ef; }
.mymex-platform-notification-card-icon svg { width: 22px; height: 22px; }

.mymex-platform-notification-card-copy {
    min-width: 0;
}

.mymex-platform-notification-card-copy > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mymex-platform-notification-category,
.mymex-platform-notification-severity,
.mymex-platform-notification-resolved {
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.mymex-platform-notification-category { color: #0a6ab8; background: #eaf4ff; }
.mymex-platform-notification-severity { color: var(--tenant-muted); background: var(--tenant-surface-soft); }
.mymex-platform-notification-resolved { color: #087443; background: #e7f8ef; }

.mymex-platform-notification-card-copy h3 {
    margin: 7px 0 3px;
    color: var(--tenant-ink);
    font-size: 17px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.mymex-platform-notification-card-copy p {
    margin: 0;
    color: var(--tenant-muted);
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.mymex-platform-notification-card-copy small {
    display: block;
    margin-top: 7px;
    color: var(--tenant-muted);
    font-size: 10px;
}

.mymex-platform-notification-empty {
    min-height: 190px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 28px;
    border: 1px dashed color-mix(in srgb, var(--tenant-secondary) 35%, var(--tenant-line));
    border-radius: 24px;
    color: var(--tenant-ink);
    background: color-mix(in srgb, var(--tenant-surface) 92%, var(--tenant-secondary));
}

.mymex-platform-notification-empty > span {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #087443;
    background: #e7f8ef;
}

.mymex-platform-notification-empty svg { width: 27px; height: 27px; }
.mymex-platform-notification-empty h2 { margin: 0 0 5px; color: var(--tenant-ink); }
.mymex-platform-notification-empty p { margin: 0; color: var(--tenant-muted); }

[data-mymex-theme="dark"] .mymex-platform-notification-trigger,
[data-mymex-theme="dark"] .mymex-notification-icon-action,
[data-mymex-theme="dark"] .mymex-platform-notification-metrics > a,
[data-mymex-theme="dark"] .mymex-platform-notification-card {
    color: var(--tenant-ink);
    border-color: var(--tenant-line);
    background: linear-gradient(145deg, rgba(9, 34, 66, .94), rgba(4, 18, 39, .94));
}

[data-mymex-theme="dark"] body.mymex-platform-admin {
    --tenant-ink: #eaf4ff;
    --tenant-muted: #9db7cf;
    --tenant-line: rgba(139, 201, 255, .16);
    --tenant-surface: rgba(7, 25, 49, .92);
    --tenant-surface-soft: rgba(12, 40, 73, .84);
    --tenant-shadow: 0 18px 46px rgba(0, 7, 20, .25);
}

[data-mymex-theme="dark"] .mymex-platform-notification-toolbar-panel {
    color: var(--tenant-ink);
    border-color: var(--tenant-line) !important;
    background: linear-gradient(145deg, rgba(9, 34, 66, .94), rgba(4, 18, 39, .94)) !important;
    box-shadow: var(--tenant-shadow);
}

[data-mymex-theme="dark"] .mymex-platform-notification-trigger b {
    border-color: #071a34;
}

[data-mymex-theme="dark"] .mymex-notification-icon-action.is-primary {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
}

[data-mymex-theme="dark"] .mymex-notification-icon-action.is-danger {
    color: #ffaaa6;
    border-color: rgba(255, 120, 113, .24);
    background: rgba(114, 27, 32, .3);
}

[data-mymex-theme="dark"] .mymex-platform-notification-toolbar input,
[data-mymex-theme="dark"] .mymex-platform-notification-toolbar select {
    color: var(--tenant-ink);
    border-color: var(--tenant-line);
    background: rgba(3, 18, 39, .82);
}

[data-mymex-theme="dark"] .mymex-platform-notification-category {
    color: #8ed0ff;
    background: rgba(10, 132, 255, .17);
}

[data-mymex-theme="dark"] .mymex-platform-notification-severity {
    color: #b8d2e7;
    background: rgba(139, 201, 255, .1);
}

[data-mymex-theme="dark"] .mymex-platform-notification-resolved {
    color: #83e0b6;
    background: rgba(20, 151, 96, .2);
}

[data-mymex-theme="dark"] .mymex-platform-notification-empty {
    border-color: rgba(92, 189, 255, .24);
    background: rgba(5, 24, 49, .78);
}

@media (max-width: 1100px) {
    .mymex-platform-notification-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .mymex-platform-notification-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mymex-platform-notification-search { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
    .mymex-platform-notification-heading {
        align-items: end;
    }
    .mymex-notification-heading-action {
        position: absolute;
        right: 18px;
        top: 18px;
    }
    .mymex-platform-notification-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .mymex-platform-notification-metrics > a {
        min-height: 108px;
        padding: 15px;
        border-radius: 18px;
    }
    .mymex-platform-notification-toolbar { grid-template-columns: minmax(0, 1fr); }
    .mymex-platform-notification-toolbar-actions { justify-content: flex-end; }
    .mymex-platform-notification-list > header {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
    .mymex-platform-notification-list > header > small { text-align: left; }
    .mymex-platform-notification-card {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 11px;
        padding: 15px;
        border-radius: 19px;
    }
    .mymex-platform-notification-card-icon {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }
    .mymex-platform-notification-card-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-top: 4px;
    }
    .mymex-platform-notification-empty {
        grid-template-columns: minmax(0, 1fr);
        min-height: 220px;
        padding: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mymex-notification-icon-action.is-busy svg { animation: none; }
}

/* 2026-07-28 mobile navigation: compact controls, explicit close and safe page scroll. */
.tenant-mobile-menu-close {
    display: none;
}

@media (max-width: 900px) {
    html.tenant-menu-open,
    body.tenant-menu-open {
        overflow: hidden;
        overscroll-behavior: none;
    }

    body.tenant-menu-open .tenant-sidebar {
        z-index: 3000;
    }

    body.tenant-menu-open .mymex-platform-sidebar {
        top: 0;
        bottom: auto;
        height: 100dvh;
        max-height: 100dvh;
        padding-bottom: calc(20px + env(safe-area-inset-bottom));
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    body.tenant-menu-open .tenant-sidebar-scrim {
        z-index: 2990;
    }

    .tenant-menu-button {
        position: relative;
        width: 44px;
        height: 44px;
        min-width: 44px;
        padding: 0;
        display: grid;
        place-items: center;
        border: 1px solid transparent;
        border-radius: 14px;
        color: var(--tenant-ink);
        background: transparent;
        cursor: pointer;
    }

    .tenant-menu-button > span,
    .tenant-menu-button > span::before,
    .tenant-menu-button > span::after {
        width: 20px;
        height: 2px;
        display: block;
        border-radius: 999px;
        background: currentColor;
    }

    .tenant-menu-button > span {
        position: relative;
    }

    .tenant-menu-button > span::before,
    .tenant-menu-button > span::after {
        content: "";
        position: absolute;
        left: 0;
    }

    .tenant-menu-button > span::before { top: -6px; }
    .tenant-menu-button > span::after { top: 6px; }

    .tenant-menu-button:hover,
    .tenant-menu-button:focus-visible {
        border-color: color-mix(in srgb, var(--tenant-secondary) 48%, var(--tenant-line));
        background: color-mix(in srgb, var(--tenant-secondary) 8%, var(--tenant-surface));
        outline: 0;
    }

    .tenant-mobile-menu-close {
        position: absolute;
        top: 16px;
        right: 14px;
        z-index: 6;
        width: 42px;
        height: 42px;
        padding: 0;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, .16);
        border-radius: 14px;
        color: #fff;
        background: rgba(255, 255, 255, .08);
        box-shadow: 0 10px 28px rgba(0, 0, 0, .2);
        cursor: pointer;
    }

    .tenant-mobile-menu-close svg {
        width: 20px;
        height: 20px;
    }

    .tenant-mobile-menu-close:hover,
    .tenant-mobile-menu-close:focus-visible {
        border-color: color-mix(in srgb, var(--tenant-secondary) 72%, #fff);
        background: color-mix(in srgb, var(--tenant-secondary) 34%, rgba(255, 255, 255, .08));
        outline: 0;
    }

    .tenant-sidebar > .tenant-brand {
        min-width: 0;
        padding-right: 52px;
    }

    .tenant-sidebar > .tenant-brand > span:last-child {
        min-width: 0;
    }

    .tenant-sidebar > .tenant-brand strong,
    .tenant-sidebar > .tenant-brand small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 680px) {
    .tenant-topbar {
        min-width: 0;
        display: grid;
        grid-template-columns: 44px minmax(54px, 1fr) auto;
        gap: 8px;
        padding: 10px;
    }

    .tenant-topbar > div:nth-child(2) {
        min-width: 0;
        overflow: hidden;
    }

    .tenant-topbar > div:nth-child(2) small,
    .tenant-topbar > div:nth-child(2) strong {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tenant-topbar > div:nth-child(2) small {
        font-size: 9px;
        letter-spacing: .08em;
    }

    .tenant-topbar > div:nth-child(2) strong {
        font-size: 12px;
    }

    .tenant-topbar-actions {
        min-width: 0;
        margin-left: 0;
        gap: 6px;
    }

    .tenant-topbar-profile {
        max-width: none;
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 3px;
        justify-content: center;
    }

    .tenant-topbar-profile > span:last-child {
        display: none;
    }

    .tenant-topbar-actions > .tenant-button {
        display: none !important;
    }

    .tenant-topbar-actions .mymex-command-trigger {
        width: 42px;
        min-width: 42px;
        min-height: 42px;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr;
        place-items: center;
        gap: 0;
        border-radius: 14px;
        cursor: pointer;
    }

    .tenant-topbar-actions .mymex-command-trigger svg {
        width: 20px;
        height: 20px;
        grid-area: 1 / 1;
        pointer-events: none;
    }

    .tenant-topbar-actions .mymex-command-trigger input {
        position: absolute;
        inset: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        padding: 0;
        opacity: 0;
        cursor: pointer;
    }

    .mymex-platform-notification-trigger {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 14px;
    }

    .tenant-theme-toggle {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}

@media (max-width: 380px) {
    .mymex-platform-topbar > div:nth-child(2) strong {
        display: none;
    }
}

/* 2026-07-29 collection editor hardening: light modal stays readable inside dark app chrome. */
.ford-gallery-modal,
[data-mymex-theme="dark"] .ford-gallery-modal {
    --tenant-ink: #0a1b31;
    --tenant-muted: #526780;
    --tenant-line: #d5e2ef;
    color: #0a1b31;
    background: #f7fbff;
}

.ford-gallery-modal h2,
.ford-gallery-modal h3,
.ford-gallery-modal strong,
.ford-gallery-row-copy > strong,
[data-mymex-theme="dark"] .ford-gallery-modal h2,
[data-mymex-theme="dark"] .ford-gallery-modal h3,
[data-mymex-theme="dark"] .ford-gallery-modal strong,
[data-mymex-theme="dark"] .ford-gallery-row-copy > strong {
    color: #0a1b31 !important;
}

.ford-gallery-modal small,
.ford-gallery-modal p,
.ford-gallery-modal .ford-gallery-switch b,
.ford-gallery-modal > header > span:last-child,
[data-mymex-theme="dark"] .ford-gallery-modal small,
[data-mymex-theme="dark"] .ford-gallery-modal p,
[data-mymex-theme="dark"] .ford-gallery-modal .ford-gallery-switch b,
[data-mymex-theme="dark"] .ford-gallery-modal > header > span:last-child {
    color: #536a82 !important;
}

.ford-gallery-modal input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.ford-gallery-modal select,
.ford-gallery-modal textarea,
[data-mymex-theme="dark"] .ford-gallery-modal input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
[data-mymex-theme="dark"] .ford-gallery-modal select,
[data-mymex-theme="dark"] .ford-gallery-modal textarea {
    color: #0a1b31 !important;
    border-color: #cddbeb !important;
    background: #fff !important;
}

.tenant-media-status-link {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-left: 10px;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 36%, var(--tenant-line));
    border-radius: 999px;
    color: var(--tenant-primary);
    background: color-mix(in srgb, var(--tenant-secondary) 8%, #fff);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.tenant-media-status-link:hover,
.tenant-media-status-link:focus-visible {
    color: #fff;
    background: var(--tenant-primary);
    outline: 0;
}

/* 2026-07-29 admin-only email diagnostics. */
.mymex-email-diag-heading {
    align-items: center;
    gap: 18px;
}

.mymex-email-diag-action {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    min-width: min(100%, 280px);
}

.mymex-email-diag-action small {
    color: var(--tenant-muted);
    font-size: 12px;
}

.mymex-email-diagnostics {
    display: grid;
    gap: 18px;
    max-width: 1180px;
}

.mymex-email-diag-link-card,
.mymex-email-diag-card,
.mymex-email-diag-panel {
    color: var(--tenant-ink);
}

.mymex-email-diag-link-card {
    display: grid;
    gap: 8px;
}

.mymex-email-diag-link-card a {
    justify-content: flex-start;
    overflow-wrap: anywhere;
    text-align: left;
}

.mymex-email-diag-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.mymex-email-diag-card {
    display: grid;
    align-content: start;
    gap: 8px;
    min-height: 160px;
}

.mymex-email-diag-card h2,
.mymex-email-diag-panel h2,
.mymex-email-diag-link-card h2 {
    margin: 0;
    color: var(--tenant-ink);
    font-size: clamp(20px, 2vw, 28px);
    letter-spacing: -0.04em;
}

.mymex-email-diag-card p,
.mymex-email-diag-panel p,
.mymex-email-diag-link-card p {
    margin: 0;
    color: var(--tenant-muted);
    line-height: 1.55;
}

.mymex-email-diag-card small,
.mymex-email-diag-row small,
.mymex-email-diag-dns small {
    color: var(--tenant-muted);
    font-size: 12px;
    line-height: 1.45;
}

.mymex-email-diag-panel {
    display: grid;
    gap: 16px;
}

.mymex-email-diag-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.mymex-email-diag-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.mymex-email-diag-list {
    display: grid;
    gap: 10px;
}

.mymex-email-diag-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 240px);
    gap: 10px 16px;
    align-items: center;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 22%, var(--tenant-line));
    border-radius: 18px;
    background: color-mix(in srgb, #fff 94%, var(--tenant-secondary));
    box-shadow: 0 14px 35px rgba(13, 42, 74, 0.06);
}

.mymex-email-diag-row strong {
    display: block;
    color: var(--tenant-ink);
    overflow-wrap: anywhere;
}

.mymex-email-diag-row p {
    grid-column: 1 / -1;
    padding: 10px 12px;
    border-radius: 14px;
    color: #8a180f;
    background: #fff1ee;
}

.mymex-email-diag-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: var(--tenant-primary);
    background: color-mix(in srgb, var(--tenant-secondary) 10%, #fff);
    font-size: 12px;
    font-weight: 850;
    text-transform: capitalize;
}

.mymex-email-diag-pill.is-ok {
    color: #057344;
    background: #e6fff4;
}

.mymex-email-diag-pill.is-bad {
    color: #9c1c10;
    background: #fff0ed;
}

.mymex-email-diag-dns {
    display: grid;
    gap: 10px;
}

.mymex-email-diag-dns > div {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px dashed color-mix(in srgb, var(--tenant-secondary) 34%, var(--tenant-line));
    border-radius: 18px;
    background: color-mix(in srgb, var(--tenant-secondary) 6%, #fff);
}

.mymex-email-diag-dns strong {
    color: var(--tenant-ink);
}

[data-mymex-theme="dark"] .mymex-email-diag-link-card,
[data-mymex-theme="dark"] .mymex-email-diag-card,
[data-mymex-theme="dark"] .mymex-email-diag-panel,
[data-mymex-theme="dark"] .mymex-email-diag-row,
[data-mymex-theme="dark"] .mymex-email-diag-dns > div {
    color: #f7fbff;
    border-color: rgba(121, 198, 255, 0.28);
    background: rgba(5, 24, 43, 0.9);
}

[data-mymex-theme="dark"] .mymex-email-diag-card h2,
[data-mymex-theme="dark"] .mymex-email-diag-panel h2,
[data-mymex-theme="dark"] .mymex-email-diag-link-card h2,
[data-mymex-theme="dark"] .mymex-email-diag-row strong,
[data-mymex-theme="dark"] .mymex-email-diag-dns strong {
    color: #f7fbff;
}

[data-mymex-theme="dark"] .mymex-email-diag-card p,
[data-mymex-theme="dark"] .mymex-email-diag-panel p,
[data-mymex-theme="dark"] .mymex-email-diag-link-card p,
[data-mymex-theme="dark"] .mymex-email-diag-card small,
[data-mymex-theme="dark"] .mymex-email-diag-row small,
[data-mymex-theme="dark"] .mymex-email-diag-dns small {
    color: #b7d2ea;
}

@media (max-width: 1100px) {
    .mymex-email-diag-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .mymex-email-diag-heading,
    .mymex-email-diag-panel-head {
        align-items: stretch;
        flex-direction: column;
    }

    .mymex-email-diag-action,
    .mymex-email-diag-actions {
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
    }

    .mymex-email-diag-grid {
        grid-template-columns: 1fr;
    }

    .mymex-email-diag-row {
        grid-template-columns: 1fr;
    }
}

/* 2026-07-29 MyMEX master CRM phase: platform-grade workbench, compact actions and no horizontal scroll. */
.mymex-master-crm,
.mymex-master-crm * {
    min-width: 0;
}

.mymex-master-crm-workbench {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
    gap: 14px;
    margin: 0 0 16px;
}

.mymex-master-crm-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.mymex-master-crm-section-head h2,
.mymex-master-crm-playbook h2 {
    margin: 4px 0 0;
    color: var(--tenant-ink);
    font-size: clamp(22px, 2vw, 32px);
    letter-spacing: -.045em;
}

.mymex-master-crm-section-head small {
    color: var(--tenant-muted);
    font-size: 12px;
    line-height: 1.45;
}

.mymex-master-crm-queue-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.mymex-master-crm-queue-card {
    position: relative;
    display: grid;
    gap: 6px;
    overflow: hidden;
    padding: 14px;
    border: 1px solid rgba(15, 42, 70, .09);
    border-radius: 18px;
    color: var(--tenant-ink);
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 249, 253, .96));
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(15, 42, 70, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mymex-master-crm-queue-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--tenant-secondary) 34%, var(--tenant-line));
    box-shadow: 0 18px 38px rgba(15, 42, 70, .1);
}

.mymex-master-crm-queue-card > span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #8ca0b8;
    box-shadow: 0 0 0 5px rgba(140, 160, 184, .14);
}

.mymex-master-crm-queue-card.is-new > span { background: #19b56e; box-shadow: 0 0 0 5px rgba(25, 181, 110, .14); }
.mymex-master-crm-queue-card.is-due-soon > span { background: #f0a51e; box-shadow: 0 0 0 5px rgba(240, 165, 30, .16); }
.mymex-master-crm-queue-card.is-overdue > span { background: #e34f4f; box-shadow: 0 0 0 5px rgba(227, 79, 79, .16); }

.mymex-master-crm-queue-card small {
    color: var(--tenant-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mymex-master-crm-queue-card strong {
    color: var(--tenant-ink);
    font-size: 28px;
    line-height: 1;
}

.mymex-master-crm-queue-card em {
    color: var(--tenant-muted);
    font-size: 12px;
    font-style: normal;
    line-height: 1.4;
}

.mymex-master-crm-playbook {
    display: grid;
    align-content: start;
    gap: 12px;
}

.mymex-master-crm-playbook ol {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: crm-step;
}

.mymex-master-crm-playbook li {
    counter-increment: crm-step;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid rgba(15, 42, 70, .08);
    border-radius: 16px;
    background: rgba(244, 249, 253, .8);
}

.mymex-master-crm-playbook li::before {
    content: counter(crm-step);
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
    font-weight: 900;
}

.mymex-master-crm-playbook li strong,
.mymex-master-crm-playbook li span {
    grid-column: 2;
}

.mymex-master-crm-playbook li strong {
    color: var(--tenant-ink);
    font-size: 13px;
}

.mymex-master-crm-playbook li span {
    color: var(--tenant-muted);
    font-size: 12px;
    line-height: 1.45;
}

.mymex-master-crm-toolbar {
    grid-template-columns: minmax(240px, 1.4fr) repeat(4, minmax(140px, .8fr));
}

.mymex-master-crm-toolbar-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.mymex-master-crm-pipeline {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
    overflow: visible;
    padding: 2px 0 8px;
}

.mymex-master-crm-pipeline a {
    min-width: 0;
}

.mymex-master-crm-card-main {
    grid-template-columns: 46px minmax(230px, 1.2fr) minmax(190px, .86fr) minmax(150px, .7fr) auto;
    gap: 12px;
}

.mymex-master-crm-card-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.mymex-master-crm-icon-button {
    position: relative;
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(0, 96, 180, .18);
    border-radius: 14px;
    color: var(--tenant-primary);
    background: #fff;
    box-shadow: 0 10px 22px rgba(15, 42, 70, .08);
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.mymex-master-crm-icon-button:hover,
.mymex-master-crm-icon-button:focus-visible {
    transform: translateY(-1px);
    color: #fff;
    background: var(--tenant-primary);
    box-shadow: 0 16px 32px color-mix(in srgb, var(--tenant-primary) 24%, transparent);
    outline: none;
}

.mymex-master-crm-icon-button.is-primary {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
}

.mymex-master-crm-icon-button > span {
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
}

.mymex-master-crm-icon-button > small {
    position: absolute;
    right: 50%;
    bottom: calc(100% + 8px);
    z-index: 5;
    transform: translateX(50%) translateY(4px);
    width: max-content;
    max-width: 150px;
    padding: 7px 9px;
    border-radius: 10px;
    color: #fff;
    background: #06203e;
    box-shadow: 0 12px 26px rgba(0, 16, 38, .22);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .02em;
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease;
}

.mymex-master-crm-icon-button:hover > small,
.mymex-master-crm-icon-button:focus-visible > small {
    transform: translateX(50%) translateY(0);
    opacity: 1;
}

.mymex-master-crm-identity h3,
.mymex-master-crm-contact strong,
.mymex-master-crm-next strong,
.mymex-master-crm-card > footer span {
    overflow-wrap: anywhere;
}

[data-mymex-theme="dark"] .mymex-master-crm-workbench .tenant-card,
[data-mymex-theme="dark"] .mymex-master-crm-queue-card,
[data-mymex-theme="dark"] .mymex-master-crm-playbook li {
    border-color: rgba(117, 196, 255, .18);
    background: linear-gradient(145deg, rgba(9, 34, 66, .95), rgba(4, 19, 40, .95));
    box-shadow: 0 18px 46px rgba(0, 7, 20, .24);
}

[data-mymex-theme="dark"] .mymex-master-crm-section-head h2,
[data-mymex-theme="dark"] .mymex-master-crm-playbook h2,
[data-mymex-theme="dark"] .mymex-master-crm-queue-card strong,
[data-mymex-theme="dark"] .mymex-master-crm-playbook li strong,
[data-mymex-theme="dark"] .mymex-master-crm-identity h3,
[data-mymex-theme="dark"] .mymex-master-crm-contact strong,
[data-mymex-theme="dark"] .mymex-master-crm-next strong {
    color: #f7fbff;
}

[data-mymex-theme="dark"] .mymex-master-crm-section-head small,
[data-mymex-theme="dark"] .mymex-master-crm-queue-card small,
[data-mymex-theme="dark"] .mymex-master-crm-queue-card em,
[data-mymex-theme="dark"] .mymex-master-crm-playbook li span,
[data-mymex-theme="dark"] .mymex-master-crm-identity p,
[data-mymex-theme="dark"] .mymex-master-crm-identity blockquote,
[data-mymex-theme="dark"] .mymex-master-crm-next > span,
[data-mymex-theme="dark"] .mymex-master-crm-card > footer {
    color: #bdd3e9;
}

[data-mymex-theme="dark"] .mymex-master-crm-toolbar input,
[data-mymex-theme="dark"] .mymex-master-crm-toolbar select {
    border-color: rgba(117, 196, 255, .22);
    color: #f7fbff;
    background: rgba(4, 20, 42, .94);
}

[data-mymex-theme="dark"] .mymex-master-crm-icon-button {
    border-color: rgba(117, 196, 255, .2);
    color: #dff4ff;
    background: rgba(8, 32, 58, .94);
}

[data-mymex-theme="dark"] .mymex-master-crm-icon-button:hover,
[data-mymex-theme="dark"] .mymex-master-crm-icon-button:focus-visible,
[data-mymex-theme="dark"] .mymex-master-crm-icon-button.is-primary {
    color: #fff;
    background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
}

@media (max-width: 1180px) {
    .mymex-master-crm-workbench {
        grid-template-columns: 1fr;
    }

    .mymex-master-crm-queue-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .mymex-master-crm-workbench,
    .mymex-master-crm-queue-grid,
    .mymex-master-crm-toolbar,
    .mymex-master-crm-pipeline {
        grid-template-columns: 1fr;
    }

    .mymex-master-crm-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .mymex-master-crm-card-main {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .mymex-master-crm-card-actions {
        justify-content: flex-start;
    }

    .mymex-master-crm-toolbar-actions,
    .mymex-master-crm-toolbar-actions .tenant-button {
        width: 100%;
    }
}

/* Phase 8: final MyMEX CRM readability and overflow guard.
   This is intentionally late in the file so it wins over the older duplicate CRM blocks above. */
.mymex-master-crm {
    max-width: 100%;
    overflow-x: clip;
}

.mymex-master-crm-workbench,
.mymex-master-crm-queue-grid,
.mymex-master-crm-toolbar,
.mymex-master-crm-results,
.mymex-master-crm-card,
.mymex-master-crm-card-main,
.mymex-master-crm-drawer,
.mymex-master-crm-drawer-body,
.mymex-master-crm-drawer-grid,
.mymex-master-crm-drawer-panel,
.mymex-master-crm-contact-list > div,
.mymex-master-crm-profile dl > div,
.mymex-master-crm-timeline article {
    min-width: 0;
}

.mymex-master-crm-toolbar-panel,
.mymex-master-crm-results,
.mymex-master-crm-card,
.mymex-master-crm-drawer-panel,
.mymex-master-crm-drawer-hero {
    overflow-wrap: anywhere;
}

.mymex-master-crm-toolbar input::placeholder,
.mymex-master-crm-drawer-panel input::placeholder,
.mymex-master-crm-drawer-panel textarea::placeholder {
    color: color-mix(in srgb, var(--tenant-muted) 74%, transparent);
}

.mymex-master-crm-drawer-body {
    background: color-mix(in srgb, var(--tenant-bg) 92%, #fff);
}

.mymex-master-crm-drawer-body::-webkit-scrollbar,
.mymex-master-crm-pipeline::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.mymex-master-crm-drawer-body::-webkit-scrollbar-thumb,
.mymex-master-crm-pipeline::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--tenant-primary) 58%, #c7d7e8);
}

[data-mymex-theme="dark"] .mymex-master-crm,
[data-mymex-theme="dark"] .mymex-master-crm-results h2,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-header h2,
[data-mymex-theme="dark"] .mymex-master-crm-panel-heading h3,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-hero strong,
[data-mymex-theme="dark"] .mymex-master-crm-contact-list dd,
[data-mymex-theme="dark"] .mymex-master-crm-profile dd,
[data-mymex-theme="dark"] .mymex-master-crm-timeline strong,
[data-mymex-theme="dark"] .mymex-master-crm-toolbar label,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel label {
    color: #f7fbff;
}

[data-mymex-theme="dark"] .mymex-master-crm-heading p,
[data-mymex-theme="dark"] .mymex-master-crm-results > header > small,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-header p,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-status,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-hero small,
[data-mymex-theme="dark"] .mymex-master-crm-contact-list dt,
[data-mymex-theme="dark"] .mymex-master-crm-profile dt,
[data-mymex-theme="dark"] .mymex-master-crm-profile > div,
[data-mymex-theme="dark"] .mymex-master-crm-outreach p,
[data-mymex-theme="dark"] .mymex-master-crm-timeline small,
[data-mymex-theme="dark"] .mymex-master-crm-timeline p,
[data-mymex-theme="dark"] .mymex-master-crm-timeline-empty {
    color: #c7dbef;
}

[data-mymex-theme="dark"] .mymex-master-crm-toolbar-panel,
[data-mymex-theme="dark"] .mymex-master-crm-results,
[data-mymex-theme="dark"] .mymex-master-crm-card,
[data-mymex-theme="dark"] .mymex-master-crm-drawer,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-header,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-body,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-hero,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel {
    border-color: rgba(117, 196, 255, .18);
}

[data-mymex-theme="dark"] .mymex-master-crm-toolbar-panel,
[data-mymex-theme="dark"] .mymex-master-crm-card,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-hero,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel {
    background: linear-gradient(145deg, rgba(9, 34, 66, .96), rgba(4, 19, 40, .96));
    box-shadow: 0 18px 46px rgba(0, 7, 20, .26);
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer {
    background: #04162d;
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer-body {
    background: linear-gradient(180deg, rgba(4, 18, 38, .98), rgba(3, 13, 29, .98));
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer-header {
    background: rgba(5, 24, 49, .98);
}

[data-mymex-theme="dark"] .mymex-master-crm-card > footer,
[data-mymex-theme="dark"] .mymex-master-crm-contact-list > div,
[data-mymex-theme="dark"] .mymex-master-crm-profile,
[data-mymex-theme="dark"] .mymex-master-crm-profile dl > div {
    border-color: rgba(117, 196, 255, .13);
}

[data-mymex-theme="dark"] .mymex-master-crm-card > footer {
    background: rgba(4, 20, 42, .9);
}

[data-mymex-theme="dark"] .mymex-master-crm-toolbar input,
[data-mymex-theme="dark"] .mymex-master-crm-toolbar select,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel input,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel select,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel textarea {
    border-color: rgba(117, 196, 255, .24);
    color: #f7fbff;
    background: rgba(3, 18, 39, .96);
}

[data-mymex-theme="dark"] .mymex-master-crm-toolbar input::placeholder,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel input::placeholder,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel textarea::placeholder {
    color: rgba(199, 219, 239, .68);
}

[data-mymex-theme="dark"] .mymex-master-crm-toolbar select option,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-panel select option {
    color: #f7fbff;
    background: #04162d;
}

[data-mymex-theme="dark"] .mymex-master-crm-pipeline a {
    color: #d9ecff;
    border-color: rgba(117, 196, 255, .18);
    background: rgba(7, 29, 56, .92);
}

[data-mymex-theme="dark"] .mymex-master-crm-pipeline a:not(.is-active) strong,
[data-mymex-theme="dark"] .mymex-master-crm-pipeline a:not(.is-active) span {
    color: #d9ecff;
}

[data-mymex-theme="dark"] .mymex-master-crm-metrics small,
[data-mymex-theme="dark"] .mymex-master-crm-metrics span {
    color: #c7dbef;
}

[data-mymex-theme="dark"] .mymex-master-crm-metrics strong {
    color: #ffffff;
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer-close {
    color: #f7fbff;
    border-color: rgba(117, 196, 255, .22);
    background: rgba(255, 255, 255, .08);
}

[data-mymex-theme="dark"] .mymex-master-crm-drawer-close:hover,
[data-mymex-theme="dark"] .mymex-master-crm-drawer-close:focus-visible {
    color: #fff;
    background: rgba(20, 136, 231, .24);
    outline: none;
}

[data-mymex-theme="dark"] .mymex-master-crm-timeline::before {
    background: rgba(117, 196, 255, .16);
}

[data-mymex-theme="dark"] .mymex-master-crm-timeline article > span {
    border-color: #071f3b;
}

@media (max-width: 900px) {
    .mymex-master-crm-drawer {
        width: min(100vw, 760px);
        border-radius: 24px 0 0 24px;
    }

    .mymex-master-crm-drawer-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .mymex-master-crm {
        overflow-x: hidden;
    }

    .mymex-master-crm-heading,
    .mymex-master-crm-results > header,
    .mymex-master-crm-drawer-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .mymex-master-crm-metrics {
        grid-template-columns: 1fr;
    }

    .mymex-master-crm-card-main {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 14px;
    }

    .mymex-master-crm-contact,
    .mymex-master-crm-next,
    .mymex-master-crm-card-actions {
        grid-column: 1 / -1;
    }

    .mymex-master-crm-drawer {
        width: 100vw;
        border-radius: 0;
    }

    .mymex-master-crm-drawer-header {
        padding: 18px;
    }

    .mymex-master-crm-drawer-body {
        padding: 14px 14px calc(24px + env(safe-area-inset-bottom));
    }

    .mymex-master-crm-contact-list > div,
    .mymex-master-crm-profile dl > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

/* 2026-07-31 production contrast closure: workspace media controls and the
   lead-centre drawer are rendered outside several legacy light-only surfaces. */
.tenant-brand-icon-button.is-neutral {
    color: #31577d;
    border-color: rgba(49, 87, 125, .24);
    background: #edf3f8;
}

.tenant-brand-icon-button.is-danger {
    color: #fff;
    border-color: #a43b32;
    background: #a43b32;
}

.tenant-brand-icon-button.is-danger:hover,
.tenant-brand-icon-button.is-danger:focus-visible {
    color: #fff;
    border-color: #7f2b25;
    background: #8d312a;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-upload {
    border-color: rgba(124, 190, 255, .2);
    background: rgba(4, 20, 42, .88);
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button:hover,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button:focus-visible {
    color: #fff;
    border-color: rgba(118, 211, 255, .58);
    background: #123f68;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button.is-danger {
    color: #fff;
    border-color: #d8685f;
    background: #9d3935;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button.is-danger:hover,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button.is-danger:focus-visible {
    color: #fff;
    border-color: #ff9d95;
    background: #b94740;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-icon-button.is-neutral {
    color: #dff2ff;
    border-color: rgba(143, 204, 255, .34);
    background: #173b5d;
}

[data-mymex-theme="dark"] .tenant-header-mode-form {
    border-color: rgba(124, 190, 255, .2);
    background: rgba(4, 20, 42, .9);
}

[data-mymex-theme="dark"] .tenant-header-mode-option > span {
    color: #eef7ff;
    border-color: rgba(124, 190, 255, .22);
    background: linear-gradient(145deg, #0b2a49, #071d36);
    box-shadow: inset 0 1px 0 rgba(164, 220, 255, .05);
}

[data-mymex-theme="dark"] .tenant-header-mode-option i {
    color: #9de7ff;
    background: rgba(18, 78, 122, .72);
}

[data-mymex-theme="dark"] .tenant-header-mode-option strong {
    color: #f7fbff;
}

[data-mymex-theme="dark"] .tenant-header-mode-option small {
    color: #b4c9dd;
}

[data-mymex-theme="dark"] .tenant-header-mode-option > input:checked + span {
    border-color: #42bdf7;
    background: linear-gradient(145deg, #124b72, #0a3154);
    box-shadow: 0 0 0 3px rgba(66, 189, 247, .14), 0 16px 34px rgba(0, 7, 20, .34);
}

[data-mymex-theme="dark"] .tenant-header-file-drop {
    color: #eaf6ff;
    border-color: rgba(120, 199, 255, .5);
    background: rgba(8, 34, 62, .94);
}

[data-mymex-theme="dark"] .tenant-header-file-drop:hover,
[data-mymex-theme="dark"] .tenant-header-file-drop:focus-within {
    border-color: #55c8ff;
    background: #0d3b63;
}

[data-mymex-theme="dark"] .tenant-header-file-drop strong {
    color: #9de7ff;
}

[data-mymex-theme="dark"] .tenant-header-file-drop small,
[data-mymex-theme="dark"] .tenant-header-file-summary,
[data-mymex-theme="dark"] .tenant-header-media-empty p {
    color: #b4c9dd;
}

[data-mymex-theme="dark"] .tenant-header-file-summary,
[data-mymex-theme="dark"] .tenant-header-media-empty {
    border-color: rgba(124, 190, 255, .24);
    background: rgba(3, 17, 35, .68);
}

[data-mymex-theme="dark"] .tenant-header-media-empty strong {
    color: #f7fbff;
}

[data-mymex-theme="dark"] .tenant-header-media-library-head .tenant-settings-detail-pill {
    color: #dff7eb;
    border: 1px solid rgba(90, 220, 166, .3);
    background: rgba(20, 103, 72, .4);
}

[data-mymex-theme="dark"] .tenant-header-media-archive,
[data-mymex-theme="dark"] .tenant-header-media-archive summary {
    color: #eaf6ff;
    border-color: rgba(124, 190, 255, .2);
    background: rgba(5, 23, 45, .86);
}

/* Workspace email setup: an unset tenant footer is intentionally blank. */
.tenant-email-footer-picker:not(.has-image) {
    display: flex;
    justify-content: flex-start;
}

.tenant-email-footer-picker:not(.has-image) .tenant-email-footer-image {
    display: none;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-smtp-status,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-toggle-row,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-email-connection-steps > span,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-email-footer-picker {
    color: #c8d9e9;
    border-color: rgba(124, 190, 255, .24);
    background: rgba(5, 24, 47, .9);
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-smtp-status strong,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-toggle-row strong,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-email-connection-steps b {
    color: #f5faff;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-smtp-status small,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-toggle-row small,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-email-connection-steps small,
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-email-footer-field > small {
    color: #b4c9dd;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-smtp-status.is-passed {
    color: #a9efd0;
    border-color: rgba(74, 218, 156, .36);
    background: rgba(13, 83, 59, .5);
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-smtp-status.is-passed strong {
    color: #d9ffed;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-smtp-status.is-pending {
    color: #ffd89a;
    border-color: rgba(238, 169, 69, .38);
    background: rgba(102, 58, 8, .54);
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-smtp-status.is-pending strong {
    color: #fff2d8;
}

[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-email-footer-image {
    color: #b4c9dd;
    border-color: rgba(124, 190, 255, .34);
    background: #04162c;
}

/* Cross-workspace WCAG contrast closure found by the dark-route audit. */
.mymex-jarvis-launcher {
    background: linear-gradient(135deg, #03172c 5%, #05345f 62%, #07527a);
}

.mymex-jarvis-launcher-copy small {
    color: #d5efff;
}

[data-mymex-theme="dark"] .tenant-overview-metric-views > span {
    color: #b9aaff;
}

[data-mymex-theme="dark"] .tenant-overview-metric-leads > span,
[data-mymex-theme="dark"] .tenant-overview-state.is-live {
    color: #75e5b1;
}

[data-mymex-theme="dark"] .tenant-profile-switcher a.is-active {
    color: #fff;
    background: #07558f;
}

[data-mymex-theme="dark"] .tenant-analytics-heading-badge,
[data-mymex-theme="dark"] .tenant-chart-key span,
[data-mymex-theme="dark"] .tenant-analytics-page-grid > article {
    color: #eaf4ff;
    border-color: rgba(124, 190, 255, .22);
    background: linear-gradient(145deg, rgba(9, 36, 67, .96), rgba(5, 22, 44, .96));
    box-shadow: 0 16px 38px rgba(0, 7, 20, .24);
}

[data-mymex-theme="dark"] .tenant-analytics-heading-badge strong,
[data-mymex-theme="dark"] .tenant-chart-key strong,
[data-mymex-theme="dark"] .tenant-analytics-page-name strong,
[data-mymex-theme="dark"] .tenant-analytics-page-metric strong,
[data-mymex-theme="dark"] .tenant-analytics-ctr strong {
    color: #f4f9ff;
}

[data-mymex-theme="dark"] .tenant-analytics-heading-badge small,
[data-mymex-theme="dark"] .tenant-chart-key span,
[data-mymex-theme="dark"] .tenant-analytics-page-name small,
[data-mymex-theme="dark"] .tenant-analytics-page-metric small,
[data-mymex-theme="dark"] .tenant-analytics-ctr small,
[data-mymex-theme="dark"] .tenant-analytics-workflow-grid article > span {
    color: #b8ccdf;
}

[data-mymex-theme="dark"] .tenant-analytics-metric > em.is-flat {
    color: #d8e7f5;
    background: #173a5d;
}

[data-mymex-theme="dark"] .tenant-analytics-data-note {
    color: #7ce7bc;
    border-color: rgba(87, 224, 168, .3);
    background: rgba(19, 105, 75, .28);
}

[data-mymex-theme="dark"] .tenant-analytics-page-name > span {
    color: #d9eeff;
    background: color-mix(in srgb, var(--page-accent) 18%, #071a33);
}

[data-mymex-theme="dark"] .tenant-analytics-ctr::before {
    background: #071a33;
}

[data-mymex-theme="dark"] .tenant-analytics-page-bar,
[data-mymex-theme="dark"] .tenant-chart-legend > div > em {
    background: #173551;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-inbox-summary button,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-inbox-tabs,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-inbox-tabs button,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-main .ford-crm-action-form,
[data-mymex-theme="dark"] .tenant-crm-bridge #fordMessageForm,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-compose-route,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-confirm-row,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-permission-note,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-consent-badge,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-transport-status {
    color: #edf7ff !important;
    border-color: rgba(124, 190, 255, .24) !important;
    background: linear-gradient(145deg, #0a2b4d, #071c36) !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-inbox-summary em,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-compose-steps b,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-history-toggle button {
    color: #c1d5e8 !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-compose-steps b {
    color: #dcefff !important;
    background: #17446d !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-compose-steps span.is-active {
    color: #f7fbff !important;
    background: #07558f !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-compose-steps span.is-active b {
    color: #fff !important;
    background: #043d6a !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-history-toggle button.is-active {
    color: #fff !important;
    background: #064875 !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-inbox-tabs button.is-active {
    color: #fff !important;
    background: #07558f !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-inbox-tabs button span {
    color: #d8ebfa !important;
    background: #173b5b !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-inbox-tabs button.is-active span {
    color: #052b4d !important;
    background: #eaf6ff !important;
}

[data-mymex-theme="dark"] .tenant-content-live-state > span {
    color: #79e4b7;
}

[data-mymex-theme="dark"] .tenant-content-more,
[data-mymex-theme="dark"] .tenant-content-history > header > a {
    color: #d8efff;
    border-color: rgba(124, 190, 255, .22);
    background: #0b3154;
}

[data-mymex-theme="dark"] .tenant-content-notify-button {
    background: linear-gradient(135deg, #075d9f, #08718c);
}

[data-mymex-theme="dark"] .tenant-push-live-count {
    border-color: rgba(74, 218, 156, .28);
    background: linear-gradient(145deg, rgba(10, 74, 55, .94), rgba(5, 33, 39, .94));
    box-shadow: 0 16px 36px rgba(0, 8, 18, .24);
}

[data-mymex-theme="dark"] .tenant-push-live-count strong {
    color: #f2fff9;
}

[data-mymex-theme="dark"] .tenant-push-live-count small {
    color: #bfe3d3;
}

[data-mymex-theme="dark"] .tenant-push-guide ol b {
    color: #fff;
    background: #07558f;
}

[data-mymex-theme="dark"] .tenant-settings-welcome .tenant-eyebrow {
    color: #a8e5ff;
}

[data-mymex-theme="dark"] .tenant-settings-welcome-actions > span {
    color: #e4f2ff;
}

.tenant-capacity-alert {
    position: fixed;
    z-index: 1085;
    left: calc(var(--tenant-sidebar-width, 252px) + 24px);
    bottom: 22px;
    width: min(620px, calc(100vw - var(--tenant-sidebar-width, 252px) - 220px));
    padding: 17px 54px 17px 17px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    border: 1px solid #e5bd67;
    border-radius: 20px;
    color: #392405;
    background: linear-gradient(145deg, #fff9e8, #ffefc2);
    box-shadow: 0 24px 70px rgba(36, 24, 4, .24);
    transition: opacity .2s ease, transform .2s ease;
}

.tenant-capacity-alert.is-full {
    border-color: #e29288;
    color: #4e1512;
    background: linear-gradient(145deg, #fff2f0, #ffd9d4);
}

.tenant-capacity-alert.is-dismissed {
    opacity: 0;
    transform: translateY(12px);
}

.tenant-capacity-alert[hidden] {
    display: none !important;
}

.tenant-capacity-alert > button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    color: currentColor;
    background: rgba(255,255,255,.58);
    font: inherit;
    font-size: 22px;
    cursor: pointer;
}

.tenant-capacity-alert-icon,
.tenant-capacity-inline > span,
.tenant-capacity-gate > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #754804;
    background: rgba(212, 137, 19, .17);
}

.tenant-capacity-alert.is-full .tenant-capacity-alert-icon,
.tenant-capacity-inline.is-full > span,
.tenant-capacity-gate > span {
    color: #9e3129;
    background: rgba(193, 62, 52, .14);
}

.tenant-capacity-alert svg,
.tenant-capacity-inline svg,
.tenant-capacity-gate svg {
    width: 24px;
    height: 24px;
}

.tenant-capacity-alert > div,
.tenant-capacity-inline > div,
.tenant-capacity-gate > div {
    min-width: 0;
}

.tenant-capacity-alert small,
.tenant-capacity-gate small {
    display: block;
    margin-bottom: 3px;
    color: inherit;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.tenant-capacity-alert strong {
    display: block;
    font-size: 15px;
}

.tenant-capacity-alert p,
.tenant-capacity-inline p,
.tenant-capacity-gate p {
    margin: 5px 0 0;
    color: inherit;
    font-size: 11px;
    line-height: 1.45;
}

.tenant-capacity-inline,
.tenant-capacity-gate {
    margin-bottom: 18px;
    padding: 18px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    border-color: #e5bd67;
    background: #fff9e9;
}

.tenant-capacity-inline.is-full,
.tenant-capacity-gate {
    border-color: #ebaaa3;
    background: #fff4f2;
}

.tenant-capacity-gate {
    max-width: 780px;
    margin-inline: auto;
    grid-template-columns: 56px minmax(0, 1fr);
}

.tenant-capacity-gate > .tenant-actions {
    grid-column: 2;
}

.tenant-capacity-gate h2 {
    margin: 0;
}

[data-mymex-theme="dark"] .tenant-capacity-alert,
[data-mymex-theme="dark"] .tenant-capacity-inline,
[data-mymex-theme="dark"] .tenant-capacity-gate {
    color: #ffe8b0;
    border-color: rgba(238, 183, 76, .4);
    background: linear-gradient(145deg, #4a3410, #241d13);
    box-shadow: 0 24px 70px rgba(0, 5, 14, .5);
}

[data-mymex-theme="dark"] .tenant-capacity-alert.is-full,
[data-mymex-theme="dark"] .tenant-capacity-inline.is-full,
[data-mymex-theme="dark"] .tenant-capacity-gate {
    color: #ffd8d4;
    border-color: rgba(240, 116, 106, .42);
    background: linear-gradient(145deg, #4b201f, #241516);
}

.mymex-card-created-success {
    margin-bottom: 20px;
    padding: clamp(20px, 3vw, 30px);
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    overflow: hidden;
    color: #ecfff6;
    border-color: rgba(79, 230, 165, .42);
    background:
        radial-gradient(circle at 10% 0%, rgba(51, 220, 160, .22), transparent 34%),
        linear-gradient(145deg, #073b31, #06233b);
    box-shadow: 0 24px 64px rgba(3, 27, 34, .26);
}

.mymex-card-created-check {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 23px;
    color: #063421;
    background: linear-gradient(145deg, #eafff4, #35dda0);
    box-shadow: 0 0 0 8px rgba(53, 221, 160, .11);
}

.mymex-card-created-check svg {
    width: 36px;
    height: 36px;
}

.mymex-card-created-success small {
    color: #8cf1ca;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mymex-card-created-success h1 {
    margin: 5px 0 7px;
    color: #fff;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.05;
}

.mymex-card-created-success p {
    max-width: 740px;
    margin: 0;
    color: #c7e3db;
    line-height: 1.55;
}

.mymex-card-created-actions {
    display: grid;
    gap: 8px;
}

@media (max-width: 900px) {
    .tenant-capacity-alert {
        left: 14px;
        right: 14px;
        bottom: 82px;
        width: auto;
    }
}

@media (max-width: 700px) {
    .tenant-capacity-alert,
    .tenant-capacity-inline,
    .tenant-capacity-gate,
    .mymex-card-created-success {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .tenant-capacity-alert {
        padding: 17px 50px 17px 17px;
    }

    .tenant-capacity-alert .tenant-button,
    .tenant-capacity-inline .tenant-button,
    .tenant-capacity-gate .tenant-button,
    .mymex-card-created-actions .tenant-button {
        width: 100%;
        justify-content: center;
    }

    .tenant-capacity-gate > .tenant-actions {
        grid-column: 1;
    }

    .mymex-card-created-actions {
        width: 100%;
    }
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-modal {
    color: #eef7ff;
    border-color: rgba(130, 199, 255, .24);
    background: linear-gradient(180deg, #071b35 0%, #041327 100%);
    box-shadow: 0 36px 110px rgba(0, 4, 14, .72);
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-head,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-top-actions {
    border-color: rgba(130, 199, 255, .16);
    background: #071b35;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-body {
    background: #041327;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-title h2,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-summary h3,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-info-grid strong,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-rail button strong {
    color: #f7fbff !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-title p,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-summary p,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-info-grid span,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-rail > strong {
    color: #b9cfe4 !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-kicker {
    color: #9de7ff !important;
    border-color: rgba(117, 196, 255, .35);
    background: rgba(14, 69, 111, .68);
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-icon,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-close,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-top-actions a,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-top-actions button,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-rail button,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-temp-buttons button {
    color: #e9f5ff !important;
    border-color: rgba(132, 203, 255, .24);
    background: #0b2a4b;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-top-actions .ford-lead-centre-primary,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-primary {
    color: #fff !important;
    border-color: transparent;
    background: linear-gradient(180deg, #238fc4, #17658e);
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-rail,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-side > section,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-info-grid article,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-side .ford-crm-followup-list,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-summary {
    color: #eef7ff;
    border-color: rgba(130, 199, 255, .18);
    background: rgba(7, 27, 51, .96) !important;
    box-shadow: 0 14px 34px rgba(0, 6, 18, .3);
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-rail button.is-active,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-rail button:hover {
    color: #fff !important;
    border-color: #3ba9ef;
    background: #0e568e;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-main .ford-secondary-btn,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-lifecycle-actions .ford-secondary-btn {
    color: #eaf6ff !important;
    border-color: rgba(132, 203, 255, .3) !important;
    background: #123b62 !important;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-temp-buttons button.is-active[data-ford-temp="cold"] {
    color: #dff5ff !important;
    border-color: #38a4d8;
    background: #0d527b;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-temp-buttons button.is-active[data-ford-temp="warm"] {
    color: #fff4df !important;
    border-color: #e99a42;
    background: #7c420b;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-temp-buttons button.is-active[data-ford-temp="hot"] {
    color: #ffe9ec !important;
    border-color: #e56b78;
    background: #7f2934;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-pill,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-temp,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-centre-pills > span:not(.ford-crm-pill):not(.ford-crm-temp),
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-tag-row span {
    color: #dff2ff !important;
    border-color: rgba(132, 203, 255, .26);
    background: #113a60;
}

[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-form-status[data-tone="success"] { color: #7ce6b2 !important; }
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-form-status[data-tone="error"] { color: #ff9d97 !important; }
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-form-status[data-tone="info"] { color: #8edbff !important; }

.mymex-payment-status-grid .ford-panel > strong {
    display: block;
    margin: 7px 0 5px;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1;
}

@media (max-width: 760px) {
    .mymex-payment-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .mymex-payment-status-grid {
        grid-template-columns: 1fr;
    }
}

/* PayPal environment control and platform-wide runtime health. */
.mymex-paypal-header-status {
    min-height: 44px;
    padding: 7px 11px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #cbdbea;
    border-radius: 14px;
    color: #294762;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 8px 22px rgba(21, 62, 99, .08);
    text-decoration: none;
    white-space: nowrap;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mymex-paypal-header-status:hover,
.mymex-paypal-header-status:focus-visible {
    transform: translateY(-1px);
    outline: none;
}

.mymex-paypal-header-status > i {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 50%;
    background: #dc3e3e;
    box-shadow: 0 0 0 5px rgba(220, 62, 62, .13);
}

.mymex-paypal-header-status > span { display: grid; gap: 1px; }
.mymex-paypal-header-status > span small { color: inherit; font-size: 8px; line-height: 1; }
.mymex-paypal-header-status > span strong { margin: 0; color: inherit; font-size: 10px; letter-spacing: .04em; line-height: 1.1; }
.mymex-paypal-header-status > b { display: none; color: inherit; font-size: 9px; letter-spacing: .06em; }
.mymex-paypal-header-status.is-live { color: #08774e; border-color: rgba(16, 166, 90, .3); background: #eafaf3; }
.mymex-paypal-header-status.is-live > i { background: #10a65a; box-shadow: 0 0 0 5px rgba(16, 166, 90, .14), 0 0 16px rgba(16, 166, 90, .32); }
.mymex-paypal-header-status.is-sandbox { color: #855700; border-color: rgba(217, 143, 16, .34); background: #fff7de; }
.mymex-paypal-header-status.is-sandbox > i { background: #e09a20; box-shadow: 0 0 0 5px rgba(224, 154, 32, .15), 0 0 16px rgba(224, 154, 32, .25); }
.mymex-paypal-header-status.is-setup { color: #075a94; border-color: rgba(32, 155, 220, .34); background: #eaf7ff; }
.mymex-paypal-header-status.is-setup > i { background: #159ce5; box-shadow: 0 0 0 5px rgba(21, 156, 229, .14), 0 0 16px rgba(21, 156, 229, .24); }
.mymex-paypal-header-status.is-error { color: #a62f35; border-color: rgba(220, 62, 62, .33); background: #fff0f0; }

.tenant-integration-status.is-live { color: #087c57; background: #e9fbf3; }
.tenant-integration-status.is-live::before { background: #10a65a; box-shadow: 0 0 0 4px rgba(16, 166, 90, .12); }
.tenant-integration-status.is-sandbox { color: #855700; background: #fff5d8; }
.tenant-integration-status.is-sandbox::before { background: #e09a20; box-shadow: 0 0 0 4px rgba(224, 154, 32, .13); }
.tenant-integration-status.is-error { color: #ae3238; background: #fff0f0; }
.tenant-integration-status.is-error::before { background: #dc3e3e; box-shadow: 0 0 0 4px rgba(220, 62, 62, .12); }

.mymex-paypal-mode-panel {
    margin-top: 22px;
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    border: 1px solid #d3e1ed;
    border-left: 4px solid #dc3e3e;
    border-radius: 18px;
    background: linear-gradient(145deg, #fbfdff, #f3f8fc);
}

.mymex-paypal-mode-panel.is-live { border-left-color: #10a65a; }
.mymex-paypal-mode-panel.is-sandbox { border-left-color: #e09a20; }
.mymex-paypal-mode-copy { min-width: 0; display: grid; gap: 5px; }
.mymex-paypal-mode-copy strong { color: var(--tenant-ink); font-size: 17px; }
.mymex-paypal-mode-copy p { margin: 0; color: var(--tenant-muted); font-size: 12px; line-height: 1.5; }
.mymex-paypal-mode-form { display: flex; align-items: center; gap: 9px; }
.mymex-paypal-mode-label { color: #7b8ca0; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.mymex-paypal-mode-label.is-active { color: var(--tenant-ink); }

.mymex-paypal-mode-switch {
    position: relative;
    width: 62px;
    height: 44px;
    flex: 0 0 62px;
    cursor: pointer;
}

.mymex-paypal-mode-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.mymex-paypal-mode-switch > span {
    position: absolute;
    inset: 5px 0;
    border: 1px solid rgba(169, 107, 0, .25);
    border-radius: 999px;
    background: #e09a20;
    box-shadow: inset 0 2px 5px rgba(88, 54, 0, .18);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mymex-paypal-mode-switch > span::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 8px rgba(27, 46, 66, .28);
    transition: transform .18s ease;
}

.mymex-paypal-mode-switch input:checked + span { border-color: rgba(5, 117, 73, .3); background: #10a65a; }
.mymex-paypal-mode-switch input:checked + span::after { transform: translateX(28px); }
.mymex-paypal-mode-switch input:focus-visible + span { outline: 3px solid rgba(23, 126, 201, .3); outline-offset: 3px; }
.mymex-paypal-mode-panel.is-error .mymex-paypal-mode-switch > span { border-color: rgba(166, 47, 53, .35); background: #dc3e3e; }
.mymex-paypal-credential-tabs { margin-top: 16px; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.mymex-paypal-credential-tabs > span { margin-right: 3px; color: var(--tenant-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.mymex-paypal-credential-tabs .tenant-button { min-height: 40px; }
.mymex-paypal-mode-form .tenant-button { min-height: 44px; }

[data-mymex-theme="dark"] .mymex-paypal-header-status {
    color: #d9ecfb;
    border-color: rgba(120, 190, 241, .22);
    background: rgba(7, 29, 55, .94);
    box-shadow: 0 9px 25px rgba(0, 7, 20, .28);
}

[data-mymex-theme="dark"] .mymex-paypal-header-status.is-live { color: #8cf0bc; border-color: rgba(49, 206, 128, .35); background: rgba(7, 63, 46, .72); }
[data-mymex-theme="dark"] .mymex-paypal-header-status.is-sandbox { color: #ffe09a; border-color: rgba(238, 175, 54, .38); background: rgba(74, 48, 8, .76); }
[data-mymex-theme="dark"] .mymex-paypal-header-status.is-setup { color: #a8e3ff; border-color: rgba(71, 184, 244, .38); background: rgba(12, 55, 83, .76); }
[data-mymex-theme="dark"] .mymex-paypal-header-status.is-error { color: #ffaaa5; border-color: rgba(239, 91, 83, .38); background: rgba(80, 25, 30, .76); }
[data-mymex-theme="dark"] .mymex-paypal-mode-panel { border-color: rgba(120, 190, 241, .2); background: linear-gradient(145deg, rgba(7, 31, 59, .98), rgba(4, 21, 43, .98)); }
[data-mymex-theme="dark"] .mymex-paypal-mode-copy strong,
[data-mymex-theme="dark"] .mymex-paypal-mode-label.is-active { color: #f4f9ff; }
[data-mymex-theme="dark"] .mymex-paypal-mode-copy p,
[data-mymex-theme="dark"] .mymex-paypal-credential-tabs > span { color: #b8d0e5; }
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-returning-badge { color: #9de1ff !important; border-color: rgba(75, 189, 240, .42); background: rgba(13, 86, 126, .5); }
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-customer-context { border-color: rgba(75, 189, 240, .35) !important; background: linear-gradient(135deg, rgba(8, 57, 91, .92), rgba(5, 35, 66, .96)) !important; }
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-customer-context > span { color: #9de1ff; background: rgba(17, 113, 162, .42); }
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-customer-context strong { color: #f3f9ff; }
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-customer-context p { color: #bcd6ea; }
[data-mymex-theme="dark"] .tenant-integration-status.is-live { color: #92efbd; background: rgba(8, 80, 55, .62); }
[data-mymex-theme="dark"] .tenant-integration-status.is-sandbox { color: #ffe09a; background: rgba(86, 56, 8, .7); }
[data-mymex-theme="dark"] .tenant-integration-status.is-error { color: #ffaaa5; background: rgba(91, 28, 34, .7); }

@media (max-width: 1120px) {
    .mymex-paypal-header-status > span { display: none; }
    .mymex-paypal-header-status > b { display: block; }
}

@media (max-width: 760px) {
    .mymex-paypal-header-status { min-width: 44px; width: 44px; height: 44px; padding: 0; justify-content: center; }
    .mymex-paypal-header-status > i { width: 12px; height: 12px; flex-basis: 12px; }
    .mymex-paypal-header-status > b { display: none; }
    .mymex-paypal-mode-panel { grid-template-columns: 1fr; padding: 16px; }
    .mymex-paypal-mode-form { width: 100%; display: grid; grid-template-columns: auto 62px auto minmax(0, 1fr); }
    .mymex-paypal-mode-form .tenant-button { justify-self: end; }
}

@media (max-width: 480px) {
    .mymex-paypal-mode-form { grid-template-columns: auto 62px auto; justify-content: start; }
    .mymex-paypal-mode-form .tenant-button { width: 100%; grid-column: 1 / -1; justify-self: stretch; }
    .mymex-paypal-credential-tabs { display: grid; grid-template-columns: 1fr 1fr; }
    .mymex-paypal-credential-tabs > span { grid-column: 1 / -1; }
    .mymex-paypal-credential-tabs .tenant-button { width: 100%; }
}

/* Clear, accessible result popup for save and publish actions. */
.mymex-result-dialog {
    position: fixed;
    inset: 50% auto auto 50%;
    width: min(460px, calc(100vw - 32px));
    max-height: min(620px, calc(100dvh - 32px));
    margin: 0;
    padding: 28px;
    overflow: auto;
    transform: translate(-50%, -50%);
    color: #10243d;
    border: 1px solid #c9dbea;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 32px 100px rgba(0, 19, 43, .34);
    text-align: center;
    z-index: 10020;
}
.mymex-result-dialog::backdrop { background: rgba(2, 15, 31, .68); backdrop-filter: blur(7px); }
.mymex-result-dialog .tenant-eyebrow { display: block; margin: 14px 0 7px; }
.mymex-result-dialog h2 { margin: 0; color: #10243d; font-size: clamp(24px, 4vw, 32px); line-height: 1.08; }
.mymex-result-dialog p { margin: 14px auto 22px; color: #526b84; font-size: 15px; line-height: 1.55; }
.mymex-result-dialog > .tenant-button { min-width: 130px; justify-content: center; }
.mymex-result-dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mymex-result-dialog-actions .tenant-button { width: 100%; min-height: 44px; justify-content: center; }
.mymex-result-dialog-icon { width: 62px; height: 62px; margin: 0 auto; display: grid; place-items: center; border-radius: 19px; }
.mymex-result-dialog-icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.mymex-result-dialog.is-success .mymex-result-dialog-icon { color: #08794e; background: #e4f9ef; }
.mymex-result-dialog.is-error .mymex-result-dialog-icon { color: #a12a21; background: #fff0ed; }
.mymex-result-dialog.is-trial .mymex-result-dialog-icon { color: #075b3c; background: #e1f8ed; box-shadow: 0 0 0 9px rgba(25,190,123,.09); }
.tenant-trial-alert { border-color: #9bdcc0; background: linear-gradient(135deg,#f2fcf7,#edf8ff); }
.tenant-trial-alert .tenant-capacity-alert-icon { color: #08794e; background: #dff7ea; }
[data-mymex-theme="dark"] .tenant-trial-alert { border-color: #235f4c; background: linear-gradient(135deg,#092b25,#09243b); }
[data-mymex-theme="dark"] .mymex-result-dialog.is-trial .mymex-result-dialog-icon { color: #82edbb; background: rgba(10,104,71,.48); }
.mymex-result-dialog.is-publish-success {
    overflow-x: hidden;
    border-color: rgba(63, 213, 155, .5);
    background:
        radial-gradient(circle at 10% 0%, rgba(52, 211, 153, .17), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(56, 189, 248, .14), transparent 32%),
        #fff;
    animation: mymexPublishDialogIn .4s cubic-bezier(.2,.78,.2,1) both;
}
.mymex-result-dialog.is-publish-success .mymex-result-dialog-icon {
    position: relative;
    box-shadow: 0 0 0 9px rgba(25, 190, 123, .1), 0 18px 38px rgba(25, 190, 123, .18);
}
.mymex-result-dialog.is-publish-success .mymex-result-dialog-icon::before,
.mymex-result-dialog.is-publish-success .mymex-result-dialog-icon::after {
    content: "";
    position: absolute;
    inset: -9px;
    border: 1px solid rgba(25, 190, 123, .36);
    border-radius: 25px;
    animation: mymexPublishDialogRing 2.6s ease-out infinite;
}
.mymex-result-dialog.is-publish-success .mymex-result-dialog-icon::after { animation-delay: 1.3s; }
.mymex-result-confetti { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.mymex-result-confetti i { position: absolute; top: -18px; width: 8px; height: 18px; border-radius: 999px; background: #20d98a; animation: mymexPublishConfetti 2.25s ease-in-out infinite; }
.mymex-result-confetti i:nth-child(2n) { background: #38bdf8; }
.mymex-result-confetti i:nth-child(3n) { background: #facc15; }
.mymex-result-confetti i:nth-child(1) { left: 6%; animation-delay: .06s; }
.mymex-result-confetti i:nth-child(2) { left: 14%; animation-delay: .34s; }
.mymex-result-confetti i:nth-child(3) { left: 24%; animation-delay: .16s; }
.mymex-result-confetti i:nth-child(4) { left: 34%; animation-delay: .48s; }
.mymex-result-confetti i:nth-child(5) { left: 44%; animation-delay: .24s; }
.mymex-result-confetti i:nth-child(6) { left: 54%; animation-delay: .58s; }
.mymex-result-confetti i:nth-child(7) { left: 64%; animation-delay: .12s; }
.mymex-result-confetti i:nth-child(8) { left: 74%; animation-delay: .42s; }
.mymex-result-confetti i:nth-child(9) { left: 84%; animation-delay: .22s; }
.mymex-result-confetti i:nth-child(10) { left: 94%; animation-delay: .68s; }
.mymex-result-confetti i:nth-child(11) { left: 29%; animation-delay: .78s; }
.mymex-result-confetti i:nth-child(12) { left: 69%; animation-delay: .86s; }
@keyframes mymexPublishDialogIn { from { opacity: 0; transform: translate(-50%, calc(-50% + 18px)) scale(.96); } }
@keyframes mymexPublishDialogRing { 0% { opacity: .7; transform: scale(.84); } 80%,100% { opacity: 0; transform: scale(1.35); } }
@keyframes mymexPublishConfetti { 0% { opacity: 0; transform: translate3d(0,-20px,0) rotate(0deg); } 12% { opacity: 1; } 100% { opacity: 0; transform: translate3d(24px,105vh,0) rotate(420deg); } }
.mymex-result-dialog-close { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; color: #526b84; border: 1px solid #d3e0eb; border-radius: 50%; background: #f7fafc; cursor: pointer; }
.mymex-result-dialog-close span { font-size: 26px; line-height: 1; transform: translateY(-1px); }
.mymex-result-dialog-close:hover { color: #10243d; background: #edf4f8; }
.mymex-result-dialog-close:focus-visible { outline: 3px solid rgba(23, 126, 201, .28); outline-offset: 2px; }
[data-mymex-theme="dark"] .mymex-result-dialog { color: #eaf5ff; border-color: #28506f; background: #071b32; box-shadow: 0 32px 110px rgba(0, 5, 16, .68); }
[data-mymex-theme="dark"] .mymex-result-dialog h2 { color: #f4f9ff; }
[data-mymex-theme="dark"] .mymex-result-dialog p { color: #b8cee1; }
[data-mymex-theme="dark"] .mymex-result-dialog-close { color: #c4d8e8; border-color: #31536f; background: #102b45; }
[data-mymex-theme="dark"] .mymex-result-dialog-close:hover { color: #fff; background: #173b59; }
[data-mymex-theme="dark"] .mymex-result-dialog.is-success .mymex-result-dialog-icon { color: #82edbb; background: rgba(10, 104, 71, .48); }
[data-mymex-theme="dark"] .mymex-result-dialog.is-error .mymex-result-dialog-icon { color: #ffaaa2; background: rgba(125, 36, 40, .46); }
[data-mymex-theme="dark"] .mymex-result-dialog.is-publish-success { border-color: rgba(61, 217, 160, .42); background: radial-gradient(circle at 10% 0%, rgba(52, 211, 153, .16), transparent 34%), radial-gradient(circle at 90% 10%, rgba(56, 189, 248, .14), transparent 32%), #071b32; }

@media (max-width: 520px) {
    .mymex-result-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 25px 20px 22px; border-radius: 20px; }
    .mymex-result-dialog h2 { padding: 0 18px; }
    .mymex-result-dialog-actions { grid-template-columns: 1fr; }
}

@media (max-height: 620px) and (orientation: landscape) {
    .mymex-result-dialog { width: min(700px, calc(100vw - 24px)); padding: 22px 68px 20px 22px; text-align: left; }
    .mymex-result-dialog-icon { margin: 0; }
    .mymex-result-dialog .tenant-eyebrow { margin-top: 10px; }
    .mymex-result-dialog h2 { font-size: 25px; }
    .mymex-result-dialog p { margin: 10px 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .mymex-result-dialog::backdrop { backdrop-filter: none; }
    .mymex-result-dialog.is-publish-success,
    .mymex-result-dialog.is-publish-success .mymex-result-dialog-icon::before,
    .mymex-result-dialog.is-publish-success .mymex-result-dialog-icon::after,
    .mymex-result-confetti i { animation: none !important; }
    .mymex-result-confetti { display: none; }
}

/* 2026-08-06 tenant-wide first-run, empty-state and dark-mode closure. */
.tenant-workspace-setup-modal {
    z-index: 3200;
    padding: clamp(14px, 3vw, 34px);
    background:
        radial-gradient(circle at 18% 14%, rgba(30, 230, 169, .12), transparent 28rem),
        rgba(1, 10, 24, .82);
}
.tenant-workspace-setup-panel {
    position: relative;
    width: min(920px, 100%);
    max-height: calc(100dvh - clamp(28px, 6vw, 68px));
    padding: clamp(24px, 4vw, 42px);
    overflow-x: hidden;
    color: #eef8ff;
    border-color: rgba(79, 224, 183, .38);
    background:
        linear-gradient(rgba(124, 205, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 205, 255, .045) 1px, transparent 1px),
        radial-gradient(circle at 94% 2%, rgba(53, 217, 255, .18), transparent 24rem),
        linear-gradient(145deg, #06182f, #092543 58%, #073a49);
    background-size: 48px 48px, 48px 48px, auto, auto;
    box-shadow: 0 38px 120px rgba(0, 7, 20, .58), inset 0 1px 0 rgba(196, 239, 255, .08);
}
.tenant-workspace-setup-panel::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -120px;
    width: 290px;
    height: 290px;
    pointer-events: none;
    border-radius: 50%;
    background: rgba(35, 224, 166, .12);
    filter: blur(52px);
}
.tenant-workspace-setup-header {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}
.tenant-workspace-setup-mark {
    width: 76px;
    height: 76px;
    padding: 11px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #7deac3;
    border: 1px solid rgba(115, 229, 201, .35);
    border-radius: 23px;
    background: rgba(9, 48, 72, .76);
    box-shadow: 0 0 0 8px rgba(55, 224, 176, .05), 0 18px 45px rgba(0, 8, 22, .3);
}
.tenant-workspace-setup-mark img,
.tenant-workspace-setup-mark svg { width: 100%; height: 100%; display: block; object-fit: contain; }
.tenant-workspace-setup-status {
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #b8f7df;
    border: 1px solid rgba(71, 220, 165, .28);
    border-radius: 999px;
    background: rgba(12, 102, 72, .28);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.tenant-workspace-setup-status i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #32e6a7;
    box-shadow: 0 0 0 5px rgba(50, 230, 167, .1), 0 0 16px rgba(50, 230, 167, .62);
}
.tenant-workspace-setup-panel .tenant-eyebrow { color: #7ddcff; }
.tenant-workspace-setup-panel h2 {
    margin: 7px 0 10px;
    color: #fff;
    font-size: clamp(32px, 5vw, 50px);
    line-height: 1;
    letter-spacing: -.045em;
}
.tenant-workspace-setup-panel header p {
    max-width: 690px;
    margin: 0;
    color: #b8cee0;
    font-size: 14px;
    line-height: 1.62;
}
.tenant-workspace-setup-progress {
    position: relative;
    z-index: 1;
    margin: 24px 0 20px;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    border: 1px solid rgba(119, 198, 255, .16);
    border-radius: 17px;
    background: rgba(2, 18, 37, .5);
}
.tenant-workspace-setup-progress span {
    min-width: 0;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #c5d9e9;
    font-size: 10px;
    font-weight: 800;
}
.tenant-workspace-setup-progress b {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: grid;
    place-items: center;
    color: #061b31;
    border-radius: 10px;
    background: linear-gradient(135deg, #38e4ad, #55cfff);
}
.tenant-workspace-setup-form {
    position: relative;
    z-index: 1;
    padding: clamp(18px, 3vw, 26px);
    border: 1px solid rgba(119, 198, 255, .17);
    border-radius: 22px;
    background: rgba(3, 19, 39, .68);
    box-shadow: inset 0 1px 0 rgba(200, 237, 255, .04);
}
.tenant-workspace-setup-form .tenant-field { min-width: 0; }
.tenant-workspace-setup-form .tenant-field label { color: #eef8ff; }
[data-mymex-theme="dark"] body.tenant-admin .tenant-workspace-setup-form input:not([type="color"]),
[data-mymex-theme="dark"] body.tenant-admin .tenant-workspace-setup-form textarea,
.tenant-workspace-setup-form input:not([type="color"]),
.tenant-workspace-setup-form textarea {
    color: #f7fbff;
    border-color: rgba(127, 202, 255, .24);
    background: rgba(7, 31, 57, .92);
}
.tenant-workspace-setup-form input:focus,
.tenant-workspace-setup-form textarea:focus {
    border-color: #42deb0;
    box-shadow: 0 0 0 4px rgba(66, 222, 176, .13);
}
.tenant-workspace-setup-form .tenant-color-input {
    border-color: rgba(127, 202, 255, .28) !important;
    background: #eaf2f8 !important;
}
.tenant-workspace-setup-form .tenant-button-primary {
    min-height: 50px;
    color: #052139;
    background: linear-gradient(110deg, #35e7ad, #43cfff);
    box-shadow: 0 16px 34px rgba(39, 217, 168, .17);
}
.tenant-workspace-setup-note {
    display: block;
    color: #9fb8cd;
    text-align: center;
    line-height: 1.45;
}

.tenant-empty-page {
    min-height: min(650px, calc(100dvh - 180px));
    padding: clamp(28px, 6vw, 72px);
    display: grid;
    place-items: center;
    align-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    border: 1px solid var(--tenant-line);
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tenant-secondary) 14%, transparent), transparent 34rem),
        var(--tenant-surface);
    box-shadow: var(--tenant-shadow);
}
.tenant-empty-page-icon {
    width: 78px;
    height: 78px;
    margin-bottom: 18px;
    padding: 20px;
    display: grid;
    place-items: center;
    color: #fff;
    border-radius: 24px;
    background: linear-gradient(145deg, var(--tenant-primary), var(--tenant-secondary));
    box-shadow: 0 20px 42px color-mix(in srgb, var(--tenant-primary) 24%, transparent);
}
.tenant-empty-page-icon svg { width: 100%; height: 100%; }
.tenant-empty-page h1 { max-width: 720px; margin: 7px 0 12px; color: var(--tenant-ink); font-size: clamp(31px, 5vw, 48px); line-height: 1.02; }
.tenant-empty-page p { max-width: 620px; margin: 0; color: var(--tenant-muted); font-size: 15px; line-height: 1.65; }
.tenant-empty-page .tenant-actions { justify-content: center; margin-top: 24px; }

/* Common night-mode text and controls: keep dark surfaces light and deliberate. */
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .tenant-main .tenant-eyebrow {
    color: #79ddff;
    text-shadow: 0 0 18px rgba(64, 197, 255, .14);
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-field > label,
[data-mymex-theme="dark"] body.tenant-admin .tenant-card-head label,
[data-mymex-theme="dark"] body.tenant-admin .tenant-main h1,
[data-mymex-theme="dark"] body.tenant-admin .tenant-main h2,
[data-mymex-theme="dark"] body.tenant-admin .tenant-main h3 {
    color: #f4f9ff;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-page-heading p,
[data-mymex-theme="dark"] body.tenant-admin .tenant-card-head p,
[data-mymex-theme="dark"] body.tenant-admin .tenant-field > small,
[data-mymex-theme="dark"] body.tenant-admin .tenant-empty {
    color: #b8ccdf;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-grid-metrics > .tenant-metric {
    color: #eaf4ff;
    border: 1px solid rgba(124, 190, 255, .2);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(9, 34, 66, .94), rgba(4, 18, 39, .94));
    box-shadow: 0 18px 44px rgba(0, 7, 20, .23);
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-grid-metrics > .tenant-metric > span,
[data-mymex-theme="dark"] body.tenant-admin .tenant-grid-metrics > .tenant-metric > small {
    color: #b8ccdf;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-grid-metrics > .tenant-metric > strong {
    color: #f7fbff;
}
[data-mymex-theme="dark"] .tenant-analytics-card-option.is-active {
    color: #eaf4ff;
    border-color: rgba(75, 198, 255, .5);
    background: linear-gradient(135deg, #0c3151, #103b52);
    box-shadow: 0 13px 30px rgba(0, 7, 20, .3);
}
[data-mymex-theme="dark"] .tenant-analytics-switcher-copy strong,
[data-mymex-theme="dark"] .tenant-analytics-metric-top small,
[data-mymex-theme="dark"] .tenant-analytics-metric > strong,
[data-mymex-theme="dark"] .tenant-chart-heading h2,
[data-mymex-theme="dark"] .tenant-donut-card h2,
[data-mymex-theme="dark"] .tenant-analytics-workflow-grid article > strong {
    color: #f4f9ff;
}
[data-mymex-theme="dark"] .tenant-analytics-metric > span,
[data-mymex-theme="dark"] .tenant-chart-heading p,
[data-mymex-theme="dark"] .tenant-donut-card p,
[data-mymex-theme="dark"] .tenant-analytics-workflow-grid article > small {
    color: #b8ccdf;
}
[data-mymex-theme="dark"] .tenant-analytics-workflow-links a {
    color: #dff3ff;
    border-color: rgba(124, 190, 255, .24);
    background: #0d3456;
}
[data-mymex-theme="dark"] .tenant-content-history > header > a {
    color: #b8ecff;
    text-decoration-color: rgba(184, 236, 255, .48);
}
[data-mymex-theme="dark"] .tenant-content-action:disabled {
    color: #8ca8be;
    border-color: rgba(124, 190, 255, .12);
    background: rgba(11, 37, 65, .6);
    opacity: .72;
}

/* Settings assistant stays inside the viewport and never inherits light-on-light text. */
.tenant-settings-hub,
.tenant-settings-hub-panel,
.tenant-settings-hub-header,
.tenant-settings-hub-tabs,
.tenant-settings-hub-body,
.tenant-settings-hub-section { box-sizing: border-box; min-width: 0; }
[data-mymex-theme="dark"] .tenant-settings-hub-panel {
    color: #eaf4ff;
    border-color: rgba(124, 190, 255, .24);
    background: #071a33;
}
[data-mymex-theme="dark"] .tenant-settings-hub-header {
    background: linear-gradient(115deg, #06182f, #0a3153 62%, #07505f);
}
[data-mymex-theme="dark"] .tenant-settings-hub-tabs,
[data-mymex-theme="dark"] .tenant-settings-hub-body {
    border-color: rgba(124, 190, 255, .16);
    background: #071a33;
}
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-preview-card-light {
    --tenant-ink: #10243d;
    --tenant-muted: #5b7189;
    color: #10243d;
    border-color: #d3e0eb;
    background: #f7fafc;
}
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-preview-card-light .tenant-brand-preview-label { color: #0b4c80; }
[data-mymex-theme="dark"] .tenant-settings-hub-panel .tenant-brand-preview-card-light > small { color: #5b7189; }

.tenant-calendar-nav-button {
    min-height: 42px;
    padding: 9px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #174567;
    border: 1px solid color-mix(in srgb, var(--tenant-secondary) 22%, var(--tenant-line));
    border-radius: 13px;
    background: #f4f9fd;
    text-decoration: none;
    font-size: 10px;
}
.tenant-calendar-nav-button b { font-weight: 900; }
.tenant-calendar-nav-button span { color: #087bc1; font-size: 15px; line-height: 1; }
.tenant-calendar-nav-button.is-today { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--tenant-primary), var(--tenant-secondary)); }
.tenant-calendar-nav-button.is-today span { color: #77efc4; }
[data-mymex-theme="dark"] .tenant-calendar-nav-button { color: #e7f4ff; border-color: rgba(124, 190, 255, .24); background: #0d3456; }
[data-mymex-theme="dark"] .tenant-calendar-nav-button span { color: #82dbff; }
[data-mymex-theme="dark"] .tenant-calendar-nav-button.is-today { color: #fff; background: linear-gradient(135deg, #07558f, #0b7793); }

@media (max-width: 680px) {
    .tenant-workspace-setup-modal { padding: 0; place-items: stretch; }
    .tenant-workspace-setup-panel {
        width: 100vw;
        max-width: 100vw;
        min-height: 100dvh;
        max-height: 100dvh;
        padding: max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));
        border: 0;
        border-radius: 0;
    }
    .tenant-workspace-setup-header { grid-template-columns: 56px minmax(0, 1fr); gap: 13px; }
    .tenant-workspace-setup-mark { width: 56px; height: 56px; padding: 8px; border-radius: 17px; }
    .tenant-workspace-setup-status { margin-bottom: 9px; font-size: 8px; }
    .tenant-workspace-setup-panel h2 { font-size: clamp(31px, 9vw, 40px); }
    .tenant-workspace-setup-panel header p { grid-column: 1 / -1; font-size: 12px; }
    .tenant-workspace-setup-progress { margin: 18px 0 14px; padding: 7px; gap: 4px; }
    .tenant-workspace-setup-progress span { padding: 6px 4px; display: grid; justify-items: center; gap: 5px; text-align: center; font-size: 8px; }
    .tenant-workspace-setup-progress b { width: 26px; height: 26px; flex-basis: 26px; }
    .tenant-workspace-setup-form { padding: 16px; }
    .tenant-workspace-setup-form .tenant-form-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
    .tenant-workspace-setup-form .tenant-field-full { grid-column: auto; }
    .tenant-workspace-setup-form .tenant-button { width: 100%; justify-content: center; }
    .tenant-empty-page { min-height: calc(100dvh - 140px); padding: 30px 18px; border-radius: 22px; }
    .tenant-empty-page .tenant-actions { width: 100%; display: grid; }
    .tenant-empty-page .tenant-button { width: 100%; justify-content: center; }

    .tenant-settings-hub { width: 100vw; max-width: 100vw; overflow: hidden; }
    .tenant-settings-hub-panel { width: 100vw; max-width: 100vw; }
    .tenant-settings-hub-header { width: 100%; padding: max(18px, env(safe-area-inset-top)) 62px 14px 16px; }
    .tenant-settings-hub-expand { display: none; }
    .tenant-settings-hub-header h2 { overflow-wrap: anywhere; }
    .tenant-settings-hub-tabs {
        width: 100%;
        grid-template-columns: repeat(6, minmax(108px, 1fr));
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }
    .tenant-settings-hub-tabs button { min-width: 108px; }
    .tenant-settings-hub-body,
    .tenant-settings-hub-section,
    .tenant-settings-hub-section > * { width: 100%; max-width: 100%; min-width: 0; }
    .tenant-settings-hub-panel .tenant-brand-upload,
    .tenant-settings-hub-panel .tenant-field[data-category="brand"] .tenant-brand-upload { width: 100%; }

    .tenant-bookings-calendar { padding: 14px 10px 16px; }
    .tenant-bookings-calendar > header nav { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .tenant-calendar-nav-button { min-width: 0; min-height: 44px; padding: 8px 5px; gap: 4px; font-size: 10px; }
    .tenant-booking-weekdays { margin: 14px 0 5px; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; text-align: center; }
    .tenant-booking-weekdays span { font-size: 8px; letter-spacing: .04em; }
    .tenant-booking-calendar-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
    .tenant-booking-day { min-height: 62px; padding: 5px 3px; border-radius: 11px; text-align: center; }
    .tenant-booking-day header { margin-bottom: 3px; justify-content: center; }
    .tenant-booking-day header strong { font-size: 12px; }
    .tenant-booking-day header small,
    .tenant-booking-day > em { display: none; }
    .tenant-booking-pill { min-height: 7px; margin: 3px 0; padding: 0; overflow: hidden; border-radius: 999px; font-size: 0; }
    .tenant-booking-pill span,
    .tenant-booking-pill strong { display: none; }
}

/* 2026-08-06 desktop setup fit and tenant-management action consistency. */
@media (min-width: 681px) {
    .tenant-workspace-setup-modal { padding: 16px; }
    .tenant-workspace-setup-panel {
        width: min(980px, 100%);
        max-height: calc(100dvh - 32px);
        padding: 18px 28px;
    }
    .tenant-workspace-setup-header {
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
    }
    .tenant-workspace-setup-mark {
        width: 60px;
        height: 60px;
        padding: 9px;
        border-radius: 19px;
    }
    .tenant-workspace-setup-status {
        margin-bottom: 4px;
        padding: 5px 8px;
        font-size: 8px;
    }
    .tenant-workspace-setup-panel h2 {
        margin: 4px 0 6px;
        font-size: clamp(32px, 3.5vw, 42px);
    }
    .tenant-workspace-setup-panel header p {
        font-size: 12px;
        line-height: 1.4;
    }
    .tenant-workspace-setup-progress {
        margin: 12px 0;
        padding: 6px;
    }
    .tenant-workspace-setup-progress span {
        padding: 4px 8px;
        gap: 7px;
        font-size: 9px;
    }
    .tenant-workspace-setup-progress b {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        border-radius: 8px;
    }
    .tenant-workspace-setup-form {
        padding: 16px 18px;
        gap: 10px;
        border-radius: 18px;
    }
    .tenant-workspace-setup-form .tenant-form-grid { gap: 10px 14px; }
    .tenant-workspace-setup-form .tenant-field { gap: 4px; }
    .tenant-workspace-setup-form .tenant-field label { font-size: 11px; }
    .tenant-workspace-setup-form .tenant-field input:not([type="color"]),
    .tenant-workspace-setup-form .tenant-field textarea {
        min-height: 42px;
        padding: 8px 12px;
    }
    .tenant-workspace-setup-form .tenant-field textarea {
        height: 70px;
        min-height: 70px;
    }
    .tenant-workspace-setup-form .tenant-color-input {
        height: 44px;
        min-height: 44px !important;
    }
    .tenant-workspace-setup-form .tenant-button-primary { min-height: 44px; }
    .tenant-workspace-setup-note { font-size: 11px; }
}

/* Settings sections stay in one predictable, scrollable row on mobile. */
@media (max-width: 680px) {
    .tenant-settings-hub-tabs {
        display: flex;
        grid-template-columns: none;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
    }
    .tenant-settings-hub-tabs button {
        flex: 0 0 112px;
        min-width: 112px;
        scroll-snap-align: start;
    }
}

@media (min-width: 681px) and (min-height: 700px) {
    .tenant-workspace-setup-panel { overflow-y: hidden; }
}

.mymex-tenant-management-submit {
    grid-column: 1 / -1;
    justify-self: stretch;
    width: 100%;
    margin-top: 2px;
}
.mymex-tenant-management .tenant-button {
    min-height: 44px;
    border-radius: 12px;
}
.ford-crm-card-share-chooser{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) repeat(2,minmax(190px,.55fr));gap:12px;align-items:stretch;margin:0 16px 12px;padding:16px;border:1px solid rgba(24,166,255,.35);border-radius:18px;background:linear-gradient(135deg,rgba(8,54,93,.98),rgba(8,36,66,.98));color:#f8fbff;box-shadow:0 16px 34px rgba(0,23,48,.18)}
.ford-lead-centre-modal.has-card-share-chooser{grid-template-rows:auto auto auto minmax(0,1fr)}
.ford-crm-card-share-chooser[hidden]{display:none!important}.ford-crm-card-share-chooser>div{display:flex;flex-direction:column;gap:4px;justify-content:center}.ford-crm-card-share-chooser>div small{color:#bad0e5;line-height:1.45}.ford-crm-card-share-chooser>button:not(.is-close){display:flex;gap:10px;align-items:center;text-align:left;padding:13px;border:1px solid rgba(118,201,255,.3);border-radius:14px;background:rgba(19,75,120,.68);color:#fff;cursor:pointer}.ford-crm-card-share-chooser>button:not(.is-close):hover{border-color:#55d9ff;background:rgba(20,103,162,.82)}.ford-crm-card-share-chooser>button span{display:flex;flex-direction:column;gap:2px}.ford-crm-card-share-chooser>button small{color:#bed5e9}.ford-crm-card-share-chooser .ford-crm-svg{width:22px;height:22px;flex:none}.ford-crm-card-share-chooser .is-close{position:absolute;right:7px;top:7px;border:0;background:transparent;color:#dcecff;cursor:pointer}.ford-crm-card-share-chooser .ford-crm-form-status{grid-column:1/-1;margin:0}
@media(max-width:860px){.ford-lead-centre-modal.has-card-share-chooser{grid-template-rows:auto auto minmax(0,1fr)}}
@media(max-width:760px){.ford-crm-card-share-chooser{grid-template-columns:1fr;margin:8px;padding:14px;max-height:42dvh;overflow:auto}.ford-crm-card-share-chooser>button:not(.is-close){min-height:58px}.ford-crm-card-share-chooser .ford-crm-form-status{grid-column:auto}}

/* Lead Centre: compact, scannable desktop workspace with contained content. */
.tenant-crm-bridge .ford-lead-centre-top-actions .ford-lead-centre-compact-action {
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    gap: 0;
    overflow: hidden;
    font-size: 0;
    border-radius: 10px;
}
.tenant-crm-bridge .ford-lead-centre-top-actions .ford-lead-centre-compact-action .ford-crm-svg {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
}
.tenant-crm-bridge .ford-lead-centre-main,
.tenant-crm-bridge .ford-lead-centre-side,
.tenant-crm-bridge .ford-lead-centre-main > *,
.tenant-crm-bridge .ford-crm-action-form,
.tenant-crm-bridge .ford-crm-compose-route {
    min-width: 0;
    max-width: 100%;
}
.tenant-crm-bridge .ford-crm-action-form,
.tenant-crm-bridge .ford-lead-centre-card,
.tenant-crm-bridge .ford-lead-centre-side > section {
    overflow: hidden;
}
.tenant-crm-bridge .ford-crm-action-form input,
.tenant-crm-bridge .ford-crm-action-form select,
.tenant-crm-bridge .ford-crm-action-form textarea,
.tenant-crm-bridge .ford-crm-compose-route strong,
.tenant-crm-bridge .ford-client-summary,
.tenant-crm-bridge .ford-client-info-grid article {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
.tenant-crm-bridge .ford-crm-compose-route {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tenant-crm-bridge .ford-crm-compose-route > a {
    grid-column: 1 / -1;
    justify-self: start;
}
@media (min-width: 861px) {
    .tenant-crm-bridge .ford-lead-centre-modal {
        top: 24px;
        bottom: 24px;
        width: min(1360px, calc(100vw - 52px));
        border-radius: 22px;
    }
    .tenant-crm-bridge .ford-lead-centre-head {
        gap: 12px;
        padding: 15px 18px 10px;
    }
    .tenant-crm-bridge .ford-lead-centre-kicker {
        padding: 4px 10px;
        font-size: 9px;
    }
    .tenant-crm-bridge .ford-lead-centre-title h2 {
        margin: 7px 0 3px;
        font-size: 23px;
    }
    .tenant-crm-bridge .ford-lead-centre-title p {
        font-size: 10px;
    }
    .tenant-crm-bridge .ford-lead-centre-pills {
        gap: 5px;
        margin-top: 8px;
    }
    .tenant-crm-bridge .ford-lead-centre-pills > span,
    .tenant-crm-bridge .ford-lead-centre-pills > span:not(.ford-crm-pill):not(.ford-crm-temp) {
        padding: 5px 8px;
        font-size: 9px;
    }
    .tenant-crm-bridge .ford-lead-centre-head-actions {
        gap: 6px;
    }
    .tenant-crm-bridge .ford-lead-centre-icon,
    .tenant-crm-bridge .ford-lead-centre-close {
        width: 38px;
        height: 38px;
        border-radius: 11px;
    }
    .tenant-crm-bridge .ford-lead-centre-top-actions {
        gap: 6px;
        padding: 7px 18px 9px;
    }
    .tenant-crm-bridge .ford-lead-centre-top-actions .ford-lead-centre-primary {
        min-height: 38px;
        padding: 8px 12px;
        font-size: 10px;
        border-radius: 10px;
    }
    .tenant-crm-bridge .ford-lead-centre-body {
        grid-template-columns: 58px minmax(0, 1fr) minmax(250px, 29%);
        gap: 10px;
        padding: 10px 12px 12px;
        overflow-x: hidden;
    }
    .tenant-crm-bridge .ford-lead-centre-rail {
        padding: 7px 6px;
        gap: 5px;
    }
    .tenant-crm-bridge .ford-lead-centre-rail > strong,
    .tenant-crm-bridge .ford-lead-centre-rail button > strong,
    .tenant-crm-bridge .ford-lead-centre-rail button > small {
        display: none;
    }
    .tenant-crm-bridge .ford-lead-centre-rail button {
        min-height: 42px;
        padding: 0;
        justify-content: center;
        border-radius: 10px;
    }
    .tenant-crm-bridge .ford-lead-centre-rail button .ford-crm-svg {
        width: 17px;
        height: 17px;
    }
    .tenant-crm-bridge .ford-lead-centre-main,
    .tenant-crm-bridge .ford-lead-centre-side {
        gap: 9px;
    }
    .tenant-crm-bridge .ford-lead-centre-card,
    .tenant-crm-bridge .ford-lead-centre-main .ford-crm-action-form,
    .tenant-crm-bridge .ford-lead-centre-side > section,
    .tenant-crm-bridge .ford-client-summary {
        padding: 14px;
        border-radius: 14px;
    }
    .tenant-crm-bridge #fordMessageForm {
        gap: 10px;
        padding: 14px;
    }
    .tenant-crm-bridge .ford-lead-centre-card h3,
    .tenant-crm-bridge .ford-workspace-section-head h3,
    .tenant-crm-bridge .ford-crm-column-head h3,
    .tenant-crm-bridge .ford-crm-compose-head h3 {
        font-size: 17px;
    }
    .tenant-crm-bridge .ford-lead-centre-card p,
    .tenant-crm-bridge .ford-workspace-section-head p,
    .tenant-crm-bridge .ford-crm-compose-head p {
        font-size: 10px;
        line-height: 1.45;
    }
    .tenant-crm-bridge .ford-workspace-section-head {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .tenant-crm-bridge .ford-crm-compose-route {
        gap: 5px;
        padding: 7px;
    }
    .tenant-crm-bridge .ford-crm-compose-steps span {
        min-height: 32px;
        padding: 5px 8px;
    }
    .tenant-crm-bridge .ford-crm-compose-steps b {
        width: 19px;
        height: 19px;
    }
    .tenant-crm-bridge .ford-crm-jarvis-bar {
        grid-template-columns: 34px minmax(0, 1fr) auto;
        gap: 8px;
        padding: 9px;
    }
    .tenant-crm-bridge .ford-crm-jarvis-mark {
        width: 34px;
        height: 34px;
    }
    .tenant-crm-bridge .ford-client-info-grid {
        gap: 7px;
    }
    .tenant-crm-bridge .ford-client-info-grid article {
        padding: 10px;
    }
}
.tenant-outreach-composer{display:grid;grid-template-columns:minmax(190px,.35fr) minmax(280px,1fr);gap:14px;padding:18px;border-top:1px solid var(--tenant-line,#d9e4ef);border-bottom:1px solid var(--tenant-line,#d9e4ef)}.tenant-outreach-composer label{display:flex;flex-direction:column;gap:7px;font-weight:800}.tenant-outreach-composer input,.tenant-outreach-composer select,.tenant-outreach-composer textarea{width:100%;border:1px solid var(--tenant-line,#cbd8e5);border-radius:12px;background:var(--tenant-input,#fff);color:var(--tenant-text,#10233c);padding:12px 14px;font:inherit}.tenant-outreach-composer .is-wide{grid-column:1/-1}.tenant-outreach-jarvis{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,.3fr) minmax(260px,1fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid rgba(30,166,255,.28);border-radius:14px;background:rgba(23,138,205,.07)}.tenant-outreach-jarvis p{grid-column:1/-1;margin:0;color:var(--tenant-muted,#63758a)}.tenant-outreach-send{margin-top:18px;padding:20px}.tenant-outreach-review-list{display:grid;gap:8px;margin:16px 0}.tenant-outreach-review-list article{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--tenant-line,#d9e4ef);border-radius:13px}.tenant-outreach-review-list article>div{display:flex;flex-direction:column;gap:3px}.tenant-outreach-review-list small{color:var(--tenant-muted,#63758a)}.tenant-outreach-confirm{display:flex;gap:9px;align-items:flex-start;margin:14px 0;font-weight:750}.tenant-outreach-delivery-status{min-height:24px;margin:12px 0 0;font-weight:800}
@media(max-width:760px){.tenant-outreach-composer{grid-template-columns:1fr;padding:14px}.tenant-outreach-composer .is-wide,.tenant-outreach-jarvis{grid-column:auto}.tenant-outreach-jarvis{grid-template-columns:1fr}.tenant-outreach-jarvis p{grid-column:auto}.tenant-outreach-review-list article{grid-template-columns:1fr}.tenant-outreach-review-list article .tenant-button{width:100%}}

/* Lead Centre refinement: one restrained type scale, fine icons and compact content. */
.tenant-crm-bridge .ford-lead-centre-modal {
    --crm-ink: #10233f;
    --crm-muted: #60758f;
    --crm-line: #dbe6f1;
    --crm-soft: #f6f9fc;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 450;
    line-height: 1.45;
}
.tenant-crm-bridge .ford-lead-centre-modal .ford-crm-svg {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
    stroke-width: 1.55;
}
.tenant-crm-bridge .ford-lead-centre-title h2 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.025em;
}
.tenant-crm-bridge .ford-lead-centre-title p {
    font-size: 10px;
    font-weight: 500;
}
.tenant-crm-bridge .ford-lead-centre-kicker,
.tenant-crm-bridge .ford-lead-centre-pills > span,
.tenant-crm-bridge .ford-lead-centre-pills > span:not(.ford-crm-pill):not(.ford-crm-temp) {
    font-weight: 750;
}
.tenant-crm-bridge .ford-lead-centre-head-actions {
    gap: 5px;
}
.tenant-crm-bridge .ford-lead-centre-icon,
.tenant-crm-bridge .ford-lead-centre-close {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    box-shadow: 0 5px 14px rgba(15, 35, 63, .06);
}
.tenant-crm-bridge .ford-lead-centre-head-actions .ford-crm-svg {
    width: 15px;
    height: 15px;
}
.tenant-crm-bridge .ford-lead-centre-top-actions {
    gap: 5px;
    padding-block: 7px 8px;
}
.tenant-crm-bridge .ford-lead-centre-top-actions a,
.tenant-crm-bridge .ford-lead-centre-top-actions button {
    min-height: 34px;
    padding: 7px 10px;
    gap: 6px;
    border-radius: 9px;
    font-size: 10.5px;
    font-weight: 700;
}
.tenant-crm-bridge .ford-lead-centre-top-actions .ford-lead-centre-compact-action {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 9px;
}
.tenant-crm-bridge .ford-lead-centre-top-actions .ford-lead-centre-compact-action .ford-crm-svg {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
}
.tenant-crm-bridge .ford-lead-centre-body {
    grid-template-columns: 48px minmax(0, 1fr) minmax(244px, 27%);
    gap: 9px;
    padding: 9px 11px 11px;
}
.tenant-crm-bridge .ford-lead-centre-rail {
    padding: 5px;
    gap: 4px;
    border-radius: 12px;
}
.tenant-crm-bridge .ford-lead-centre-rail button {
    width: 36px;
    min-height: 35px;
    height: 35px;
    padding: 0;
    border-radius: 8px;
    font-weight: 700;
}
.tenant-crm-bridge .ford-lead-centre-rail button .ford-crm-svg {
    width: 14px;
    height: 14px;
}
.tenant-crm-bridge .ford-lead-centre-main,
.tenant-crm-bridge .ford-lead-centre-side {
    gap: 8px;
}
.tenant-crm-bridge .ford-lead-centre-side {
    position: sticky;
    top: 0;
    align-self: start;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: thin;
}
.tenant-crm-bridge .ford-lead-centre-card,
.tenant-crm-bridge .ford-lead-centre-main .ford-crm-action-form,
.tenant-crm-bridge .ford-lead-centre-side > section,
.tenant-crm-bridge .ford-client-summary {
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(15, 35, 63, .045);
}
.tenant-crm-bridge .ford-lead-centre-card h3,
.tenant-crm-bridge .ford-workspace-section-head h3,
.tenant-crm-bridge .ford-crm-column-head h3,
.tenant-crm-bridge .ford-crm-compose-head h3,
.tenant-crm-bridge .ford-client-summary h3 {
    margin-bottom: 4px;
    gap: 6px;
    font-size: 15px;
    font-weight: 780;
    line-height: 1.25;
    letter-spacing: -.012em;
}
.tenant-crm-bridge .ford-lead-centre-card p,
.tenant-crm-bridge .ford-workspace-section-head p,
.tenant-crm-bridge .ford-crm-compose-head p,
.tenant-crm-bridge .ford-client-summary p {
    font-size: 10.5px;
    font-weight: 450;
    line-height: 1.5;
}
.tenant-crm-bridge .ford-workspace-section-head {
    padding-bottom: 8px;
    margin-bottom: 9px;
}
.tenant-crm-bridge .ford-crm-action-form {
    gap: 9px;
}
.tenant-crm-bridge .ford-crm-action-form label {
    gap: 5px;
    color: var(--crm-ink);
    font-size: 11px;
    font-weight: 700;
}
.tenant-crm-bridge .ford-crm-action-form input:not([type="checkbox"]):not([type="radio"]),
.tenant-crm-bridge .ford-crm-action-form select,
.tenant-crm-bridge .ford-crm-action-form textarea {
    min-height: 38px;
    padding: 8px 11px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}
.tenant-crm-bridge .ford-crm-action-form textarea {
    min-height: 88px;
}
.tenant-crm-bridge .ford-crm-action-form small,
.tenant-crm-bridge .ford-crm-form-status,
.tenant-crm-bridge .ford-crm-permission-note {
    font-size: 9.5px;
    font-weight: 550;
    line-height: 1.45;
}
.tenant-crm-bridge .ford-temp-buttons {
    gap: 5px;
    margin-bottom: 8px;
}
.tenant-crm-bridge .ford-temp-buttons button {
    min-height: 31px;
    padding: 6px 9px;
    gap: 5px;
    font-size: 10px;
    font-weight: 700;
}
.tenant-crm-bridge .ford-lead-lifecycle-actions {
    gap: 5px;
}
.tenant-crm-bridge .ford-lead-lifecycle-actions .ford-secondary-btn,
.tenant-crm-bridge .ford-crm-compose-actions button,
.tenant-crm-bridge .ford-crm-action-form > .ford-secondary-btn,
.tenant-crm-bridge .ford-crm-action-form > .ford-primary-btn {
    min-height: 34px;
    padding: 7px 10px;
    border-radius: 9px;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 700;
}
.tenant-crm-bridge .ford-crm-jarvis-bar {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 7px;
    padding: 8px;
    border-radius: 11px;
}
.tenant-crm-bridge .ford-crm-jarvis-mark {
    width: 30px;
    height: 30px;
    border-radius: 9px;
}
.tenant-crm-bridge .ford-crm-jarvis-bar strong {
    font-size: 11px;
    font-weight: 750;
}
.tenant-crm-bridge .ford-crm-jarvis-bar small {
    font-size: 8.5px;
    font-weight: 500;
}
.tenant-crm-bridge .ford-ai-draft-btn {
    min-height: 33px;
    padding: 7px 10px;
    border-radius: 9px;
    font-size: 10.5px;
    font-weight: 700;
}
.tenant-crm-bridge .ford-crm-compose-route {
    gap: 4px;
    padding: 6px;
    border-radius: 10px;
}
.tenant-crm-bridge .ford-crm-compose-route > div {
    gap: 2px;
}
.tenant-crm-bridge .ford-crm-compose-route span {
    font-size: 8px;
    font-weight: 700;
}
.tenant-crm-bridge .ford-crm-compose-route strong {
    font-size: 9px;
    font-weight: 650;
    line-height: 1.3;
}
.tenant-crm-bridge .ford-crm-compose-steps {
    gap: 4px;
}
.tenant-crm-bridge .ford-crm-compose-steps span {
    min-height: 28px;
    padding: 4px 7px;
    gap: 5px;
    border-radius: 8px;
    font-size: 8.5px;
    font-weight: 650;
}
.tenant-crm-bridge .ford-crm-compose-steps b {
    width: 17px;
    height: 17px;
    font-size: 8px;
    font-weight: 700;
}
.tenant-crm-bridge .ford-client-info-grid {
    gap: 5px;
}
.tenant-crm-bridge .ford-client-info-grid article {
    padding: 8px;
    border-radius: 10px;
}
.tenant-crm-bridge .ford-client-info-grid span {
    gap: 4px;
    margin-bottom: 4px;
    font-size: 7.5px;
    font-weight: 700;
    letter-spacing: .06em;
}
.tenant-crm-bridge .ford-client-info-grid span .ford-crm-svg {
    width: 11px;
    height: 11px;
}
.tenant-crm-bridge .ford-client-info-grid strong {
    font-size: 9.5px;
    font-weight: 650;
    line-height: 1.35;
}
.tenant-crm-bridge .ford-crm-customer-context {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    padding: 10px !important;
}
.tenant-crm-bridge .ford-crm-customer-context > span {
    width: 32px;
    height: 32px;
    border-radius: 9px;
}
.tenant-crm-bridge .ford-crm-customer-context strong {
    font-size: 11px;
    font-weight: 750;
}
.tenant-crm-bridge .ford-crm-customer-context p {
    font-size: 9.5px;
}
.tenant-crm-bridge .ford-crm-conversation-summary {
    gap: 4px;
    margin-bottom: 9px;
}
.tenant-crm-bridge .ford-crm-conversation-summary article {
    padding: 7px 5px;
    border-radius: 9px;
}
.tenant-crm-bridge .ford-crm-conversation-summary strong {
    font-size: 14px;
    font-weight: 750;
}
.tenant-crm-bridge .ford-crm-conversation-summary span {
    font-size: 7.5px;
    font-weight: 650;
    letter-spacing: .02em;
}
.tenant-crm-bridge .ford-crm-drawer-timeline {
    gap: 6px;
}
.tenant-crm-bridge .ford-crm-drawer-timeline .ford-crm-timeline-item {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    padding: 9px;
    border-radius: 11px;
}
.tenant-crm-bridge .ford-crm-line-icon {
    width: 28px;
    height: 28px;
    border-radius: 9px;
}
.tenant-crm-bridge .ford-crm-line-icon .ford-crm-svg {
    width: 13px;
    height: 13px;
}
.tenant-crm-bridge .ford-crm-timeline-item > div > strong {
    font-size: 11.5px;
    font-weight: 750;
}
.tenant-crm-bridge .ford-crm-message-meta {
    gap: 3px;
    margin: 4px 0;
}
.tenant-crm-bridge .ford-crm-message-meta span {
    padding: 2px 5px;
    font-size: 7.5px !important;
    font-weight: 650;
}
.tenant-crm-bridge .ford-crm-timeline-body {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #344d68;
    font-size: 10.5px;
    font-weight: 450;
    line-height: 1.5;
}
.tenant-crm-bridge .ford-crm-timeline-item.is-expanded .ford-crm-timeline-body {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: initial;
}
.tenant-crm-bridge .ford-crm-timeline-item > div > small {
    margin-top: 4px;
    color: #73869a;
    font-size: 8.5px;
    font-weight: 500;
}
.tenant-crm-bridge .ford-crm-timeline-toggle {
    width: max-content;
    min-height: 27px;
    margin-top: 5px;
    padding: 4px 7px;
    border: 1px solid #cfe0ee;
    border-radius: 8px;
    color: #075f9c;
    background: #f5faff;
    font: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-timeline-body {
    color: #c4d8e9;
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-timeline-toggle {
    color: #bfe8ff;
    border-color: rgba(130, 199, 255, .28);
    background: #0d3458;
}
@media (max-width: 860px) {
    .tenant-crm-bridge .ford-lead-centre-body {
        display: block;
        padding: 10px;
    }
    .tenant-crm-bridge .ford-lead-centre-rail {
        position: relative;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        max-height: none;
        overflow: visible;
    }
    .tenant-crm-bridge .ford-lead-centre-rail button {
        width: 100%;
        min-height: 88px;
        height: auto;
        padding: 11px;
        gap: 7px;
        border-radius: 14px;
    }
    .tenant-crm-bridge .ford-lead-centre-rail button span {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }
    .tenant-crm-bridge .ford-lead-centre-rail button strong {
        font-size: 12px;
        font-weight: 750;
    }
    .tenant-crm-bridge .ford-lead-centre-rail button small {
        font-size: 9px;
        font-weight: 500;
    }
    .tenant-crm-bridge .ford-lead-centre-side {
        position: static;
        max-height: none;
        overflow: visible;
    }
}

/* Global workspace popup contract: setup-assistant header, readable body and one mobile model. */
.tenant-content-sheet-backdrop,
.ford-gallery-backdrop,
.ford-crm-drawer-backdrop {
    background: rgba(3, 17, 34, .66);
    backdrop-filter: blur(12px) saturate(.9);
    -webkit-backdrop-filter: blur(12px) saturate(.9);
}
.tenant-content-sheet,
.ford-gallery-modal,
.ford-lead-centre-modal,
.ford-email-preview-dialog,
.mymex-first-card-dialog,
.mymex-result-dialog {
    border-color: rgba(113, 191, 247, .34);
    box-shadow: 0 34px 100px rgba(0, 13, 31, .38);
}
.tenant-content-sheet {
    --tenant-ink: #10243d;
    --tenant-muted: #5a6f87;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: #10243d;
    background: #fff;
}
.tenant-content-sheet > *,
.tenant-content-sheet-form,
.tenant-content-sheet-form > * {
    min-width: 0;
    max-width: 100%;
}
.tenant-content-notify-sheet {
    scrollbar-gutter: stable;
}
.tenant-content-sheet-header {
    position: relative;
    min-height: 156px;
    padding: 26px 72px 24px 28px;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
    gap: 17px;
    color: #f7fbff;
    background: linear-gradient(115deg, #06182f, #0a3153 62%, #07505f);
}
.tenant-content-sheet-header .tenant-content-sheet-symbol {
    width: 56px;
    height: 56px;
    margin: 0;
    color: #061b31;
    background: linear-gradient(135deg, #38e4ad, #55cfff);
}
.tenant-content-sheet-header .tenant-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #8ed7ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-main .tenant-content-sheet-header h2,
.tenant-content-sheet-header h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(25px, 5vw, 34px);
    line-height: 1.06;
}
.tenant-content-sheet-header p {
    margin: 0;
    color: #c6d9e9;
    font-size: 13px;
    line-height: 1.5;
}
.tenant-content-sheet-header .tenant-content-sheet-close {
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(255,255,255,.11);
}
.tenant-content-sheet-form { padding: 26px 28px 28px; }
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-publish-timing span,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-push-toggle,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-gallery-button,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-notify-field,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-notify-field input {
    color: #10243d;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-publish-timing span,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-push-toggle,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-gallery-button,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-notify-field input {
    border-color: #d5e1eb;
    background: #f7f9fc;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-publish-timing small,
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-gallery-button small {
    color: #5a6f87;
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-sheet .tenant-content-publish-timing input:checked + span {
    color: #10243d;
    border-color: var(--tenant-primary);
    background: color-mix(in srgb, var(--tenant-primary) 8%, #fff);
}
.tenant-content-sheet-actions .tenant-content-action {
    color: #14314e;
    border-color: #ccdbe7;
    background: #f7fafc;
}
.tenant-content-sheet-actions .tenant-content-action.is-primary {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--tenant-primary), color-mix(in srgb, var(--tenant-primary) 58%, var(--tenant-secondary)));
}
.ford-gallery-modal > header {
    margin: -24px -24px 20px;
    padding: 26px 72px 22px 28px;
    color: #fff;
    border-radius: 28px 28px 0 0;
    background: linear-gradient(115deg, #06182f, #0a3153 62%, #07505f);
}
[data-mymex-theme="dark"] body.tenant-admin .tenant-main .ford-gallery-modal > header h2,
body.tenant-admin .tenant-main .ford-gallery-modal > header h2 { color: #fff !important; }
[data-mymex-theme="dark"] body.tenant-admin .tenant-main .ford-gallery-modal > header .tenant-eyebrow,
body.tenant-admin .tenant-main .ford-gallery-modal > header .tenant-eyebrow { color: #49d6ff !important; }
[data-mymex-theme="dark"] body.tenant-admin .tenant-main .ford-gallery-modal > header > span:last-child,
body.tenant-admin .tenant-main .ford-gallery-modal > header > span:last-child { color: #c6d9e9 !important; }
.ford-gallery-ai-needed { color: #9f3d19 !important; font-weight: 800; }
.ford-gallery-modal .ford-gallery-close { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.11); }

@media (max-width: 680px) {
    .tenant-content-sheet { padding: 0; }
    .tenant-content-sheet-header {
        min-height: 174px;
        padding: max(76px, calc(env(safe-area-inset-top) + 58px)) 20px 24px;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 13px;
    }
    .tenant-content-sheet-header .tenant-content-sheet-symbol { width: 48px; height: 48px; border-radius: 16px; }
    .tenant-content-sheet-header .tenant-content-sheet-close { top: max(18px, env(safe-area-inset-top)); right: 18px; }
    .tenant-content-sheet-form { padding: 22px 20px max(24px, env(safe-area-inset-bottom)); }
    .tenant-content-sheet-actions {
        margin: 8px -4px -8px;
        padding: 14px 4px 8px;
        background: linear-gradient(180deg, rgba(255,255,255,0), #fff 30%);
    }
    .ford-gallery-modal > header { margin: calc(-1 * max(22px, env(safe-area-inset-top))) -16px 18px; padding: max(74px, calc(env(safe-area-inset-top) + 58px)) 20px 22px; border-radius: 0; }
}

/* CRM clarity: expose customer intent, explain delivery honestly and make every
   action discoverable through the shared MyMEX tooltip surface. */
.tenant-crm-bridge .ford-crm-request-cell .ford-crm-main-interest {
    width: fit-content;
    max-width: 100%;
    margin: 4px 0 2px;
    padding: 4px 7px;
    overflow: hidden;
    border: 1px solid #bfe1f4;
    border-radius: 999px;
    color: #075b8f;
    background: #eef9ff;
    font-size: 9px;
    font-weight: 750;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tenant-crm-bridge .ford-crm-delivery-explainer {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 11px 12px;
    border: 1px solid #b9def3;
    border-radius: 12px;
    color: #123e5b;
    background: linear-gradient(135deg, #eef9ff, #f8fcff);
}
.tenant-crm-bridge .ford-crm-delivery-explainer > .ford-crm-svg {
    width: 34px;
    height: 34px;
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #0a84ce, #0fbaab);
    box-shadow: 0 7px 17px rgba(10, 132, 206, .2);
}
.tenant-crm-bridge .ford-crm-delivery-explainer strong {
    display: block;
    margin-bottom: 2px;
    color: #12304a;
    font-size: 11px;
}
.tenant-crm-bridge .ford-crm-delivery-explainer p {
    margin: 0;
    color: #4e6d84;
    font-size: 9.5px;
    line-height: 1.45;
}
.tenant-crm-bridge .ford-crm-compose-route > a {
    margin-right: 7px;
}
.tenant-crm-bridge .ford-client-info-grid .ford-crm-context-card {
    border-color: #c6e2f3;
    background: linear-gradient(145deg, #f2faff, #fff);
}
.tenant-crm-bridge .ford-client-info-grid .ford-crm-context-card.is-interest {
    grid-column: 1 / -1;
    border-color: rgba(19, 156, 138, .32);
    background: linear-gradient(135deg, rgba(20, 184, 166, .1), rgba(14, 134, 202, .08));
}
.tenant-crm-bridge .ford-client-info-grid .ford-crm-context-card.is-interest strong {
    color: #075f5a;
    font-size: 11px;
}
.tenant-crm-bridge .ford-lead-centre-top-actions a,
.tenant-crm-bridge .ford-lead-centre-top-actions button,
.tenant-crm-bridge .ford-lead-centre-rail button,
.tenant-crm-bridge .ford-crm-action-form button {
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}
@media (hover: hover) {
    .tenant-crm-bridge .ford-lead-centre-top-actions a:hover,
    .tenant-crm-bridge .ford-lead-centre-top-actions button:hover,
    .tenant-crm-bridge .ford-lead-centre-rail button:hover,
    .tenant-crm-bridge .ford-crm-action-form button:hover {
        transform: translateY(-2px);
        box-shadow: 0 9px 19px rgba(15, 77, 128, .15);
    }
}
.tenant-crm-bridge .ford-crm-focus-flash {
    animation: mymex-crm-focus 720ms ease-out;
}
@keyframes mymex-crm-focus {
    0% { box-shadow: 0 0 0 0 rgba(22, 155, 222, .36); }
    55% { box-shadow: 0 0 0 7px rgba(22, 155, 222, .1); }
    100% { box-shadow: 0 0 0 0 rgba(22, 155, 222, 0); }
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-request-cell .ford-crm-main-interest {
    color: #a5e4ff;
    border-color: rgba(86, 196, 244, .35);
    background: rgba(9, 84, 126, .48);
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-delivery-explainer,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-info-grid .ford-crm-context-card {
    color: #d7ebfa;
    border-color: rgba(89, 178, 229, .32);
    background: linear-gradient(135deg, #0c3151, #0a2540);
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-delivery-explainer strong,
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-info-grid .ford-crm-context-card strong {
    color: #f1f9ff;
}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-delivery-explainer p { color: #b9d3e7; }
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-client-info-grid .ford-crm-context-card.is-interest strong { color: #8de9d9; }
@media (max-width: 680px) {
    .tenant-crm-bridge .ford-crm-request-cell .ford-crm-main-interest { white-space: normal; }
    .tenant-crm-bridge .ford-crm-delivery-explainer { grid-template-columns: 30px minmax(0, 1fr); padding: 10px; }
    .tenant-crm-bridge .ford-crm-delivery-explainer > .ford-crm-svg { width: 30px; height: 30px; padding: 7px; }
}
@media (prefers-reduced-motion: reduce) {
    .tenant-crm-bridge .ford-lead-centre-top-actions a,
    .tenant-crm-bridge .ford-lead-centre-top-actions button,
    .tenant-crm-bridge .ford-lead-centre-rail button,
    .tenant-crm-bridge .ford-crm-action-form button { transition: none; }
    .tenant-crm-bridge .ford-crm-focus-flash { animation: none; }
}

/* Shared analytics rhythm: keep every metric and workflow card visually
   distinct at desktop widths without sacrificing the compact mobile grid. */
.tenant-analytics-metrics{
    gap: clamp(16px, 1.55vw, 22px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tenant-analytics-workflow-grid,
.tenant-analytics-page-grid{
    gap: clamp(14px, 1.25vw, 18px);
}
.tenant-analytics-metrics + .tenant-analytics-workflows{
    margin-top: clamp(18px, 1.8vw, 24px);
}
@media (max-width: 680px) {
    .tenant-analytics-metrics,
    .tenant-analytics-workflow-grid,
    .tenant-analytics-page-grid{
        gap: 14px;
    }
}
@media (max-width: 1040px) and (min-width: 681px) {
    .tenant-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.tenant-public-page-state{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.06em}.tenant-public-page-state i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.07)}.tenant-public-page-state.is-live{color:#7ff5bd;background:rgba(13,158,91,.16)}.tenant-public-page-state.is-live i{background:#31d98b}.tenant-public-page-state.is-offline{color:#ffaaa4;background:rgba(211,57,52,.15)}.tenant-public-page-state.is-offline i{background:#ef514b}.tenant-sidebar.is-collapsed .tenant-public-page-state{position:absolute;right:6px;top:7px;padding:0;background:transparent}.tenant-sidebar.is-collapsed .tenant-public-page-state b{display:none}
.tenant-master-workspace-context{display:grid;min-width:min(330px,28vw);gap:4px}.tenant-master-workspace-context small{display:block}.tenant-master-workspace-context select{width:100%;min-width:0;padding:7px 34px 7px 0;color:var(--tenant-ink);border:0;background:transparent;font:800 14px/1.2 inherit;cursor:pointer}.tenant-master-workspace-context select:focus-visible{outline:2px solid var(--tenant-secondary);outline-offset:4px;border-radius:7px}.tenant-public-page-button{display:inline-grid!important;grid-template-columns:8px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:8px 13px!important}.tenant-public-page-button i{grid-row:1 / 3;width:8px;height:8px;border-radius:50%}.tenant-public-page-button span{font-weight:850;line-height:1}.tenant-public-page-button small{font-size:8px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.08em}.tenant-public-page-button.is-live{color:#087946!important;border-color:#a4e9c9!important;background:#e7faef!important}.tenant-public-page-button.is-live i{background:#22c77a;box-shadow:0 0 0 4px rgba(34,199,122,.13)}.tenant-public-page-button.is-offline{color:#a8322d!important;border-color:#f0b8b5!important;background:#fff1f0!important}.tenant-public-page-button.is-offline i{background:#e64a43;box-shadow:0 0 0 4px rgba(230,74,67,.12)}
.tenant-public-heading-actions{display:flex;flex-wrap:wrap;gap:10px}.tenant-public-command{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:20px}.tenant-public-live-state{display:flex;align-items:center;gap:12px;min-width:190px;padding:12px 14px;border-radius:16px}.tenant-public-live-state i{width:12px;height:12px;border-radius:50%}.tenant-public-live-state span{display:grid;gap:3px}.tenant-public-live-state small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.tenant-public-live-state strong{font-size:13px}.tenant-public-live-state.is-live{color:#087946;background:#ddf9e9}.tenant-public-live-state.is-live i{background:#1ec77b;box-shadow:0 0 0 6px rgba(30,199,123,.15)}.tenant-public-live-state.is-offline{color:#a82c28;background:#fff0ef}.tenant-public-live-state.is-offline i{background:#e64a43;box-shadow:0 0 0 6px rgba(230,74,67,.14)}.tenant-public-command-copy p{margin:5px 0 0}.tenant-public-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.tenant-public-preview-card{min-width:0}.tenant-public-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.tenant-public-section-head h2,.tenant-public-readiness h2{margin:7px 0 0}.tenant-public-section-head>a{font-weight:850;color:var(--tenant-primary)}.tenant-public-preview-frame{height:min(720px,72vh);overflow:hidden;border:1px solid var(--tenant-line);border-radius:24px;background:#eaf1f8}.tenant-public-preview-frame iframe{width:100%;height:100%;border:0;background:#fff}.tenant-public-empty{min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px;border:1px dashed var(--tenant-line);border-radius:24px;background:linear-gradient(145deg,#f8fbff,#edf4fb)}.tenant-public-empty>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-secondary))}.tenant-public-empty svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7}.tenant-public-empty h3{margin:0;font-size:24px}.tenant-public-empty p{max-width:470px}.tenant-public-readiness{position:sticky;top:100px}.tenant-public-readiness ul{list-style:none;display:grid;gap:10px;margin:20px 0;padding:0}.tenant-public-readiness li{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--tenant-line);border-radius:15px}.tenant-public-readiness li>i{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.tenant-public-readiness li>span{display:grid;gap:3px}.tenant-public-readiness li small{color:var(--tenant-muted)}.tenant-public-readiness li.is-ready>i{background:#1ec77b;box-shadow:0 0 0 5px rgba(30,199,123,.12)}.tenant-public-readiness li.is-pending>i{background:#e7a11a;box-shadow:0 0 0 5px rgba(231,161,26,.12)}.tenant-public-isolation-note{margin:18px 0 0;padding:14px;border-radius:14px;background:#edf7ff}.tenant-public-isolation-note strong{color:var(--tenant-ink)}
@media(max-width:1020px){.tenant-public-layout{grid-template-columns:1fr}.tenant-public-readiness{position:static}.tenant-public-command{grid-template-columns:1fr}.tenant-public-command>a{justify-self:start}}@media(max-width:640px){.tenant-public-heading{align-items:flex-start}.tenant-public-heading-actions{width:100%}.tenant-public-heading-actions .tenant-button{flex:1}.tenant-public-preview-frame{height:680px;border-radius:18px}.tenant-public-section-head{display:grid}.tenant-public-empty{min-height:420px;padding:24px}}
@media(max-width:980px){.tenant-master-workspace-context{min-width:0;max-width:240px}.tenant-topbar.is-platform-master .tenant-topbar-actions .mymex-command-trigger{display:none}}@media(max-width:720px){.tenant-master-workspace-context{max-width:none;flex:1}.tenant-master-workspace-context select{font-size:13px}.tenant-public-page-button small{display:none}.tenant-public-page-button{grid-template-rows:auto;grid-template-columns:8px auto}.tenant-public-page-button i{grid-row:auto}}
[data-mymex-theme="dark"] body.tenant-admin .tenant-master-workspace-context select{color:#eef7ff}.tenant-master-workspace-context select option{color:#10243d;background:#fff}

/* Subscription visibility, reviewed invitation messages and Settings quick guide. */
.mymex-access-summary{margin:0 0 18px;padding:20px 22px;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:20px;align-items:center;border:1px solid var(--tenant-line);border-radius:22px;background:var(--tenant-surface,#fff)}
.mymex-access-summary h2{margin:5px 0 4px}.mymex-access-summary p{margin:0;color:var(--tenant-muted)}.mymex-access-summary nav{display:grid;grid-template-columns:repeat(6,minmax(84px,1fr));gap:8px}.mymex-access-stat{padding:11px 8px;display:grid;gap:3px;border:1px solid var(--tenant-line);border-radius:14px;color:var(--tenant-muted);background:var(--tenant-surface,#fff);text-align:center;text-decoration:none}.mymex-access-stat strong{color:var(--tenant-ink);font-size:18px}.mymex-access-stat span{font-size:9px;font-weight:850}.mymex-access-stat.is-active{border-color:var(--tenant-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--tenant-primary) 12%,transparent)}
.mymex-tenant-directory-row{grid-template-columns:minmax(210px,1.15fr) auto minmax(145px,.75fr) minmax(145px,.7fr) minmax(170px,.8fr) auto}.mymex-tenant-access-meta strong{display:flex;flex-wrap:wrap;gap:5px;white-space:normal}.mymex-access-badge-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.mymex-access-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900;line-height:1.2}.mymex-access-badge.is-trial{color:#8a4b00;background:#fff1cf}.mymex-access-badge.is-paid{color:#08683f;background:#dcf8e9}.mymex-access-badge.is-complimentary{color:#075a94;background:#e3f3ff}.mymex-access-badge.is-payment_pending{color:#7a4a00;background:#fff4dc}.mymex-access-badge.is-no_paid_access{color:#68778a;background:#edf1f5}.mymex-invite-section-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.mymex-invite-section-heading h3{margin-top:0}.mymex-invite-message-fields{grid-column:1 / -1;margin:4px 0 0;padding:16px;display:grid;gap:12px;border:1px solid var(--tenant-line);border-radius:16px}.mymex-invite-message-fields legend{padding:0 7px;color:var(--tenant-ink);font-weight:900}.mymex-invite-message-fields>p{margin:0;color:var(--tenant-muted);font-size:12px}.mymex-invite-message-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.35fr);gap:12px}.mymex-invite-message-fields textarea,.mymex-staff-invite-form textarea{resize:vertical;line-height:1.5}.mymex-invite-message-fields [data-invite-draft-status],.mymex-staff-invite-form [data-invite-draft-status]{display:block;color:var(--tenant-muted)}[data-invite-draft-status].is-error{color:#b42318!important}.mymex-invite-reply{margin-top:7px;padding:8px 10px;display:grid!important;gap:3px;border-radius:10px;color:#155e46;background:#e8fbf2;font-style:normal;white-space:normal}.mymex-invite-reply b{font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.mymex-staff-invite-dialog{width:min(690px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid var(--tenant-line);border-radius:24px;background:var(--tenant-surface,#fff);color:var(--tenant-ink);box-shadow:0 28px 90px rgba(0,0,0,.34)}.mymex-staff-invite-dialog::backdrop{background:rgba(3,16,34,.7);backdrop-filter:blur(9px)}.mymex-staff-invite-dialog>header{padding:24px 58px 20px 24px;color:#fff;background:linear-gradient(120deg,#071d39,var(--tenant-primary))}.mymex-staff-invite-dialog>header h2{margin:6px 0;color:#fff}.mymex-staff-invite-dialog>header p{margin:0;color:#d8e8f6;line-height:1.5}.mymex-staff-invite-dialog__close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:rgba(255,255,255,.12);font-size:24px;cursor:pointer}.mymex-staff-invite-form{padding:22px;display:grid;gap:13px}.mymex-staff-invite-dialog__actions{display:flex;justify-content:flex-end;gap:9px}.mymex-staff-invite-state{margin:10px 0;padding:10px 12px;display:grid;gap:3px;border:1px solid #dbe5ef;border-radius:12px;background:#f7faff}.mymex-staff-invite-state small{color:#6d7d90;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.mymex-staff-invite-state strong{color:#18314f;font-size:12px}.mymex-staff-invite-state time,.mymex-staff-invite-state span{color:#6d7d90;font-size:10px}.mymex-staff-invite-state p{margin:6px 0 0;padding-top:7px;border-top:1px solid #dbe5ef;color:#34506c;font-size:11px;line-height:1.45}.mymex-staff-invite-state.has-reply{border-color:#bde8d4;background:#effcf6}
.tenant-settings-quick-guide[hidden]{display:none!important}.tenant-settings-quick-guide{position:relative;margin:10px 18px 0;padding:14px 48px 14px 14px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid color-mix(in srgb,var(--tenant-secondary) 36%,#dbe4ee);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--tenant-secondary) 10%,#fff),#fff);box-shadow:0 9px 24px rgba(15,35,63,.07)}.tenant-settings-quick-guide__jarvis{width:54px;height:54px;padding:4px;overflow:hidden;border-radius:15px;background:#06254a}.tenant-settings-quick-guide__jarvis img{width:100%;height:100%;object-fit:cover;border-radius:11px}.tenant-settings-quick-guide__copy small,.tenant-settings-quick-guide__copy strong,.tenant-settings-quick-guide__copy p{display:block}.tenant-settings-quick-guide__copy small{color:#0877df;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tenant-settings-quick-guide__copy strong{margin-top:2px;font-size:13px}.tenant-settings-quick-guide__copy p{margin:4px 0 8px;color:var(--tenant-muted);font-size:10px;line-height:1.45}.tenant-settings-quick-guide__bar{height:4px;overflow:hidden;border-radius:999px;background:#dce7f1}.tenant-settings-quick-guide__bar i{display:block;width:12.5%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tenant-primary),var(--tenant-secondary));transition:width .2s ease}.tenant-settings-quick-guide__actions{display:flex;gap:7px}.tenant-settings-quick-guide__actions .tenant-button{min-height:38px;padding:8px 11px;white-space:nowrap}.tenant-settings-quick-guide__close{position:absolute;top:8px;right:9px;width:29px;height:29px;border:0;border-radius:50%;color:var(--tenant-muted);background:transparent;font-size:20px;cursor:pointer}
[data-mymex-theme="dark"] .mymex-access-summary,[data-mymex-theme="dark"] .mymex-access-stat,[data-mymex-theme="dark"] .mymex-staff-invite-dialog{background:#071b33;border-color:#234866}[data-mymex-theme="dark"] .mymex-staff-invite-state{background:#092642;border-color:#285574}[data-mymex-theme="dark"] .mymex-staff-invite-state strong{color:#edf7ff}[data-mymex-theme="dark"] .mymex-staff-invite-state p{color:#bdd1e2;border-color:#285574}[data-mymex-theme="dark"] .tenant-settings-quick-guide{background:linear-gradient(135deg,#0b2947,#0a2038);border-color:#2c668c}
@media(max-width:1180px){.mymex-tenant-directory-row{grid-template-columns:minmax(230px,1fr) auto minmax(170px,.8fr) minmax(160px,.7fr) auto}.mymex-tenant-directory-row .mymex-tenant-access-meta{display:block}.mymex-tenant-directory-row .mymex-tenant-next-step-meta{display:none}.mymex-access-summary{grid-template-columns:1fr}.mymex-access-summary nav{grid-template-columns:repeat(3,minmax(84px,1fr))}}
@media(max-width:720px){.mymex-access-summary nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mymex-invite-section-heading{display:grid}.mymex-access-badge-row{justify-content:flex-start}.mymex-invite-message-grid{grid-template-columns:1fr}.tenant-settings-quick-guide{margin:8px 10px 0;grid-template-columns:42px minmax(0,1fr);padding:11px 38px 11px 11px}.tenant-settings-quick-guide__jarvis{width:42px;height:42px}.tenant-settings-quick-guide__actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.tenant-settings-quick-guide__actions .tenant-button{width:100%;white-space:normal}.mymex-staff-invite-dialog{width:100%;max-width:none;max-height:100dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.mymex-staff-invite-dialog__actions{display:grid;grid-template-columns:1fr}.mymex-staff-invite-dialog__actions .tenant-button{width:100%}}

/* Master Admin access and trial control centre */
.mymex-access-command-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.mymex-access-command-summary>article{min-width:0;padding:15px;border:1px solid #d8e4ef;border-radius:17px;background:linear-gradient(145deg,#fff,#f6faff);box-shadow:0 10px 24px rgba(13,43,78,.06);animation:mymexAccessRise .38s ease both}.mymex-access-command-summary>article:nth-child(2){animation-delay:.04s}.mymex-access-command-summary>article:nth-child(3){animation-delay:.08s}.mymex-access-command-summary>article:nth-child(4){animation-delay:.12s}.mymex-access-command-summary span,.mymex-access-fact-card>span{display:block;margin-bottom:7px;color:#6c7e93;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.mymex-access-command-summary strong{display:block;color:#10233f;font-size:16px;line-height:1.15}.mymex-access-command-summary small{display:block;margin-top:6px;color:#6a7b8e;line-height:1.4}.mymex-access-command-summary .is-trial.is-soon{border-color:#f5cc77;background:linear-gradient(145deg,#fffdf6,#fff4d9)}.mymex-access-command-summary .is-trial.is-urgent{border-color:#f1aaa4;background:linear-gradient(145deg,#fffafa,#ffedea)}
.mymex-invite-access-plan{grid-column:1/-1;margin:6px 0 0;padding:18px;border:1px solid #bcd8ef;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#eef8ff)}.mymex-invite-access-plan legend{padding:0 8px;color:#10233f;font-weight:900}.mymex-invite-access-plan__intro{display:flex;gap:11px;align-items:flex-start;margin-bottom:15px}.mymex-invite-access-plan__intro>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#0069c8,#21b8f3);box-shadow:0 8px 18px rgba(0,105,200,.22)}.mymex-invite-access-plan__intro p{margin:0;color:#324b66}.mymex-invite-access-plan__intro strong,.mymex-invite-access-plan__intro small{display:block}.mymex-invite-access-plan__intro small{margin-top:3px;color:#687b90;line-height:1.4}.mymex-invite-access-plan__grid{display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(170px,.7fr) minmax(150px,.55fr);gap:12px}.mymex-invite-access-plan__summary{margin-top:13px;padding:12px 14px;border-radius:13px;color:#174666;background:#dff3ff;font-size:12px;font-weight:800;line-height:1.45}
.mymex-access-control-centre{position:relative;overflow:hidden;padding:0!important;border-color:#c8d9e8!important;background:linear-gradient(160deg,#fafdff 0%,#eef6fd 100%)!important}.mymex-access-control-centre:before{content:"";position:absolute;right:-120px;top:-150px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(32,185,242,.17),transparent 68%);pointer-events:none}.mymex-access-control-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:27px 28px 22px;border-bottom:1px solid #d7e4ef;background:linear-gradient(120deg,#071a31,#0b3764 63%,#075f84);color:#fff}.mymex-access-control-head h3{margin:4px 0 7px;color:#fff;font-size:25px}.mymex-access-control-head p{max-width:820px;margin:0;color:#c8daeb;line-height:1.55}.mymex-access-control-head .ford-section-kicker{color:#64dcff}.mymex-access-control-head .mymex-access-badge{margin-top:4px;padding:9px 13px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.mymex-access-overview-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(190px,.65fr));gap:13px;padding:20px 24px 0}.mymex-access-overview-grid>article{min-width:0;border:1px solid #d7e3ee;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 13px 30px rgba(11,45,80,.07)}.mymex-trial-visual{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;padding:18px}.mymex-trial-ring{--trial-color:#20b982;position:relative;display:grid;width:104px;height:104px;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle at center,#fff 57%,transparent 59%),conic-gradient(var(--trial-color) calc(var(--trial-progress)*1%),#e3edf5 0);box-shadow:inset 0 0 0 1px #d4e1ec,0 12px 25px rgba(11,65,103,.12)}.mymex-trial-visual.is-soon .mymex-trial-ring{--trial-color:#efaa27}.mymex-trial-visual.is-urgent .mymex-trial-ring{--trial-color:#e6574f;animation:mymexTrialPulse 2.2s ease-in-out infinite}.mymex-trial-ring strong{font-size:29px;line-height:1;color:#10233f}.mymex-trial-ring span{margin-top:4px;color:#66798d;font-size:9px;font-weight:900;text-transform:uppercase}.mymex-trial-visual h4,.mymex-access-plan-editor h4,.mymex-trial-lifecycle h4,.mymex-access-audit-grid h4{margin:4px 0 7px;color:#10233f;font-size:18px}.mymex-trial-visual p,.mymex-access-fact-card p{margin:0;color:#63758a;font-size:12px;line-height:1.5}.mymex-access-fact-card{padding:19px}.mymex-access-fact-card strong{display:block;color:#10233f;font-size:18px;line-height:1.2}.mymex-access-fact-card p{margin-top:9px}
.mymex-trial-lifecycle{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(330px,1.2fr) minmax(210px,.7fr);gap:18px;align-items:end;margin:17px 24px 0;padding:19px;border:1px solid #b9e5d4;border-radius:20px;background:linear-gradient(135deg,#f4fff9,#e8fbf3)}.mymex-trial-lifecycle>div>p{margin:0;color:#507566;line-height:1.5}.mymex-trial-extension-form{display:grid;grid-template-columns:minmax(120px,.5fr) minmax(190px,1fr) auto;gap:10px;align-items:end}.mymex-trial-extension-form label{display:grid;gap:6px;color:#254b3d;font-size:11px;font-weight:900}.mymex-trial-extension-form input{min-height:44px;padding:10px 12px;border:1px solid #a8d5c4;border-radius:12px;background:#fff}.mymex-trial-preset-row{display:flex;flex-wrap:wrap;gap:6px}.mymex-trial-preset-row button{min-height:34px;padding:7px 10px;border:1px solid #b7ccdd;border-radius:999px;color:#17476e;background:#fff;font-size:10px;font-weight:900;cursor:pointer;transition:.18s ease}.mymex-trial-preset-row button:hover,.mymex-trial-preset-row button:focus-visible{border-color:#168fd0;color:#0069c8;transform:translateY(-1px);box-shadow:0 7px 15px rgba(0,105,200,.14)}.mymex-trial-reminder-form{display:grid;gap:7px}.mymex-trial-reminder-form small{color:#547466;line-height:1.4}
.mymex-access-plan-editor{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:24px;margin:17px 24px 0;padding:22px;border:1px solid #d3e1ec;border-radius:22px;background:#fff}.mymex-access-plan-editor__intro p{margin:0;color:#687b8f;line-height:1.55}.mymex-access-plan-grid{grid-template-columns:minmax(220px,1fr) minmax(260px,1fr) minmax(170px,.7fr)!important}.mymex-access-change-preview{display:grid;gap:4px;margin-top:13px;padding:13px 15px;border:1px solid #cce2f4;border-radius:14px;background:#f2f9ff;color:#315774}.mymex-access-change-preview strong{color:#0c487a}.mymex-access-change-preview span{font-size:12px;line-height:1.45}
.mymex-access-audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:17px 24px 25px}.mymex-access-audit-grid>section{min-width:0;padding:19px;border:1px solid #d5e2ed;border-radius:21px;background:rgba(255,255,255,.94)}.mymex-access-list-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.mymex-access-list-head h4{margin-bottom:0}.mymex-access-list-head>a,.mymex-access-list-head>small{color:#2673ad;font-size:11px;font-weight:900}.mymex-access-timeline,.mymex-access-mail-list{display:grid;gap:8px;max-height:340px;overflow:auto;padding-right:3px}.mymex-access-timeline>article{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:10px 0}.mymex-access-timeline>article:not(:last-child):after{content:"";position:absolute;left:5px;top:25px;bottom:-9px;width:2px;background:#d7e6f0}.mymex-access-timeline__dot{position:relative;z-index:1;width:12px;height:12px;margin-top:3px;border:3px solid #dff3ff;border-radius:50%;background:#1288ca}.mymex-access-timeline strong,.mymex-access-timeline small{display:block}.mymex-access-timeline strong{color:#17324f;font-size:12px}.mymex-access-timeline small{margin-top:3px;color:#738399;font-size:10px;line-height:1.4}.mymex-access-mail-list>article{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #dbe6ef;border-radius:14px;background:#fbfdff}.mymex-access-mail-list>article>span{display:grid;width:28px;height:28px;place-items:center;border-radius:10px;color:#08764b;background:#dbf8e9;font-weight:900}.mymex-access-mail-list>article.is-failed>span{color:#a82a22;background:#ffe5e2}.mymex-access-mail-list strong,.mymex-access-mail-list small,.mymex-access-mail-list em{display:block;min-width:0;overflow-wrap:anywhere}.mymex-access-mail-list strong{color:#17324f;font-size:11px}.mymex-access-mail-list small{margin-top:3px;color:#718298;font-size:9px}.mymex-access-mail-list em{margin-top:4px;color:#a9362e;font-size:9px;font-style:normal}.mymex-access-mail-list b{color:#687b8f;font-size:9px;text-transform:uppercase}
@keyframes mymexAccessRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes mymexTrialPulse{0%,100%{box-shadow:inset 0 0 0 1px #d4e1ec,0 12px 25px rgba(230,87,79,.12)}50%{box-shadow:inset 0 0 0 1px #f2b6b1,0 14px 32px rgba(230,87,79,.26)}}
[data-mymex-theme="dark"] .mymex-access-command-summary>article,[data-mymex-theme="dark"] .mymex-access-overview-grid>article,[data-mymex-theme="dark"] .mymex-access-plan-editor,[data-mymex-theme="dark"] .mymex-access-audit-grid>section{border-color:#28425d;background:#10263d;color:#dceafa}[data-mymex-theme="dark"] .mymex-access-command-summary strong,[data-mymex-theme="dark"] .mymex-access-fact-card strong,[data-mymex-theme="dark"] .mymex-trial-visual h4,[data-mymex-theme="dark"] .mymex-access-plan-editor h4,[data-mymex-theme="dark"] .mymex-access-audit-grid h4{color:#f4f9ff}[data-mymex-theme="dark"] .mymex-invite-access-plan{border-color:#285477;background:linear-gradient(145deg,#0d2943,#113958)}[data-mymex-theme="dark"] .mymex-invite-access-plan legend,[data-mymex-theme="dark"] .mymex-invite-access-plan__intro p{color:#e8f4ff}
@media(max-width:1120px){.mymex-access-command-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mymex-access-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mymex-trial-visual{grid-column:1/-1}.mymex-trial-lifecycle{grid-template-columns:1fr 1fr}.mymex-trial-reminder-form{grid-column:1/-1}.mymex-access-plan-editor{grid-template-columns:1fr}.mymex-access-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mymex-access-plan-grid>.tenant-field:last-child{grid-column:1/-1}.mymex-invite-access-plan__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mymex-invite-access-plan__grid>label:first-child{grid-column:1/-1}}
@media(max-width:720px){.mymex-access-command-summary,.mymex-access-overview-grid,.mymex-access-audit-grid{grid-template-columns:1fr}.mymex-access-control-head{display:grid;padding:21px 17px}.mymex-access-control-head .mymex-access-badge{justify-self:start}.mymex-access-overview-grid,.mymex-access-audit-grid{padding-left:13px;padding-right:13px}.mymex-trial-visual{grid-template-columns:82px minmax(0,1fr);gap:13px;padding:14px}.mymex-trial-ring{width:80px;height:80px}.mymex-trial-ring strong{font-size:23px}.mymex-trial-lifecycle,.mymex-access-plan-editor{grid-template-columns:1fr;margin-left:13px;margin-right:13px;padding:15px}.mymex-trial-extension-form{grid-template-columns:1fr}.mymex-access-plan-grid,.mymex-invite-access-plan__grid{grid-template-columns:1fr!important}.mymex-invite-access-plan__grid>label:first-child,.mymex-access-plan-grid>.tenant-field:last-child{grid-column:auto}.mymex-access-mail-list>article{grid-template-columns:28px minmax(0,1fr)}.mymex-access-mail-list>article>b{grid-column:2}.mymex-access-control-head h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.mymex-access-command-summary>article,.mymex-trial-visual.is-urgent .mymex-trial-ring{animation:none!important}.mymex-trial-preset-row button{transition:none!important}}

/* Master invitation studio: visually separate recipient, access and reviewed
   message decisions while keeping one secure server-side form. */
.mymex-tenant-management-grid{
  grid-template-columns:minmax(390px,.78fr) minmax(600px,1.22fr);
  align-items:start;
}
.mymex-tenant-management-grid>article{
  align-self:start;
  background:linear-gradient(155deg,#fff 0%,#f7fbff 100%);
  box-shadow:0 18px 46px rgba(13,43,78,.08);
}
.mymex-tenant-access-card{position:relative;overflow:hidden}
.mymex-tenant-access-card:before{content:"";position:absolute;right:-90px;top:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(31,184,242,.13),transparent 70%);pointer-events:none}
.mymex-tenant-access-card>*{position:relative}
.mymex-tenant-invite-form{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin-top:20px!important}
.mymex-invite-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #d8e5f0;border-radius:18px;background:#eef5fb}
.mymex-invite-flow>span{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-width:0;padding:10px;border-radius:13px;color:#60748a;background:transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.mymex-invite-flow>span:not(:last-child):after{content:"";position:absolute;right:-7px;top:50%;width:6px;height:2px;background:#9fb6ca}
.mymex-invite-flow i{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;border:1px solid #c4d6e5;border-radius:11px;color:#3a607f;background:#fff;font-style:normal;font-size:11px;font-weight:900}
.mymex-invite-flow b,.mymex-invite-flow small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mymex-invite-flow b{color:#17314e;font-size:11px}.mymex-invite-flow small{font-size:9px}.mymex-invite-flow .is-ready{background:#fff;box-shadow:0 7px 18px rgba(15,65,103,.08)}.mymex-invite-flow .is-ready i{border-color:#24b88a;color:#08734f;background:#e7faf3}
.mymex-invite-recipient-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #dce7f0;border-radius:18px;background:#fff}
.mymex-invite-access-plan,.mymex-invite-message-fields{margin:0!important;padding:18px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 30px rgba(11,55,92,.06)}
.mymex-invite-access-plan legend,.mymex-invite-message-fields legend{display:flex;gap:8px;align-items:center;padding:0 7px;color:#10233f!important;font-size:14px}
.mymex-invite-access-plan legend>span,.mymex-invite-message-fields legend>span{padding:4px 7px;border-radius:999px;color:#0571bd;background:#e5f5ff;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.mymex-invite-access-plan__intro{margin:2px 0 14px}
.mymex-invite-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}
.mymex-invite-plan-cards label{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0;min-height:76px;padding:12px;border:1px solid #d6e3ee;border-radius:16px;color:#5d7288;background:#f8fbfe;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease}
.mymex-invite-plan-cards label:hover{transform:translateY(-2px);border-color:#80bfe8;box-shadow:0 11px 22px rgba(10,94,153,.1)}
.mymex-invite-plan-cards input{position:absolute;opacity:0;pointer-events:none}
.mymex-invite-plan-cards label>span{grid-row:1/3;display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#0d69a7;background:#e5f4ff;font-size:18px;font-weight:900}
.mymex-invite-plan-cards b,.mymex-invite-plan-cards small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mymex-invite-plan-cards b{color:#193451;font-size:11px}.mymex-invite-plan-cards small{font-size:9px}.mymex-invite-plan-cards em{grid-row:1/3;align-self:center;padding:4px 7px;border-radius:999px;color:#64798d;background:#eaf0f5;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}
.mymex-invite-plan-cards label:has(input:checked){border-color:#0b8fdb;background:linear-gradient(145deg,#f5fcff,#e5f5ff);box-shadow:0 0 0 2px rgba(11,143,219,.1),0 12px 25px rgba(9,107,170,.12)}.mymex-invite-plan-cards label:has(input:checked)>span{color:#fff;background:linear-gradient(145deg,#0875c9,#24b9ef)}.mymex-invite-plan-cards label:has(input:checked)>em{color:#08734f;background:#dff8ee}.mymex-invite-plan-cards label:not(:has(input:checked))>em{font-size:0}.mymex-invite-plan-cards label:not(:has(input:checked))>em:after{content:"Select";font-size:8px}
.mymex-invite-access-plan__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mymex-invite-access-plan__grid>[hidden]{display:none!important}.mymex-invite-access-plan__summary{position:relative;margin-top:12px!important;padding:12px 14px 12px 42px!important;border:1px solid #bfe1f4;background:#eaf8ff!important}.mymex-invite-access-plan__summary:before{content:"✓";position:absolute;left:13px;top:50%;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#fff;background:#168dcb;transform:translateY(-50%);font-size:10px}
.mymex-invite-jarvis-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(120deg,#061c38,#07537a);box-shadow:0 12px 26px rgba(6,45,76,.18)}.mymex-invite-jarvis-heading img{width:48px;height:48px;padding:3px;object-fit:cover;border:1px solid #22cbf3;border-radius:15px;background:#06274c}.mymex-invite-jarvis-heading p{margin:0}.mymex-invite-jarvis-heading strong,.mymex-invite-jarvis-heading small{display:block}.mymex-invite-jarvis-heading strong{color:#fff;font-size:13px}.mymex-invite-jarvis-heading small{margin-top:4px;color:#c4d9ea;font-size:10px;line-height:1.4}
.mymex-invite-jarvis-button{justify-self:start!important;min-height:42px!important;padding:10px 16px!important;border:0!important;color:#fff!important;background:linear-gradient(120deg,#082c55,#087ec0)!important;box-shadow:0 10px 22px rgba(7,91,145,.2)}.mymex-invite-jarvis-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(7,91,145,.27)}.mymex-invite-jarvis-button span{display:inline-grid;width:22px;height:22px;place-items:center;margin-right:5px;border-radius:8px;color:#073050;background:#6fe6ff}
.mymex-invite-message-fields textarea{min-height:132px;padding:14px!important;background:linear-gradient(#fff,#fbfdff)!important}
.mymex-invite-send-bar{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 13px;border:1px solid #b9ddcf;border-radius:17px;background:linear-gradient(120deg,#f3fff9,#e6faf2)}.mymex-invite-send-bar>span{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;color:#fff;background:#16aa78;box-shadow:0 8px 18px rgba(22,170,120,.22)}.mymex-invite-send-bar p{margin:0}.mymex-invite-send-bar strong,.mymex-invite-send-bar small{display:block}.mymex-invite-send-bar strong{color:#174b3a;font-size:11px}.mymex-invite-send-bar small{margin-top:3px;color:#527466;font-size:9px;line-height:1.35}.mymex-invite-send-bar .tenant-button{min-height:46px;padding-inline:18px;white-space:nowrap}.mymex-invite-send-bar .tenant-button b{margin-left:6px;font-size:16px}
[data-mymex-theme="dark"] .mymex-tenant-management-grid>article,[data-mymex-theme="dark"] .mymex-invite-recipient-fields,[data-mymex-theme="dark"] .mymex-invite-access-plan,[data-mymex-theme="dark"] .mymex-invite-message-fields{border-color:#294965!important;background:linear-gradient(155deg,#0d2841,#0a2036)!important}[data-mymex-theme="dark"] .mymex-invite-flow{border-color:#2b4d69;background:#0a1f35}[data-mymex-theme="dark"] .mymex-invite-flow .is-ready,[data-mymex-theme="dark"] .mymex-invite-flow i{background:#14324c}[data-mymex-theme="dark"] .mymex-invite-flow b,[data-mymex-theme="dark"] .mymex-invite-plan-cards b{color:#edf7ff}[data-mymex-theme="dark"] .mymex-invite-plan-cards label{border-color:#2c4d67;background:#102a42}[data-mymex-theme="dark"] .mymex-invite-plan-cards label:has(input:checked){border-color:#29b8f0;background:#113a56}[data-mymex-theme="dark"] .mymex-invite-send-bar{border-color:#23654f;background:linear-gradient(120deg,#0f3229,#113f31)}[data-mymex-theme="dark"] .mymex-invite-send-bar strong{color:#e8fff5}
@media(max-width:1280px){.mymex-tenant-management-grid{grid-template-columns:1fr}.mymex-tenant-organisation-card,.mymex-tenant-access-card{width:100%}}
@media(max-width:720px){.mymex-invite-flow,.mymex-invite-plan-cards,.mymex-invite-recipient-fields{grid-template-columns:1fr}.mymex-invite-flow>span:not(:last-child):after{display:none}.mymex-invite-send-bar{grid-template-columns:38px minmax(0,1fr)}.mymex-invite-send-bar .tenant-button{grid-column:1/-1;width:100%;white-space:normal}.mymex-invite-access-plan,.mymex-invite-message-fields{padding:14px!important}.mymex-invite-jarvis-button{width:100%;justify-content:center!important}}
@media(prefers-reduced-motion:reduce){.mymex-invite-plan-cards label,.mymex-invite-jarvis-button{transition:none!important;transform:none!important}}

/* Tenant-scoped, review-first document knowledge studio. */
.tenant-knowledge-document-studio{display:grid;gap:14px;padding:18px;border:1px solid #beddef;border-radius:24px;background:linear-gradient(145deg,#f8fdff,#eaf7ff);box-shadow:0 16px 38px rgba(10,70,112,.08)}
.tenant-knowledge-document-intro{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center}.tenant-knowledge-document-orbit{position:relative;display:grid;width:64px;height:64px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#041b37,#07587e);box-shadow:0 12px 25px rgba(6,60,95,.2)}.tenant-knowledge-document-orbit:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(27,180,233,.35);border-radius:24px;animation:mymexKnowledgeOrbit 3s ease-in-out infinite}.tenant-knowledge-document-orbit img{width:54px;height:54px;padding:3px;object-fit:cover;border:1px solid #28c9f1;border-radius:17px}.tenant-knowledge-document-intro h3{margin:3px 0 5px;color:#102b48;font-size:20px}.tenant-knowledge-document-intro p{max-width:730px;margin:0;color:#60788e;font-size:11px;line-height:1.55}.tenant-knowledge-document-stats{display:flex;gap:7px}.tenant-knowledge-document-stats span{display:grid;min-width:58px;padding:9px;border:1px solid #cce0ee;border-radius:13px;color:#6a8094;background:#fff;text-align:center;font-size:8px;font-weight:850;text-transform:uppercase}.tenant-knowledge-document-stats strong{color:#0c659f;font-size:18px;line-height:1}
.tenant-knowledge-document-form{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:13px;padding:13px;border:1px solid #cfe0ec;border-radius:19px;background:rgba(255,255,255,.82)}.tenant-knowledge-dropzone{position:relative;display:grid;place-items:center;align-content:center;min-height:142px;padding:20px;border:2px dashed #9fc6df;border-radius:16px;color:#5e7990;background:linear-gradient(145deg,#f9fdff,#edf8ff);text-align:center;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.tenant-knowledge-dropzone:hover,.tenant-knowledge-dropzone.is-dragging{border-color:#159ad7;background:#e5f7ff;transform:translateY(-1px)}.tenant-knowledge-dropzone.has-file{border-style:solid;border-color:#24b889;background:#ecfcf5}.tenant-knowledge-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.tenant-knowledge-dropzone>span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:9px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#0878c9,#29bde9);box-shadow:0 9px 20px rgba(8,120,201,.22)}.tenant-knowledge-dropzone svg{width:21px;height:21px}.tenant-knowledge-dropzone strong{color:#153754;font-size:12px}.tenant-knowledge-dropzone small{max-width:360px;margin-top:5px;font-size:9px;line-height:1.45}.tenant-knowledge-document-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-content:center}.tenant-knowledge-document-fields label{display:grid;gap:6px;color:#27445e;font-size:10px;font-weight:850}.tenant-knowledge-document-fields label>span{color:#7b8d9e;font-size:8px}.tenant-knowledge-document-fields input,.tenant-knowledge-document-fields select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cadbe8;border-radius:12px;color:#17314d;background:#fff}.tenant-knowledge-document-fields .tenant-button{grid-column:1/-1;min-height:45px}
.tenant-knowledge-document-list{display:grid;gap:9px}.tenant-knowledge-document{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;padding:13px;border:1px solid #d4e3ee;border-radius:17px;background:#fff;box-shadow:0 9px 22px rgba(10,51,84,.05)}.tenant-knowledge-document:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 3px 3px 0;background:#e09c30}.tenant-knowledge-document.is-approved:before{background:#19b27d}.tenant-knowledge-document.is-archived{opacity:.72}.tenant-knowledge-document.is-archived:before{background:#8290a0}.tenant-knowledge-document-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:#0876bb;background:#e9f6ff}.tenant-knowledge-document-icon svg{width:22px;height:22px}.tenant-knowledge-document-copy{min-width:0}.tenant-knowledge-document-copy>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tenant-knowledge-document-copy strong{color:#17324f;font-size:12px}.tenant-knowledge-document-copy em{padding:4px 7px;border-radius:999px;color:#7e550c;background:#fff0cc;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.tenant-knowledge-document.is-approved em{color:#08734f;background:#dcf8ed}.tenant-knowledge-document.is-archived em{color:#526275;background:#e9eef3}.tenant-knowledge-document-copy p{margin:4px 0;color:#4c6a83;font-size:10px}.tenant-knowledge-document-copy small{display:block;color:#778a9c;font-size:9px;line-height:1.4}.tenant-knowledge-document-actions{display:flex;gap:7px;align-items:center}.tenant-knowledge-document-actions form{margin:0}.tenant-knowledge-document-actions details{position:relative}.tenant-knowledge-document-actions summary{list-style:none;cursor:pointer}.tenant-knowledge-document-actions summary::-webkit-details-marker{display:none}.tenant-knowledge-document-preview{position:fixed;z-index:10030;inset:50% auto auto 50%;width:min(760px,calc(100vw - 30px));max-height:min(680px,calc(100dvh - 40px));padding:20px;overflow:auto;border:1px solid #c8dcea;border-radius:22px;color:#1a3551;background:#fff;box-shadow:0 30px 100px rgba(3,20,39,.42);transform:translate(-50%,-50%)}.tenant-knowledge-document-preview:before{content:"";position:fixed;z-index:-1;inset:-100vh -100vw;background:rgba(3,19,37,.68);backdrop-filter:blur(7px)}.tenant-knowledge-document-preview>strong{display:block;margin-bottom:10px;font-size:16px}.tenant-knowledge-document-preview pre{max-height:500px;margin:0;padding:15px;overflow:auto;border:1px solid #dbe6ef;border-radius:14px;color:#29445e;background:#f7fafc;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.tenant-knowledge-document-preview small{display:block;margin-top:9px;color:#667e92;line-height:1.45}.tenant-knowledge-document-empty{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:16px;border:1px dashed #abc8da;border-radius:16px;background:rgba(255,255,255,.68)}.tenant-knowledge-document-empty>span{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;color:#fff;background:#159bd5;font-size:22px}.tenant-knowledge-document-empty strong,.tenant-knowledge-document-empty small{display:block}.tenant-knowledge-document-empty strong{color:#17324f;font-size:11px}.tenant-knowledge-document-empty small{margin-top:3px;color:#6b8194;font-size:9px}.tenant-knowledge-web-heading{padding:8px 2px 0}.tenant-knowledge-web-heading h3{margin:3px 0 5px;color:var(--tenant-text);font-size:18px}.tenant-knowledge-web-heading p{margin:0;color:var(--tenant-muted);font-size:10px;line-height:1.5}
[data-mymex-theme="dark"] .tenant-knowledge-document-studio{border-color:#285474;background:linear-gradient(145deg,#0a2b47,#09223b)}[data-mymex-theme="dark"] .tenant-knowledge-document-intro h3,[data-mymex-theme="dark"] .tenant-knowledge-dropzone strong,[data-mymex-theme="dark"] .tenant-knowledge-document-copy strong,[data-mymex-theme="dark"] .tenant-knowledge-document-empty strong{color:#f1f8ff}[data-mymex-theme="dark"] .tenant-knowledge-document-intro p,[data-mymex-theme="dark"] .tenant-knowledge-document-copy p,[data-mymex-theme="dark"] .tenant-knowledge-document-copy small{color:#b4c9da}[data-mymex-theme="dark"] .tenant-knowledge-document-stats span,[data-mymex-theme="dark"] .tenant-knowledge-document-form,[data-mymex-theme="dark"] .tenant-knowledge-document,[data-mymex-theme="dark"] .tenant-knowledge-document-empty{border-color:#2b506d;background:#0b2944}[data-mymex-theme="dark"] .tenant-knowledge-dropzone{border-color:#356987;background:#0d3350}[data-mymex-theme="dark"] .tenant-knowledge-document-fields label{color:#c9dce9}[data-mymex-theme="dark"] .tenant-knowledge-document-preview{border-color:#35617d;color:#edf8ff;background:#09243d}[data-mymex-theme="dark"] .tenant-knowledge-document-preview pre{border-color:#31546d;color:#d7e7f3;background:#071c31}
@keyframes mymexKnowledgeOrbit{0%,100%{transform:scale(.98);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@media(max-width:880px){.tenant-knowledge-document-intro{grid-template-columns:54px minmax(0,1fr)}.tenant-knowledge-document-orbit{width:54px;height:54px}.tenant-knowledge-document-orbit img{width:46px;height:46px}.tenant-knowledge-document-stats{grid-column:1/-1}.tenant-knowledge-document-form{grid-template-columns:1fr}.tenant-knowledge-document{grid-template-columns:42px minmax(0,1fr)}.tenant-knowledge-document-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tenant-knowledge-document-actions .tenant-button{width:100%}}
@media(max-width:560px){.tenant-knowledge-document-studio{padding:13px}.tenant-knowledge-document-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tenant-knowledge-document-fields{grid-template-columns:1fr}.tenant-knowledge-document-fields .tenant-button{grid-column:auto}.tenant-knowledge-document-actions{grid-template-columns:1fr}.tenant-knowledge-document-preview{padding:14px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.tenant-knowledge-document-orbit:after{animation:none}.tenant-knowledge-dropzone{transition:none}}

/* Multi-file Jarvis knowledge intake: one governed batch, one review row per file. */
.tenant-knowledge-document-fields{align-content:start}
.tenant-knowledge-document-fields>label:first-child{grid-column:1/-1}
.tenant-knowledge-naming-mode{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}.tenant-knowledge-naming-mode legend{margin-bottom:7px;color:#27445e;font-size:10px;font-weight:900}.tenant-knowledge-naming-mode>label{display:flex;min-width:0;gap:9px;padding:10px;border:1px solid #cadbe8;border-radius:13px;background:#fff;cursor:pointer}.tenant-knowledge-naming-mode>label+label{margin-top:7px}.tenant-knowledge-naming-mode>label:has(input:checked){border-color:#159bd5;background:#edf9ff;box-shadow:0 0 0 2px rgba(21,155,213,.08)}.tenant-knowledge-naming-mode input{flex:0 0 auto;width:17px;height:17px;min-height:0;margin:2px 0 0;padding:0;accent-color:#0878c9}.tenant-knowledge-naming-mode span{display:grid;min-width:0;gap:2px}.tenant-knowledge-naming-mode strong{color:#17324f;font-size:10px}.tenant-knowledge-naming-mode small{color:#6d8295;font-size:8px;line-height:1.4}.tenant-knowledge-naming-mode input:disabled+span{opacity:.58}
.tenant-knowledge-ai-privacy{grid-column:1/-1;margin:0;padding:9px 11px;border:1px solid #c6e5f3;border-radius:11px;color:#315b75;background:#f0faff;font-size:8px;font-weight:700;line-height:1.5}.tenant-knowledge-ai-privacy.is-unavailable{border-color:#ead8ab;color:#755817;background:#fff8e7}
.tenant-knowledge-selected-files{grid-column:1/-1;display:grid;gap:7px;max-height:310px;padding:8px;overflow:auto;border:1px solid #d4e3ed;border-radius:14px;background:#f7fbfe}.tenant-knowledge-selected-files>span{padding:10px;color:#75899b;text-align:center;font-size:9px}.tenant-knowledge-selected-file{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,.8fr);gap:10px!important;align-items:center;padding:9px 10px;border:1px solid #dbe7ef;border-radius:11px;color:inherit!important;background:#fff}.tenant-knowledge-selected-file>span{display:grid;min-width:0;gap:3px}.tenant-knowledge-selected-file strong{overflow:hidden;color:#17324f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tenant-knowledge-selected-file small{color:#788b9b;font-size:8px;font-weight:650}.tenant-knowledge-selected-file input{min-height:38px!important}.tenant-knowledge-selected-file input:disabled{color:#5a7286;background:#edf3f7;opacity:1}.tenant-knowledge-upload-error{grid-column:1/-1;margin:0;padding:9px 11px;border:1px solid #f1bcbc;border-radius:11px;color:#9d2525;background:#fff1f1;font-size:9px;font-weight:850}.tenant-knowledge-document-fields .tenant-button{grid-column:1/-1}
.tenant-knowledge-document-editor form{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:11px}.tenant-knowledge-document-editor label{display:grid;gap:6px;color:#29445e;font-size:9px;font-weight:850}.tenant-knowledge-document-editor input,.tenant-knowledge-document-editor select{width:100%;min-height:43px;padding:9px 11px;border:1px solid #cedde8;border-radius:11px;color:#17314d;background:#fff}.tenant-knowledge-document-editor .tenant-button{grid-column:1/-1}
[data-mymex-theme="dark"] .tenant-knowledge-naming-mode legend,[data-mymex-theme="dark"] .tenant-knowledge-naming-mode strong,[data-mymex-theme="dark"] .tenant-knowledge-selected-file strong,[data-mymex-theme="dark"] .tenant-knowledge-document-editor label{color:#edf8ff}[data-mymex-theme="dark"] .tenant-knowledge-naming-mode>label,[data-mymex-theme="dark"] .tenant-knowledge-selected-files,[data-mymex-theme="dark"] .tenant-knowledge-selected-file{border-color:#315674;background:#0b2944}[data-mymex-theme="dark"] .tenant-knowledge-naming-mode>label:has(input:checked){border-color:#25aee4;background:#0d3855}[data-mymex-theme="dark"] .tenant-knowledge-naming-mode small,[data-mymex-theme="dark"] .tenant-knowledge-selected-file small{color:#a9bfd0}[data-mymex-theme="dark"] .tenant-knowledge-ai-privacy{border-color:#2f5974;color:#bed7e8;background:#0b304c}[data-mymex-theme="dark"] .tenant-knowledge-selected-file input:disabled,[data-mymex-theme="dark"] .tenant-knowledge-document-editor input,[data-mymex-theme="dark"] .tenant-knowledge-document-editor select{border-color:#315674;color:#e8f5ff;background:#102e47}
@media(max-width:560px){.tenant-knowledge-selected-file,.tenant-knowledge-document-editor form{grid-template-columns:1fr}.tenant-knowledge-selected-files{max-height:380px}}

/* Trial control centre refinement: use the available content width instead of
   viewport breakpoints, keep actions readable, and protect contrast from the
   legacy .ford-panel heading rules loaded later in the cascade. */
.tenant-legacy-bridge .mymex-access-control-head h3 {
  color: #fff !important;
}

.tenant-legacy-bridge .mymex-access-control-head p {
  color: #d5e7f7 !important;
}

.mymex-access-control-head > div {
  min-width: 0;
}

.mymex-trial-lifecycle {
  grid-template-columns: minmax(0, 1fr) minmax(220px, .42fr);
  align-items: stretch;
  gap: 14px;
}

.mymex-trial-lifecycle > div:first-child {
  grid-column: 1 / -1;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(31, 132, 95, .18);
}

.mymex-trial-extension-form,
.mymex-trial-reminder-form,
.mymex-access-plan-editor form,
.mymex-access-plan-grid,
.mymex-access-plan-grid > *,
.mymex-access-plan-editor__intro {
  min-width: 0;
}

.mymex-trial-extension-form {
  grid-template-columns: minmax(105px, .42fr) minmax(175px, 1fr) minmax(118px, auto);
  width: 100%;
}

.mymex-trial-extension-form .tenant-button,
.mymex-trial-reminder-form .tenant-button {
  min-width: 118px;
  white-space: nowrap;
}

.mymex-trial-reminder-form {
  align-content: end;
  padding: 12px;
  border: 1px solid rgba(31, 132, 95, .16);
  border-radius: 15px;
  background: rgba(255, 255, 255, .72);
}

.mymex-access-plan-editor {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

.mymex-access-plan-editor__intro {
  display: grid;
  grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr);
  column-gap: 24px;
  align-items: start;
  padding-bottom: 17px;
  border-bottom: 1px solid #dce7f0;
}

.mymex-access-plan-editor__intro .ford-section-kicker,
.mymex-access-plan-editor__intro h4 {
  grid-column: 1;
}

.mymex-access-plan-editor__intro p {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
}

.mymex-access-plan-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100%;
}

.mymex-access-plan-grid select,
.mymex-access-plan-grid input {
  width: 100%;
  min-width: 0;
}

.mymex-access-plan-editor .tenant-integration-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.mymex-access-plan-editor .tenant-integration-actions .tenant-button {
  flex: 0 0 auto;
  min-width: 190px;
  white-space: nowrap;
}

.mymex-access-plan-editor .tenant-integration-actions small {
  color: #526a82;
  line-height: 1.45;
}

[data-mymex-theme="dark"] .mymex-trial-reminder-form {
  border-color: #285477;
  background: rgba(7, 27, 51, .62);
}

[data-mymex-theme="dark"] .mymex-access-plan-editor__intro {
  border-color: #28425d;
}

[data-mymex-theme="dark"] .mymex-access-plan-editor .tenant-integration-actions small {
  color: #b9cee2;
}

@media (max-width: 980px) {
  .mymex-trial-lifecycle {
    grid-template-columns: minmax(0, 1fr);
  }

  .mymex-trial-reminder-form {
    grid-column: auto;
  }

  .mymex-access-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mymex-access-plan-grid > .tenant-field:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .mymex-access-control-head p {
    font-size: 13px;
  }

  .mymex-trial-extension-form,
  .mymex-access-plan-grid,
  .mymex-access-plan-editor__intro {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mymex-access-plan-editor__intro p,
  .mymex-access-plan-grid > .tenant-field:last-child {
    grid-column: 1;
    grid-row: auto;
  }

  .mymex-access-plan-editor .tenant-integration-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .mymex-access-plan-editor .tenant-integration-actions .tenant-button,
  .mymex-trial-extension-form .tenant-button,
  .mymex-trial-reminder-form .tenant-button {
    width: 100%;
    min-width: 0;
  }
}

/* Social channel clarity: publishing remains separate from provider authorisation. */
.tenant-social-settings{overflow:visible}.tenant-social-setup-guide{margin:0 0 20px;padding:18px;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:18px;align-items:center;border:1px solid color-mix(in srgb,var(--tenant-secondary) 30%,var(--tenant-line));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--tenant-secondary) 10%,#fff),#fff);box-shadow:0 14px 34px rgba(10,52,89,.07)}.tenant-social-setup-guide__intro{display:grid;gap:5px}.tenant-social-setup-guide__intro>span{color:var(--tenant-secondary);font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.tenant-social-setup-guide__intro>strong{color:var(--tenant-ink);font-size:17px;line-height:1.2}.tenant-social-setup-guide__intro>small{color:var(--tenant-muted);line-height:1.45}.tenant-social-setup-guide ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none}.tenant-social-setup-guide li{min-width:0;padding:11px;display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;align-items:center;border:1px solid var(--tenant-line);border-radius:15px;background:var(--tenant-surface,#fff)}.tenant-social-setup-guide li>b{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-secondary));box-shadow:0 7px 16px color-mix(in srgb,var(--tenant-primary) 22%,transparent)}.tenant-social-setup-guide li>span{min-width:0;display:grid;gap:2px}.tenant-social-setup-guide li strong{font-size:11px}.tenant-social-setup-guide li small{color:var(--tenant-muted);font-size:9px;line-height:1.35}
.tenant-social-settings .tenant-social-channel-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}.tenant-social-settings .tenant-social-channel-card{position:relative;min-width:0;padding:15px;display:grid;grid-template-columns:1fr;gap:13px;overflow:hidden;border:1px solid var(--tenant-line);border-radius:20px;background:linear-gradient(145deg,var(--tenant-surface,#fff),#f5f9fd);box-shadow:0 8px 22px rgba(9,40,72,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.tenant-social-settings .tenant-social-channel-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#aebdca;opacity:.7}.tenant-social-settings .tenant-social-channel-card.is-visible::before{background:#19bd79}.tenant-social-settings .tenant-social-channel-card.is-hidden::before{background:#f0a51a}.tenant-social-settings .tenant-social-channel-card:hover,.tenant-social-settings .tenant-social-channel-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tenant-secondary) 40%,var(--tenant-line));box-shadow:0 16px 34px rgba(9,40,72,.11)}.tenant-social-settings .tenant-social-channel-card>header{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center}.tenant-social-settings .tenant-social-channel-card>header>img{width:48px;height:48px;padding:5px;object-fit:contain;border:1px solid var(--tenant-line);border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(9,40,72,.08)}.tenant-social-settings .tenant-social-channel-card>header>div{min-width:0;display:grid;gap:3px}.tenant-social-settings .tenant-social-channel-card>header strong{overflow:hidden;color:var(--tenant-ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.tenant-social-settings .tenant-social-channel-card>header small{overflow:hidden;color:var(--tenant-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tenant-social-state{padding:5px 7px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;color:#647589;background:#e8eef4;font-size:8px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.tenant-social-state i{width:6px;height:6px;border-radius:50%;background:#8999aa}.tenant-social-state.is-visible{color:#087348;background:#dff8ec}.tenant-social-state.is-visible i{background:#20c883;box-shadow:0 0 0 4px rgba(32,200,131,.12)}.tenant-social-state.is-hidden{color:#895400;background:#fff0cc}.tenant-social-state.is-hidden i{background:#e3a21d}.tenant-social-url-field{min-width:0;display:grid;gap:6px}.tenant-social-url-field>span{color:var(--tenant-muted);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tenant-social-url-field>input{width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid var(--tenant-line);border-radius:12px;color:var(--tenant-ink);background:var(--tenant-surface,#fff);font-size:11px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.tenant-social-url-field>input:focus{border-color:var(--tenant-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--tenant-secondary) 14%,transparent)}.tenant-social-settings .tenant-social-channel-toggle{display:flex;align-items:center;gap:9px;color:var(--tenant-ink);font-size:10px;font-weight:850;cursor:pointer}.tenant-social-channel-toggle>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tenant-social-channel-toggle>span{position:relative;width:38px;height:22px;flex:0 0 38px;border-radius:999px;background:#c7d2dd;box-shadow:inset 0 0 0 1px rgba(8,35,63,.08);transition:background .2s ease}.tenant-social-channel-toggle>span>i{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .2s ease}.tenant-social-channel-toggle>input:checked+span{background:#17b879}.tenant-social-channel-toggle>input:checked+span>i{transform:translateX(16px)}.tenant-social-channel-toggle>input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--tenant-secondary) 35%,transparent);outline-offset:2px}.tenant-social-channel-toggle>b{font:inherit}.tenant-social-save-bar{margin-top:17px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--tenant-line);border-radius:18px;background:linear-gradient(110deg,#f2f8fd,#fff)}.tenant-social-save-bar>span{display:grid;gap:3px}.tenant-social-save-bar strong{font-size:12px}.tenant-social-save-bar small{color:var(--tenant-muted);font-size:10px;line-height:1.45}.tenant-social-save-bar .tenant-button{flex:0 0 auto;min-width:170px}.tenant-social-provider-heading{margin:26px 0 14px;padding-top:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-top:1px solid var(--tenant-line)}.tenant-social-provider-heading h3{margin:5px 0 4px;font-size:19px}.tenant-social-provider-heading p{margin:0;color:var(--tenant-muted);font-size:11px}.tenant-social-provider-heading>span{padding:7px 10px;border-radius:999px;color:#086f55;background:#dff8ed;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}
[data-mymex-theme="dark"] .tenant-social-setup-guide{background:linear-gradient(135deg,#0b2b49,#081f38);border-color:#2b5d7e}[data-mymex-theme="dark"] .tenant-social-setup-guide li,[data-mymex-theme="dark"] .tenant-social-settings .tenant-social-channel-card,[data-mymex-theme="dark"] .tenant-social-url-field>input{background:#09233e;border-color:#294d69}[data-mymex-theme="dark"] .tenant-social-save-bar{background:linear-gradient(110deg,#0a2946,#081e36);border-color:#294d69}
@media(max-width:1120px){.tenant-social-settings .tenant-social-channel-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}.tenant-social-setup-guide{grid-template-columns:1fr}}
@media(max-width:700px){.tenant-social-setup-guide{padding:14px}.tenant-social-setup-guide ol{grid-template-columns:1fr}.tenant-social-settings .tenant-social-channel-grid{grid-template-columns:1fr}.tenant-social-save-bar,.tenant-social-provider-heading{align-items:stretch;flex-direction:column}.tenant-social-save-bar .tenant-button{width:100%;min-width:0}.tenant-social-provider-heading>span{align-self:flex-start}.tenant-social-settings .tenant-social-channel-card>header{grid-template-columns:44px minmax(0,1fr)}.tenant-social-settings .tenant-social-channel-card>header>img{width:44px;height:44px}.tenant-social-state{grid-column:1 / -1;justify-self:start}}
@media(prefers-reduced-motion:reduce){.tenant-social-settings .tenant-social-channel-card,.tenant-social-channel-toggle>span,.tenant-social-channel-toggle>span>i{transition:none}.tenant-social-settings .tenant-social-channel-card:hover,.tenant-social-settings .tenant-social-channel-card:focus-within{transform:none}}

/* Persistent setup navigation and truthful saved-completion indicator. */
.tenant-settings-hub-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto}.tenant-settings-hub-footer{position:relative;z-index:4;padding:10px 18px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #d8e3ed;background:rgba(255,255,255,.96);box-shadow:0 -12px 30px rgba(9,38,67,.08);backdrop-filter:blur(14px)}.tenant-settings-footer-progress{--setup-progress:0%;position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--tenant-secondary) var(--setup-progress),#dce7f0 0);box-shadow:0 7px 18px rgba(8,42,76,.12)}.tenant-settings-footer-progress::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.tenant-settings-footer-progress strong{position:relative;color:var(--tenant-primary);font-size:10px;font-weight:950}.tenant-settings-footer-copy{min-width:0;display:grid;gap:2px}.tenant-settings-footer-copy small{color:var(--tenant-secondary);font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.tenant-settings-footer-copy strong{overflow:hidden;color:var(--tenant-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tenant-settings-footer-copy span{color:var(--tenant-muted);font-size:9px}.tenant-settings-footer-actions{display:flex;gap:8px}.tenant-settings-footer-actions .tenant-button{min-width:112px;white-space:nowrap}.tenant-settings-footer-actions button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
[data-mymex-theme="dark"] .tenant-settings-hub-footer{border-color:#284864;background:rgba(7,27,51,.97)}[data-mymex-theme="dark"] .tenant-settings-footer-progress{background:conic-gradient(var(--tenant-secondary) var(--setup-progress),#264660 0)}[data-mymex-theme="dark"] .tenant-settings-footer-progress::before{background:#071b33}
@media(max-width:700px){.tenant-settings-hub-footer{padding:8px 10px;grid-template-columns:42px minmax(0,1fr);gap:8px}.tenant-settings-footer-progress{width:40px;height:40px}.tenant-settings-footer-copy span{display:none}.tenant-settings-footer-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.tenant-settings-footer-actions .tenant-button{width:100%;min-width:0;min-height:46px}.tenant-settings-footer-copy strong{font-size:10px}}

/* Four-stage workspace launch path; optional tools remain available without blocking launch. */
.tenant-settings-launch-path{margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none}.tenant-settings-launch-path li{position:relative;min-width:0}.tenant-settings-launch-path li:not(:last-child)::after{content:"";position:absolute;z-index:0;top:25px;left:calc(100% - 2px);width:14px;height:2px;background:#cfdae5}.tenant-settings-launch-path button,.tenant-settings-launch-path a{position:relative;z-index:1;width:100%;min-height:72px;padding:10px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;border:1px solid #d6e2ed;border-radius:16px;color:var(--tenant-ink);background:rgba(255,255,255,.92);text-align:left;text-decoration:none;box-shadow:0 8px 20px rgba(8,42,76,.06);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tenant-settings-launch-path button:hover,.tenant-settings-launch-path a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tenant-secondary) 55%,#d6e2ed);box-shadow:0 13px 26px rgba(8,42,76,.1)}.tenant-settings-launch-path b{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#5f7389;background:#e8eff5;font-size:12px}.tenant-settings-launch-path span{min-width:0;display:grid;gap:3px}.tenant-settings-launch-path strong{overflow-wrap:anywhere;font-size:11px;line-height:1.2;white-space:normal}.tenant-settings-launch-path small{color:var(--tenant-muted);font-size:9px;line-height:1.25}.tenant-settings-launch-path .is-current button,.tenant-settings-launch-path .is-current a{border-color:var(--tenant-secondary);background:linear-gradient(145deg,#f6fcff,#e9f7ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--tenant-secondary) 12%,transparent),0 14px 28px rgba(8,99,158,.12)}.tenant-settings-launch-path .is-current b{color:#fff;background:linear-gradient(135deg,var(--tenant-primary),var(--tenant-secondary));animation:tenantLaunchPulse 2.2s ease-in-out infinite}.tenant-settings-launch-path .is-complete button,.tenant-settings-launch-path .is-complete a{border-color:#a9e5ce;background:linear-gradient(145deg,#f7fffb,#eafbf4)}.tenant-settings-launch-path .is-complete b{color:#fff;background:#19b979}.tenant-settings-hub-tabs .is-launch-step{border-bottom-color:color-mix(in srgb,var(--tenant-secondary) 45%,transparent)}.tenant-settings-hub-tabs .is-launch-step>span{background:color-mix(in srgb,var(--tenant-secondary) 12%,#eaf2fa)}.tenant-settings-hub-tabs .is-optional-step{opacity:.82}.tenant-settings-hub-tabs .is-optional-step>span{color:#6f8294;background:#edf1f5}.tenant-settings-hub-tabs .is-optional-step:hover,.tenant-settings-hub-tabs .is-optional-step.is-active{opacity:1}@keyframes tenantLaunchPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tenant-secondary) 25%,transparent)}50%{box-shadow:0 0 0 7px transparent}}
[data-mymex-theme="dark"] .tenant-settings-launch-path button,[data-mymex-theme="dark"] .tenant-settings-launch-path a{border-color:#284965;color:#edf7ff;background:#0d2841}[data-mymex-theme="dark"] .tenant-settings-launch-path .is-current button,[data-mymex-theme="dark"] .tenant-settings-launch-path .is-current a{border-color:#30bff0;background:linear-gradient(145deg,#0c3151,#103b52)}[data-mymex-theme="dark"] .tenant-settings-launch-path .is-complete button,[data-mymex-theme="dark"] .tenant-settings-launch-path .is-complete a{border-color:#247c5f;background:linear-gradient(145deg,#0d2d2a,#103b31)}
@media(max-width:900px){.tenant-settings-launch-path{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-settings-launch-path li::after{display:none}}
@media(max-width:520px){.tenant-settings-launch-path{grid-template-columns:1fr}.tenant-settings-launch-path button,.tenant-settings-launch-path a{min-height:64px}.tenant-settings-welcome-actions{align-items:stretch}.tenant-settings-welcome-actions .tenant-button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.tenant-settings-launch-path button,.tenant-settings-launch-path a{transition:none}.tenant-settings-launch-path button:hover,.tenant-settings-launch-path a:hover{transform:none}.tenant-settings-launch-path .is-current b{animation:none}}

/* Main-user invitation studio: compact launch card, human review, and truthful delivery feedback. */
.mymex-main-invite-launch{position:relative;margin-top:18px;padding:17px;display:grid;grid-template-columns:50px minmax(0,1fr) minmax(180px,.55fr) auto;gap:14px;align-items:center;overflow:hidden;border:1px solid #b9dff2;border-radius:20px;background:linear-gradient(125deg,#f2fbff,#e9f8f5);box-shadow:0 12px 28px rgba(8,67,111,.08)}.mymex-main-invite-launch::after{content:"";position:absolute;right:-55px;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(28,192,230,.18),transparent 68%);pointer-events:none}.mymex-main-invite-launch>*{position:relative;z-index:1;min-width:0}.mymex-main-invite-launch__icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0757ad,#16bfe8);box-shadow:0 10px 23px rgba(7,87,173,.22)}.mymex-main-invite-launch__icon svg{width:24px;height:24px}.mymex-main-invite-launch>div:nth-child(2){display:grid;gap:4px}.mymex-main-invite-launch>div:nth-child(2)>small{color:#0876bd;font-size:8px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.mymex-main-invite-launch h4{margin:0;color:#102c49;font-size:15px;line-height:1.2}.mymex-main-invite-launch p{margin:0;color:#5d7185;font-size:10px;line-height:1.45}.mymex-main-invite-launch__recipient{padding:10px 12px;display:grid;gap:2px;border:1px solid rgba(25,133,170,.15);border-radius:14px;background:rgba(255,255,255,.72)}.mymex-main-invite-launch__recipient span{color:#6b8296;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.mymex-main-invite-launch__recipient strong,.mymex-main-invite-launch__recipient small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mymex-main-invite-launch__recipient strong{color:#17334f;font-size:11px}.mymex-main-invite-launch__recipient small{color:#667b8f;font-size:9px}.mymex-main-invite-launch>.tenant-button{min-height:46px;white-space:nowrap}
.mymex-main-invite-dialog{width:min(96vw,980px);max-width:980px;max-height:min(94dvh,920px);margin:auto;padding:0;overflow:hidden;border:1px solid rgba(44,191,235,.55);border-radius:27px;color:var(--tenant-ink,#10233f);background:var(--tenant-surface,#fff);box-shadow:0 34px 110px rgba(3,25,48,.42)}.mymex-main-invite-dialog::backdrop{background:rgba(3,18,34,.76);backdrop-filter:blur(9px)}.mymex-main-invite-dialog[open]{animation:mymex-main-invite-in .24s cubic-bezier(.2,.85,.32,1)}.mymex-main-invite-dialog [hidden]{display:none!important}.mymex-main-invite-dialog .mymex-tenant-invite-form{width:100%;max-height:min(94dvh,920px);margin:0!important;padding:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:0!important;background:#f7fafc}.mymex-main-invite-dialog__header{position:relative;padding:18px 68px 18px 20px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:center;color:#fff;background:linear-gradient(118deg,#061d39,#074b68 72%,#0d7584)}.mymex-main-invite-dialog__header>span{width:52px;height:52px;padding:4px;display:grid;place-items:center;border:1px solid rgba(110,226,255,.42);border-radius:17px;background:rgba(2,21,43,.72);box-shadow:0 10px 25px rgba(0,0,0,.22)}.mymex-main-invite-dialog__header img{width:100%;height:100%;object-fit:cover;border-radius:13px}.mymex-main-invite-dialog__header>div{display:grid;gap:2px}.mymex-main-invite-dialog__header small{color:#6fe1ff;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.mymex-main-invite-dialog__header h3{margin:0;color:#fff;font-size:clamp(21px,3vw,29px);letter-spacing:-.035em}.mymex-main-invite-dialog__header p{margin:0;color:#c4ddeb;font-size:10px}.mymex-main-invite-dialog__header>button{position:absolute;right:18px;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;background:rgba(255,255,255,.08);font-size:25px;cursor:pointer}.mymex-main-invite-dialog__header>button:hover{background:rgba(255,255,255,.16)}.mymex-main-invite-dialog__body{min-height:0;padding:18px;overflow-y:auto;overscroll-behavior:contain}.mymex-main-invite-dialog [data-main-invite-compose]{display:grid;gap:16px}.mymex-main-invite-dialog .mymex-invite-send-bar{margin:0;border-width:1px 0 0;border-radius:0;padding:13px 18px;background:linear-gradient(110deg,#effbf7,#e7f7ff);box-shadow:0 -12px 28px rgba(5,43,77,.08)}
.mymex-main-invite-review{display:grid;gap:16px}.mymex-main-invite-review>header{padding:18px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;border:1px solid #a9e2ce;border-radius:19px;background:linear-gradient(125deg,#f1fff9,#e9faf5)}.mymex-main-invite-review>header>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:#12aa77;box-shadow:0 10px 22px rgba(18,170,119,.24);font-size:20px;font-weight:900}.mymex-main-invite-review>header>div{display:grid;gap:3px}.mymex-main-invite-review>header small{color:#07885d;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.mymex-main-invite-review h4{margin:0;color:#123b2e;font-size:21px}.mymex-main-invite-review h4:focus{outline:none}.mymex-main-invite-review p{margin:0;color:#57766b;font-size:10px;line-height:1.45}.mymex-main-invite-review dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mymex-main-invite-review dl>div{min-width:0;padding:14px;border:1px solid #d7e5ef;border-radius:16px;background:#fff}.mymex-main-invite-review dt{color:#63809a;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.mymex-main-invite-review dd{margin:6px 0 0;overflow-wrap:anywhere;color:#142f4b;font-size:11px;font-weight:800;line-height:1.5}.mymex-main-invite-review>.tenant-button{justify-self:start}.mymex-invite-result-dialog.is-error .mymex-first-card-dialog__jarvis{background:linear-gradient(135deg,#b72e2a,#ee655d);box-shadow:0 12px 30px rgba(183,46,42,.25)}.mymex-invite-result-dialog.is-error{border-color:rgba(215,65,57,.32)}.mymex-invite-result-dialog.is-error .mymex-invite-result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-mymex-theme="dark"] .mymex-main-invite-launch{border-color:#285a74;background:linear-gradient(125deg,#0b2b48,#0c353d)}[data-mymex-theme="dark"] .mymex-main-invite-launch h4,[data-mymex-theme="dark"] .mymex-main-invite-launch__recipient strong{color:#edf8ff}[data-mymex-theme="dark"] .mymex-main-invite-launch p,[data-mymex-theme="dark"] .mymex-main-invite-launch__recipient small{color:#b8cddd}[data-mymex-theme="dark"] .mymex-main-invite-launch__recipient{border-color:#2b536b;background:rgba(4,25,45,.58)}[data-mymex-theme="dark"] .mymex-main-invite-dialog .mymex-tenant-invite-form{background:#071b31}[data-mymex-theme="dark"] .mymex-main-invite-review>header{border-color:#256d57;background:linear-gradient(125deg,#0e332a,#0d3c31)}[data-mymex-theme="dark"] .mymex-main-invite-review h4{color:#e9fff6}[data-mymex-theme="dark"] .mymex-main-invite-review p{color:#b9d8cc}[data-mymex-theme="dark"] .mymex-main-invite-review dl>div{border-color:#294a64;background:#0c2942}[data-mymex-theme="dark"] .mymex-main-invite-review dd{color:#edf8ff}[data-mymex-theme="dark"] .mymex-main-invite-dialog .mymex-invite-send-bar{background:linear-gradient(110deg,#0c3129,#0b2d43)}
@keyframes mymex-main-invite-in{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:920px){.mymex-main-invite-launch{grid-template-columns:50px minmax(0,1fr) auto}.mymex-main-invite-launch__recipient{grid-column:2 / 3}.mymex-main-invite-launch>.tenant-button{grid-column:3;grid-row:1 / span 2}}
@media(max-width:700px){.mymex-main-invite-launch{grid-template-columns:46px minmax(0,1fr);padding:14px}.mymex-main-invite-launch__icon{width:46px;height:46px}.mymex-main-invite-launch__recipient{grid-column:1 / -1}.mymex-main-invite-launch>.tenant-button{grid-column:1 / -1;grid-row:auto;width:100%;white-space:normal}.mymex-main-invite-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:100dvh;margin:0;border-radius:23px 23px 0 0}.mymex-main-invite-dialog .mymex-tenant-invite-form{max-height:100dvh}.mymex-main-invite-dialog__header{padding:14px 58px 14px 14px;grid-template-columns:44px minmax(0,1fr)}.mymex-main-invite-dialog__header>span{width:44px;height:44px}.mymex-main-invite-dialog__header>button{right:10px;width:38px;height:38px}.mymex-main-invite-dialog__body{padding:12px}.mymex-main-invite-review dl{grid-template-columns:1fr}.mymex-main-invite-dialog .mymex-invite-send-bar{grid-template-columns:38px minmax(0,1fr);padding:11px 12px}.mymex-main-invite-dialog .mymex-invite-send-bar .tenant-button{grid-column:1 / -1;width:100%}.mymex-invite-result-dialog.is-error .mymex-invite-result-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mymex-main-invite-dialog[open]{animation:none}}

/* Master tenant management: one focused popup with six clearly separated work areas. */
.mymex-tenant-management-dialog{width:min(96vw,1220px);max-width:1220px;height:min(94dvh,920px);max-height:94dvh;margin:auto;padding:0;overflow:hidden;border:1px solid rgba(55,183,231,.5);border-radius:28px;color:#10243e;background:#f2f7fb;box-shadow:0 38px 120px rgba(1,19,40,.48)}
.mymex-tenant-management-dialog::backdrop{background:rgba(2,17,32,.78);backdrop-filter:blur(11px)}
.mymex-tenant-management-dialog[open]{animation:mymex-tenant-management-in .24s cubic-bezier(.2,.84,.34,1)}
.mymex-tenant-management-dialog[open] .mymex-tenant-management{height:100%}
.mymex-tenant-management-dialog [hidden]{display:none!important}
.mymex-tenant-management-dialog.is-fullscreen{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}
.mymex-tenant-management{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;background:#f2f7fb;scroll-margin-top:0}
.mymex-tenant-management-head{position:relative;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;background:linear-gradient(120deg,#051d3a 0%,#073e67 68%,#096f80 100%)}
.mymex-tenant-management-head::after{content:"";position:absolute;right:12%;top:-95px;width:250px;height:250px;border:1px solid rgba(91,224,255,.16);border-radius:50%;box-shadow:0 0 0 34px rgba(91,224,255,.035);pointer-events:none}
.mymex-tenant-management-head>*{position:relative;z-index:1}
.mymex-tenant-management-head__identity{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center}
.mymex-tenant-management-head__mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(111,225,255,.42);border-radius:18px;color:#fff;background:linear-gradient(145deg,#0c6bb2,#14bfd0);box-shadow:0 12px 28px rgba(0,0,0,.2);font-size:23px;font-weight:950}
.mymex-tenant-management-head__identity>div{min-width:0;display:grid;gap:3px}
.mymex-tenant-management-head .ford-section-kicker{color:#67e3ff}
.mymex-tenant-management-head h2{margin:0;overflow:hidden;color:#fff;font-size:clamp(22px,3vw,32px);line-height:1.05;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}
.mymex-tenant-management-head p{margin:0;color:#c8ddeb;font-size:11px;line-height:1.4}
.mymex-tenant-management-head__actions{display:flex;align-items:center;gap:8px}
.mymex-tenant-management-head__actions form{margin:0}
.mymex-tenant-management-head__actions .tenant-button-primary{min-height:43px;border-color:rgba(255,255,255,.15);background:linear-gradient(135deg,#0b87e8,#16bfe3);white-space:nowrap}
.mymex-tenant-management-dialog .tenant-icon-button{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:14px;color:#fff;background:rgba(255,255,255,.08);font:800 21px/1 inherit;cursor:pointer;transition:transform .18s ease,background .18s ease}
.mymex-tenant-management-dialog .tenant-icon-button:hover,.mymex-tenant-management-dialog .tenant-icon-button:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.17);outline:none}
.mymex-tenant-management-tabs{padding:10px 14px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;border-bottom:1px solid #d7e4ef;background:#fff;box-shadow:0 8px 24px rgba(6,42,75,.07)}
.mymex-tenant-management-tabs button{position:relative;min-width:0;min-height:58px;padding:9px 10px 9px 43px;display:grid;align-content:center;gap:1px;border:1px solid #dce6ef;border-radius:15px;color:#52677c;background:#f7fafc;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.mymex-tenant-management-tabs button>span{position:absolute;left:10px;top:50%;width:26px;height:26px;display:grid;place-items:center;transform:translateY(-50%);border-radius:9px;color:#5a7186;background:#e7eef4;font-size:9px;font-weight:950}
.mymex-tenant-management-tabs button b{overflow:hidden;color:#203750;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.mymex-tenant-management-tabs button small{overflow:hidden;color:#718398;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.mymex-tenant-management-tabs button:hover{transform:translateY(-2px);border-color:#80c9e8;background:#f3fbff}
.mymex-tenant-management-tabs button[aria-selected="true"]{border-color:#1ca7e1;color:#075e9e;background:linear-gradient(145deg,#effbff,#e6f7ff);box-shadow:0 0 0 3px rgba(22,163,225,.12),0 10px 22px rgba(8,90,145,.11)}
.mymex-tenant-management-tabs button[aria-selected="true"]>span{color:#fff;background:linear-gradient(135deg,#076bb9,#16b9d8);box-shadow:0 7px 15px rgba(7,107,185,.24)}
.mymex-tenant-management-tabs button[aria-selected="true"] b{color:#0b5f99}
.mymex-tenant-management-feedback{margin:10px 16px 0;padding:11px 13px;border:1px solid #98dfc6;border-radius:13px;color:#087651;background:#e8fbf3;font-size:11px;font-weight:800}
.mymex-tenant-management-feedback.is-error{border-color:#f0aaa5;color:#9b2923;background:#fff0ee}
.mymex-tenant-management-dialog__body{min-height:0;padding:18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.mymex-tenant-management-panel{min-width:0;animation:mymex-tenant-panel-in .22s ease}
.mymex-tenant-management-grid.is-single{grid-template-columns:minmax(0,1fr)}
.mymex-tenant-management-panel>.mymex-readiness-detail,.mymex-tenant-management-panel>.mymex-tenant-management-grid,.mymex-tenant-management-panel>.mymex-master-access-panel,.mymex-tenant-management-panel>.mymex-access-audit-grid,.mymex-tenant-management-panel>.mymex-tenant-status-card{width:100%;max-width:none;margin:0}
.mymex-tenant-management-panel .mymex-tenant-organisation-card,.mymex-tenant-management-panel .mymex-tenant-access-card{padding:22px;border:1px solid #d7e4ef;border-radius:22px;background:#fff;box-shadow:0 15px 34px rgba(6,42,74,.08)}
.mymex-tenant-management-panel .mymex-master-access-panel{padding:22px;border:1px solid #d7e4ef;border-radius:22px;background:#fff;box-shadow:0 15px 34px rgba(6,42,74,.08)}
.mymex-tenant-management-panel .mymex-access-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mymex-tenant-management-panel .mymex-access-audit-grid>section{min-width:0;padding:20px;border:1px solid #d7e4ef;border-radius:22px;background:#fff;box-shadow:0 15px 34px rgba(6,42,74,.08)}
.mymex-tenant-status-card{padding:22px;display:grid;gap:18px;border:1px solid #f0cfcc;border-radius:22px;background:linear-gradient(145deg,#fff,#fff7f6);box-shadow:0 15px 34px rgba(86,35,29,.07)}
.mymex-tenant-status-card>header{display:grid;gap:5px}
.mymex-tenant-status-card h3{margin:0;color:#3f2630;font-size:22px}
.mymex-tenant-status-card p{max-width:720px;margin:0;color:#765e67;font-size:11px;line-height:1.55}
.mymex-tenant-status-card .mymex-tenant-danger-zone{margin:0;padding:17px;display:grid;gap:14px;border:1px solid #edc5c1;border-radius:17px;background:#fff}
.mymex-tenant-status-card .mymex-tenant-danger-zone form{margin:0}
.mymex-tenant-status-card .mymex-permanent-delete-form{padding-top:16px;border-top:1px solid #f0d5d2}

[data-mymex-theme="dark"] .mymex-tenant-management-dialog,[data-mymex-theme="dark"] .mymex-tenant-management{color:#edf7ff;background:#071b31}
[data-mymex-theme="dark"] .mymex-tenant-management-tabs{border-color:#284861;background:#0a243d}
[data-mymex-theme="dark"] .mymex-tenant-management-tabs button{border-color:#294b66;color:#aec2d4;background:#0c2a44}
[data-mymex-theme="dark"] .mymex-tenant-management-tabs button b{color:#eaf6ff}
[data-mymex-theme="dark"] .mymex-tenant-management-tabs button>span{color:#b9cede;background:#23435c}
[data-mymex-theme="dark"] .mymex-tenant-management-tabs button[aria-selected="true"]{border-color:#2cc4ef;background:linear-gradient(145deg,#0d3655,#10455b)}
[data-mymex-theme="dark"] .mymex-tenant-management-panel .mymex-tenant-organisation-card,[data-mymex-theme="dark"] .mymex-tenant-management-panel .mymex-tenant-access-card,[data-mymex-theme="dark"] .mymex-tenant-management-panel .mymex-master-access-panel,[data-mymex-theme="dark"] .mymex-tenant-management-panel .mymex-access-audit-grid>section{border-color:#294b66;background:#0b2741;box-shadow:0 15px 34px rgba(0,0,0,.2)}
[data-mymex-theme="dark"] .mymex-tenant-status-card{border-color:#6b4144;background:linear-gradient(145deg,#2a1d2a,#241b28)}
[data-mymex-theme="dark"] .mymex-tenant-status-card h3{color:#fff3f2}
[data-mymex-theme="dark"] .mymex-tenant-status-card p{color:#d1b9bc}
[data-mymex-theme="dark"] .mymex-tenant-status-card .mymex-tenant-danger-zone{border-color:#6a4143;background:#211a26}

@keyframes mymex-tenant-management-in{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mymex-tenant-panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.mymex-tenant-management-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.mymex-tenant-management-tabs button{flex:0 0 155px;scroll-snap-align:start}.mymex-tenant-management-panel .mymex-access-audit-grid{grid-template-columns:1fr}.mymex-tenant-management-head p{display:none}}
@media(max-width:700px){.mymex-tenant-management-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}.mymex-tenant-management-head{padding:11px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.mymex-tenant-management-head__identity{grid-template-columns:44px minmax(0,1fr);gap:9px}.mymex-tenant-management-head__mark{width:44px;height:44px;border-radius:14px;font-size:18px}.mymex-tenant-management-head h2{display:-webkit-box;overflow:hidden;font-size:17px;line-height:1.1;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mymex-tenant-management-head .ford-section-kicker{font-size:7px}.mymex-tenant-management-head__actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px}.mymex-tenant-management-head__actions form{width:100%}.mymex-tenant-management-head__actions .tenant-button-primary{width:100%;min-width:0;min-height:38px;padding:8px 10px;font-size:9px}.mymex-tenant-management-dialog .tenant-icon-button{width:38px;height:38px;border-radius:12px}.mymex-tenant-management-head__actions [data-toggle-tenant-management-size]{display:none}.mymex-tenant-management-tabs{padding:8px;gap:6px}.mymex-tenant-management-tabs button{flex-basis:132px;min-height:52px;padding-left:39px}.mymex-tenant-management-dialog__body{padding:10px}.mymex-tenant-management-feedback{margin:8px 10px 0}.mymex-tenant-management-panel .mymex-tenant-organisation-card,.mymex-tenant-management-panel .mymex-tenant-access-card,.mymex-tenant-management-panel .mymex-master-access-panel,.mymex-tenant-management-panel .mymex-access-audit-grid>section,.mymex-tenant-status-card{padding:14px;border-radius:17px}.mymex-tenant-management-panel .mymex-access-command-summary{grid-template-columns:1fr}.mymex-tenant-management-panel .mymex-access-overview-grid{grid-template-columns:1fr}.mymex-tenant-management-panel .mymex-main-invite-launch{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.mymex-tenant-management-dialog[open],.mymex-tenant-management-panel{animation:none}.mymex-tenant-management-tabs button,.mymex-tenant-management-dialog .tenant-icon-button{transition:none}.mymex-tenant-management-tabs button:hover,.mymex-tenant-management-dialog .tenant-icon-button:hover{transform:none}}

/* Master directory responsive release: respond to usable content width after the sidebar, not only the viewport. */
.mymex-tenant-admin-directory{width:100%;max-width:100%;min-width:0;container-name:master-directory;container-type:inline-size}
.mymex-tenant-admin-directory>*{min-width:0;max-width:100%}
.mymex-tenant-directory-list,.mymex-tenant-directory-toolbar,.mymex-access-summary,.mymex-launch-readiness-summary{min-width:0}
.mymex-tenant-directory-row>*{min-width:0}

@container master-directory (max-width:1050px){
  .mymex-tenant-directory-row{grid-template-columns:minmax(210px,1fr) minmax(92px,auto) minmax(140px,.72fr) minmax(135px,.68fr) minmax(132px,auto);gap:12px;padding:16px}
  .mymex-tenant-directory-row .mymex-tenant-next-step-meta{display:block;grid-column:1 / -1;grid-row:2;padding-top:10px;border-top:1px solid #e5ebf2}
  .mymex-tenant-directory-identity strong{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .mymex-tenant-directory-actions{grid-column:5;grid-row:1;width:100%;min-width:132px;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}
  .mymex-tenant-directory-actions form,.mymex-tenant-directory-actions .tenant-button{width:100%;min-width:0}
  .mymex-access-summary{grid-template-columns:minmax(0,1fr)}
  .mymex-access-summary nav{grid-template-columns:repeat(6,minmax(76px,1fr))}
}

@container master-directory (max-width:850px){
  .mymex-launch-readiness-summary{grid-template-columns:minmax(0,1fr)}
  .mymex-tenant-directory-row{grid-template-columns:minmax(0,1fr) auto;gap:13px}
  .mymex-tenant-directory-row .mymex-tenant-directory-meta{display:block;grid-column:1 / -1;padding-top:10px;border-top:1px solid #e5ebf2}
  .mymex-tenant-directory-row .mymex-tenant-next-step-meta{display:block;grid-row:auto}
  .mymex-tenant-directory-actions{grid-column:1 / -1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
  .mymex-tenant-search-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mymex-tenant-search-form>label:first-of-type{grid-column:1 / -1}
  .mymex-tenant-search-form>.tenant-button{width:100%;min-width:0}
}

@container master-directory (max-width:650px){
  .mymex-launch-readiness-summary nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mymex-access-summary nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mymex-tenant-search-form{grid-template-columns:minmax(0,1fr)}
  .mymex-tenant-search-form>label:first-of-type{grid-column:auto}
  .mymex-tenant-directory-row{padding:14px}
  .mymex-tenant-directory-status{grid-column:2;grid-row:1;align-self:start}
  .mymex-tenant-directory-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@container master-directory (max-width:430px){
  .mymex-access-summary{padding:16px}
  .mymex-access-summary nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mymex-tenant-directory-actions{grid-template-columns:minmax(0,1fr)}
  .mymex-tenant-directory-logo{flex-basis:46px;width:46px;height:46px}
  .mymex-readiness-pill{min-width:92px;padding-inline:8px}
}

/* Viewport fallbacks for browsers that do not support container queries. */
@supports not (container-type:inline-size){
  @media(max-width:1360px){.mymex-tenant-directory-row{grid-template-columns:minmax(210px,1fr) auto minmax(140px,.72fr) minmax(135px,.68fr) auto;gap:12px}.mymex-tenant-directory-row .mymex-tenant-next-step-meta{display:none}.mymex-tenant-directory-actions{display:grid;grid-template-columns:1fr}.mymex-tenant-directory-actions form,.mymex-tenant-directory-actions .tenant-button{width:100%}}
  @media(max-width:1100px){.mymex-tenant-directory-row{grid-template-columns:minmax(0,1fr) auto}.mymex-tenant-directory-row .mymex-tenant-directory-meta{display:block;grid-column:1 / -1}.mymex-tenant-directory-row .mymex-tenant-next-step-meta{display:block}.mymex-tenant-directory-actions{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.mymex-access-summary,.mymex-launch-readiness-summary{grid-template-columns:1fr}}
}

/* Invitation test-send action: keep both review choices readable without crowding. */
.mymex-main-invite-dialog .mymex-invite-send-bar{grid-template-columns:38px minmax(0,1fr) auto auto}
.mymex-main-invite-dialog [data-test-main-invite]{border-color:#6cb5df;background:#f5fbff;color:#07528e}
.mymex-main-invite-dialog [data-test-main-invite]:hover{background:#e5f5ff}
.mymex-invite-result-dialog.is-delivered .mymex-invite-result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.mymex-main-invite-dialog .mymex-invite-send-bar{grid-template-columns:38px minmax(0,1fr)}.mymex-main-invite-dialog .mymex-invite-send-bar .tenant-button{grid-column:1 / -1}}

/* Sandboxed, server-rendered invitation email preview. */
.mymex-main-invite-email-preview{overflow:hidden;border:1px solid #c9dceb;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(9,46,79,.08)}
.mymex-main-invite-email-preview>header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dbe7f0;background:linear-gradient(110deg,#f5fbff,#eefbf7)}
.mymex-main-invite-email-preview>header>div{display:grid;gap:2px}.mymex-main-invite-email-preview header small{color:#0878b6;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.mymex-main-invite-email-preview h5{margin:0;color:#102f4d;font-size:15px}.mymex-main-invite-email-preview header>span{color:#5d768d;font-size:9px;font-weight:800;text-align:right}.mymex-main-invite-email-preview iframe{display:block;width:100%;height:min(58vh,640px);border:0;background:#eaf2f8}
[data-mymex-theme="dark"] .mymex-main-invite-email-preview{border-color:#2a526a;background:#071b31}[data-mymex-theme="dark"] .mymex-main-invite-email-preview>header{border-color:#294a64;background:linear-gradient(110deg,#0b2941,#0d332c)}[data-mymex-theme="dark"] .mymex-main-invite-email-preview h5{color:#eef8ff}[data-mymex-theme="dark"] .mymex-main-invite-email-preview header>span{color:#b6cadb}
@media(max-width:700px){.mymex-main-invite-email-preview>header{align-items:flex-start;flex-direction:column}.mymex-main-invite-email-preview header>span{text-align:left}.mymex-main-invite-email-preview iframe{height:62vh}}

/* Recoverable invite results: keep the one-time link visible without resending. */
.mymex-invite-result-recovery{margin:12px 0 18px;padding:13px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #a9e3ce;border-radius:17px;background:linear-gradient(120deg,#f3fff9,#edf9ff);box-shadow:0 10px 24px rgba(7,76,105,.07)}
.mymex-invite-result-recovery>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0ba977,#19cda0);box-shadow:0 8px 18px rgba(11,169,119,.2)}
.mymex-invite-result-recovery>span svg{width:21px;height:21px}.mymex-invite-result-recovery>div{min-width:0;display:grid;gap:2px}.mymex-invite-result-recovery small{color:#078a61;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.mymex-invite-result-recovery strong{color:#123a31;font-size:12px}.mymex-invite-result-recovery p{margin:0;color:#617a75;font-size:9px;line-height:1.4}.mymex-invite-result-recovery>.tenant-button{white-space:nowrap}
.mymex-invite-result-actions{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}.mymex-invite-result-actions form{min-width:0}.mymex-invite-result-actions form .tenant-button{white-space:normal}
[data-mymex-theme="dark"] .mymex-invite-result-recovery{border-color:#26775f;background:linear-gradient(120deg,#0d332b,#0c3045)}[data-mymex-theme="dark"] .mymex-invite-result-recovery strong{color:#effff9}[data-mymex-theme="dark"] .mymex-invite-result-recovery p{color:#b8d5cc}
@media(max-width:700px){.mymex-invite-result-recovery{grid-template-columns:40px minmax(0,1fr);padding:12px}.mymex-invite-result-recovery>.tenant-button{grid-column:1 / -1;width:100%;white-space:normal}.mymex-invite-result-actions{grid-template-columns:1fr!important}.mymex-invite-result-dialog{max-height:92dvh;padding:24px 18px;overflow-y:auto}.mymex-invite-result-meta{grid-template-columns:1fr}.mymex-invite-result-link>span{grid-template-columns:1fr}.mymex-invite-result-link .tenant-button{width:100%}}

/* Invitation history actions and unambiguous password-reset wording. */
.mymex-tenant-owner-row>span{display:grid;gap:2px}.mymex-tenant-owner-row>span>em{max-width:650px;color:var(--tenant-muted,#62748c);font-size:9px;font-style:normal;line-height:1.4}
.mymex-tenant-invite-history>p{margin:2px 0 7px;color:var(--tenant-muted,#62748c);font-size:9px;line-height:1.45}.mymex-invite-history-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.mymex-invite-history-actions form{margin:0}.mymex-invite-history-actions .tenant-button{min-height:38px;padding:8px 12px;white-space:nowrap}.mymex-invite-history-actions>[data-invite-row-copy-status]{flex-basis:100%;color:#087d5c;font-size:8px;font-weight:800;text-align:right}.mymex-invite-used-label{padding:8px 11px;border:1px solid #afe4d0;border-radius:999px;color:#087653;background:#edfbf6;font-size:9px;font-weight:900;white-space:nowrap}
[data-mymex-theme="dark"] .mymex-invite-used-label{border-color:#28785e;color:#a8f2d5;background:#0e362d}
@media(max-width:700px){.mymex-invite-history-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.mymex-invite-history-actions form,.mymex-invite-history-actions .tenant-button,.mymex-invite-used-label{width:100%}.mymex-invite-used-label{grid-column:1 / -1;text-align:center}.mymex-invite-history-actions>[data-invite-row-copy-status]{grid-column:1 / -1;text-align:left}}

/* Invitation lifecycle: surface the immutable first-open and activation timestamps. */
.mymex-invite-history-detail{display:grid;min-width:0;gap:3px;flex:1}.mymex-invite-lifecycle{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:7px;margin:8px 0 0}.mymex-invite-lifecycle>div{position:relative;min-width:0;padding:8px 9px 8px 22px;border:1px solid #d9e5ef;border-radius:11px;background:#f7fafc}.mymex-invite-lifecycle>div:before{position:absolute;top:11px;left:9px;width:7px;height:7px;border-radius:50%;content:"";background:#a6b5c4;box-shadow:0 0 0 3px rgba(166,181,196,.14)}.mymex-invite-lifecycle>div.is-complete:before{background:#16b985;box-shadow:0 0 0 3px rgba(22,185,133,.15)}.mymex-invite-lifecycle>div.is-expiry:before{background:#188ce5;box-shadow:0 0 0 3px rgba(24,140,229,.14)}.mymex-invite-lifecycle dt{margin:0 0 2px;color:#60758b;font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.mymex-invite-lifecycle dd{margin:0;color:#17314e;font-size:8px;font-weight:850;line-height:1.35;white-space:normal}
[data-mymex-theme="dark"] .mymex-invite-lifecycle>div{border-color:#294961;background:#0c263d}[data-mymex-theme="dark"] .mymex-invite-lifecycle dt{color:#9eb8cc}[data-mymex-theme="dark"] .mymex-invite-lifecycle dd{color:#edf7ff}
@media(max-width:900px){.mymex-invite-lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mymex-invite-lifecycle{grid-template-columns:1fr}.mymex-invite-lifecycle>div{padding-top:9px;padding-bottom:9px}}

/* Specials and Offerings: explicit, global draft-or-publish decision. */
.tenant-content-decision-sheet{width:min(760px,calc(100vw - 32px));max-width:760px;overflow:hidden}
.tenant-content-decision-sheet .tenant-content-sheet-symbol.is-success{color:#fff;background:linear-gradient(145deg,#12ad7a,#25d6a2);box-shadow:0 12px 28px rgba(18,173,122,.24)}

/* Shop-ready Listings: global product composer and draft editor. */
.tenant-special-product-image.is-listing-gallery legend{display:flex;align-items:center;gap:8px}.tenant-special-product-image.is-listing-gallery legend small{padding:4px 8px;border:1px solid #bcebdc;border-radius:999px;color:#08745a;background:#edfff8;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.tenant-special-product-image.is-listing-gallery .tenant-media-collection-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tenant-special-product-image.is-listing-gallery .tenant-media-collection-item{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid #cfe0e9;border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(7,42,72,.07)}.tenant-special-product-image.is-listing-gallery .tenant-media-collection-item img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover}.tenant-special-product-image.is-listing-gallery .tenant-media-collection-item figcaption{padding:7px;overflow:hidden;color:#38566f;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.tenant-special-product-image.is-listing-gallery .ford-builder-slide-order{position:absolute;z-index:2;top:7px;left:7px;width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:8px;color:#fff;background:rgba(4,29,52,.82);box-shadow:0 5px 13px rgba(0,0,0,.18);font-size:8px;font-weight:950}.tenant-listing-photo-count{position:absolute;right:9px;bottom:9px;padding:5px 8px;border:1px solid rgba(255,255,255,.45);border-radius:9px;color:#fff;background:rgba(3,24,45,.82);box-shadow:0 7px 18px rgba(0,0,0,.22);font-size:8px;font-weight:950;letter-spacing:.04em;backdrop-filter:blur(8px)}.tenant-listing-gallery-manage{border-color:#4fd7ba!important;color:#075c4b!important;background:#edfff9!important}.tenant-listing-gallery-edit-preview{grid-column:1/-1;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;border:1px solid #d6e7ec;border-radius:13px;background:#f6fbfc}.tenant-listing-gallery-edit-preview .tenant-media-collection-item{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:9px;background:#e8f1f4}.tenant-listing-gallery-edit-preview img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover}.tenant-listing-gallery-edit-preview figcaption{display:none}.tenant-listing-gallery-edit-preview .ford-builder-slide-order{position:absolute;z-index:2;top:4px;left:4px;width:19px;height:19px;display:grid;place-items:center;border-radius:6px;color:#fff;background:rgba(3,29,49,.82);font-size:7px;font-weight:950}
[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-image.is-listing-gallery legend small{border-color:#23745f;color:#8af3d3;background:#0b382f}[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-image.is-listing-gallery .tenant-media-collection-item{border-color:#294961;background:#0b2941}[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-image.is-listing-gallery .tenant-media-collection-item figcaption{color:#bdd2df}[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-gallery-manage{border-color:#267f69!important;color:#a8f5dc!important;background:#0c372f!important}[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-gallery-edit-preview{border-color:#294b60;background:#092239}
@media(max-width:720px){.tenant-special-product-image.is-listing-gallery .tenant-media-collection-preview,.tenant-listing-gallery-edit-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-special-product-image.is-listing-gallery .tenant-content-gallery-button{align-items:flex-start}.tenant-listing-photo-count{right:6px;bottom:6px}}
.tenant-special-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tenant-content-choice-card.is-commerce{border-color:rgba(20,184,132,.32);background:linear-gradient(145deg,rgba(230,255,247,.92),#fff)}
.tenant-content-choice-card.is-commerce .tenant-content-choice-icon{color:#087b61;background:#ddfff4}
.tenant-special-product-sheet,.tenant-special-edit-sheet{width:min(790px,100%);height:min(860px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.tenant-special-product-form{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.tenant-special-product-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tenant-special-product-fields label{display:grid;gap:7px;min-width:0;color:#102b4b;font-size:12px;font-weight:800;letter-spacing:.02em}
.tenant-special-product-fields label>span{display:flex;gap:4px;align-items:center}
.tenant-special-product-fields label>span b,.tenant-special-product-image legend b{color:#0d9b79}
.tenant-special-product-fields input,.tenant-special-product-fields select,.tenant-special-product-fields textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #c9d9e8;border-radius:13px;background:#fff;color:#10253f;font:inherit;font-size:14px;font-weight:650;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.tenant-special-product-fields textarea{min-height:90px;resize:vertical;line-height:1.5}
.tenant-special-product-fields input:focus,.tenant-special-product-fields select:focus,.tenant-special-product-fields textarea:focus{border-color:#0fb58b;box-shadow:0 0 0 3px rgba(15,181,139,.14)}
.tenant-special-product-wide{grid-column:1/-1}
.tenant-special-product-image{display:grid;gap:12px;margin:20px 0 0;padding:16px;border:1px solid #d6e2ee;border-radius:16px;background:#f7fbff}
.tenant-special-product-image legend{padding:0 7px;color:#102b4b;font-size:12px;font-weight:850}
.tenant-special-file{display:grid;gap:7px;color:#48647f;font-size:12px;font-weight:750}
.tenant-special-file input{width:100%;min-height:56px;padding:6px;border:1px dashed #9fbdd3;border-radius:13px;background:#fff;color:#526c83;font-size:12px;cursor:pointer}
.tenant-special-file input::file-selector-button{min-height:42px;margin-right:12px;padding:0 16px;border:1px solid #183b5b;border-radius:10px;color:#f5fbff;background:linear-gradient(145deg,#071d38,#0b4560);font:inherit;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.tenant-special-file input:hover::file-selector-button{transform:translateY(-1px);box-shadow:0 8px 20px rgba(6,31,56,.18)}
.tenant-special-product-image .tenant-content-gallery-button{min-height:74px;border-color:#c6d9e8;background:linear-gradient(145deg,#fff,#f3f8fc);box-shadow:0 7px 20px rgba(11,44,72,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.tenant-special-product-image .tenant-content-gallery-button:hover,.tenant-special-product-image .tenant-content-gallery-button:focus-visible{transform:translateY(-1px);border-color:#6ed9bd;box-shadow:0 12px 28px rgba(15,125,109,.12);outline:none}
.tenant-special-product-assurance{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;margin-top:16px;padding:14px;border:1px solid rgba(15,181,139,.24);border-radius:15px;background:#edfff9;color:#164b40}
.tenant-special-product-assurance>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#18b98e;color:#fff;font-weight:900}
.tenant-special-product-assurance p{display:grid;gap:3px;margin:0}.tenant-special-product-assurance strong{font-size:13px}.tenant-special-product-assurance small{font-size:11px;line-height:1.55;color:#3a6d63}
.tenant-special-price-summary{display:block;margin-top:4px;color:#078667;font-size:12px;font-weight:850}
.tenant-special-edit-sheet .tenant-content-sheet-form{display:grid;gap:18px}
.tenant-special-product-actions{position:sticky;z-index:4;bottom:-28px;margin:4px -28px -28px;padding:16px 28px 19px;border-top:1px solid #d7e4ec;background:rgba(255,255,255,.96);box-shadow:0 -14px 30px rgba(7,31,55,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tenant-special-product-actions .tenant-content-action{min-height:54px;border-radius:15px;font-size:13px;letter-spacing:.01em}
.tenant-special-product-actions .tenant-content-action span{overflow:visible;font-size:inherit;text-overflow:clip}
.tenant-special-product-actions .tenant-special-product-cancel{border-color:#cbdbe7;color:#29475f;background:#f8fbfd;box-shadow:none}
.tenant-special-product-actions .tenant-special-product-submit{justify-content:flex-start;padding:0 18px;border-color:rgba(18,188,153,.75);color:#032a2c;background:linear-gradient(135deg,#3aefb5 0,#20d7c6 52%,#29b8eb 100%);box-shadow:0 13px 28px rgba(20,191,161,.24)}
.tenant-special-product-actions .tenant-special-product-submit:hover{border-color:#23d7af;box-shadow:0 16px 34px rgba(20,191,161,.32)}
.tenant-special-product-actions .tenant-special-product-submit svg{width:19px;height:19px;flex:0 0 19px;stroke-width:1.7}
.tenant-special-product-actions .tenant-special-product-submit b{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border:1px solid rgba(3,42,44,.16);border-radius:9px;background:rgba(255,255,255,.28);font-size:16px;font-weight:700}
[data-mymex-theme="dark"] body.tenant-admin .tenant-content-choice-card.is-commerce{background:linear-gradient(145deg,rgba(8,94,80,.36),rgba(8,30,53,.92));border-color:rgba(45,225,178,.35)}
[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-fields label,[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-image legend{color:#e7f4ff}
[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-fields input,[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-fields select,[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-fields textarea,[data-mymex-theme="dark"] body.tenant-admin .tenant-special-file input{background:#0a2138;border-color:#274866;color:#f4f9ff}
[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-image{background:#071b31;border-color:#284761}
[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-assurance{background:rgba(9,105,83,.22);border-color:rgba(47,222,176,.28);color:#ddfff5}
[data-mymex-theme="dark"] body.tenant-admin .tenant-special-product-assurance small{color:#b6e4d7}
@media(max-width:720px){.tenant-special-method-grid,.tenant-special-product-fields{grid-template-columns:1fr}.tenant-special-product-wide{grid-column:auto}.tenant-special-product-sheet,.tenant-special-edit-sheet{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.tenant-special-product-form{padding-bottom:0}.tenant-special-product-actions{bottom:0;margin:6px -20px 0;padding:13px 20px max(14px,env(safe-area-inset-bottom));grid-template-columns:.72fr 1.7fr}.tenant-special-product-actions .tenant-content-action{min-height:52px;padding-inline:12px}.tenant-special-product-actions .tenant-special-product-submit b{display:none}}

/* Listings: explicit publication controls, roomy details and storefront-style draft preview. */
.tenant-special-field-help{display:block;color:#648099;font-size:10px;font-weight:600;line-height:1.5}.tenant-special-product-fields label.tenant-special-product-wide textarea[name="product_terms"]{min-height:138px;font-weight:550}.tenant-listing-visibility{margin:2px 0 0;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #d4e2eb;border-radius:16px;background:#f7fbfd}.tenant-listing-visibility legend{padding:0 7px;color:#102b4b;font-size:12px;font-weight:850}.tenant-listing-visibility>label{min-width:0;padding:13px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid #d9e5ed;border-radius:13px;background:#fff;cursor:pointer}.tenant-listing-visibility input{width:18px;height:18px;margin:2px 0 0;accent-color:#0a9c79}.tenant-listing-visibility label span{display:grid;gap:3px}.tenant-listing-visibility label strong{color:#10253f;font-size:12px}.tenant-listing-visibility label small,.tenant-listing-visibility>p{color:#647d92;font-size:10px;font-weight:600;line-height:1.45}.tenant-listing-visibility>p{grid-column:1/-1;margin:1px 2px 0}.tenant-listing-visibility input:disabled+span{opacity:.5}.tenant-media-web-import{padding:13px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr) auto;gap:12px;align-items:center;border:1px solid #b8dfd5;border-radius:15px;background:#f0fcf8}.tenant-media-web-import[hidden]{display:none}.tenant-media-web-import>div{display:grid;gap:3px}.tenant-media-web-import strong{color:#0d3b35;font-size:12px}.tenant-media-web-import small{color:#52756e;font-size:10px;line-height:1.45}.tenant-media-web-import label{min-width:0}.tenant-media-web-import input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b9d8d1;border-radius:11px;background:#fff;color:#10253f;font-size:12px;outline:none}.tenant-media-web-import input:focus{border-color:#0cae86;box-shadow:0 0 0 3px rgba(12,174,134,.13)}.tenant-content-preview-grid-listings{grid-template-columns:repeat(var(--content-columns,3),minmax(0,1fr))}.tenant-content-preview-grid figure.tenant-listing-preview-card{display:flex;flex-direction:column;border:1px solid #d7e2ea;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(10,42,67,.08)}.tenant-content-preview-grid figure.tenant-listing-preview-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.tenant-listing-preview-card figcaption{padding:14px!important;display:grid!important;gap:8px!important}.tenant-listing-preview-card figcaption>small{display:flex;justify-content:space-between;gap:8px;color:#087355!important;font-size:9px!important;font-weight:800;text-transform:uppercase}.tenant-listing-preview-card figcaption>small span{color:#71869a!important;font-size:9px!important}.tenant-listing-preview-card figcaption>strong{font-size:15px!important;font-weight:720!important;line-height:1.25}.tenant-listing-preview-card figcaption>b{color:#081f39;font-size:18px;letter-spacing:-.02em}.tenant-listing-preview-card figcaption>p{display:-webkit-box;margin:0;overflow:hidden;color:#61778a;font-size:11px;font-weight:500;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tenant-listing-preview-action{padding-top:9px;border-top:1px solid #e4ebf0;color:#075da8!important;font-size:10px!important;font-weight:800!important}.tenant-special-edit-sheet .tenant-listing-visibility{grid-column:1/-1}
[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-visibility{border-color:#294961;background:#082139}[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-visibility legend,[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-visibility label strong{color:#edf7ff}[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-visibility>label{border-color:#2a4a62;background:#0b2941}[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-visibility label small,[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-visibility>p,[data-mymex-theme="dark"] body.tenant-admin .tenant-special-field-help{color:#a9c0d0}[data-mymex-theme="dark"] body.tenant-admin .tenant-media-web-import{border-color:#246654;background:#0b332c}[data-mymex-theme="dark"] body.tenant-admin .tenant-media-web-import strong{color:#baf2e1}[data-mymex-theme="dark"] body.tenant-admin .tenant-media-web-import small{color:#9ec9bc}[data-mymex-theme="dark"] body.tenant-admin .tenant-media-web-import input{border-color:#315a55;background:#08243a;color:#f5fbff}[data-mymex-theme="dark"] body.tenant-admin .tenant-content-preview-grid figure.tenant-listing-preview-card{border-color:#294961;background:#0b2941}[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-preview-card figcaption>b{color:#f2f8ff}[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-preview-card figcaption>p{color:#abc0cf}[data-mymex-theme="dark"] body.tenant-admin .tenant-listing-preview-action{border-color:#294961;color:#79d9ff!important}
@media(max-width:900px){.tenant-media-web-import{grid-template-columns:1fr}.tenant-media-web-import .tenant-button{justify-self:start}.tenant-content-preview-grid-listings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tenant-listing-visibility{grid-template-columns:1fr;padding:12px}.tenant-listing-visibility>p{grid-column:auto}.tenant-media-web-import{padding:11px}.tenant-content-preview-grid-listings{grid-template-columns:1fr}.tenant-listing-preview-card figcaption{padding:12px!important}}
.tenant-content-decision-body{padding:24px 26px 26px;display:grid;gap:17px;background:linear-gradient(180deg,#fff,#f7fbfe)}
.tenant-content-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tenant-content-decision-choice{position:relative;min-width:0;min-height:156px;padding:20px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:14px;align-items:start;border:1px solid #cdddea;border-radius:20px;color:#102b49;background:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(7,45,77,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.tenant-content-decision-choice:hover,.tenant-content-decision-choice:focus-visible{transform:translateY(-3px);border-color:#31a9ea;outline:none;box-shadow:0 18px 38px rgba(9,83,133,.14)}
.tenant-content-decision-choice.is-publish{border-color:#73c8ef;background:linear-gradient(145deg,#f2fbff,#eaf9f5)}
.tenant-content-decision-choice.is-publish:hover,.tenant-content-decision-choice.is-publish:focus-visible{border-color:#0c93db;background:linear-gradient(145deg,#e8f8ff,#def8ed)}
.tenant-content-decision-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#116da7;background:#e9f5fc}
.tenant-content-decision-choice.is-publish .tenant-content-decision-icon{color:#fff;background:linear-gradient(145deg,#087ed0,#13b79c);box-shadow:0 9px 20px rgba(8,126,208,.2)}
.tenant-content-decision-icon svg{width:24px;height:24px}
.tenant-content-decision-choice>span:nth-child(2){min-width:0;display:grid;gap:7px}
.tenant-content-decision-choice strong{color:#0c2947;font-size:17px;line-height:1.15}
.tenant-content-decision-choice small{color:#61778e;font-size:11px;line-height:1.5}
.tenant-content-decision-choice>b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#0b6fae;background:#edf7fd;font-size:14px}
.tenant-content-decision-choice.is-publish>b{color:#fff;background:#0a8fce}
.tenant-content-decision-note{margin:0;padding:12px 14px;border:1px solid #cfe2ef;border-radius:14px;color:#526b82;background:#f1f8fc;font-size:10px;line-height:1.5;text-align:center}
.tenant-content-decision-note strong{color:#123d60}
[data-mymex-theme="dark"] .tenant-content-decision-body{background:linear-gradient(180deg,#0b263f,#071c31)}
[data-mymex-theme="dark"] .tenant-content-decision-choice{border-color:#2c526d;color:#eef8ff;background:#0d2b45;box-shadow:0 14px 32px rgba(0,0,0,.22)}
[data-mymex-theme="dark"] .tenant-content-decision-choice.is-publish{border-color:#257fa4;background:linear-gradient(145deg,#0e3452,#0d3c39)}
[data-mymex-theme="dark"] .tenant-content-decision-choice strong{color:#f1f9ff}
[data-mymex-theme="dark"] .tenant-content-decision-choice small{color:#b7cada}
[data-mymex-theme="dark"] .tenant-content-decision-icon{color:#8fd5ff;background:#143d5c}
[data-mymex-theme="dark"] .tenant-content-decision-note{border-color:#294e68;color:#b8ccdc;background:#0d2942}
[data-mymex-theme="dark"] .tenant-content-decision-note strong{color:#ecf8ff}
@media(max-width:700px){.tenant-content-decision-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:92dvh;border-radius:24px 24px 0 0;overflow-y:auto}.tenant-content-decision-body{padding:17px 16px 20px}.tenant-content-decision-grid{grid-template-columns:1fr;gap:10px}.tenant-content-decision-choice{min-height:0;padding:15px;grid-template-columns:44px minmax(0,1fr) 26px;border-radius:17px}.tenant-content-decision-icon{width:44px;height:44px;border-radius:13px}.tenant-content-decision-choice strong{font-size:15px}.tenant-content-decision-choice small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tenant-content-decision-choice{transition:none}.tenant-content-decision-choice:hover,.tenant-content-decision-choice:focus-visible{transform:none}}

/* Master workspace: stored invitation message viewer.
   Keep this component independently scoped because it opens above the tenant
   management dialog and must not inherit full-screen workspace icon sizing. */
.mymex-invite-message-history-dialog {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: min(780px, calc(100vw - 32px));
  max-width: none;
  max-height: min(88dvh, 780px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
  border: 1px solid rgba(103, 201, 235, .65);
  border-radius: 25px;
  color: #132e4a;
  background: #f6fbfe;
  box-shadow: 0 34px 105px rgba(1, 18, 39, .5);
  isolation: isolate;
}
.mymex-invite-message-history-dialog[open] {
  display: grid;
  animation: mymex-invite-history-in .22s cubic-bezier(.2, .82, .3, 1) both;
}
.mymex-invite-message-history-dialog::backdrop {
  background: rgba(2, 16, 34, .78);
  backdrop-filter: blur(10px);
}
.mymex-invite-message-history-dialog > header {
  position: relative;
  min-width: 0;
  padding: 22px 70px 21px 23px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  color: #fff;
  background: radial-gradient(circle at 88% 0, rgba(39, 225, 209, .2), transparent 34%), linear-gradient(118deg, #061b36, #075a75);
}
.mymex-invite-message-history-dialog > header > span {
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(126, 227, 255, .4);
  border-radius: 15px;
  color: #bff5ff;
  background: rgba(3, 31, 57, .74);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
}
.mymex-invite-message-history-dialog > header > span svg {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px;
  max-height: 24px;
  display: block;
  fill: none;
  stroke: currentColor;
}
.mymex-invite-message-history-dialog > header > div {
  min-width: 0;
}
.mymex-invite-message-history-dialog > header small {
  display: block;
  color: #70e4ff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.mymex-invite-message-history-dialog > header h3 {
  margin: 3px 0 4px;
  color: #fff;
  font-size: clamp(21px, 3vw, 27px);
  line-height: 1.08;
  letter-spacing: -.025em;
}
.mymex-invite-message-history-dialog > header p {
  max-width: 580px;
  margin: 0;
  color: #d3e8f4;
  font-size: 11px;
  line-height: 1.5;
}
.mymex-invite-message-history-dialog > header button {
  position: absolute;
  top: 17px;
  right: 18px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .09);
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}
.mymex-invite-message-history-dialog > header button:hover,
.mymex-invite-message-history-dialog > header button:focus-visible {
  border-color: #9deaff;
  outline: none;
  background: rgba(255, 255, 255, .17);
}
.mymex-invite-message-history-dialog__body {
  min-height: 0;
  padding: 21px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.mymex-invite-message-history-dialog__body dl {
  margin: 0 0 15px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.mymex-invite-message-history-dialog__body dl > div {
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid #d2e2ed;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(12, 54, 88, .035);
}
.mymex-invite-message-history-dialog__body dt {
  margin: 0 0 5px;
  color: #668095;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.mymex-invite-message-history-dialog__body dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #142f4b;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.5;
}
.mymex-invite-message-history-dialog__body section {
  min-width: 0;
  padding: 18px;
  border: 1px solid #c6deeb;
  border-radius: 18px;
  background: linear-gradient(145deg, #fff, #eef8fc);
}
.mymex-invite-message-history-dialog__body section small {
  display: block;
  margin: 0 0 9px;
  overflow-wrap: anywhere;
  color: #087eb7;
  font-size: 10px;
  font-weight: 900;
}
.mymex-invite-message-history-dialog__body section p {
  margin: 0;
  overflow-wrap: anywhere;
  color: #29465f;
  font-size: 13px;
  line-height: 1.72;
  white-space: normal;
}
.mymex-invite-message-history-dialog__body section p strong {
  color: #102f4c;
  font-weight: 900;
}
.mymex-invite-message-history-dialog__body section p em {
  color: #375d79;
}
[data-mymex-theme="dark"] .mymex-invite-message-history-dialog {
  border-color: #2c6887;
  color: #edf8ff;
  background: #071c31;
}
[data-mymex-theme="dark"] .mymex-invite-message-history-dialog__body dl > div,
[data-mymex-theme="dark"] .mymex-invite-message-history-dialog__body section {
  border-color: #294f68;
  background: #0b2941;
}
[data-mymex-theme="dark"] .mymex-invite-message-history-dialog__body dd,
[data-mymex-theme="dark"] .mymex-invite-message-history-dialog__body section p,
[data-mymex-theme="dark"] .mymex-invite-message-history-dialog__body section p strong {
  color: #edf8ff;
}
[data-mymex-theme="dark"] .mymex-invite-message-history-dialog__body section p em {
  color: #bdd7e8;
}
@keyframes mymex-invite-history-in {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 640px) {
  .mymex-invite-message-history-dialog {
    inset: auto 0 0;
    width: 100%;
    max-height: 94dvh;
    margin: 0;
    border-width: 1px 0 0;
    border-radius: 23px 23px 0 0;
  }
  .mymex-invite-message-history-dialog > header {
    padding: 16px 58px 15px 16px;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
  }
  .mymex-invite-message-history-dialog > header > span {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }
  .mymex-invite-message-history-dialog > header > span svg {
    width: 21px !important;
    height: 21px !important;
  }
  .mymex-invite-message-history-dialog > header h3 { font-size: 20px; }
  .mymex-invite-message-history-dialog > header p { display: none; }
  .mymex-invite-message-history-dialog > header button {
    top: 13px;
    right: 12px;
    width: 37px;
    height: 37px;
  }
  .mymex-invite-message-history-dialog__body {
    padding: 14px;
    scrollbar-gutter: auto;
  }
  .mymex-invite-message-history-dialog__body dl { grid-template-columns: 1fr; }
  .mymex-invite-message-history-dialog__body section { padding: 15px; }
}
@media (max-height: 620px) and (min-width: 641px) {
  .mymex-invite-message-history-dialog { max-height: calc(100dvh - 24px); }
  .mymex-invite-message-history-dialog > header { padding-block: 15px; }
  .mymex-invite-message-history-dialog > header p { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .mymex-invite-message-history-dialog[open] { animation: none; }
}

/* Staff invitation composer: keep every field full-width, legible and
   independent from generic tenant form layouts. */
.mymex-staff-invite-dialog {
  overflow-x: hidden;
}
.mymex-staff-invite-form {
  gap: 16px;
}
.mymex-staff-invite-form > label,
.mymex-staff-invite-form .mymex-invite-message-grid > label {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: var(--tenant-ink);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}
.mymex-staff-invite-form input:not([type="hidden"]),
.mymex-staff-invite-form select,
.mymex-staff-invite-form textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--tenant-line);
  border-radius: 13px;
  outline: 0;
  color: var(--tenant-ink);
  background: #fff;
  font: inherit;
  font-weight: 650;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.mymex-staff-invite-form textarea {
  min-height: 170px;
  padding-block: 13px;
  line-height: 1.55;
}
.mymex-staff-invite-form input:not([type="hidden"]):focus,
.mymex-staff-invite-form select:focus,
.mymex-staff-invite-form textarea:focus {
  border-color: var(--tenant-secondary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--tenant-secondary) 16%, transparent);
}
.mymex-staff-invite-form label > small {
  display: block;
  color: var(--tenant-muted);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.55;
}
.mymex-staff-invite-form label > small code {
  overflow-wrap: anywhere;
}
.mymex-staff-invite-form > [data-generate-invite-message] {
  width: 100%;
  min-height: 46px;
  justify-content: center;
}
.mymex-staff-invite-form > [data-invite-draft-status] {
  margin: -5px 0 1px;
  font-size: 10px;
  line-height: 1.5;
}
.mymex-staff-invite-dialog__actions {
  margin-top: 2px;
  padding-top: 16px;
  border-top: 1px solid var(--tenant-line);
}
[data-mymex-theme="dark"] .mymex-staff-invite-form input:not([type="hidden"]),
[data-mymex-theme="dark"] .mymex-staff-invite-form select,
[data-mymex-theme="dark"] .mymex-staff-invite-form textarea {
  border-color: #2b5571;
  color: #edf7ff;
  background: #092641;
}
[data-mymex-theme="dark"] .mymex-staff-invite-form input::placeholder,
[data-mymex-theme="dark"] .mymex-staff-invite-form textarea::placeholder {
  color: #7694ac;
}
[data-mymex-theme="dark"] .mymex-staff-invite-dialog__actions {
  border-color: #28516d;
}
@media (max-width: 720px) {
  .mymex-staff-invite-form {
    padding: 18px 16px max(20px, env(safe-area-inset-bottom));
  }
  .mymex-staff-invite-form input:not([type="hidden"]),
  .mymex-staff-invite-form select,
  .mymex-staff-invite-form textarea {
    font-size: 16px;
  }
  .mymex-staff-invite-form textarea {
    min-height: 190px;
  }
}
/* Specials/Offerings upload intent and JARVIS catalogue-reading experience. */
.tenant-content-choice-sheet{width:min(720px,100%)}
.tenant-content-choice-body{padding:24px 28px 28px;background:#f5f8fb}
.tenant-content-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tenant-content-choice-card{position:relative;min-width:0;min-height:170px;padding:20px;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;gap:14px;align-items:start;border:1px solid #d4e1ec;border-radius:20px;color:#15304c;background:#fff;box-shadow:0 10px 24px rgba(7,39,69,.06);font:inherit;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.tenant-content-choice-card:hover,.tenant-content-choice-card:focus-visible{transform:translateY(-3px);border-color:#32a9e5;box-shadow:0 18px 36px rgba(7,91,145,.14);outline:0}
.tenant-content-choice-card.is-replace{border-color:#f1c7bd;background:linear-gradient(145deg,#fff,#fff7f4)}
.tenant-content-choice-card.is-replace:hover,.tenant-content-choice-card.is-replace:focus-visible{border-color:#e8755e;box-shadow:0 18px 36px rgba(153,53,35,.13)}
.tenant-content-choice-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,#0678d5,#16bce8);box-shadow:0 10px 22px rgba(7,119,201,.22)}
.tenant-content-choice-card.is-replace .tenant-content-choice-icon{background:linear-gradient(135deg,#b8432e,#ef7e62);box-shadow:0 10px 22px rgba(173,62,40,.2)}
.tenant-content-choice-icon svg{width:23px;height:23px}
.tenant-content-choice-card>span:nth-child(2){min-width:0;display:grid;gap:7px}
.tenant-content-choice-card strong{font-size:15px;line-height:1.25}
.tenant-content-choice-card small{color:#60758b;font-size:11px;line-height:1.5}
.tenant-content-choice-card>b{align-self:center;color:#1289cf;font-size:22px}
.tenant-content-choice-card.is-replace>b{color:#cf563e}
.tenant-content-choice-note{margin:15px 0 0;color:#60758b;font-size:10px;line-height:1.5}
.tenant-content-choice-note strong{color:#193b5a}

.tenant-jarvis-reading-backdrop{z-index:10090;background:radial-gradient(circle at 50% 45%,rgba(11,143,211,.2),transparent 38%),rgba(1,10,24,.86);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
.tenant-jarvis-reading-modal{position:relative;width:min(880px,100%);min-height:500px;padding:34px;display:grid;grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;overflow:hidden;border:1px solid rgba(105,218,255,.42);border-radius:34px;color:#eaf8ff;background:radial-gradient(circle at 18% 42%,rgba(8,144,214,.19),transparent 28%),radial-gradient(circle at 88% 10%,rgba(43,226,192,.1),transparent 30%),linear-gradient(145deg,#031225,#061d38 58%,#07374d);box-shadow:0 42px 120px rgba(0,5,17,.62),inset 0 1px 0 rgba(255,255,255,.1);animation:tenantJarvisModalIn .42s cubic-bezier(.2,.82,.2,1) both}
.tenant-jarvis-reading-modal::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(112,213,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(112,213,255,.18) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to right,#000,transparent 72%);pointer-events:none}
.tenant-jarvis-reading-stage{position:relative;z-index:1;width:min(310px,72vw);aspect-ratio:1;margin:auto;display:grid;place-items:center;isolation:isolate}
.tenant-jarvis-reading-stage::before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,rgba(31,201,255,.18),rgba(5,70,124,.05) 48%,transparent 68%);filter:blur(3px);animation:tenantJarvisHalo 2.3s ease-in-out infinite}
.tenant-jarvis-orbit{position:absolute;border:1px solid rgba(103,215,255,.36);border-radius:50%;animation:tenantJarvisOrbit 8s linear infinite}
.tenant-jarvis-orbit.is-outer{inset:3%}.tenant-jarvis-orbit.is-middle{inset:18%;animation-duration:5.5s;animation-direction:reverse}.tenant-jarvis-orbit.is-inner{inset:32%;animation-duration:3.6s}
.tenant-jarvis-orbit::before,.tenant-jarvis-orbit::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(99,228,255,.23);inset:8%}.tenant-jarvis-orbit::after{inset:20%;border-color:rgba(59,226,190,.18)}
.tenant-jarvis-orbit i{position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:#4ee6ff;box-shadow:0 0 9px #4ee6ff,0 0 24px rgba(78,230,255,.75)}
.tenant-jarvis-orbit i:nth-child(2){top:5%;left:65%;background:#4ef1bd;box-shadow:0 0 9px #4ef1bd,0 0 24px rgba(78,241,189,.7)}
.tenant-jarvis-orbit i:nth-child(3){top:auto;right:12%;bottom:7%;left:auto;background:#b5f4ff}
.tenant-jarvis-core{position:relative;z-index:4;width:138px;height:138px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(183,241,255,.7);border-radius:50%;color:#fff;background:#020b16;box-shadow:0 0 0 10px rgba(71,207,255,.06),0 0 52px rgba(41,198,255,.5),inset 0 0 24px rgba(255,255,255,.13);backdrop-filter:blur(10px);animation:tenantJarvisCore 1.7s ease-in-out infinite}
.tenant-jarvis-core img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.1) contrast(1.05);animation:tenantJarvisPortrait 4.2s ease-in-out infinite}.tenant-jarvis-core>i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,rgba(122,235,255,.28) 48%,transparent 68%);transform:translateX(-140%);animation:tenantJarvisPortraitSweep 2.8s ease-in-out infinite}
.tenant-jarvis-scan{position:absolute;z-index:5;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,#5ce9ff,transparent);box-shadow:0 0 16px #4fdfff;animation:tenantJarvisScan 2.5s ease-in-out infinite}
.tenant-jarvis-reading-copy{position:relative;z-index:2;min-width:0}
.tenant-jarvis-reading-copy .tenant-eyebrow{color:#63ddff}

/* Shared staff-invitation contrast: every tenant and platform-master workspace. */
.mymex-staff-invite-dialog > header .tenant-eyebrow {
  color: #72e5ff !important;
  text-shadow: 0 1px 12px rgba(54, 210, 255, .3);
}
.mymex-staff-invite-form > [data-invite-draft-status],
.mymex-staff-invite-form label > small {
  color: #40566f;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}
[data-mymex-theme="dark"] .mymex-staff-invite-form > [data-invite-draft-status],
[data-mymex-theme="dark"] .mymex-staff-invite-form label > small { color: #c0d7e7; }
.tenant-jarvis-reading-copy h2{margin:8px 0 12px;color:#fff;font-size:clamp(27px,4vw,42px);line-height:1.04;letter-spacing:-.045em}
.tenant-jarvis-reading-copy>p{min-height:48px;margin:0;color:#b9d3e5;font-size:13px;line-height:1.6}
.tenant-jarvis-reading-progress-label{margin:20px 2px 7px;display:flex;align-items:end;justify-content:space-between;gap:16px;color:#8cb5cd;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tenant-jarvis-reading-progress-label strong{color:#fff;font-size:22px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-transform:none;text-shadow:0 0 18px rgba(82,218,251,.58)}
.tenant-jarvis-reading-progress{height:10px;margin:0 0 16px;overflow:hidden;border:1px solid rgba(111,216,255,.24);border-radius:999px;background:rgba(0,9,23,.5)}
.tenant-jarvis-reading-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087ee5,#39d6ff 52%,#47edbb);box-shadow:0 0 18px rgba(55,218,255,.7);transition:width .38s cubic-bezier(.2,.8,.2,1)}
.tenant-jarvis-reading-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.tenant-jarvis-reading-metrics>span{min-width:0;padding:12px;border:1px solid rgba(123,205,239,.16);border-radius:15px;background:rgba(3,25,48,.55)}
.tenant-jarvis-reading-metrics strong,.tenant-jarvis-reading-metrics small{display:block}.tenant-jarvis-reading-metrics strong{color:#fff;font-size:15px}.tenant-jarvis-reading-metrics small{margin-top:3px;color:#86a8bf;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.tenant-jarvis-reading-pulse{height:38px;margin-top:18px;display:flex;gap:5px;align-items:center}
.tenant-jarvis-reading-pulse i{width:4px;height:10px;border-radius:999px;background:#52dafb;box-shadow:0 0 9px rgba(82,218,251,.65);animation:tenantJarvisWave 1.1s ease-in-out infinite}.tenant-jarvis-reading-pulse i:nth-child(2),.tenant-jarvis-reading-pulse i:nth-child(7){animation-delay:-.15s}.tenant-jarvis-reading-pulse i:nth-child(3),.tenant-jarvis-reading-pulse i:nth-child(6){animation-delay:-.3s}.tenant-jarvis-reading-pulse i:nth-child(4),.tenant-jarvis-reading-pulse i:nth-child(5){animation-delay:-.45s}
.tenant-jarvis-reading-modal.is-complete .tenant-jarvis-core{color:#dffff4;border-color:#69f2c2;background:linear-gradient(145deg,rgba(38,224,161,.35),rgba(5,91,82,.72));box-shadow:0 0 0 10px rgba(71,236,176,.06),0 0 46px rgba(52,231,170,.48)}
.tenant-jarvis-reading-modal.is-error .tenant-jarvis-core{border-color:#ff9c88;background:linear-gradient(145deg,rgba(235,108,78,.4),rgba(104,30,36,.72));box-shadow:0 0 42px rgba(235,91,69,.4)}
.tenant-jarvis-reading-copy>[data-close-jarvis-reading]{margin-top:16px;color:#09223d;background:#fff}
@keyframes tenantJarvisModalIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@keyframes tenantJarvisOrbit{to{transform:rotate(360deg)}}
@keyframes tenantJarvisHalo{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes tenantJarvisCore{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}
@keyframes tenantJarvisPortrait{0%,100%{transform:scale(1.02)}50%{transform:scale(1.075)}}@keyframes tenantJarvisPortraitSweep{0%,18%{transform:translateX(-140%)}65%,100%{transform:translateX(140%)}}
@keyframes tenantJarvisScan{0%,100%{top:16%;opacity:0}18%,82%{opacity:1}50%{top:84%}}
@keyframes tenantJarvisWave{0%,100%{height:8px;opacity:.45}50%{height:34px;opacity:1}}
@media(max-width:720px){.tenant-content-choice-grid{grid-template-columns:1fr}.tenant-content-choice-card{min-height:132px}.tenant-jarvis-reading-backdrop{padding:10px}.tenant-jarvis-reading-modal{max-height:calc(100dvh - 20px);padding:22px;grid-template-columns:1fr;gap:8px;overflow:auto;border-radius:26px}.tenant-jarvis-reading-stage{width:min(210px,58vw)}.tenant-jarvis-core{width:104px;height:104px}.tenant-jarvis-reading-copy{text-align:center}.tenant-jarvis-reading-copy>p{min-height:0}.tenant-jarvis-reading-metrics{text-align:left}.tenant-jarvis-reading-pulse{justify-content:center}}
@media(max-width:520px){.tenant-content-choice-body{padding:18px}.tenant-content-choice-card{grid-template-columns:42px minmax(0,1fr) 16px;padding:16px}.tenant-content-choice-icon{width:42px;height:42px}.tenant-jarvis-reading-metrics>span{padding:9px}.tenant-jarvis-reading-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.tenant-content-choice-card,.tenant-jarvis-reading-modal,.tenant-jarvis-orbit,.tenant-jarvis-reading-stage::before,.tenant-jarvis-core,.tenant-jarvis-core img,.tenant-jarvis-core>i,.tenant-jarvis-scan,.tenant-jarvis-reading-pulse i,.tenant-publish-success,.tenant-publish-success-icon,.tenant-publish-success-confetti i{animation:none!important;transition:none!important}.tenant-jarvis-scan{top:50%;opacity:.65}.tenant-publish-success-confetti{display:none}}

/* Shared Specials and Offerings destination choice plus truthful staff open receipts. */
.tenant-content-action-sheet{width:min(760px,100%)}
.tenant-content-action-body{padding:24px 28px 28px;background:#f5f8fb}
.tenant-content-action-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tenant-content-action-options>label{position:relative;min-width:0;cursor:pointer}
.tenant-content-action-options input{position:absolute;opacity:0;pointer-events:none}
.tenant-content-action-options label>span{min-height:138px;padding:20px;display:grid;align-content:start;gap:8px;border:1px solid #d4e1ec;border-radius:20px;color:#15304c;background:#fff;box-shadow:0 10px 24px rgba(7,39,69,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.tenant-content-action-options label>span::before{content:"";width:36px;height:36px;border:8px solid #e7f2f8;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #8eb5cc}
.tenant-content-action-options label:first-child>span::after{content:"JARVIS";position:absolute;right:16px;top:16px;padding:5px 8px;border-radius:999px;color:#08745a;background:#ddfbef;font-size:8px;font-weight:950;letter-spacing:.08em}
.tenant-content-action-options input:checked+span{transform:translateY(-2px);border-color:#13a6d9;box-shadow:0 18px 38px rgba(7,119,190,.15)}
.tenant-content-action-options input:checked+span::before{border-color:#d9f9ed;background:#1ac78d;box-shadow:inset 0 0 0 7px #fff,0 0 0 2px #1ac78d}
.tenant-content-action-options strong{font-size:16px}.tenant-content-action-options small{color:#60758b;font-size:11px;line-height:1.5}
.tenant-content-action-external{margin-top:14px;padding:16px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.5fr);gap:12px;border:1px solid #cce2ee;border-radius:18px;background:#fff}
.tenant-content-action-external[hidden]{display:none}
.tenant-content-action-external label{display:grid;gap:6px;color:#173957;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.tenant-content-action-external input{width:100%;min-height:46px;padding:0 13px;border:1px solid #bfd3df;border-radius:12px;color:#0e2942;background:#f9fcfe;font:inherit;font-size:14px;text-transform:none;letter-spacing:normal}
.tenant-content-action-external>small{grid-column:1/-1;color:#5f7488;font-size:10px;line-height:1.5}
.tenant-content-open-receipts{grid-column:2/-1;margin-top:2px;border-top:1px solid rgba(15,42,70,.08)}
.tenant-content-open-receipts>summary{padding:9px 0 2px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
.tenant-content-open-receipts>summary::-webkit-details-marker{display:none}
.tenant-content-open-receipts>summary span{color:var(--tenant-primary);font-size:10px;font-weight:900}
.tenant-content-open-receipts>div{padding:8px 0 2px;display:grid;gap:6px}
.tenant-content-open-receipts article{padding:8px 10px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:11px;background:#edf3f8}
.tenant-content-open-receipts article>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#8ba0b2;font-size:11px;font-weight:950}
.tenant-content-open-receipts article.is-opened>span{background:#16ad79}
.tenant-content-open-receipts article>div{display:grid;gap:1px}.tenant-content-open-receipts article strong{font-size:11px}.tenant-content-open-receipts article small{overflow-wrap:anywhere}.tenant-content-open-receipts time{color:#4c6478;font-size:10px;font-weight:800;white-space:nowrap}
.tenant-content-open-receipts-empty{grid-column:2/-1}
.mymex-workspace-notification-open-form{display:inline-flex;margin:0}
[data-mymex-theme="dark"] .tenant-content-action-body{background:#071a2e}
[data-mymex-theme="dark"] .tenant-content-action-options label>span,[data-mymex-theme="dark"] .tenant-content-action-external{border-color:rgba(111,202,244,.22);color:#edf8ff;background:#0b2946}
[data-mymex-theme="dark"] .tenant-content-action-options small,[data-mymex-theme="dark"] .tenant-content-action-external>small{color:#b5cada}
[data-mymex-theme="dark"] .tenant-content-action-external label{color:#c9e8f7}
[data-mymex-theme="dark"] .tenant-content-action-external input{border-color:rgba(122,201,238,.28);color:#f4fbff;background:#061b31}
[data-mymex-theme="dark"] .tenant-content-open-receipts,[data-mymex-theme="dark"] .tenant-content-open-receipts article{border-color:rgba(117,196,255,.14);background:rgba(2,18,34,.55)}
@media(max-width:720px){.tenant-content-action-options,.tenant-content-action-external{grid-template-columns:1fr}.tenant-content-action-options label>span{min-height:116px}.tenant-content-action-external>small{grid-column:auto}.tenant-content-open-receipts{grid-column:1/-1}.tenant-content-open-receipts article{grid-template-columns:24px minmax(0,1fr)}.tenant-content-open-receipts time{grid-column:2;white-space:normal}}

/* Global operation feedback language: setup, media, Jarvis and publishing use
   the same hierarchy and state colours instead of unrelated alert styles. */
:root{--mymex-operation-bg:#061b33;--mymex-operation-surface:#0a2b4a;--mymex-operation-line:rgba(105,205,255,.28);--mymex-operation-cyan:#59ddff;--mymex-operation-green:#39dfa6;--mymex-operation-red:#ff7d82}
.tenant-notice,.ford-success,.mymex-tenant-management-feedback,.platform-media-gallery-notice{position:relative;min-height:52px;padding:14px 16px 14px 48px;display:flex;align-items:center;border:1px solid #b7d9ca;border-radius:16px;color:#0b5f43;background:linear-gradient(135deg,#f3fff9,#e8fbf2);box-shadow:0 12px 28px rgba(8,64,48,.08);font-weight:800;line-height:1.45}
.tenant-notice::before,.ford-success::before,.mymex-tenant-management-feedback::before,.platform-media-gallery-notice::before{content:"✓";position:absolute;left:15px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#18aa74;box-shadow:0 0 0 5px rgba(24,170,116,.1);font-size:12px}
.tenant-notice-error,.mymex-tenant-management-feedback.is-error,.platform-media-gallery-notice.is-error{color:#8d272d;border-color:#efb8ba;background:linear-gradient(135deg,#fff8f8,#ffeded)}
.tenant-notice-error::before,.mymex-tenant-management-feedback.is-error::before,.platform-media-gallery-notice.is-error::before{content:"!";background:#d94850;box-shadow:0 0 0 5px rgba(217,72,80,.1)}
.tenant-content-ai-status:not([hidden]),.mymex-profile-copy-status:not(:empty),.tenant-media-status:not(:empty),.mymex-jarvis-support-status:not(:empty),[data-blog-ai-status].is-loading{position:relative;min-height:48px;padding:12px 15px 12px 48px;display:flex;align-items:center;border:1px solid var(--mymex-operation-line);border-radius:15px;color:#dff8ff;background:linear-gradient(135deg,var(--mymex-operation-bg),var(--mymex-operation-surface));box-shadow:0 14px 34px rgba(3,20,40,.18);font-weight:750}
.tenant-content-ai-status:not([hidden])::before,.mymex-profile-copy-status:not(:empty)::before,.tenant-media-status:not(:empty)::before,.mymex-jarvis-support-status:not(:empty)::before,[data-blog-ai-status].is-loading::before{content:"";position:absolute;left:15px;width:20px;height:20px;border:2px solid rgba(89,221,255,.2);border-top-color:var(--mymex-operation-cyan);border-radius:50%;animation:mymexOperationSpin .82s linear infinite}
@keyframes mymexOperationSpin{to{transform:rotate(360deg)}}
@media(max-height:900px) and (min-width:761px){.tenant-settings-hub-header{padding-top:16px;padding-bottom:13px}.tenant-settings-hub-header h2{font-size:clamp(21px,2vw,28px)}.tenant-settings-hub-tabs{padding-top:7px;padding-bottom:7px}.tenant-settings-hub-tabs button{min-height:50px}.tenant-settings-help-nudge{margin-top:7px;padding-top:8px;padding-bottom:8px}.tenant-settings-hub-body{padding:16px 20px}}
.tenant-publish-success-actions .tenant-button{min-height:46px}
@media(max-width:680px){.tenant-notice,.ford-success,.mymex-tenant-management-feedback,.platform-media-gallery-notice{min-height:48px;padding:12px 12px 12px 44px;border-radius:14px;font-size:12px}.tenant-notice::before,.ford-success::before,.mymex-tenant-management-feedback::before,.platform-media-gallery-notice::before{left:12px}}
@media(prefers-reduced-motion:reduce){.tenant-content-ai-status:not([hidden])::before,.mymex-profile-copy-status:not(:empty)::before,.tenant-media-status:not(:empty)::before,.mymex-jarvis-support-status:not(:empty)::before,[data-blog-ai-status].is-loading::before{animation-duration:1.8s}}

/* CRM archive centre dark-mode parity. */
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lifecycle-icon{color:#b9ddf4;border-color:rgba(111,188,236,.32);background:#113653;box-shadow:0 8px 20px rgba(0,0,0,.2)}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-row-actions .ford-crm-open-icon,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-row-actions .ford-crm-lifecycle-icon{color:#b9ddf4;border-color:rgba(111,188,236,.25);background:rgba(10,42,70,.72);box-shadow:0 3px 10px rgba(0,0,0,.14)}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-row-actions .ford-crm-open-icon:hover,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-row-actions .ford-crm-open-icon:focus-visible,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-row-actions .ford-crm-lifecycle-icon:hover,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-row-actions .ford-crm-lifecycle-icon:focus-visible{color:#eafaff;border-color:#59c8f5;background:#0d3b62;box-shadow:0 6px 16px rgba(0,0,0,.18)}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-row-actions .ford-crm-lifecycle-icon.is-manage{color:#84e8c8;border-color:rgba(75,224,177,.3);background:rgba(10,59,54,.7)}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lifecycle-icon:hover,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lifecycle-icon:focus-visible{color:#fff;border-color:#47b5f3;background:#124c75}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lifecycle-icon.is-manage{color:#79e7c3;border-color:rgba(75,224,177,.35);background:#103f3c}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-lifecycle-dialog{color:#edf8ff;border-color:rgba(70,201,232,.42);background:#0c2238}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-dialog-body{background:#0c2238}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-dialog-person{color:#effaff;border-color:rgba(75,224,177,.28);background:linear-gradient(135deg,#123b43,#112f4c)}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-dialog-person span,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-archived-action-card>div p{color:#b4cadb}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-dialog-body>label,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-archived-action-card>label{color:#e6f5ff}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-dialog-body select,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-dialog-body textarea,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-dialog-body input{color:#f0f9ff;border-color:rgba(126,190,229,.3);background:#102f4b}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-dialog-body select option{color:#10233f;background:#fff}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-archived-action-card{color:#eff9ff;border-color:rgba(119,183,224,.24);background:#102d48}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-archived-action-card.is-danger{border-color:rgba(255,123,123,.34);background:#3b2029}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-archived-action-card.is-danger>div strong,[data-mymex-theme="dark"] .tenant-crm-bridge .ford-archived-action-card.is-danger b{color:#ffaaa6}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-lead-lifecycle-dialog>form>footer{border-color:rgba(128,190,226,.2);background:#0a1e33}

/* Latest Specials/Offerings staff engagement: delivery, seen and opened are distinct. */
.tenant-content-engagement{margin-top:22px;padding:26px;border:1px solid #cbdde9;border-radius:24px;background:linear-gradient(145deg,#fff,#f3f9fc);box-shadow:0 18px 46px rgba(8,42,73,.08)}
.tenant-content-engagement-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #d8e5ee}
.tenant-content-engagement-heading h2{margin:5px 0 7px;color:#102b48;font-size:clamp(23px,3vw,34px);line-height:1.04;letter-spacing:-.035em}
.tenant-content-engagement-heading p{max-width:720px;margin:0;color:#5c7288;font-size:12px;line-height:1.55}
.tenant-content-engagement-reminder{max-width:240px;margin:0;display:grid;justify-items:stretch;gap:6px}
.tenant-content-engagement-reminder button{min-height:46px;padding:0 18px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#075fae,#12a9db);box-shadow:0 12px 25px rgba(8,113,181,.2);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.tenant-content-engagement-reminder small{color:#64798c;font-size:9px;line-height:1.4;text-align:center}
.tenant-content-engagement-grid{padding-top:22px;display:grid;grid-template-columns:minmax(230px,.42fr) minmax(0,1.58fr);gap:24px;align-items:start}
.tenant-content-engagement-chart-wrap{display:grid;justify-items:center;gap:18px}
.tenant-content-engagement-chart{width:min(210px,60vw);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#19b982 0 var(--engagement-opened),#f4b832 var(--engagement-opened) var(--engagement-seen),#e75d5d var(--engagement-seen) 100%);box-shadow:0 16px 38px rgba(18,52,78,.16);position:relative}
.tenant-content-engagement-chart::after{content:"";position:absolute;inset:18%;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #dce8ef,0 5px 18px rgba(15,48,75,.08)}
.tenant-content-engagement-chart>span{position:relative;z-index:1;display:grid;text-align:center}
.tenant-content-engagement-chart strong{color:#0f2b47;font-size:42px;line-height:1;font-variant-numeric:tabular-nums}
.tenant-content-engagement-chart small{margin-top:5px;color:#61768a;font-size:10px;font-weight:850}
.tenant-content-engagement-legend{width:100%;display:grid;gap:8px}
.tenant-content-engagement-legend>span{display:grid;grid-template-columns:10px 24px minmax(0,1fr);align-items:center;gap:7px;color:#536a7f;font-size:10px;font-weight:750}
.tenant-content-engagement-legend i{width:10px;height:10px;border-radius:50%;background:#e75d5d}.tenant-content-engagement-legend .is-opened i{background:#19b982}.tenant-content-engagement-legend .is-seen i{background:#f4b832}
.tenant-content-engagement-legend b{color:#15314d;font-size:12px;font-variant-numeric:tabular-nums}
.tenant-content-engagement-team{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tenant-content-engagement-team article{min-width:0;padding:12px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dce7ef;border-left:4px solid #e75d5d;border-radius:15px;background:#fff}
.tenant-content-engagement-team article.is-opened{border-left-color:#19b982}.tenant-content-engagement-team article.is-seen{border-left-color:#f4b832}
.tenant-content-engagement-person{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#7892a8;font-size:13px;font-weight:950}.is-opened>.tenant-content-engagement-person{background:#19a979}.is-seen>.tenant-content-engagement-person{color:#694700;background:#ffd669}
.tenant-content-engagement-team article>div,.tenant-content-engagement-team article>p{min-width:0;margin:0;display:grid;gap:2px}.tenant-content-engagement-team article strong{overflow:hidden;color:#18334f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tenant-content-engagement-team article small{overflow:hidden;color:#697e91;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.tenant-content-engagement-team article>p{text-align:right}.tenant-content-engagement-team article>p b{color:#344f66;font-size:9px}.tenant-content-engagement-team article>p small{font-variant-numeric:tabular-nums}
.tenant-content-engagement-empty{padding:28px 0 6px;display:flex;align-items:center;justify-content:center;gap:14px;color:#5e7387}.tenant-content-engagement-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#168abb;background:#e7f8ff;font-size:28px}.tenant-content-engagement-empty strong{color:#193650}.tenant-content-engagement-empty p{margin:3px 0 0;font-size:11px}
[data-mymex-theme="dark"] .tenant-content-engagement{border-color:rgba(106,200,240,.2);background:linear-gradient(145deg,#071d34,#0a2943);box-shadow:0 18px 46px rgba(0,0,0,.22)}
[data-mymex-theme="dark"] .tenant-content-engagement-heading{border-color:rgba(119,196,229,.18)}
[data-mymex-theme="dark"] .tenant-content-engagement-heading h2,[data-mymex-theme="dark"] .tenant-content-engagement-chart strong,[data-mymex-theme="dark"] .tenant-content-engagement-legend b{color:#eef9ff}
[data-mymex-theme="dark"] .tenant-content-engagement-heading p,[data-mymex-theme="dark"] .tenant-content-engagement-reminder small,[data-mymex-theme="dark"] .tenant-content-engagement-chart small,[data-mymex-theme="dark"] .tenant-content-engagement-legend>span{color:#b6cada}
[data-mymex-theme="dark"] .tenant-content-engagement-chart::after{border-color:rgba(116,201,237,.19);background:#09243d}
[data-mymex-theme="dark"] .tenant-content-engagement-team article{border-color:rgba(116,201,237,.16);background:#0a2741}
[data-mymex-theme="dark"] .tenant-content-engagement-team article strong,[data-mymex-theme="dark"] .tenant-content-engagement-team article>p b,[data-mymex-theme="dark"] .tenant-content-engagement-empty strong{color:#edf8ff}
[data-mymex-theme="dark"] .tenant-content-engagement-team article small,[data-mymex-theme="dark"] .tenant-content-engagement-empty{color:#b2c8d8}
@media(max-width:900px){.tenant-content-engagement-grid{grid-template-columns:1fr}.tenant-content-engagement-chart-wrap{grid-template-columns:auto minmax(180px,1fr);align-items:center}.tenant-content-engagement-chart{width:170px}.tenant-content-engagement-team{grid-template-columns:1fr}}
@media(max-width:620px){.tenant-content-engagement{padding:18px;border-radius:20px}.tenant-content-engagement-heading{display:grid;gap:16px}.tenant-content-engagement-reminder{max-width:none}.tenant-content-engagement-chart-wrap{grid-template-columns:1fr}.tenant-content-engagement-team article{grid-template-columns:36px minmax(0,1fr)}.tenant-content-engagement-team article>p{grid-column:2;text-align:left}.tenant-content-engagement-team article>p small{white-space:normal}}

/* Global notification command centre: desktop dialog, mobile full-screen inbox. */
html.mymex-notification-centre-open{overflow:hidden}
.mymex-notification-centre{width:min(1120px,calc(100vw - 44px));height:min(850px,calc(100dvh - 44px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid rgba(91,202,238,.4);border-radius:28px;color:#122d48;background:#f4f8fb;box-shadow:0 36px 100px rgba(2,20,39,.38)}
.mymex-notification-centre::backdrop{background:rgba(3,16,31,.72);backdrop-filter:blur(9px)}
.mymex-notification-centre.is-expanded{width:calc(100vw - 24px);height:calc(100dvh - 24px);border-radius:22px}
.mymex-notification-detail-controls{display:flex;gap:8px}
.mymex-notification-centre-frame{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto auto auto auto minmax(0,1fr);position:relative;overflow:hidden}
.mymex-notification-centre-frame:has(>.mymex-notification-centre-body){grid-template-rows:auto minmax(0,1fr)}
.mymex-notification-centre-body{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.mymex-notification-centre-body> :not(.mymex-notification-centre-list){flex:none}
.mymex-notification-centre-body>.mymex-notification-centre-list{flex:1 1 0}
.mymex-notification-centre-header{min-height:112px;padding:24px 26px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:17px;color:#fff;background:radial-gradient(circle at 90% -40%,rgba(43,222,169,.35),transparent 42%),linear-gradient(122deg,#061b37 0%,#07375e 68%,#07685e 100%);border-bottom:1px solid rgba(90,235,194,.42)}
.mymex-notification-centre-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(84,238,196,.4);border-radius:16px;color:#43e3bc;background:rgba(8,39,64,.56);box-shadow:0 0 30px rgba(47,226,187,.14)}
.mymex-notification-centre-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35}
.mymex-notification-centre-header small{display:block;margin-bottom:4px;color:#54e4c1;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mymex-notification-centre-header h2{margin:0;color:#fff;font-size:clamp(25px,3vw,36px);line-height:1;letter-spacing:-.035em}
.mymex-notification-centre-header p{margin:7px 0 0;color:#bcd2e1;font-size:11px}
.mymex-notification-centre-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.mymex-notification-centre-header-actions button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(191,226,242,.28);border-radius:14px;color:#dff5ff;background:rgba(4,29,53,.42);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.mymex-notification-centre-header-actions button:hover{border-color:#54e4c1;background:rgba(19,87,94,.6);transform:translateY(-1px)}
.mymex-notification-centre-header-actions svg{width:19px;height:19px}
.mymex-notification-centre-summary{padding:14px 22px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#f4f8fb}
.mymex-notification-centre-summary button{min-width:0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d7e4ed;border-radius:15px;color:#5c7185;background:#fff;font:inherit;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.mymex-notification-centre-summary button:hover{border-color:#57bde0;box-shadow:0 8px 20px rgba(15,83,122,.08);transform:translateY(-1px)}
.mymex-notification-centre-summary small{overflow:hidden;font-size:9px;font-weight:900;letter-spacing:.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.mymex-notification-centre-summary strong{color:#112e4a;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
.mymex-notification-centre-summary button:nth-child(2) strong{color:#c63b37}.mymex-notification-centre-summary button:nth-child(3) strong{color:#b36e08}.mymex-notification-centre-summary button:nth-child(4) strong{color:#087da9}.mymex-notification-centre-summary button:nth-child(5) strong{color:#159069}
.mymex-notification-centre-guide{padding:10px 22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#f4f8fb}
.mymex-notification-centre-guide span{min-width:0;padding:10px 12px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:1px 9px;align-items:center;border:1px solid #d4e7f0;border-radius:15px;background:linear-gradient(135deg,#fff,#edf9fe);box-shadow:0 8px 20px rgba(15,57,86,.04)}
.mymex-notification-centre-guide b{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;color:#06314b;background:#4ee0bd;font-size:11px;font-weight:950}
.mymex-notification-centre-guide strong{overflow:hidden;color:#112e4a;font-size:12px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.mymex-notification-centre-guide small{overflow:hidden;color:#587286;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.mymex-notification-centre-categories{padding:12px 22px 10px;display:flex;gap:7px;overflow:auto;background:#f4f8fb;scrollbar-width:none}
.mymex-notification-centre-categories::-webkit-scrollbar{display:none}
.mymex-notification-centre-categories button{min-height:34px;padding:0 13px;display:flex;align-items:center;gap:6px;border:1px solid #d5e3ed;border-radius:999px;color:#50677b;background:#fff;font:inherit;font-size:10px;font-weight:820;white-space:nowrap;cursor:pointer}
.mymex-notification-centre-categories button b{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;color:#668096;background:#eaf2f7;font-size:8px}
.mymex-notification-centre-categories button.is-active{border-color:#087fbe;color:#fff;background:#087fbe;box-shadow:0 7px 18px rgba(8,127,190,.18)}
.mymex-notification-centre-categories button.is-active b{color:#0870a8;background:#fff}
.mymex-notification-centre-tools{padding:0 22px 12px;display:grid;grid-template-columns:minmax(230px,1fr) 132px 142px auto;align-items:center;gap:8px;background:#f4f8fb;border-bottom:1px solid #d8e5ed}
.mymex-notification-centre-tools label{min-width:0}
.mymex-notification-centre-tools input,.mymex-notification-centre-tools select{width:100%;height:40px;border:1px solid #ccdae5;border-radius:12px;color:#193651;background:#fff;font:inherit;font-size:10px;font-weight:720;outline:none}
.mymex-notification-centre-tools input:focus,.mymex-notification-centre-tools select:focus{border-color:#0ba8db;box-shadow:0 0 0 3px rgba(11,168,219,.12)}
.mymex-notification-centre-tools select{padding:0 30px 0 12px}
.mymex-notification-centre-search{height:40px;padding:0 12px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #ccdae5;border-radius:12px;background:#fff}
.mymex-notification-centre-search:focus-within{border-color:#0ba8db;box-shadow:0 0 0 3px rgba(11,168,219,.12)}
.mymex-notification-centre-search>span:first-child{display:grid;color:#6a8399}.mymex-notification-centre-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.35}
.mymex-notification-centre-search input{height:38px;padding:0;border:0;box-shadow:none!important;background:transparent}
.mymex-notification-centre-bulk{display:flex;justify-content:flex-end;gap:7px}
.mymex-notification-centre-bulk button{height:40px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid #cddde7;border-radius:12px;color:#3e5b72;background:#fff;font:inherit;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}
.mymex-notification-centre-bulk button:hover{border-color:#58b9d9;color:#086d9b}.mymex-notification-centre-bulk svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35}
.mymex-notification-centre-feedback{margin:10px 22px 0;padding:10px 13px;border:1px solid #98dfc9;border-radius:11px;color:#087452;background:#ecfbf6;font-size:10px;font-weight:750}.mymex-notification-centre-feedback.is-error{border-color:#efb0ad;color:#a92d2a;background:#fff0ef}
.mymex-notification-centre-list{min-height:0;padding:12px 22px 22px;display:grid;align-content:start;gap:8px;overflow:auto;background:linear-gradient(#f4f8fb,#edf4f8);overscroll-behavior:contain}
.mymex-notification-centre-item{min-width:0;padding:14px 14px 14px 16px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;position:relative;border:1px solid #d7e3eb;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(15,57,86,.05)}
.mymex-notification-centre-item::before{content:"";position:absolute;inset:12px auto 12px 0;width:2px;border-radius:0 2px 2px 0;background:#168ebd;opacity:.75}.mymex-notification-centre-item.severity-success::before{background:#16a875}.mymex-notification-centre-item.severity-warning::before{background:#e29521}.mymex-notification-centre-item.severity-urgent::before{background:#e14b47}.mymex-notification-centre-item.is-read{opacity:.78}.mymex-notification-centre-item.is-unread{border-color:#bdd9e8}.mymex-notification-centre-item.is-resolved{opacity:.67}
.mymex-notification-centre-item-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d7e9f1;border-radius:12px;color:#0a82b6;background:#edf8fc}.mymex-notification-centre-item-icon svg{width:18px;height:18px}.mymex-notification-centre-item.severity-success .mymex-notification-centre-item-icon{border-color:#c9eadf;color:#12845f;background:#effaf6}.mymex-notification-centre-item.severity-warning .mymex-notification-centre-item-icon{border-color:#f1dfbb;color:#b06b09;background:#fff8e9}.mymex-notification-centre-item.severity-urgent .mymex-notification-centre-item-icon{border-color:#f0cfcd;color:#c93c38;background:#fff3f2}
.mymex-notification-centre-item-copy{min-width:0}.mymex-notification-centre-item-meta{display:flex;align-items:center;gap:7px;margin-bottom:4px}.mymex-notification-centre-item-meta span{color:#177ba7;font-size:7px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.mymex-notification-centre-item-meta span+span{padding-left:7px;border-left:1px solid #d4e1e9;color:#6f8191}
.mymex-notification-centre-item-copy h3{margin:0;overflow:hidden;color:#112e49;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.mymex-notification-centre-item-copy p{margin:3px 0 0;overflow:hidden;color:#60758a;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.mymex-notification-centre-item-copy small{display:block;margin-top:5px;color:#8192a1;font-size:8px;font-weight:700}
.mymex-notification-centre-item-actions{display:flex;align-items:center;gap:6px}.mymex-notification-centre-item-actions button{width:35px;height:35px;padding:0;display:grid;place-items:center;border:1px solid #d2dfe8;border-radius:11px;color:#416078;background:#fff;cursor:pointer}.mymex-notification-centre-item-actions button span{display:none}.mymex-notification-centre-item-actions button:hover{border-color:#72bed7;color:#0875a3}.mymex-notification-centre-item-actions button.is-primary{border-color:#078bc6;color:#fff;background:#078bc6}.mymex-notification-centre-item-actions button.is-danger{border-color:#efcfcd;color:#c4443f;background:#fff7f6}.mymex-notification-centre-item-actions svg{width:16px;height:16px}
.mymex-notification-centre-loading,.mymex-notification-centre-empty{min-height:210px;display:flex;align-items:center;justify-content:center;gap:14px;color:#678096;text-align:left}.mymex-notification-centre-loading i{width:24px;height:24px;border:2px solid #d3e6ef;border-top-color:#11a5d5;border-radius:50%;animation:mymex-notification-spin .8s linear infinite}.mymex-notification-centre-empty>svg{width:42px;height:42px;padding:10px;border:1px solid #bfe8d9;border-radius:14px;color:#13976c;background:#edfbf6}.mymex-notification-centre-empty h3{margin:0;color:#173650;font-size:16px}.mymex-notification-centre-empty p{margin:4px 0 0;max-width:440px;font-size:10px;line-height:1.5}
.mymex-notification-centre-confirm,.mymex-notification-centre-route{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:20px;background:rgba(4,20,37,.72);backdrop-filter:blur(7px)}.mymex-notification-centre-confirm[hidden],.mymex-notification-centre-route[hidden]{display:none}.mymex-notification-centre-confirm>section,.mymex-notification-centre-route>section{width:min(430px,100%);padding:26px;border:1px solid rgba(80,222,186,.42);border-radius:22px;color:#d8ebf4;background:linear-gradient(145deg,#071d36,#093c4b);box-shadow:0 28px 70px rgba(0,0,0,.36)}.mymex-notification-centre-confirm>section>span,.mymex-notification-centre-route>section>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(80,222,186,.36);border-radius:13px;color:#47e0bb;background:rgba(19,98,92,.25)}.mymex-notification-centre-confirm svg,.mymex-notification-centre-route svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35}.mymex-notification-centre-confirm small,.mymex-notification-centre-route small{display:block;margin-top:18px;color:#4ee0bd;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.mymex-notification-centre-confirm h3,.mymex-notification-centre-route h3{margin:6px 0 8px;color:#fff;font-size:23px;line-height:1.08}.mymex-notification-centre-confirm p,.mymex-notification-centre-route p{margin:0;color:#b6ceda;font-size:11px;line-height:1.6}.mymex-notification-centre-confirm nav,.mymex-notification-centre-route nav{margin-top:22px;display:flex;justify-content:flex-end;gap:8px}.mymex-notification-centre-confirm nav button,.mymex-notification-centre-route nav button{min-height:42px;padding:0 16px;border:1px solid rgba(167,211,225,.25);border-radius:12px;color:#e7f6fb;background:rgba(4,31,51,.45);font:inherit;font-size:10px;font-weight:850;cursor:pointer}.mymex-notification-centre-confirm nav button.is-danger{border-color:#e26762;color:#fff;background:#c74440}.mymex-notification-centre-route nav button:first-child{border-color:#35d5ad;color:#062e36;background:#43e2bc}.mymex-notification-centre-route>section{position:relative}.mymex-notification-centre-route>section>[data-nc-route-close]{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid rgba(167,211,225,.25);border-radius:11px;color:#dbeef5;background:transparent;font-size:22px;cursor:pointer}
.mymex-notification-centre.is-busy{cursor:progress}.mymex-notification-centre button:disabled,.mymex-notification-centre input:disabled,.mymex-notification-centre select:disabled{opacity:.52;cursor:not-allowed}
@keyframes mymex-notification-spin{to{transform:rotate(360deg)}}

[data-mymex-theme="dark"] .mymex-notification-centre{color:#d9ebf3;background:#061a2e}
[data-mymex-theme="dark"] .mymex-notification-centre-summary,[data-mymex-theme="dark"] .mymex-notification-centre-guide,[data-mymex-theme="dark"] .mymex-notification-centre-categories,[data-mymex-theme="dark"] .mymex-notification-centre-tools{background:#061a2e}
[data-mymex-theme="dark"] .mymex-notification-centre-summary button,[data-mymex-theme="dark"] .mymex-notification-centre-guide span,[data-mymex-theme="dark"] .mymex-notification-centre-categories button,[data-mymex-theme="dark"] .mymex-notification-centre-tools input,[data-mymex-theme="dark"] .mymex-notification-centre-tools select,[data-mymex-theme="dark"] .mymex-notification-centre-search,[data-mymex-theme="dark"] .mymex-notification-centre-bulk button,[data-mymex-theme="dark"] .mymex-notification-centre-item,[data-mymex-theme="dark"] .mymex-notification-centre-item-actions button{border-color:rgba(110,185,216,.2);color:#b9d0dc;background:#0a2942}
[data-mymex-theme="dark"] .mymex-notification-centre-summary strong,[data-mymex-theme="dark"] .mymex-notification-centre-guide strong,[data-mymex-theme="dark"] .mymex-notification-centre-item-copy h3{color:#eef9ff}
[data-mymex-theme="dark"] .mymex-notification-centre-guide small{color:#9db9c8}
[data-mymex-theme="dark"] .mymex-notification-centre-tools{border-color:rgba(103,187,218,.18)}
[data-mymex-theme="dark"] .mymex-notification-centre-list{background:linear-gradient(#071d33,#061827)}
[data-mymex-theme="dark"] .mymex-notification-centre-item-copy p{color:#b3c8d4}[data-mymex-theme="dark"] .mymex-notification-centre-item-copy small{color:#87a3b4}
[data-mymex-theme="dark"] .mymex-notification-centre-item-icon{border-color:rgba(93,194,226,.22);background:#0c3550}
[data-mymex-theme="dark"] .mymex-notification-centre-categories button.is-active{border-color:#0d92c8;color:#fff;background:#0d82b6}

@media(max-width:860px){.mymex-notification-centre-tools{grid-template-columns:minmax(190px,1fr) 120px 130px}.mymex-notification-centre-bulk{grid-column:1/-1}.mymex-notification-centre-bulk button{flex:1;justify-content:center}.mymex-notification-centre-item-copy p{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}
@media(max-width:700px){.mymex-notification-centre{inset:0;width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.mymex-notification-centre-frame:has(>.mymex-notification-centre-body){grid-template-rows:auto minmax(0,1fr)}.mymex-notification-centre-body{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-block:12px;-webkit-overflow-scrolling:touch}.mymex-notification-centre-body>.mymex-notification-centre-list{flex:none;overflow:visible;padding-bottom:max(18px,env(safe-area-inset-bottom))}.mymex-notification-centre-header{min-height:92px;padding:17px 16px;grid-template-columns:40px minmax(0,1fr) 38px;gap:12px}.mymex-notification-centre-mark{width:40px;height:40px;border-radius:13px}.mymex-notification-centre-header h2{font-size:24px}.mymex-notification-centre-header p{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mymex-notification-centre-close{width:38px;height:38px;border-radius:12px}.mymex-notification-centre-summary{padding:10px 12px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.mymex-notification-centre-summary button{min-width:0;padding:9px 10px;border-radius:13px}.mymex-notification-centre-summary small{font-size:7px}.mymex-notification-centre-summary strong{font-size:17px}.mymex-notification-centre-guide{padding:8px 12px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;overflow:visible}.mymex-notification-centre-guide span{min-width:0;padding:8px 9px;border-radius:13px;grid-template-columns:24px minmax(0,1fr)}.mymex-notification-centre-guide b{width:24px;height:24px;border-radius:9px;font-size:10px}.mymex-notification-centre-guide strong{font-size:10px}.mymex-notification-centre-guide small{font-size:8px;white-space:normal;overflow:visible}.mymex-notification-centre-categories{padding:9px 12px;flex-wrap:wrap;overflow:visible}.mymex-notification-centre-tools{padding:0 12px 10px;grid-template-columns:minmax(0,1fr) 110px;gap:7px}.mymex-notification-centre-search{grid-column:1/-1}.mymex-notification-centre-tools label:nth-child(3){min-width:0}.mymex-notification-centre-bulk{grid-column:1/-1}.mymex-notification-centre-bulk button{height:37px}.mymex-notification-centre-feedback{margin:8px 12px 0}.mymex-notification-centre-list{padding:9px 12px 18px}.mymex-notification-centre-item{padding:13px 11px 13px 13px;grid-template-columns:34px minmax(0,1fr);gap:10px;border-radius:15px}.mymex-notification-centre-item-icon{width:34px;height:34px;border-radius:11px}.mymex-notification-centre-item-actions{grid-column:2;justify-content:flex-start}.mymex-notification-centre-item-actions button{width:auto;height:32px;padding:0 10px;display:flex;gap:6px;border-radius:10px}.mymex-notification-centre-item-actions button span{display:inline;font-size:8px;font-weight:820}.mymex-notification-centre-item-copy h3{font-size:12px;white-space:normal}.mymex-notification-centre-item-copy p{font-size:9px}.mymex-notification-centre-confirm,.mymex-notification-centre-route{padding:14px}.mymex-notification-centre-confirm>section,.mymex-notification-centre-route>section{padding:22px;border-radius:20px}}
@media(max-width:700px){.mymex-notification-centre.is-expanded{width:100vw;height:100dvh;border-radius:0}.mymex-notification-centre-header-actions [data-notification-centre-expand]{display:none}.mymex-notification-centre-header-actions button{width:38px;height:38px;border-radius:12px}}

/* 2026-09-09 interface typography and platform workspace reliability. */
body.tenant-admin{
  --mymex-ui-body-size:13px;
  --mymex-ui-body-leading:1.58;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.tenant-admin .tenant-nav a,
body.tenant-admin .tenant-nav-section a,
body.tenant-admin .tenant-guidance-button,
body.tenant-admin .tenant-logout{font-size:13px;font-weight:400;letter-spacing:-.005em}
body.tenant-admin .tenant-nav a.is-active,
body.tenant-admin .tenant-nav-section a.is-active{font-weight:400}
body.tenant-admin .tenant-sidebar-footer strong{font-weight:600}
body.tenant-admin .tenant-sidebar-footer small{font-weight:450;letter-spacing:.015em}
body.tenant-admin .tenant-main p{font-size:var(--mymex-ui-body-size);font-weight:400;line-height:var(--mymex-ui-body-leading)}
body.tenant-admin .tenant-page-heading>div>p,
body.tenant-admin .mymex-platform-page-heading p{font-size:14px;line-height:1.62}
body.tenant-admin h1,body.tenant-admin h2,body.tenant-admin h3{font-weight:680}
body.tenant-admin .tenant-button{font-weight:620;letter-spacing:-.005em}
/* Tenant supporting text: preserve headings and metric values. */
body.tenant-admin:not(.mymex-platform-admin) .tenant-nav-label{font-weight:400!important}
body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-main p,.tenant-promotion-chooser p,.tenant-promotion-chooser footer){font-size:13px!important;font-weight:400!important;line-height:1.5}
body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-main small,.tenant-sidebar-footer small):not(:is(h1,h2,h3,h4,h5,h6) *){font-weight:400!important}
body.tenant-admin:not(.mymex-platform-admin) .tenant-main label:not(:is(h1,h2,h3,h4,h5,h6) *){font-size:13px;font-weight:500!important}
body.tenant-admin:not(.mymex-platform-admin) .tenant-main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){font-size:14px;font-weight:400}
.mymex-knowledge-file input[type="file"]{width:min(100%,250px);max-width:250px;padding:6px;border:1px solid #c8d9e8;border-radius:12px;background:#fff;color:#587086}
.mymex-knowledge-file input[type="file"]::file-selector-button{min-height:38px;margin-right:9px;padding:0 13px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#075ba9,#0a9fca);font:600 11px/1 inherit;cursor:pointer;box-shadow:0 7px 18px rgba(7,91,169,.2)}
.mymex-knowledge-form-actions .tenant-button,
.mymex-knowledge-filters>.tenant-button,
.mymex-knowledge-document-actions .tenant-button{border-style:solid;background-color:#fff}
.mymex-knowledge-document-actions .tenant-button:not(.tenant-button-primary):not(.tenant-button-danger){color:#12456c;border-color:#bad3e6;background:#f5fbff}
.mymex-knowledge-document-actions .tenant-button:hover,
.mymex-knowledge-file input[type="file"]::file-selector-button:hover{filter:brightness(1.04)}
.tenant-donut-card:nth-child(1){--tenant-chart-accent:#ff4fb8}
.tenant-donut-card:nth-child(2){--tenant-chart-accent:#9b6cff}
.tenant-donut{filter:drop-shadow(0 12px 22px rgba(52,74,112,.13))}
[data-mymex-theme="dark"] .mymex-knowledge-file input[type="file"]{border-color:#31566f;color:#c5d8e6;background:#09243d}
.mymex-knowledge-readiness{margin:18px 0 24px;padding:24px;border:1px solid #c8dce9;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f3f9fc 100%);box-shadow:0 18px 40px rgba(13,53,82,.07)}
.mymex-knowledge-readiness>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);align-items:end;gap:10px 28px}.mymex-knowledge-readiness h2{margin:4px 0 0;color:#0a2947;font-size:25px;font-weight:660;letter-spacing:-.025em}.mymex-knowledge-readiness>div:first-child p{margin:0;color:#587086;font-size:12.5px;line-height:1.55}
.mymex-knowledge-readiness-metrics{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mymex-knowledge-readiness-metrics article{min-height:105px;padding:18px;border:1px solid #d2e1eb;border-radius:17px;background:#fff}.mymex-knowledge-readiness-metrics strong{display:block;color:#0a4675;font-size:29px;font-weight:660;line-height:1}.mymex-knowledge-readiness-metrics strong small{font-size:14px;font-weight:500;color:#7590a5}.mymex-knowledge-readiness-metrics span{display:block;margin-top:12px;color:#526c81;font-size:11px;font-weight:500;line-height:1.4}.mymex-knowledge-readiness-metrics .is-attention strong{color:#a03b7e}.mymex-knowledge-readiness-metrics .is-complete strong{color:#0d946c}
.mymex-knowledge-readiness-gaps{margin-top:10px;padding:14px 16px;border:1px solid #d7e5ee;border-radius:15px;background:#edf6fa}.mymex-knowledge-readiness-gaps strong{color:#153d5e;font-size:12px;font-weight:650}.mymex-knowledge-readiness-gaps p{margin:4px 0 0!important;color:#5b7488!important;font-size:11.5px!important;line-height:1.5!important}
[data-mymex-theme="dark"] .mymex-knowledge-readiness{border-color:#244b69;background:linear-gradient(135deg,#0a2946,#071d35)}[data-mymex-theme="dark"] .mymex-knowledge-readiness h2{color:#effaff}[data-mymex-theme="dark"] .mymex-knowledge-readiness>div:first-child p{color:#abc1d1}[data-mymex-theme="dark"] .mymex-knowledge-readiness-metrics article{border-color:#294d68;background:#0b304e}[data-mymex-theme="dark"] .mymex-knowledge-readiness-metrics span{color:#abc1d1}[data-mymex-theme="dark"] .mymex-knowledge-readiness-gaps{border-color:#31566f;background:#09243d}[data-mymex-theme="dark"] .mymex-knowledge-readiness-gaps strong{color:#dff5ff}
@media(max-width:760px){
  body.tenant-admin{--mymex-ui-body-size:12.5px}
  body.tenant-admin .tenant-page-heading>div>p{font-size:13px}
  .mymex-knowledge-file input[type="file"]{width:100%;max-width:none}
  .mymex-knowledge-readiness{padding:19px 16px}.mymex-knowledge-readiness>div:first-child{grid-template-columns:1fr}.mymex-knowledge-readiness-metrics{grid-template-columns:1fr}.mymex-knowledge-readiness-metrics article{min-height:84px}
}
@media(prefers-reduced-motion:reduce){.mymex-notification-centre *{scroll-behavior:auto!important;transition:none!important}.mymex-notification-centre-loading i{animation:none}}

/* Final cascade: onboarding modal must remain usable after legacy responsive rules. */
.tenant-settings-hub-panel { grid-template-rows: auto auto minmax(0, 1fr); }
@media (max-width: 760px) {
  .tenant-settings-hub { padding: 0 !important; }
  .tenant-settings-hub-panel,
  .tenant-settings-hub.is-expanded .tenant-settings-hub-panel { width: 100vw !important; height: 100dvh !important; max-width: none !important; max-height: none !important; border: 0 !important; border-radius: 0 !important; grid-template-rows: auto auto minmax(0, 1fr) !important; }
  .tenant-settings-hub-header { min-height: 0 !important; padding: 10px 52px 10px 14px !important; gap: 0 !important; }
  .tenant-settings-hub-header .tenant-eyebrow { font-size: 8px !important; font-weight: 650 !important; letter-spacing: .12em !important; }
  .tenant-settings-hub-header h2 { margin: 2px 0 0 !important; font-size: 20px !important; font-weight: 580 !important; line-height: 1.05 !important; }
  .tenant-settings-hub-header p { display: none !important; }
  .tenant-settings-hub-help-actions { justify-content: flex-start !important; margin-top: 6px !important; }
  .tenant-settings-hub-help-actions button { min-height: 28px !important; padding: 4px 9px !important; border-radius: 9px !important; font-size: 9px !important; font-weight: 650 !important; }
  .tenant-settings-hub-window-actions { top: 10px !important; right: 11px !important; }
  .tenant-settings-hub-expand { display: none !important; }
  .tenant-settings-hub-close { width: 34px !important; height: 34px !important; font-size: 24px !important; }
  .tenant-settings-hub-tabs { grid-auto-columns: minmax(100px, 31vw) !important; padding: 6px 8px !important; gap: 4px !important; }
  .tenant-settings-hub-tabs button { min-height: 43px !important; padding: 5px 6px !important; grid-template-columns: 25px minmax(0, 1fr) !important; gap: 0 5px !important; border-radius: 11px !important; }
  .tenant-settings-hub-tabs button > span { width: 25px !important; height: 25px !important; border-radius: 8px !important; font-size: 9px !important; }
  .tenant-settings-hub-tabs button strong { font-size: 9px !important; font-weight: 620 !important; line-height: 1.08 !important; }
  .tenant-settings-hub-tabs button small { display: none !important; }
  .tenant-settings-hub-body { padding: 12px 10px max(32px, env(safe-area-inset-bottom)) !important; scroll-padding: 14px; }
  .tenant-settings-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
  .tenant-settings-form-card { padding: 16px !important; }
  .tenant-settings-section-heading { margin-bottom: 14px !important; }
  .tenant-settings-section-heading h2 { font-size: 24px !important; line-height: 1.12 !important; }
  .tenant-business-readiness { grid-template-columns: 1fr 1fr !important; }
  .tenant-business-readiness span:last-child { grid-column: 1 / -1; }
  .tenant-form-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* Shared overlay close controls use the same visible SVG treatment as their parent window. */
.mymex-notification-centre-route > section > [data-nc-route-close] {
  width: 36px;
  height: 36px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #fff;
  border-color: rgba(167,211,225,.32);
  background: rgba(2,24,42,.44);
  font-size: inherit;
}
.mymex-notification-centre-route > section > [data-nc-route-close] svg { width: 18px; height: 18px; display: block; }
.mymex-notification-centre-route > section > [data-nc-route-close]:hover { border-color: rgba(255,255,255,.58); background: rgba(11,67,82,.72); }
.mymex-notification-centre-route > section > [data-nc-route-close]:focus-visible { outline: 3px solid rgba(76,226,191,.35); outline-offset: 3px; }

/* First-card onboarding template chooser */
.mymex-launch-template-picker{margin:0 0 20px;padding:0;border:0}
.mymex-launch-template-picker>legend{margin-bottom:5px;color:#102c49;font-size:13px;font-weight:800}
.mymex-launch-template-picker>p{margin:0 0 12px!important;color:#627b90!important;font-size:11px!important}
.mymex-launch-template-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.mymex-launch-template-card{position:relative;min-width:0;padding:11px;display:grid;gap:6px;border:1px solid #caddea;border-radius:16px;background:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(18,58,91,.055);transition:border-color .18s,transform .18s,box-shadow .18s}
.mymex-launch-template-card:hover{transform:translateY(-2px);border-color:#38bee8}
.mymex-launch-template-card:has(input:checked){border-color:#0aa7da;box-shadow:0 0 0 3px rgba(10,167,218,.14),0 12px 28px rgba(19,91,132,.1)}
.mymex-launch-template-card>input{position:absolute;top:12px;right:12px;width:18px;height:18px;accent-color:#0aa7da}
.mymex-launch-template-card>strong{color:#102c49;font-size:12px;line-height:1.25}
.mymex-launch-template-card>small{color:#637d92;font-size:9.5px;line-height:1.4}
.mymex-launch-template-card>mark{width:max-content;padding:4px 7px;border-radius:999px;color:#075f7d;background:#dff9ff;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.mymex-launch-template-phone{height:112px;padding:9px;display:grid;grid-template-rows:38px 1fr 17px;gap:6px;border-radius:12px;background:var(--template-primary);overflow:hidden}
.mymex-launch-template-phone i{display:block;border-radius:7px;background:linear-gradient(135deg,var(--template-accent),color-mix(in srgb,var(--template-accent) 30%,#fff))}
.mymex-launch-template-phone b{display:block;border-radius:7px;background:var(--template-surface)}
.mymex-launch-template-phone em{display:block;width:70%;border-radius:999px;background:var(--template-accent)}
[data-mymex-theme=dark] .mymex-launch-template-picker>legend,[data-mymex-theme=dark] .mymex-launch-template-card>strong{color:#effaff}
[data-mymex-theme=dark] .mymex-launch-template-picker>p,[data-mymex-theme=dark] .mymex-launch-template-card>small{color:#afc6d6!important}
[data-mymex-theme=dark] .mymex-launch-template-card{border-color:#2b506b;background:#09243d}
@media(max-width:860px){.mymex-launch-template-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mymex-launch-template-picker>div{grid-template-columns:1fr}.mymex-launch-template-phone{height:102px}}

/* Notification detail stays inside the authenticated Notification Centre. */
.mymex-notification-centre-detail{position:absolute;inset:0;z-index:3;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#edf5fa}.mymex-notification-centre-detail[hidden]{display:none}.mymex-notification-centre-detail>header{min-height:64px;padding:10px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;color:#fff;background:radial-gradient(circle at 88% -80%,rgba(69,226,187,.42),transparent 48%),linear-gradient(125deg,#061b37,#075b69);border-bottom:1px solid rgba(90,235,194,.38)}.mymex-notification-centre-detail>header button,.mymex-notification-centre-detail>header a{min-height:40px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(197,229,242,.3);border-radius:12px;color:#eaf8ff;background:rgba(3,32,53,.42);font:800 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;text-decoration:none;cursor:pointer}.mymex-notification-centre-detail>header button:hover,.mymex-notification-centre-detail>header a:hover{border-color:#55e1bf;background:rgba(12,89,91,.62)}.mymex-notification-centre-detail>header svg{width:17px;height:17px}.mymex-notification-centre-detail>header small{display:block;color:#55e5c3;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.mymex-notification-centre-detail>header strong{display:block;margin-top:3px;overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mymex-notification-centre-detail iframe{width:100%;height:100%;min-width:0;min-height:0;border:0;background:#f4f8fb}.mymex-notification-centre-detail-loading{position:absolute;inset:64px 0 0;z-index:1;display:flex;align-items:center;justify-content:center;gap:11px;color:#59748a;background:#edf5fa;font-size:11px;font-weight:750}.mymex-notification-centre-detail-loading[hidden]{display:none}.mymex-notification-centre-detail-loading i{width:23px;height:23px;border:2px solid #cfe3ed;border-top-color:#0b94c6;border-radius:50%;animation:mymex-notification-spin .8s linear infinite}
@media(max-width:700px){.mymex-notification-centre-detail>header{min-height:58px;padding:8px 10px;gap:8px}.mymex-notification-centre-detail>header button,.mymex-notification-centre-detail>header a{min-height:38px;padding:0 10px}.mymex-notification-centre-detail>header strong{font-size:12px}.mymex-notification-centre-detail-loading{inset:58px 0 0}}

/* Notification destinations render as focused content inside the popup frame. */
html.mymex-notification-embedded,html.mymex-notification-embedded body{min-height:100%;overflow:auto!important}
body.mymex-notification-embedded .tenant-sidebar,body.mymex-notification-embedded .tenant-topbar,body.mymex-notification-embedded .tenant-sidebar-scrim,body.mymex-notification-embedded .mymex-jarvis-launcher,body.mymex-notification-embedded .mymex-jarvis-scrim,body.mymex-notification-embedded .mymex-jarvis-panel,body.mymex-notification-embedded [data-mymex-notification-centre]{display:none!important}
body.mymex-notification-embedded .tenant-layout{display:block!important;min-height:100%!important;padding:0!important}
body.mymex-notification-embedded .tenant-stage{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
body.mymex-notification-embedded .tenant-main{width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:18px!important}
@media(max-width:700px){body.mymex-notification-embedded .tenant-main{padding:12px!important}}

/* Native button reset and stronger touch targets for the shared Jarvis voice review. */
.mymex-jarvis-voice-layer button{-webkit-appearance:none;appearance:none;font-family:inherit}
.mymex-jarvis-voice-utilities button{min-height:42px;padding:9px 14px;font-size:11px;font-weight:800;box-shadow:0 5px 14px rgba(14,62,96,.06)}
.mymex-jarvis-voice-actions button{font-size:11px;font-weight:850}

.mymex-account-profile-card{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:22px;align-items:start;padding:24px}.mymex-account-profile-preview{display:grid;gap:10px;justify-items:center;text-align:center}.mymex-account-profile-preview .tenant-avatar{width:112px;height:112px;font-size:38px;color:#06152b;background:linear-gradient(135deg,#36d7ff,#93f1ff)}.mymex-account-profile-preview strong{color:var(--tenant-ink);font-size:18px}.mymex-account-profile-preview small,.mymex-account-profile-preview p{margin:0;color:var(--tenant-muted);font-size:12px;line-height:1.45}.mymex-account-profile-fields{min-width:0;display:grid;gap:15px}.mymex-account-profile-fields .tenant-actions{justify-content:flex-start}@media(max-width:760px){.mymex-account-profile-card{grid-template-columns:1fr;padding:18px}.mymex-account-profile-preview .tenant-avatar{width:92px;height:92px}}

body.mymex-account-profile-open{overflow:hidden}.mymex-account-profile-modal[hidden]{display:none}.mymex-account-profile-modal{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:20px}.mymex-account-profile-scrim{position:absolute;inset:0;border:0;background:rgba(3,13,26,.62);backdrop-filter:blur(14px);cursor:pointer}.mymex-account-profile-dialog{position:relative;width:min(620px,100%);max-height:min(760px,calc(100dvh - 34px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(72,212,255,.38);border-radius:30px;background:linear-gradient(145deg,#f9fdff,#eef7ff);box-shadow:0 35px 110px rgba(4,20,38,.38)}.mymex-account-profile-dialog>header{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#eaf8ff;background:radial-gradient(circle at 95% -20%,rgba(42,219,255,.38),transparent 44%),linear-gradient(135deg,#061f3d,#07576a);border-bottom:1px solid rgba(81,224,255,.32)}.mymex-account-profile-identity{min-width:0;display:flex;align-items:center;gap:14px}.mymex-account-profile-identity .tenant-avatar{width:54px;height:54px;flex:0 0 54px;color:#062338;background:#4ddfff}.mymex-account-profile-identity small{display:block;color:#50e5ff;font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.mymex-account-profile-identity h2{margin:2px 0 3px;color:#fff;font-size:26px;line-height:1}.mymex-account-profile-identity p{margin:0;color:#bad4e5;font-size:11px}.mymex-account-profile-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:14px;color:#fff;background:rgba(4,28,48,.45);font-size:26px;line-height:1;cursor:pointer}.mymex-account-profile-popform{min-height:0;padding:22px 24px 24px;display:grid;gap:14px;overflow:auto}.mymex-account-profile-summary{padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #d7e7f0;border-radius:18px;background:#fff}.mymex-account-profile-summary .tenant-avatar{width:58px;height:58px;flex:0 0 58px;color:#062338;background:linear-gradient(135deg,#36d7ff,#93f1ff);font-size:20px}.mymex-account-profile-summary strong{display:block;color:#132f49;font-size:15px}.mymex-account-profile-summary small{display:block;margin-top:3px;color:#6d8296;font-size:11px}.mymex-account-profile-popform footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.mymex-account-profile-popform .tenant-field input:not([type=file]){min-height:46px}.mymex-account-profile-popform .mymex-image-upload-input{min-height:50px}@media(max-width:700px){.mymex-account-profile-modal{padding:0;align-items:end}.mymex-account-profile-dialog{width:100%;max-height:92dvh;border-radius:28px 28px 0 0}.mymex-account-profile-dialog>header{padding:18px}.mymex-account-profile-identity h2{font-size:23px}.mymex-account-profile-popform{padding:18px}.mymex-account-profile-popform footer{display:grid}.mymex-account-profile-popform footer .tenant-button{width:100%;justify-content:center}}


/* Account profile shared gallery picker */
.mymex-account-gallery-field{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border:1px solid var(--tenant-line,#d8e7f2);border-radius:18px;background:linear-gradient(145deg,#fff,#f2fbff)}
.mymex-account-gallery-field>.mymex-account-gallery-preview{width:104px!important;max-width:104px!important;min-width:104px!important;height:104px!important;max-height:104px!important;min-height:104px!important;aspect-ratio:1/1!important;display:grid!important;place-items:center;overflow:hidden;border:1px solid #cfe4f1;border-radius:22px;background:#edf8ff;color:#168bcc;text-align:center;flex:0 0 104px!important;align-self:start}
.mymex-account-gallery-field>.mymex-account-gallery-preview.has-image{padding:0!important}.mymex-account-gallery-field>.mymex-account-gallery-preview img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;object-fit:cover!important;border-radius:20px}.mymex-account-gallery-preview svg{width:34px;height:34px}.mymex-account-gallery-preview small{display:block;margin-top:4px;padding:0 8px;color:#5e7890;font-size:10px;font-weight:800;line-height:1.25}
.mymex-account-gallery-copy{min-width:0;display:grid;gap:7px}.mymex-account-gallery-copy>span{color:var(--tenant-ink,#10233c);font-weight:900}.mymex-account-gallery-copy>small{color:var(--tenant-muted,#607891);font-size:12px;font-weight:650;line-height:1.45}.mymex-account-gallery-copy nav{display:flex;flex-wrap:wrap;gap:8px}.mymex-account-gallery-copy .tenant-button{min-height:40px}
[data-mymex-theme="dark"] .mymex-account-gallery-field{border-color:#28516e;background:linear-gradient(145deg,#092843,#0b304d)}[data-mymex-theme="dark"] .mymex-account-gallery-preview{border-color:#315674;background:#08233e;color:#5fe4ff}[data-mymex-theme="dark"] .mymex-account-gallery-copy>span{color:#eef8ff}[data-mymex-theme="dark"] .mymex-account-gallery-copy>small{color:#a9bfd0}
@media(max-width:700px){.mymex-account-profile-popform .mymex-account-gallery-field{grid-template-columns:88px minmax(0,1fr);gap:12px}.mymex-account-profile-popform .mymex-account-gallery-field>.mymex-account-gallery-preview{width:88px!important;max-width:88px!important;min-width:88px!important;height:88px!important;max-height:88px!important;min-height:88px!important;flex-basis:88px!important}.mymex-account-gallery-copy nav{display:grid}.mymex-account-gallery-copy .tenant-button{width:100%;justify-content:center}}


/* Client profile gallery action clarity */
.tenant-profile-photo-card .tenant-profile-media-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tenant-profile-photo-card .tenant-profile-media-button{min-height:40px;padding-inline:12px;gap:7px}.tenant-profile-photo-card .tenant-profile-media-button svg{width:17px;height:17px}.tenant-profile-photo-card .tenant-profile-media-button span{font-size:11px;font-weight:900;line-height:1}.tenant-profile-photo-card .tenant-profile-share-image .tenant-profile-media-actions{justify-content:flex-start}
@media(max-width:700px){.tenant-profile-photo-card .tenant-profile-media-actions{display:grid;grid-template-columns:1fr;width:100%}.tenant-profile-photo-card .tenant-profile-media-button{width:100%;justify-content:center}.tenant-profile-photo-card .tenant-profile-share-image .tenant-profile-media-actions{justify-content:stretch}}

/* Client profile clarity pass. */
.mymex-weekly-card-digest-preference{margin:0 0 18px;padding:18px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:center;border-color:color-mix(in srgb,var(--tenant-secondary) 20%,var(--tenant-line));background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--tenant-secondary) 12%,transparent),transparent 36%),var(--tenant-surface)}.mymex-weekly-card-digest-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tenant-primary) 18%,var(--tenant-line));border-radius:16px;color:var(--tenant-primary);background:color-mix(in srgb,var(--tenant-primary) 7%,#fff);box-shadow:0 14px 26px color-mix(in srgb,var(--tenant-primary) 8%,transparent)}.mymex-weekly-card-digest-icon svg{width:20px;height:20px}.mymex-weekly-card-digest-copy{min-width:0;display:grid;gap:5px}.mymex-weekly-card-digest-copy h2{margin:0;color:var(--tenant-text);font-size:22px;letter-spacing:-.035em;line-height:1.08}.mymex-weekly-card-digest-copy p{margin:0;max-width:680px;color:var(--tenant-muted);font-size:12px;line-height:1.5}.mymex-weekly-card-digest-copy small{color:#44627d;font-size:10px;font-weight:750;line-height:1.45}.mymex-weekly-card-digest-form{display:grid;gap:10px}.mymex-weekly-card-digest-form .tenant-toggle-row{margin:0;background:color-mix(in srgb,var(--tenant-soft) 72%,#fff)}.mymex-weekly-card-digest-form .tenant-button{width:100%}.mymex-profile-page-heading h1{max-width:820px}.mymex-profile-page-heading p{max-width:760px}.mymex-profile-plan{margin:-4px 0 18px;padding:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:1px solid var(--tenant-line);border-radius:18px;background:linear-gradient(145deg,var(--tenant-surface),color-mix(in srgb,var(--tenant-soft) 82%,var(--tenant-surface)));box-shadow:0 16px 36px rgba(8,31,55,.07)}.mymex-profile-plan a{min-width:0;min-height:62px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--tenant-primary) 12%,var(--tenant-line));border-radius:14px;color:var(--tenant-text);background:var(--tenant-soft);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mymex-profile-plan a:hover,.mymex-profile-plan a:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tenant-secondary) 42%,var(--tenant-line));box-shadow:0 12px 26px color-mix(in srgb,var(--tenant-secondary) 12%,transparent);outline:0}.mymex-profile-plan b{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:12px;color:#06152b;background:linear-gradient(135deg,var(--tenant-secondary),#8df5ff);font-size:13px;font-weight:950}.mymex-profile-plan span{min-width:0;display:grid;gap:2px}.mymex-profile-plan strong{font-size:13px;font-weight:950}.mymex-profile-plan small{color:var(--tenant-muted);font-size:10px;font-weight:780;line-height:1.25}.mymex-client-profile-editor{scroll-margin-top:96px}.mymex-client-profile-editor .tenant-profile-photo-card{display:grid;gap:11px;padding:22px;overflow:hidden;border-color:color-mix(in srgb,var(--tenant-secondary) 22%,var(--tenant-line));background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--tenant-secondary) 12%,transparent),transparent 34%),var(--tenant-surface)}.mymex-profile-panel-title,.mymex-profile-panel-subtitle{margin:0;color:var(--tenant-text);letter-spacing:-.035em;line-height:1}.mymex-profile-panel-title{font-size:24px}.mymex-profile-panel-subtitle{font-size:18px}.mymex-profile-panel-copy{margin:0;color:var(--tenant-muted);font-size:12px;line-height:1.5}.mymex-client-profile-editor .tenant-profile-preview{margin:8px auto 10px}.mymex-client-profile-editor .tenant-profile-share-image{margin-top:18px;padding:18px 0 0}.mymex-client-profile-editor .tenant-profile-share-preview{margin-top:2px}.mymex-profile-details-card{padding:24px}.mymex-profile-details-heading{margin:0 0 16px;padding:18px;border:1px solid color-mix(in srgb,var(--tenant-secondary) 16%,var(--tenant-line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--tenant-secondary) 7%,var(--tenant-surface)),var(--tenant-surface))}.mymex-profile-details-heading h2{margin:4px 0;color:var(--tenant-text);font-size:28px;letter-spacing:-.045em}.mymex-profile-details-heading p{margin:0;max-width:660px;color:var(--tenant-muted);font-size:12px;line-height:1.55}@media(max-width:980px){.mymex-weekly-card-digest-preference{grid-template-columns:auto minmax(0,1fr)}.mymex-weekly-card-digest-form{grid-column:1 / -1}}@media(max-width:900px){.mymex-profile-plan{grid-template-columns:1fr}.mymex-profile-plan a{min-height:54px}.mymex-profile-details-card{padding:20px}}@media(max-width:700px){.mymex-profile-plan{margin:0 0 14px;padding:6px;border-radius:16px}.mymex-profile-plan a{padding:10px}.mymex-profile-plan b{width:30px;height:30px;flex-basis:30px}.mymex-client-profile-editor .tenant-profile-photo-card{padding:20px 16px}.mymex-profile-panel-title{font-size:22px}.mymex-profile-details-heading{padding:15px}.mymex-profile-details-heading h2{font-size:24px}.mymex-profile-copy-controls{grid-template-columns:1fr}.mymex-profile-copy-controls .tenant-button{width:100%}}@media(max-width:620px){.mymex-weekly-card-digest-preference{grid-template-columns:1fr}.mymex-weekly-card-digest-icon{width:44px;height:44px}.mymex-weekly-card-digest-copy h2{font-size:20px}}


/* Jarvis governance workflow */
.mymex-jarvis-governance-notice{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:14px 16px;border-radius:18px;border:1px solid #b9e8cf;background:#effbf6;color:#075e45;box-shadow:0 12px 30px #173a5c10}.mymex-jarvis-governance-notice.is-error{border-color:#ffc5cf;background:#fff5f7;color:#96213a}.mymex-jarvis-governance-notice strong{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.mymex-jarvis-governance-notice span{font-size:13px;line-height:1.45}.mymex-jarvis-governance-shell{margin:0 0 22px;padding:clamp(18px,3vw,30px);border:1px solid #dcebf6;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f8fcff 100%);box-shadow:0 18px 44px #173a5c12}.mymex-jarvis-governance-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.mymex-jarvis-governance-shell h2{margin:4px 0 6px;color:#061d39;font-size:clamp(26px,3.4vw,42px);letter-spacing:-.045em;line-height:1.02}.mymex-jarvis-governance-shell p{margin:0;color:#526f8a;line-height:1.5}.mymex-jarvis-governance-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mymex-jarvis-governance-form label{display:flex;flex-direction:column;gap:7px;min-width:0}.mymex-jarvis-governance-form label>span{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.13em;color:#55718b}.mymex-jarvis-governance-form input,.mymex-jarvis-governance-form select,.mymex-jarvis-governance-form textarea,.mymex-jarvis-governance-card input{width:100%;min-width:0;border:1px solid #cfe0ee;border-radius:14px;background:#fff;color:#08223f;padding:12px 13px;font:inherit;font-size:13px}.mymex-jarvis-governance-form textarea{resize:vertical}.mymex-jarvis-governance-form .is-wide{grid-column:1/-1}.mymex-jarvis-governance-form footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #dcebf6;border-radius:18px;background:#eef8ff}.mymex-jarvis-governance-form footer p{font-size:12px}.mymex-jarvis-governance-board{display:grid;gap:16px}.mymex-jarvis-governance-card{position:relative;overflow:hidden;border:1px solid #dcebf6;border-radius:24px;background:#fff;padding:18px;box-shadow:0 14px 34px #173a5c12}.mymex-jarvis-governance-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#20aef3}.mymex-jarvis-governance-card.is-approved::before{background:#35c48c}.mymex-jarvis-governance-card.is-activated::before{background:#0a7bff}.mymex-jarvis-governance-card.is-rejected::before{background:#e55970}.mymex-jarvis-governance-card.is-rolled_back::before{background:#98a6b5}.mymex-jarvis-governance-card.is-focused{outline:3px solid #42d9ff;outline-offset:3px}.mymex-jarvis-governance-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:4px 0 14px}.mymex-jarvis-governance-card header span{display:block;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#008ed0}.mymex-jarvis-governance-card h3{margin:5px 0;color:#061d39;font-size:24px;line-height:1.08;letter-spacing:-.035em}.mymex-jarvis-governance-card header p{margin:0;color:#607993;font-size:12px}.mymex-jarvis-governance-card header strong{flex:0 0 auto;border:1px solid #d5e9f8;border-radius:999px;background:#eef8ff;color:#06456d;padding:8px 10px;font-size:11px}.mymex-jarvis-governance-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mymex-jarvis-governance-copy p{padding:13px;border:1px solid #e2eef7;border-radius:16px;background:#f8fcff;font-size:13px}.mymex-jarvis-governance-copy b{display:block;margin-bottom:5px;color:#0b2947}.mymex-jarvis-simulation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin:14px 0;padding:14px;border-radius:20px;background:linear-gradient(135deg,#062348,#0b5f78);color:#fff}.mymex-jarvis-simulation h4{grid-column:1/-1;margin:0;color:#75edff;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.mymex-jarvis-simulation p,.mymex-jarvis-simulation small{margin:0;color:#d8edf8;font-size:12px;line-height:1.45}.mymex-jarvis-simulation b{display:block;margin-bottom:6px;color:#fff}.mymex-jarvis-simulation ul{margin:0;padding-left:17px;color:#d8edf8;font-size:12px;line-height:1.45}.mymex-jarvis-flag{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dcebf6;border-radius:16px;background:#f6fbff}.mymex-jarvis-flag span{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.13em;color:#55718b}.mymex-jarvis-flag code{min-width:0;overflow:auto;color:#05294d;font-weight:800}.mymex-jarvis-flag strong{border-radius:999px;background:#dff8ee;color:#087354;padding:6px 9px;font-size:11px}.mymex-jarvis-governance-card details{margin:12px 0;border:1px solid #e2eef7;border-radius:16px;background:#fbfdff;padding:10px 12px}.mymex-jarvis-governance-card summary{cursor:pointer;color:#074a78;font-weight:850}.mymex-jarvis-governance-card details p{margin:10px 0 0;color:#5c748d;font-size:12px}.mymex-jarvis-governance-card footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mymex-jarvis-governance-card footer form{display:grid;gap:8px;align-content:start}.mymex-jarvis-governance-card button{border:0;border-radius:13px;background:#159cf2;color:#fff;font-weight:900;padding:11px 13px;cursor:pointer}.mymex-jarvis-governance-card button.is-danger{background:#e44862}.mymex-jarvis-governance-events{display:grid;gap:9px}.mymex-jarvis-governance-events article{padding:12px 14px;border:1px solid #dcebf6;border-radius:16px;background:#f8fcff}.mymex-jarvis-governance-events strong,.mymex-jarvis-governance-events span,.mymex-jarvis-governance-events small{display:block}.mymex-jarvis-governance-events strong{color:#062348}.mymex-jarvis-governance-events span{color:#294d6d;font-size:12px}.mymex-jarvis-governance-events small{margin-top:3px;color:#7088a0;font-size:11px;line-height:1.35}[data-mymex-theme="dark"] .mymex-jarvis-governance-shell,[data-mymex-theme="dark"] .mymex-jarvis-governance-card{border-color:#244861;background:#0c1c2f;box-shadow:none}[data-mymex-theme="dark"] .mymex-jarvis-governance-shell h2,[data-mymex-theme="dark"] .mymex-jarvis-governance-card h3,[data-mymex-theme="dark"] .mymex-jarvis-governance-copy b,[data-mymex-theme="dark"] .mymex-jarvis-flag code,[data-mymex-theme="dark"] .mymex-jarvis-governance-events strong{color:#f8fbff}[data-mymex-theme="dark"] .mymex-jarvis-governance-shell p,[data-mymex-theme="dark"] .mymex-jarvis-governance-card header p,[data-mymex-theme="dark"] .mymex-jarvis-governance-copy p,[data-mymex-theme="dark"] .mymex-jarvis-governance-card details p,[data-mymex-theme="dark"] .mymex-jarvis-governance-events span,[data-mymex-theme="dark"] .mymex-jarvis-governance-events small{color:#bdd3e9}[data-mymex-theme="dark"] .mymex-jarvis-governance-form input,[data-mymex-theme="dark"] .mymex-jarvis-governance-form select,[data-mymex-theme="dark"] .mymex-jarvis-governance-form textarea,[data-mymex-theme="dark"] .mymex-jarvis-governance-card input,[data-mymex-theme="dark"] .mymex-jarvis-governance-copy p,[data-mymex-theme="dark"] .mymex-jarvis-governance-card details,[data-mymex-theme="dark"] .mymex-jarvis-flag,[data-mymex-theme="dark"] .mymex-jarvis-governance-events article{border-color:#2b526c;background:#0a2438;color:#f8fbff}@media(max-width:1080px){.mymex-jarvis-governance-form{grid-template-columns:repeat(2,minmax(0,1fr))}.mymex-jarvis-simulation,.mymex-jarvis-governance-card footer{grid-template-columns:1fr}.mymex-jarvis-governance-copy{grid-template-columns:1fr}}@media(max-width:620px){.mymex-jarvis-governance-shell{padding:16px;border-radius:22px}.mymex-jarvis-governance-shell>header,.mymex-jarvis-governance-card>header,.mymex-jarvis-governance-form footer{display:grid}.mymex-jarvis-governance-form{grid-template-columns:1fr}.mymex-jarvis-flag{grid-template-columns:1fr}.mymex-jarvis-governance-card h3{font-size:20px}}

/* Jarvis Control Centre clarity pass - 2026-09-22 */
.mymex-jarvis-control-hero{margin:0 0 18px;padding:clamp(22px,4vw,42px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.55fr);gap:22px;border-radius:30px;background:radial-gradient(circle at 88% 0%,rgba(60,220,255,.34),transparent 32%),linear-gradient(135deg,#062348,#075b72);color:#fff;box-shadow:0 24px 60px rgba(2,17,34,.2);overflow:hidden}.mymex-jarvis-control-hero h1{margin:6px 0 10px;color:#fff;font-size:clamp(34px,5vw,62px);line-height:.96;letter-spacing:-.06em}.mymex-jarvis-control-hero p{max-width:780px;margin:0;color:#d8edf8;font-size:15px;line-height:1.55}.mymex-jarvis-control-hero nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.mymex-jarvis-control-hero aside{align-self:stretch;display:grid;align-content:center;gap:8px;padding:22px;border:1px solid rgba(141,234,255,.35);border-radius:24px;background:rgba(255,255,255,.1)}.mymex-jarvis-control-hero aside strong{color:#75edff;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.mymex-jarvis-control-hero aside span{font-size:28px;font-weight:950;line-height:1}.mymex-jarvis-control-hero aside small{color:#cce5f3;line-height:1.45}.mymex-jarvis-simple-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.mymex-jarvis-simple-map article{position:relative;min-height:150px;padding:18px;border:1px solid #d7e9f6;border-radius:24px;background:linear-gradient(135deg,#fff,#f2fbff);box-shadow:0 14px 34px rgba(23,58,92,.1);overflow:hidden}.mymex-jarvis-simple-map article::after{content:"";position:absolute;right:-28px;bottom:-32px;width:105px;height:105px;border-radius:50%;background:rgba(32,174,243,.12)}.mymex-jarvis-simple-map b{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:15px;background:#0b79c7;color:#fff;font-size:20px;box-shadow:0 10px 22px rgba(11,121,199,.24)}.mymex-jarvis-simple-map span{display:block;color:#061d39;font-size:18px;font-weight:950;line-height:1.08;letter-spacing:-.025em}.mymex-jarvis-simple-map p{margin:8px 0 16px;color:#57718b;font-size:13px;line-height:1.45}.mymex-jarvis-simple-map strong{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#e9f7ff;color:#07527f;font-size:11px;font-weight:950}.mymex-jarvis-governance-shell{margin:0 0 22px;padding:clamp(18px,3vw,30px);border:1px solid #dcebf6;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f8fcff 100%);box-shadow:0 18px 44px rgba(23,58,92,.12)}.mymex-jarvis-governance-shell>header{display:grid;gap:8px;margin:0 0 18px}.mymex-jarvis-governance-shell h2{margin:0;color:#061d39;font-size:clamp(26px,3.2vw,40px);letter-spacing:-.045em;line-height:1.03}.mymex-jarvis-governance-shell p{margin:0;color:#526f8a;line-height:1.5}.mymex-jarvis-plain-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.mymex-jarvis-plain-guide div{display:grid;gap:5px;padding:14px 16px;border:1px solid #cce8f8;border-radius:18px;background:#eef9ff}.mymex-jarvis-plain-guide b{color:#087354;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.mymex-jarvis-plain-guide span{color:#143858;font-weight:750;line-height:1.35}.mymex-jarvis-governance-form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}.mymex-jarvis-governance-form label{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important;margin:0!important;color:#102b49!important;font-weight:800!important}.mymex-jarvis-governance-form label>span{display:block!important;color:#496882!important;font-size:11px!important;font-weight:950!important;letter-spacing:.1em!important;text-transform:uppercase!important}.mymex-jarvis-governance-form input,.mymex-jarvis-governance-form select,.mymex-jarvis-governance-form textarea,.mymex-jarvis-governance-card input{box-sizing:border-box!important;width:100%!important;min-width:0!important;border:1px solid #c9deed!important;border-radius:16px!important;background:#fff!important;color:#08223f!important;padding:13px 14px!important;font:inherit!important;font-size:14px!important;line-height:1.35!important;box-shadow:0 8px 18px rgba(23,58,92,.05)!important;appearance:auto!important}.mymex-jarvis-governance-form textarea{resize:vertical!important;min-height:116px!important}.mymex-jarvis-governance-form .is-wide{grid-column:1/-1!important}.mymex-jarvis-governance-form .is-half{grid-column:span 2!important}.mymex-jarvis-governance-form footer{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-top:2px!important;padding:16px!important;border:1px solid #cce8f8!important;border-radius:20px!important;background:linear-gradient(135deg,#eef9ff,#f8fdff)!important}.mymex-jarvis-governance-form footer p{margin:0!important;color:#284966!important;font-size:13px!important}.mymex-jarvis-governance-form footer .tenant-button{min-height:48px!important;padding:0 22px!important;white-space:nowrap!important}.mymex-jarvis-governance-board{display:grid;gap:16px}.mymex-jarvis-governance-card{position:relative;overflow:hidden;border:1px solid #dcebf6;border-radius:24px;background:#fff;padding:18px;box-shadow:0 14px 34px rgba(23,58,92,.12)}.mymex-jarvis-governance-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#20aef3}.mymex-jarvis-governance-card.is-approved::before{background:#35c48c}.mymex-jarvis-governance-card.is-activated::before{background:#0a7bff}.mymex-jarvis-governance-card.is-rejected::before{background:#e55970}.mymex-jarvis-governance-card.is-rolled_back::before{background:#98a6b5}.mymex-jarvis-governance-card.is-focused{outline:3px solid #42d9ff;outline-offset:3px}.mymex-jarvis-governance-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:4px 0 14px}.mymex-jarvis-governance-card header span{display:block;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#008ed0}.mymex-jarvis-governance-card h3{margin:5px 0;color:#061d39;font-size:24px;line-height:1.08;letter-spacing:-.035em}.mymex-jarvis-governance-card header p{margin:0;color:#607993;font-size:12px}.mymex-jarvis-governance-card header strong{flex:0 0 auto;border:1px solid #d5e9f8;border-radius:999px;background:#eef8ff;color:#06456d;padding:8px 10px;font-size:11px}.mymex-jarvis-governance-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mymex-jarvis-governance-copy p{padding:13px;border:1px solid #e2eef7;border-radius:16px;background:#f8fcff;font-size:13px}.mymex-jarvis-governance-copy b{display:block;margin-bottom:5px;color:#0b2947}.mymex-jarvis-simulation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin:14px 0;padding:14px;border-radius:20px;background:linear-gradient(135deg,#062348,#0b5f78);color:#fff}.mymex-jarvis-simulation h4{grid-column:1/-1;margin:0;color:#75edff;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.mymex-jarvis-simulation p,.mymex-jarvis-simulation small{margin:0;color:#d8edf8;font-size:12px;line-height:1.45}.mymex-jarvis-simulation b{display:block;margin-bottom:6px;color:#fff}.mymex-jarvis-simulation ul{margin:0;padding-left:17px;color:#d8edf8;font-size:12px;line-height:1.45}.mymex-jarvis-flag{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dcebf6;border-radius:16px;background:#f6fbff}.mymex-jarvis-flag span{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.13em;color:#55718b}.mymex-jarvis-flag code{min-width:0;overflow:auto;color:#05294d;font-weight:800}.mymex-jarvis-flag strong{border-radius:999px;background:#dff8ee;color:#087354;padding:6px 9px;font-size:11px}.mymex-jarvis-governance-card details{margin:12px 0;border:1px solid #e2eef7;border-radius:16px;background:#fbfdff;padding:10px 12px}.mymex-jarvis-governance-card summary{cursor:pointer;color:#074a78;font-weight:850}.mymex-jarvis-governance-card details p{margin:10px 0 0;color:#5c748d;font-size:12px}.mymex-jarvis-governance-card footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mymex-jarvis-governance-card footer form{display:grid;gap:8px;align-content:start}.mymex-jarvis-governance-card button{border:0;border-radius:13px;background:#159cf2;color:#fff;font-weight:900;padding:11px 13px;cursor:pointer}.mymex-jarvis-governance-card button.is-danger{background:#e44862}.mymex-jarvis-governance-events{display:grid;gap:9px}.mymex-jarvis-governance-events article{padding:12px 14px;border:1px solid #dcebf6;border-radius:16px;background:#f8fcff}.mymex-jarvis-governance-events strong,.mymex-jarvis-governance-events span,.mymex-jarvis-governance-events small{display:block}.mymex-jarvis-governance-events strong{color:#062348}.mymex-jarvis-governance-events span{color:#294d6d;font-size:12px}.mymex-jarvis-governance-events small{margin-top:3px;color:#7088a0;font-size:11px;line-height:1.35}@media(max-width:1080px){.mymex-jarvis-control-hero{grid-template-columns:1fr}.mymex-jarvis-simple-map{grid-template-columns:repeat(2,minmax(0,1fr))}.mymex-jarvis-governance-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mymex-jarvis-simulation,.mymex-jarvis-governance-card footer,.mymex-jarvis-governance-copy{grid-template-columns:1fr}.mymex-jarvis-governance-form .is-half{grid-column:1/-1!important}}@media(max-width:620px){.mymex-jarvis-control-hero,.mymex-jarvis-governance-shell{padding:16px;border-radius:22px}.mymex-jarvis-simple-map,.mymex-jarvis-plain-guide,.mymex-jarvis-governance-form{grid-template-columns:1fr!important}.mymex-jarvis-governance-form footer,.mymex-jarvis-governance-card>header{display:grid!important}.mymex-jarvis-governance-form footer .tenant-button{width:100%!important}.mymex-jarvis-flag{grid-template-columns:1fr}.mymex-jarvis-governance-card h3{font-size:20px}}

/* Jarvis Action Library and Permission Matrix - 2026-09-22 */
.mymex-jarvis-action-library{background:linear-gradient(135deg,#f8fdff,#ffffff)}
.mymex-jarvis-permission-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.mymex-jarvis-permission-legend span{display:grid;gap:5px;padding:14px 16px;border:1px solid #cce8f8;border-radius:18px;background:#eef9ff;color:#173a5c;font-weight:760;line-height:1.35}
.mymex-jarvis-permission-legend b{color:#07856d;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.mymex-jarvis-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mymex-jarvis-action-card{position:relative;overflow:hidden;display:grid;gap:14px;padding:18px;border:1px solid #d7e9f6;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(23,58,92,.1)}
.mymex-jarvis-action-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#24b7f3}.mymex-jarvis-action-card.is-approval_required::before{background:#f6a623}
.mymex-jarvis-action-card header{display:grid;gap:6px}.mymex-jarvis-action-card header span{width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#eef9ff;color:#0472aa;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.mymex-jarvis-action-card h3{margin:0;color:#061d39;font-size:24px;line-height:1.05;letter-spacing:-.035em}.mymex-jarvis-action-card p{margin:0;color:#526f8a;line-height:1.45}.mymex-jarvis-action-status{display:flex;flex-wrap:wrap;gap:8px}.mymex-jarvis-action-status strong{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#e9f7ff;color:#07527f;font-size:11px;font-weight:950}.mymex-jarvis-action-card dl{display:grid;gap:9px;margin:0}.mymex-jarvis-action-card dl div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:10px 12px;border:1px solid #edf4fa;border-radius:14px;background:#fbfdff}.mymex-jarvis-action-card dt{color:#55718b;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.mymex-jarvis-action-card dd{margin:0;color:#163957;font-size:13px;line-height:1.4;font-weight:720}.mymex-jarvis-action-card footer{display:flex;flex-wrap:wrap;gap:8px}.mymex-jarvis-action-card footer span{padding:7px 10px;border-radius:999px;background:#f1f7fb;color:#31536e;font-size:11px;font-weight:900}
@media(max-width:980px){.mymex-jarvis-action-grid,.mymex-jarvis-permission-legend{grid-template-columns:1fr}.mymex-jarvis-action-card dl div{grid-template-columns:1fr}}

/* Jarvis lead follow-up draft workspace - 2026-09-22 */
.mymex-jarvis-draft-workspace{display:grid;gap:14px;margin:14px 0;padding:16px;border:1px solid #cce8f8;border-radius:22px;background:linear-gradient(135deg,#f3fbff,#ffffff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.mymex-jarvis-draft-workspace>header{display:grid;gap:5px}.mymex-jarvis-draft-workspace>header span{color:#008ed0;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.mymex-jarvis-draft-workspace h4{margin:0;color:#062348;font-size:22px;line-height:1.05;letter-spacing:-.03em}.mymex-jarvis-draft-workspace p{margin:0;color:#526f8a;font-size:13px;line-height:1.45}.mymex-jarvis-draft-create,.mymex-jarvis-draft-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.mymex-jarvis-draft-create label,.mymex-jarvis-draft-editor label{display:grid;gap:7px;margin:0}.mymex-jarvis-draft-create span,.mymex-jarvis-draft-editor span{color:#55718b;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.mymex-jarvis-draft-create input,.mymex-jarvis-draft-editor input,.mymex-jarvis-draft-editor textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #c9deed;border-radius:15px;background:#fff;color:#08223f;padding:12px 13px;font:inherit;font-size:13px;line-height:1.35}.mymex-jarvis-draft-editor textarea{resize:vertical;min-height:170px}.mymex-jarvis-draft-editor .is-wide{grid-column:1/-1}.mymex-jarvis-draft-create button,.mymex-jarvis-draft-editor button,.mymex-jarvis-draft-actions button{border:0;border-radius:14px;background:#159cf2;color:#fff;font-weight:950;padding:12px 14px;cursor:pointer}.mymex-jarvis-draft-actions button.is-danger{background:#e44862}.mymex-jarvis-draft-status,.mymex-jarvis-draft-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #dcebf6;border-radius:16px;background:#eef9ff}.mymex-jarvis-draft-status strong,.mymex-jarvis-draft-empty strong{color:#087354;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.mymex-jarvis-draft-status span,.mymex-jarvis-draft-empty span{color:#31536e;font-size:12px;font-weight:800}.mymex-jarvis-draft-actions{display:flex;flex-wrap:wrap;gap:10px}.mymex-jarvis-draft-actions form{margin:0}.mymex-jarvis-draft-editor input:disabled,.mymex-jarvis-draft-editor textarea:disabled{background:#f2f6fa;color:#667b8f}
@media(max-width:760px){.mymex-jarvis-draft-create,.mymex-jarvis-draft-editor{grid-template-columns:1fr}.mymex-jarvis-draft-status,.mymex-jarvis-draft-empty{display:grid}.mymex-jarvis-draft-create button,.mymex-jarvis-draft-editor button,.mymex-jarvis-draft-actions button{width:100%}}

/* Jarvis Control simplification + icon tooltips - 2026-09-22 */
.mymex-jarvis-control-hero.is-simple h1 {
  max-width: 900px;
  font-size: clamp(34px, 4.8vw, 58px);
}
.mymex-jarvis-command-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 22px;
}
.mymex-jarvis-command-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 4px 14px;
  align-items: center;
  min-height: 118px;
  padding: 18px;
  border: 1px solid #d6e8f5;
  border-radius: 24px;
  background: linear-gradient(135deg, #fff, #f2fbff);
  color: #08213f;
  text-decoration: none;
  box-shadow: 0 16px 36px rgba(23,58,92,.10);
}
.mymex-jarvis-command-card:hover,
.mymex-jarvis-command-card:focus-visible {
  border-color: #35c8f4;
  transform: translateY(-1px);
  box-shadow: 0 22px 44px rgba(23,58,92,.16);
}
.mymex-jarvis-command-card.is-primary {
  background: radial-gradient(circle at 100% 0, rgba(49,213,195,.18), transparent 42%), linear-gradient(135deg, #062348, #075b72);
  color: #fff;
}
.mymex-jarvis-command-card .mymex-jarvis-command-icon {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 17px;
  background: #e8f7ff;
  color: #0878bd;
}
.mymex-jarvis-command-card.is-primary .mymex-jarvis-command-icon {
  background: rgba(255,255,255,.16);
  color: #75edff;
}
.mymex-jarvis-command-card svg,
.mymex-jarvis-icon-strip svg {
  width: 20px;
  height: 20px;
}
.mymex-jarvis-command-card > span {
  min-width: 0;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -.025em;
}
.mymex-jarvis-command-card small {
  min-width: 0;
  color: #607993;
  font-size: 12px;
  line-height: 1.45;
}
.mymex-jarvis-command-card.is-primary small { color: #cdeeff; }
.mymex-jarvis-status-ribbon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}
.mymex-jarvis-status-ribbon span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 11px 13px;
  border: 1px solid #d9eafa;
  border-radius: 16px;
  background: #f7fcff;
  color: #496882;
  font-size: 12px;
  font-weight: 850;
}
.mymex-jarvis-status-ribbon b {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #e4f5ff;
  color: #07527f;
  font-size: 14px;
}
.mymex-jarvis-governance-card.is-simple-card {
  padding: 20px;
}
.mymex-jarvis-human-summary {
  display: grid;
  gap: 5px;
  margin: 12px 0;
  padding: 14px 16px;
  border: 1px solid #cce8f8;
  border-radius: 18px;
  background: linear-gradient(135deg, #eef9ff, #ffffff);
}
.mymex-jarvis-human-summary b {
  color: #062348;
  font-size: 15px;
}
.mymex-jarvis-human-summary span {
  color: #526f8a;
  font-size: 13px;
  line-height: 1.45;
}
.mymex-jarvis-icon-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}
.mymex-jarvis-icon-strip span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid #d9eafa;
  border-radius: 999px;
  background: #f7fcff;
  color: #234967;
  font-size: 11px;
  font-weight: 900;
  cursor: help;
}
.mymex-jarvis-icon-strip span.is-status {
  border-color: rgba(32,174,243,.34);
  background: #e9f7ff;
  color: #07527f;
}
.mymex-jarvis-icon-strip i {
  max-width: 150px;
  overflow: hidden;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mymex-jarvis-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.mymex-jarvis-card-actions:empty { display: none; }
.mymex-jarvis-card-actions form,
.mymex-jarvis-refresh-form {
  display: grid;
  gap: 8px;
  margin: 0;
}
.mymex-jarvis-request-details,
.mymex-jarvis-history-shell,
.mymex-jarvis-advanced-library,
.mymex-jarvis-flow-shell {
  overflow: visible;
}
.mymex-jarvis-request-details > summary,
.mymex-jarvis-history-shell > summary,
.mymex-jarvis-advanced-library > summary,
.mymex-jarvis-flow-shell > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 12px;
  align-items: center;
  cursor: pointer;
  list-style: none;
}
.mymex-jarvis-request-details > summary::-webkit-details-marker,
.mymex-jarvis-history-shell > summary::-webkit-details-marker,
.mymex-jarvis-advanced-library > summary::-webkit-details-marker,
.mymex-jarvis-flow-shell > summary::-webkit-details-marker { display: none; }
.mymex-jarvis-request-details > summary::after,
.mymex-jarvis-history-shell > summary::after,
.mymex-jarvis-advanced-library > summary::after,
.mymex-jarvis-flow-shell > summary::after {
  content: "+";
  grid-row: 1 / 3;
  grid-column: 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #e9f7ff;
  color: #07527f;
  font-weight: 950;
}
.mymex-jarvis-request-details[open] > summary::after,
.mymex-jarvis-history-shell[open] > summary::after,
.mymex-jarvis-advanced-library[open] > summary::after,
.mymex-jarvis-flow-shell[open] > summary::after { content: "−"; }
.mymex-jarvis-history-shell > summary b,
.mymex-jarvis-advanced-library > summary b,
.mymex-jarvis-flow-shell > summary b {
  color: #061d39;
  font-size: clamp(20px, 2.5vw, 28px);
  letter-spacing: -.035em;
}
.mymex-jarvis-history-shell > summary small,
.mymex-jarvis-advanced-library > summary small,
.mymex-jarvis-flow-shell > summary small {
  color: #607993;
  font-size: 13px;
}
[data-mymex-theme="dark"] .mymex-jarvis-command-card,
[data-mymex-theme="dark"] .mymex-jarvis-status-ribbon span,
[data-mymex-theme="dark"] .mymex-jarvis-human-summary,
[data-mymex-theme="dark"] .mymex-jarvis-icon-strip span {
  border-color: #2b526c;
  background: #0a2438;
  color: #f8fbff;
}
[data-mymex-theme="dark"] .mymex-jarvis-command-card small,
[data-mymex-theme="dark"] .mymex-jarvis-human-summary span,
[data-mymex-theme="dark"] .mymex-jarvis-history-shell > summary small,
[data-mymex-theme="dark"] .mymex-jarvis-advanced-library > summary small,
[data-mymex-theme="dark"] .mymex-jarvis-flow-shell > summary small { color: #bdd3e9; }
[data-mymex-theme="dark"] .mymex-jarvis-human-summary b,
[data-mymex-theme="dark"] .mymex-jarvis-history-shell > summary b,
[data-mymex-theme="dark"] .mymex-jarvis-advanced-library > summary b,
[data-mymex-theme="dark"] .mymex-jarvis-flow-shell > summary b { color: #f8fbff; }
@media (max-width: 1080px) {
  .mymex-jarvis-command-grid,
  .mymex-jarvis-status-ribbon { grid-template-columns: 1fr; }
  .mymex-jarvis-card-actions { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .mymex-jarvis-command-card { min-height: auto; padding: 14px; }
  .mymex-jarvis-icon-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mymex-jarvis-icon-strip span { border-radius: 16px; justify-content: flex-start; }
  .mymex-jarvis-icon-strip i { max-width: 100%; }
}

/* Jarvis tasks: show one clear workspace at a time. */
.mymex-jarvis-task-layout{max-width:1040px;margin:0 auto;color:#102b49}
.mymex-jarvis-task-header{margin:0 0 18px}
.mymex-jarvis-task-header h1{margin:5px 0 6px;color:#0b2947;font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.04em}
.mymex-jarvis-task-header p{margin:0;color:#57718b;font-size:14px}
.mymex-jarvis-task-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}
.mymex-jarvis-task-nav a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:1px 10px;align-items:center;min-width:0;min-height:68px;padding:11px 14px;border:1px solid #d6e5f1;border-radius:18px;background:#fff;color:#234761;text-decoration:none;box-shadow:0 5px 15px rgba(19,58,91,.05)}
.mymex-jarvis-task-nav a:hover,.mymex-jarvis-task-nav a:focus-visible{border-color:#8ac9e9;background:#f5fbff}
.mymex-jarvis-task-nav a>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf7fc;color:#0876aa}
.mymex-jarvis-task-nav svg{width:19px;height:19px}
.mymex-jarvis-task-nav svg *{stroke-width:1.5;vector-effect:non-scaling-stroke}
.mymex-jarvis-task-nav b{font-size:14px;line-height:1.2}
.mymex-jarvis-task-nav small{color:#607993;font-size:11px;line-height:1.2}
.mymex-jarvis-task-nav .is-ask,#mymex-jarvis-control:has(#jarvis-governance-intake:target) .mymex-jarvis-task-nav .is-ask{border-color:#38addc;background:#edf9ff;color:#07446c}
.mymex-jarvis-task-layout .mymex-jarvis-review-shell,.mymex-jarvis-task-layout .mymex-jarvis-history-shell,.mymex-jarvis-task-layout .mymex-jarvis-advanced-library,.mymex-jarvis-task-layout .mymex-jarvis-flow-shell{display:none}
.mymex-jarvis-task-layout .is-history-heading,.mymex-jarvis-task-layout .is-closed-request,.mymex-jarvis-task-layout .is-closed-empty{display:none}
.mymex-jarvis-mode-anchor{display:block;height:0;scroll-margin-top:18px}
#mymex-jarvis-control:has(#jarvis-governance-queue:target) .mymex-jarvis-intake-panel,#mymex-jarvis-control:has(#jarvis-governance-history:target) .mymex-jarvis-intake-panel,#mymex-jarvis-control:has(#jarvis-action-library:target) .mymex-jarvis-intake-panel,#mymex-jarvis-control:has(#jarvis-request-flow:target) .mymex-jarvis-intake-panel{display:none}
#mymex-jarvis-control:has(#jarvis-governance-queue:target) .mymex-jarvis-review-shell,#mymex-jarvis-control:has(#jarvis-governance-history:target) .mymex-jarvis-review-shell,#mymex-jarvis-control:has(#jarvis-action-library:target) .mymex-jarvis-review-shell,#mymex-jarvis-control:has(#jarvis-request-flow:target) .mymex-jarvis-review-shell{display:block}
#mymex-jarvis-control:has(#jarvis-governance-queue:target) .mymex-jarvis-task-nav .is-ask,#mymex-jarvis-control:has(#jarvis-governance-history:target) .mymex-jarvis-task-nav .is-ask,#mymex-jarvis-control:has(#jarvis-action-library:target) .mymex-jarvis-task-nav .is-ask,#mymex-jarvis-control:has(#jarvis-request-flow:target) .mymex-jarvis-task-nav .is-ask{border-color:#d6e5f1;background:#fff;color:#234761}
#mymex-jarvis-control:has(#jarvis-governance-queue:target) .mymex-jarvis-task-nav .is-review,#mymex-jarvis-control:has(#jarvis-governance-history:target) .mymex-jarvis-task-nav .is-history,#mymex-jarvis-control:has(#jarvis-action-library:target) .mymex-jarvis-task-nav .is-history,#mymex-jarvis-control:has(#jarvis-request-flow:target) .mymex-jarvis-task-nav .is-history{border-color:#38addc;background:#edf9ff;color:#07446c}
#mymex-jarvis-control:has(#jarvis-governance-history:target) .mymex-jarvis-history-shell,#mymex-jarvis-control:has(#jarvis-governance-history:target) .mymex-jarvis-advanced-library,#mymex-jarvis-control:has(#jarvis-governance-history:target) .mymex-jarvis-flow-shell,#mymex-jarvis-control:has(#jarvis-action-library:target) .mymex-jarvis-history-shell,#mymex-jarvis-control:has(#jarvis-action-library:target) .mymex-jarvis-advanced-library,#mymex-jarvis-control:has(#jarvis-action-library:target) .mymex-jarvis-flow-shell,#mymex-jarvis-control:has(#jarvis-request-flow:target) .mymex-jarvis-history-shell,#mymex-jarvis-control:has(#jarvis-request-flow:target) .mymex-jarvis-advanced-library,#mymex-jarvis-control:has(#jarvis-request-flow:target) .mymex-jarvis-flow-shell{display:block}
#mymex-jarvis-control:has(#jarvis-governance-history:target) .is-review-heading,#mymex-jarvis-control:has(#jarvis-action-library:target) .is-review-heading,#mymex-jarvis-control:has(#jarvis-request-flow:target) .is-review-heading,#mymex-jarvis-control:has(#jarvis-governance-history:target) .is-open-request,#mymex-jarvis-control:has(#jarvis-action-library:target) .is-open-request,#mymex-jarvis-control:has(#jarvis-request-flow:target) .is-open-request,#mymex-jarvis-control:has(#jarvis-governance-history:target) .is-open-empty,#mymex-jarvis-control:has(#jarvis-action-library:target) .is-open-empty,#mymex-jarvis-control:has(#jarvis-request-flow:target) .is-open-empty,#mymex-jarvis-control:has(#jarvis-governance-history:target) .mymex-jarvis-status-ribbon,#mymex-jarvis-control:has(#jarvis-action-library:target) .mymex-jarvis-status-ribbon,#mymex-jarvis-control:has(#jarvis-request-flow:target) .mymex-jarvis-status-ribbon{display:none}
#mymex-jarvis-control:has(#jarvis-governance-history:target) .is-history-heading,#mymex-jarvis-control:has(#jarvis-action-library:target) .is-history-heading,#mymex-jarvis-control:has(#jarvis-request-flow:target) .is-history-heading{display:grid}
#mymex-jarvis-control:has(#jarvis-governance-history:target) .is-closed-request,#mymex-jarvis-control:has(#jarvis-action-library:target) .is-closed-request,#mymex-jarvis-control:has(#jarvis-request-flow:target) .is-closed-request,#mymex-jarvis-control:has(#jarvis-governance-history:target) .is-closed-empty,#mymex-jarvis-control:has(#jarvis-action-library:target) .is-closed-empty,#mymex-jarvis-control:has(#jarvis-request-flow:target) .is-closed-empty{display:block}
.mymex-jarvis-task-layout .mymex-jarvis-governance-shell{padding:clamp(18px,2.5vw,26px);border-radius:22px;background:#fff;box-shadow:0 7px 24px rgba(23,58,92,.06)}
.mymex-jarvis-task-layout .mymex-jarvis-governance-shell h2{font-size:clamp(24px,2.6vw,31px)}
.mymex-jarvis-task-layout .mymex-jarvis-governance-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.mymex-jarvis-form-heading{grid-column:1/-1;margin:10px 0 0;padding-top:15px;border-top:1px solid #e1edf5;color:#164363;font-size:16px}
.mymex-jarvis-form-heading:first-of-type{margin-top:0;padding-top:0;border-top:0}
.mymex-jarvis-task-layout .mymex-jarvis-governance-form>label:not(.is-half){grid-column:1/-1}
.mymex-jarvis-form-options{grid-column:1/-1;padding:11px 14px;border:1px solid #d8e9f3;border-radius:15px;background:#f8fcff}
.mymex-jarvis-form-options summary,.mymex-jarvis-draft-disclosure summary{cursor:pointer;color:#07527f;font-size:13px;font-weight:800}
.mymex-jarvis-form-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.mymex-jarvis-task-layout .mymex-jarvis-status-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}
.mymex-jarvis-task-layout .mymex-jarvis-governance-card{padding:18px;border-radius:18px;box-shadow:none}
.mymex-jarvis-task-layout .mymex-jarvis-human-summary{margin:8px 0;padding:10px 12px;border-radius:12px;background:#f5fbff}
.mymex-jarvis-task-layout .mymex-jarvis-human-summary b{font-size:13px}
.mymex-jarvis-task-layout .mymex-jarvis-card-actions{margin:12px 0 4px}
.mymex-jarvis-draft-disclosure{margin:12px 0;padding:12px;border:1px solid #d8e9f3;border-radius:14px;background:#f8fcff}
.mymex-jarvis-draft-disclosure .mymex-jarvis-draft-workspace{margin:12px 0 0;box-shadow:none}
.mymex-jarvis-empty{padding:22px;border:1px dashed #c9dfea;border-radius:16px;background:#f8fcff}
.mymex-jarvis-empty strong,.mymex-jarvis-empty span{display:block}
.mymex-jarvis-empty span{margin-top:4px;color:#607993;font-size:13px}
[data-mymex-theme="dark"] .mymex-jarvis-task-header h1,[data-mymex-theme="dark"] .mymex-jarvis-form-heading{color:#f5fbff}
[data-mymex-theme="dark"] .mymex-jarvis-task-nav a,[data-mymex-theme="dark"] .mymex-jarvis-form-options,[data-mymex-theme="dark"] .mymex-jarvis-draft-disclosure,[data-mymex-theme="dark"] .mymex-jarvis-empty{border-color:#2b526c;background:#0a2438;color:#e7f7ff}
[data-mymex-theme="dark"] .mymex-jarvis-task-nav .is-ask{border-color:#38addc;background:#123f58}
@media(max-width:680px){.mymex-jarvis-task-nav{grid-template-columns:1fr;gap:7px}.mymex-jarvis-task-nav a{min-height:54px;grid-template-columns:32px minmax(0,1fr) auto}.mymex-jarvis-task-nav a>span{grid-row:1;grid-column:1;width:32px;height:32px}.mymex-jarvis-task-nav b{grid-column:2}.mymex-jarvis-task-nav small{grid-column:3}.mymex-jarvis-task-layout .mymex-jarvis-governance-form,.mymex-jarvis-form-options>div{grid-template-columns:1fr!important}.mymex-jarvis-task-layout .mymex-jarvis-governance-form .is-half{grid-column:1/-1!important}.mymex-jarvis-task-layout .mymex-jarvis-status-ribbon{grid-template-columns:1fr!important}.mymex-jarvis-task-layout .mymex-jarvis-governance-card>header{display:grid!important}}

.mymex-jarvis-task-nav a{scroll-margin-top:90px}
.mymex-jarvis-task-layout .is-closed-request{padding:13px 16px;border-radius:14px}
.mymex-jarvis-task-layout .is-closed-request>header{margin:0 0 5px}
.mymex-jarvis-task-layout .is-closed-request h3{font-size:18px}
.mymex-platform-jarvis-page .mymex-jarvis-launcher{min-width:58px;min-height:58px;padding:5px;grid-template-columns:48px;gap:0;right:18px;bottom:18px}
.mymex-platform-jarvis-page .mymex-jarvis-launcher-copy{display:none}
.mymex-jarvis-task-layout .is-closed-request .mymex-jarvis-human-summary{display:none}
.mymex-jarvis-task-layout .is-closed-request .mymex-jarvis-request-details{margin:7px 0 0;padding:8px 11px}
.mymex-jarvis-task-layout .mymex-jarvis-history-shell>summary{margin:0}
.mymex-jarvis-task-layout .mymex-jarvis-history-shell[open] .mymex-jarvis-governance-events{margin-top:16px}

/* Shared admin dark-mode contrast guardrail - 2026-09-22
   This final layer keeps every admin section readable after page-specific skins run. */
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) {
  --tenant-text: #f4f9ff;
  --tenant-muted: #bfd1e1;
  --tenant-soft: #0b223a;
  --tenant-surface: #091d33;
  --tenant-line: rgba(132, 186, 220, .28);
  --mymex-dark-text: #f4f9ff;
  --mymex-dark-muted: #bfd1e1;
  --mymex-dark-subtle: #9fb8cc;
  --mymex-dark-panel: #091d33;
  --mymex-dark-panel-strong: #0d2944;
  --mymex-dark-line: rgba(132, 186, 220, .28);
  --mymex-dark-field: #071a2f;
  background: #061426 !important;
  color: var(--mymex-dark-text) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-stage, .tenant-main, .tenant-legacy-bridge, .tenant-master-bridge, .mymex-platform-admin, .mymex-platform-page, .mymex-platform-jarvis-page) {
  color: var(--mymex-dark-text) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-main, .tenant-legacy-bridge, .tenant-master-bridge, .mymex-platform-admin, .mymex-platform-page) :where(h1, h2, h3, h4, h5, h6, strong, b, summary, dt, label, legend, .tenant-heading, .tenant-card-title, .tenant-section-title, .tenant-page-title, .mymex-platform-page-heading strong, .mymex-platform-page-heading h1) {
  color: var(--mymex-dark-text) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-main, .tenant-legacy-bridge, .tenant-master-bridge, .mymex-platform-admin, .mymex-platform-page) :where(p, small, li, dd, figcaption, .tenant-muted, .ford-muted-note, .tenant-page-subtitle, .tenant-card-subtitle, .mymex-platform-page-heading p, .mymex-platform-page-heading small, .mymex-admin-purpose p, .mymex-admin-purpose small, .mymex-admin-clarity small) {
  color: var(--mymex-dark-muted) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-card, .tenant-panel, .tenant-form-card, .tenant-content-card, .tenant-table-card, .tenant-settings-card, .tenant-settings-panel, .tenant-profile-photo-card, .tenant-profile-details-card, .tenant-integration-card, .tenant-modal-panel, .tenant-media-modal-panel, .platform-media-card, .platform-media-panel, .platform-media-modal-panel, .mymex-account-profile-dialog, .mymex-notification-centre-panel, .mymex-platform-purpose-strip, .mymex-admin-clarity-cards a, .mymex-platform-workspace-list > a, .mymex-platform-workspace-snapshot, .mymex-tenant-directory-toolbar, .mymex-tenant-directory-row, .mymex-tenant-management-grid > article, .mymex-master-crm-card, .mymex-master-crm-drawer-panel, .mymex-master-crm-next-best, .mymex-master-crm-centre-side > section, .mymex-master-crm-centre-side > dl, .mymex-jarvis-governance-shell, .mymex-jarvis-governance-card, .mymex-jarvis-command-card, .mymex-jarvis-task-layout .mymex-jarvis-governance-shell, .mymex-jarvis-form-options, .mymex-jarvis-draft-disclosure, .mymex-jarvis-empty, .ford-panel, .ford-crm-list-shell, .ford-master-disclosure, .ford-lead-centre-card, .tenant-analytics-card-option) {
  border-color: var(--mymex-dark-line) !important;
  background: linear-gradient(145deg, rgba(10, 34, 58, .98), rgba(7, 24, 43, .98)) !important;
  color: var(--mymex-dark-text) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .24) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-table, .ford-table, table) {
  color: var(--mymex-dark-text) !important;
  border-color: var(--mymex-dark-line) !important;
  background: rgba(7, 24, 43, .92) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(th, thead td) {
  color: #dff4ff !important;
  border-color: rgba(132, 186, 220, .24) !important;
  background: rgba(13, 41, 68, .96) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(td, tbody th) {
  color: var(--mymex-dark-muted) !important;
  border-color: rgba(132, 186, 220, .18) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea, .tenant-search-input, .tenant-filter-input) {
  border-color: rgba(132, 186, 220, .38) !important;
  background: var(--mymex-dark-field) !important;
  color: var(--mymex-dark-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 20px rgba(0, 0, 0, .14) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(input, textarea)::placeholder {
  color: #8faac0 !important;
  opacity: 1 !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) select option {
  color: #f4f9ff !important;
  background: #071a2f !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(input[type="file"])::file-selector-button {
  color: #031321 !important;
  background: linear-gradient(135deg, #7be8ff, #46d7bf) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-button:not(.tenant-button-primary):not(.tenant-button-danger), .tenant-button-quiet, .tenant-filter-button, .tenant-chip, .tenant-pill, .mymex-jarvis-task-nav a, details, summary) {
  border-color: rgba(132, 186, 220, .32) !important;
  background-color: rgba(11, 41, 68, .9) !important;
  color: #eaf8ff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-button:not(.tenant-button-primary):not(.tenant-button-danger):hover, .tenant-button-quiet:hover, .tenant-filter-button:hover, .tenant-chip:hover, .mymex-jarvis-task-nav a:hover) {
  border-color: rgba(105, 221, 255, .55) !important;
  background-color: rgba(15, 67, 100, .92) !important;
  color: #ffffff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-alert, .tenant-notice, .tenant-empty-state, .tenant-help-card, .mymex-admin-purpose, .mymex-jarvis-human-summary, .mymex-jarvis-request-details, .mymex-jarvis-governance-copy p, .mymex-jarvis-flag, .mymex-jarvis-governance-events article) {
  border-color: rgba(132, 186, 220, .28) !important;
  background: rgba(10, 38, 62, .92) !important;
  color: var(--mymex-dark-text) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-alert.is-warning, .tenant-notice.is-warning, .mymex-warning, .is-warning) {
  border-color: rgba(255, 199, 96, .48) !important;
  background: rgba(73, 48, 9, .88) !important;
  color: #ffe9b8 !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-alert.is-error, .tenant-notice.is-error, .mymex-error, .is-error) {
  border-color: rgba(255, 129, 148, .5) !important;
  background: rgba(72, 17, 31, .9) !important;
  color: #ffd9df !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-alert.is-success, .tenant-notice.is-success, .mymex-success, .is-success) {
  border-color: rgba(83, 219, 158, .46) !important;
  background: rgba(8, 62, 47, .9) !important;
  color: #c9fbe6 !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-sidebar, .tenant-topbar, .mymex-platform-topbar) :where(strong, span, small, a, button) {
  color: inherit;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(a:not(.tenant-button):not(.tenant-button-primary):not(.tenant-nav-link):not(.tenant-action-card)) {
  color: #79dcff;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(svg, svg *) {
  vector-effect: non-scaling-stroke;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(hr, .tenant-divider, .mymex-divider) {
  border-color: rgba(132, 186, 220, .22) !important;
}

/* Shared admin dark-mode detail fixes - 2026-09-22
   Covers older light sub-cards that sit inside dark pages. */
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-jarvis-task-layout, .mymex-jarvis-task-header, .mymex-jarvis-task-nav, .platform-media-shell) {
  color: var(--mymex-dark-text) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-master-crm-operation, .growth-notice, .growth-filter-panel, .growth-kpis article, .growth-panel, .growth-detail-block, .growth-coverage, .platform-media-summary > *, .platform-brand-preview-grid article, .mymex-knowledge-safety, .mymex-knowledge-readiness-metrics article, .mymex-knowledge-readiness-gaps, .mymex-readiness-detail, .mymex-readiness-check, .tenant-business-readiness span, .tenant-settings-readiness-card, .tenant-public-empty, .tenant-public-readiness li, .tenant-public-isolation-note) {
  border-color: var(--mymex-dark-line) !important;
  background: linear-gradient(145deg, #0a243d, #071a2f) !important;
  color: var(--mymex-dark-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-master-crm-operation, .growth-notice, .growth-filter-panel, .growth-kpis article, .growth-panel, .growth-detail-block, .growth-coverage, .platform-media-summary > *, .platform-brand-preview-grid article, .mymex-knowledge-safety, .mymex-knowledge-readiness-metrics article, .mymex-knowledge-readiness-gaps, .mymex-readiness-detail, .mymex-readiness-check, .tenant-business-readiness span, .tenant-settings-readiness-card, .tenant-public-empty, .tenant-public-readiness li, .tenant-public-isolation-note, .mymex-jarvis-task-layout, .platform-media-shell) :where(h1, h2, h3, h4, strong, b, label, legend, summary) {
  color: var(--mymex-dark-text) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-master-crm-operation, .growth-notice, .growth-filter-panel, .growth-kpis article, .growth-panel, .growth-detail-block, .growth-coverage, .platform-media-summary > *, .platform-brand-preview-grid article, .mymex-knowledge-safety, .mymex-knowledge-readiness-metrics article, .mymex-knowledge-readiness-gaps, .mymex-readiness-detail, .mymex-readiness-check, .tenant-business-readiness span, .tenant-settings-readiness-card, .tenant-public-empty, .tenant-public-readiness li, .tenant-public-isolation-note, .mymex-jarvis-task-layout, .platform-media-shell) :where(p, small, span, em, dd, li) {
  color: var(--mymex-dark-muted) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) .mymex-jarvis-governance-form label,
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) .mymex-jarvis-governance-form label > span {
  color: #d9efff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.growth-filter-panel label, .growth-filter-panel label > span, .growth-filter-panel label > small) {
  color: #d9efff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-readiness-pill, .tenant-public-live-state, .mymex-platform-media-state, .mymex-knowledge-step) {
  border-color: rgba(132, 186, 220, .34) !important;
  background: rgba(11, 41, 68, .96) !important;
  color: #eaf8ff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-readiness-pill.is-ready, .tenant-public-live-state.is-live, .mymex-platform-media-state.is-active-status, .mymex-platform-media-copy em) {
  border-color: rgba(87, 227, 169, .42) !important;
  background: rgba(8, 72, 54, .92) !important;
  color: #c9fbe6 !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-readiness-pill.is-almost_ready, .mymex-readiness-check.is-warning) {
  border-color: rgba(255, 212, 107, .42) !important;
  background: rgba(78, 57, 10, .9) !important;
  color: #ffe9b8 !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-readiness-pill.is-needs_attention, .mymex-readiness-check.is-blocker, .tenant-public-live-state.is-offline, .mymex-platform-media-state.is-missing-status) {
  border-color: rgba(255, 135, 149, .42) !important;
  background: rgba(79, 22, 33, .9) !important;
  color: #ffd9df !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-master-crm-operation a, .mymex-master-crm-lead-card a, .mymex-commercial-admin a:not(.tenant-button), .growth-panel a, .growth-detail-block a) {
  color: #8ee3ff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-master-crm-operation .mymex-master-crm-action-note, .tenant-eyebrow, .growth-eyebrow, .platform-media-eyebrow) {
  color: #7de8ff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.tenant-badge, .tenant-status, .mymex-master-crm-consent-pill, .mymex-master-crm-stage-pill) {
  color: #eaf8ff !important;
  background: rgba(12, 51, 82, .92) !important;
}

/* Shared admin dark-mode final contrast sweep - 2026-09-22 */
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.growth-comparison, .growth-alert, .growth-panel-head > span, .mymex-jarvis-governance-form footer, .platform-media-library, .platform-media-toolbar, .platform-media-filters) {
  border-color: var(--mymex-dark-line) !important;
  background: linear-gradient(145deg, #0a243d, #071a2f) !important;
  color: var(--mymex-dark-text) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.growth-comparison, .growth-alert, .growth-panel-head > span, .mymex-jarvis-governance-form footer, .platform-media-library, .platform-media-toolbar, .platform-media-filters) :where(strong, b, label, span, small, p) {
  color: var(--mymex-dark-text) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) .growth-kpi-icon {
  color: #062238 !important;
  background: linear-gradient(135deg, #87edff, #56dcc6) !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-admin-clarity-cards a > span, .mymex-platform-purpose-strip b, .mymex-knowledge-step, .mymex-partner-workspace b, .mymex-partner-workspace span > b) {
  color: #f7fbff !important;
  background: #0c4368 !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-commercial-admin .tenant-eyebrow, .mymex-commercial-admin .ford-section-kicker, .mymex-commercial-admin .mymex-commercial-kicker) {
  color: #7de8ff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-commercial-admin a:not(.tenant-button), .mymex-master-crm-lead-card a, .mymex-master-crm-card a) {
  color: #a9ecff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) :where(.mymex-commercial-admin .mymex-master-crm-consent-pill, .mymex-commercial-admin .mymex-master-crm-stage-pill, .mymex-commercial-admin .tenant-badge, .mymex-commercial-admin .tenant-status) {
  border-color: rgba(111, 222, 255, .28) !important;
  background: rgba(12, 51, 82, .94) !important;
  color: #eaf8ff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) .mymex-master-crm-action-note {
  color: #d6eaff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) .mymex-master-crm-avatar {
  background: linear-gradient(135deg, #075a9e, #057f9b) !important;
  color: #fff !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) .mymex-master-crm-operation .tenant-button span,
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) .mymex-master-crm-operation .tenant-button b {
  color: inherit !important;
}
:where([data-mymex-theme="dark"] body.tenant-admin, body.tenant-admin[data-mymex-theme="dark"]) .mymex-knowledge-readiness > div:first-child p {
  color: #d0e5f5 !important;
}

/* High-specificity dark contrast overrides for legacy important widgets - 2026-09-22 */
[data-mymex-theme="dark"] body.tenant-admin .mymex-master-crm-operation .tenant-button span,
[data-mymex-theme="dark"] body.tenant-admin .mymex-master-crm-operation .tenant-button b {
  color: #05243b !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-master-crm-action-note {
  color: #e0f2ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .growth-comparison,
[data-mymex-theme="dark"] body.tenant-admin .growth-alert,
[data-mymex-theme="dark"] body.tenant-admin .growth-panel-head > span,
[data-mymex-theme="dark"] body.tenant-admin .growth-area-row {
  border-color: rgba(132, 186, 220, .32) !important;
  background: linear-gradient(145deg, #0a243d, #071a2f) !important;
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .growth-comparison *,
[data-mymex-theme="dark"] body.tenant-admin .growth-alert *,
[data-mymex-theme="dark"] body.tenant-admin .growth-panel-head > span *,
[data-mymex-theme="dark"] body.tenant-admin .growth-area-row * {
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .growth-donut span,
[data-mymex-theme="dark"] body.tenant-admin .growth-donut small {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-governance-form footer {
  border-color: rgba(132, 186, 220, .32) !important;
  background: linear-gradient(145deg, #0a243d, #071a2f) !important;
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-governance-form footer p,
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-governance-form footer b {
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .platform-media-library,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-toolbar,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-filters,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-actions,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-assign,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-missing,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-usage {
  border-color: rgba(132, 186, 220, .32) !important;
  background: linear-gradient(145deg, #0a243d, #071a2f) !important;
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .platform-media-library *,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-toolbar *,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-filters *,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-actions *,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-assign *,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-missing *,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-usage * {
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .platform-media-button.is-primary,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-button.is-primary * {
  color: #ffffff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .platform-media-card .is-live {
  background: #075e45 !important;
  color: #dfffee !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-partner-next-steps button b,
[data-mymex-theme="dark"] body.tenant-admin .mymex-admin-clarity-cards a > span,
[data-mymex-theme="dark"] body.tenant-admin .mymex-admin-clarity-cards a b,
[data-mymex-theme="dark"] body.tenant-admin .mymex-platform-purpose-strip > a b,
[data-mymex-theme="dark"] body.tenant-admin .mymex-knowledge-step {
  background: #073755 !important;
  color: #ffffff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .tenant-eyebrow,
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .ford-section-kicker,
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-commercial-kicker {
  color: #8eeaff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin a:not(.tenant-button),
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-master-crm-card a {
  color: #b6f0ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-master-crm-consent-pill,
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-master-crm-stage-pill,
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .tenant-badge,
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .tenant-status,
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .ford-crm-pill {
  border-color: rgba(111, 222, 255, .28) !important;
  background: rgba(12, 51, 82, .94) !important;
  color: #eaf8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-master-crm-card span:not(.tenant-eyebrow) {
  color: #d3e9f8 !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-knowledge-readiness > div:first-child p {
  color: #d3e9f8 !important;
}

/* Final high-specificity dark-mode residue fixes - 2026-09-22 */
[data-mymex-theme="dark"] body.tenant-admin .mymex-master-crm-jarvis-brief a,
[data-mymex-theme="dark"] body.tenant-admin .mymex-master-crm-jarvis-brief a span {
  color: #05243b !important;
}
[data-mymex-theme="dark"] body.tenant-admin .growth-donut span {
  background: #071a2f !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(132,186,220,.22) !important;
}
[data-mymex-theme="dark"] body.tenant-admin .growth-donut span small {
  color: #ffffff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .growth-device-bars > div,
[data-mymex-theme="dark"] body.tenant-admin .growth-engagement-bars > div {
  border-color: rgba(132,186,220,.32) !important;
  background: linear-gradient(145deg, #0a243d, #071a2f) !important;
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .growth-device-bars > div *,
[data-mymex-theme="dark"] body.tenant-admin .growth-engagement-bars > div * {
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .platform-media-button:not(.is-primary):not(.is-danger) {
  border-color: rgba(132,186,220,.32) !important;
  background: #0b2944 !important;
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .platform-media-button.is-danger {
  border-color: rgba(255,135,149,.42) !important;
  background: #571a28 !important;
  color: #ffe6ea !important;
}
[data-mymex-theme="dark"] body.tenant-admin .platform-media-button:not(.is-primary):not(.is-danger) *,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-button.is-danger * {
  color: inherit !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-master-crm-card span,
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-master-crm-card small,
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-master-crm-card a {
  color: #dff4ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-knowledge-readiness-gaps p {
  color: #d3e9f8 !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-knowledge-flow li b {
  background: #073755 !important;
  color: #ffffff !important;
}

/* Last dark-mode contrast corrections from live sweep - 2026-09-22 */
[data-mymex-theme="dark"] body.tenant-admin .platform-media-card.is-missing .platform-media-preview,
[data-mymex-theme="dark"] body.tenant-admin .platform-media-card.is-archived .platform-media-preview:has(.platform-media-missing),
[data-mymex-theme="dark"] body.tenant-admin .platform-media-missing {
  border-color: rgba(132,186,220,.32) !important;
  background: linear-gradient(145deg, #0a243d, #071a2f) !important;
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .platform-media-missing * {
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-commercial-admin .mymex-platform-crm-identity span {
  color: #dff4ff !important;
}

/* Jarvis Control Centre redesign - 2026-09-23 */
.mymex-jarvis-control-centre {
  --jcc-ink: #061f3b;
  --jcc-muted: #55718c;
  --jcc-line: #d7e8f3;
  --jcc-blue: #0879e6;
  --jcc-cyan: #16c8f3;
  --jcc-green: #18b879;
  --jcc-card: rgba(255, 255, 255, .94);
  --jcc-soft: #f4faff;
  max-width: 1540px;
  margin: 0 auto;
  color: var(--jcc-ink);
}
.mymex-jarvis-control-centre *,
.mymex-jarvis-control-centre *::before,
.mymex-jarvis-control-centre *::after { box-sizing: border-box; }
.mymex-jarvis-control-centre h1,
.mymex-jarvis-control-centre h2,
.mymex-jarvis-control-centre h3,
.mymex-jarvis-control-centre h4,
.mymex-jarvis-control-centre p { margin-top: 0; }
.mymex-jarvis-control-centre svg { width: 21px; height: 21px; }
.mymex-jarvis-control-centre .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.mymex-jarvis-governance-notice {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid #bcebd8;
  border-radius: 18px;
  background: #eefcf6;
  color: #07543a;
  box-shadow: 0 12px 28px rgba(17, 91, 137, .06);
}
.mymex-jarvis-governance-notice.is-error { border-color: #ffd1d8; background: #fff4f6; color: #8a1229; }
.mymex-jarvis-control-hero-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: clamp(18px, 3vw, 34px);
  align-items: center;
  margin: 0 0 14px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--jcc-line);
  border-radius: 26px;
  background:
    radial-gradient(circle at 78% 35%, rgba(23, 202, 243, .20), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,249,255,.96));
  box-shadow: 0 18px 42px rgba(35, 76, 112, .08);
  overflow: hidden;
}
.mymex-jarvis-control-hero-v2 h1 {
  max-width: 980px;
  margin: 6px 0 10px;
  color: #082141;
  font-size: clamp(34px, 4vw, 56px);
  line-height: .98;
  letter-spacing: -.055em;
}
.mymex-jarvis-control-hero-v2 p {
  max-width: 820px;
  margin: 0;
  color: #5a728c;
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.55;
}
.mymex-jarvis-hero-progress {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 0 0 1px rgba(178, 210, 231, .78);
}
.mymex-jarvis-hero-progress span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid rgba(188, 212, 228, .86);
  border-radius: 14px;
  background: rgba(255,255,255,.82);
  color: #3f5d78;
  font-weight: 800;
}
.mymex-jarvis-hero-progress i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #b8c9d8;
  box-shadow: 0 0 0 4px rgba(184,201,216,.16);
}
.mymex-jarvis-hero-progress .is-current { border-color: #8bc8ff; background: #eef8ff; color: #0566c5; }
.mymex-jarvis-hero-progress .is-current i { background: var(--jcc-blue); box-shadow: 0 0 0 4px rgba(8,121,230,.14); }
.mymex-jarvis-hero-progress .is-live { border-color: #b6ead8; background: #effcf6; color: #08734c; }
.mymex-jarvis-hero-progress .is-live i { background: var(--jcc-green); box-shadow: 0 0 0 4px rgba(24,184,121,.15); }
.mymex-jarvis-command-grid-v2 {
  display: grid;
  grid-template-columns: repeat(7, minmax(132px, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}
.mymex-jarvis-command-grid-v2 button {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 16px;
  gap: 2px 12px;
  align-items: center;
  min-height: 100px;
  padding: 14px;
  border: 1px solid var(--jcc-line);
  border-radius: 18px;
  background: var(--jcc-card);
  color: #113353;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(26, 67, 103, .07);
}
.mymex-jarvis-command-grid-v2 button::after {
  content: '›';
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  color: #3d7faa;
  font-size: 24px;
  line-height: 1;
}
.mymex-jarvis-command-grid-v2 button > span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #eaf6ff;
  color: #0673d9;
}
.mymex-jarvis-command-grid-v2 b { align-self: end; min-width: 0; color: #092949; font-size: 14px; line-height: 1.18; }
.mymex-jarvis-command-grid-v2 small { align-self: start; min-width: 0; color: var(--jcc-muted); font-size: 11px; line-height: 1.28; }
.mymex-jarvis-command-grid-v2 button:hover,
.mymex-jarvis-command-grid-v2 button:focus-visible,
.mymex-jarvis-command-grid-v2 button.is-selected {
  border-color: #25aaf5;
  background: linear-gradient(145deg, #f7fcff, #ecf8ff);
  box-shadow: 0 16px 32px rgba(8, 121, 230, .12);
  outline: none;
}
.mymex-jarvis-command-grid-v2 button.is-selected > span {
  background: linear-gradient(135deg, #0c7ee9, #13c8f3);
  color: #fff;
}
.mymex-jarvis-control-topology {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 14px;
  align-items: start;
  margin: 0 0 14px;
}
.mymex-jarvis-prompt-panel,
.mymex-jarvis-safety-panel,
.mymex-jarvis-workflow-strip,
.mymex-jarvis-tab-panel {
  border: 1px solid var(--jcc-line);
  border-radius: 22px;
  background: var(--jcc-card);
  box-shadow: 0 14px 34px rgba(26, 67, 103, .07);
}
.mymex-jarvis-control-form { display: grid; gap: 13px; padding: clamp(16px, 2vw, 22px); }
.mymex-jarvis-control-form > header,
.mymex-jarvis-tab-panel > header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}
.mymex-jarvis-control-form h2,
.mymex-jarvis-tab-panel h2 {
  margin: 4px 0 5px;
  color: #082141;
  font-size: clamp(21px, 2vw, 28px);
  letter-spacing: -.03em;
}
.mymex-jarvis-control-form p,
.mymex-jarvis-tab-panel p { margin: 0; color: var(--jcc-muted); line-height: 1.45; }
.mymex-jarvis-title-field,
.mymex-jarvis-main-prompt,
.mymex-jarvis-advanced-settings label,
.mymex-jarvis-draft-create label,
.mymex-jarvis-draft-editor label {
  display: grid;
  gap: 7px;
  color: #143755;
  font-weight: 800;
}
.mymex-jarvis-title-field input,
.mymex-jarvis-main-prompt textarea,
.mymex-jarvis-advanced-settings :is(input, select, textarea),
.mymex-jarvis-review-row input,
.mymex-jarvis-refresh-form input,
.mymex-jarvis-draft-workspace :is(input, textarea) {
  width: 100%;
  min-width: 0;
  border: 1px solid #c9ddea;
  border-radius: 14px;
  background: #fbfdff;
  color: #092949;
  font: inherit;
  font-weight: 650;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.mymex-jarvis-title-field input,
.mymex-jarvis-advanced-settings :is(input, select) { min-height: 48px; padding: 0 13px; }
.mymex-jarvis-main-prompt { position: relative; }
.mymex-jarvis-main-prompt textarea,
.mymex-jarvis-advanced-settings textarea,
.mymex-jarvis-draft-workspace textarea { padding: 13px; resize: vertical; line-height: 1.5; }
.mymex-jarvis-main-prompt textarea { min-height: 132px; padding-bottom: 30px; }
.mymex-jarvis-main-prompt small {
  position: absolute;
  right: 13px;
  bottom: 9px;
  color: #6d8398;
  font-size: 11px;
  font-weight: 800;
}
.mymex-jarvis-title-field input:focus,
.mymex-jarvis-main-prompt textarea:focus,
.mymex-jarvis-advanced-settings :is(input, select, textarea):focus,
.mymex-jarvis-review-row input:focus,
.mymex-jarvis-draft-workspace :is(input, textarea):focus {
  border-color: #22a9f3;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(34, 169, 243, .12);
}
.mymex-jarvis-example-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.mymex-jarvis-example-chips span {
  color: #395a76;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.mymex-jarvis-example-chips button,
.mymex-jarvis-tabs button {
  border: 1px solid #cfe1ee;
  border-radius: 999px;
  background: #f5faff;
  color: #224865;
  font-weight: 850;
  cursor: pointer;
}
.mymex-jarvis-example-chips button { padding: 8px 12px; font-size: 12px; }
.mymex-jarvis-example-chips button:hover,
.mymex-jarvis-example-chips button:focus-visible { border-color: #2aa9ef; color: #075f9b; outline: none; }
.mymex-jarvis-advanced-settings {
  border: 1px solid #d8e8f3;
  border-radius: 17px;
  background: #f8fcff;
  overflow: hidden;
}
.mymex-jarvis-advanced-settings > summary {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 13px 15px;
  color: #103654;
  cursor: pointer;
  list-style: none;
}
.mymex-jarvis-advanced-settings > summary::-webkit-details-marker { display: none; }
.mymex-jarvis-advanced-settings > summary small { color: #607b94; font-weight: 700; }
.mymex-jarvis-advanced-settings > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0 15px 15px;
}
.mymex-jarvis-advanced-settings .is-wide { grid-column: 1 / -1; }
.mymex-jarvis-control-form footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid #cfe8f5;
  border-radius: 17px;
  background: linear-gradient(135deg, #f7fcff, #edf9ff);
}
.mymex-jarvis-control-form footer p { margin: 0; color: #44647f; font-size: 13px; }
.mymex-jarvis-control-form footer button { min-width: 164px; }
.mymex-jarvis-safety-panel { position: sticky; top: 18px; overflow: hidden; }
.mymex-jarvis-safety-panel details { border: 0; background: transparent; }
.mymex-jarvis-safety-panel summary {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 18px 18px 12px;
  list-style: none;
  cursor: default;
}
.mymex-jarvis-safety-panel summary::-webkit-details-marker { display: none; }
.mymex-jarvis-safety-panel summary span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 13px;
  background: #eaf6ff;
  color: #0879e6;
}
.mymex-jarvis-safety-panel summary b { color: #082141; font-size: 19px; }
.mymex-jarvis-safety-panel dl { display: grid; gap: 0; margin: 0; padding: 0 18px; }
.mymex-jarvis-safety-panel dl div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #e4eef5;
}
.mymex-jarvis-safety-panel dt { color: #54708a; font-size: 13px; font-weight: 800; }
.mymex-jarvis-safety-panel dd { margin: 0; color: #102f4e; font-weight: 900; text-align: right; }
.mymex-jarvis-safety-panel p {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 2px 12px;
  margin: 16px 18px 18px;
  padding: 14px;
  border: 1px solid #b8eed8;
  border-radius: 18px;
  background: #effcf6;
  color: #07543a;
}
.mymex-jarvis-safety-panel p::before {
  content: '✓';
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #18b879;
  color: #fff;
  font-weight: 950;
}
.mymex-jarvis-safety-panel p strong { font-size: 14px; }
.mymex-jarvis-safety-panel p span { color: #26634d; font-size: 12px; line-height: 1.45; }
.mymex-jarvis-workflow-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 14px;
  padding: 12px;
}
.mymex-jarvis-workflow-strip article {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
}
.mymex-jarvis-workflow-strip article:not(:last-child)::after {
  content: '→';
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  color: #7d9ab2;
  font-weight: 900;
}
.mymex-jarvis-workflow-strip b {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0879e6, #50baff);
  color: #fff;
  box-shadow: 0 8px 18px rgba(8, 121, 230, .18);
}
.mymex-jarvis-workflow-strip article:last-child b { background: linear-gradient(135deg, #18b879, #53e2af); }
.mymex-jarvis-workflow-strip strong { display: block; color: #102f4e; font-size: 13px; }
.mymex-jarvis-workflow-strip small { display: block; color: #647d95; font-size: 11px; line-height: 1.25; }
.mymex-jarvis-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 0;
  padding: 12px 12px 0;
  border: 1px solid var(--jcc-line);
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  background: rgba(255,255,255,.70);
}
.mymex-jarvis-tabs button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 10px 14px;
  border-radius: 14px 14px 0 0;
  border-bottom-color: transparent;
  background: transparent;
}
.mymex-jarvis-tabs button.is-active {
  border-color: #b9daf0;
  border-bottom-color: #fff;
  background: #fff;
  color: #065da4;
}
.mymex-jarvis-tabs em {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: #e9324f;
  color: #fff;
  font-style: normal;
  font-size: 11px;
}
.mymex-jarvis-tab-panel {
  display: none;
  min-width: 0;
  padding: clamp(15px, 2vw, 22px);
  border-radius: 0 0 22px 22px;
}
.mymex-jarvis-tab-panel.is-active { display: block; }
.mymex-jarvis-review-table { display: grid; gap: 9px; margin-top: 16px; }
.mymex-jarvis-review-head,
.mymex-jarvis-review-row {
  display: grid;
  grid-template-columns: minmax(210px, 1.45fr) .85fr .85fr .58fr .68fr .72fr .72fr minmax(210px, 1.4fr);
  gap: 10px;
  align-items: start;
}
.mymex-jarvis-review-head {
  padding: 10px 12px;
  border-radius: 12px;
  background: #f2f7fb;
  color: #55718c;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.mymex-jarvis-review-row {
  padding: 12px;
  border: 1px solid #dbe9f3;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(26, 67, 103, .045);
}
.mymex-jarvis-review-row.is-focused { border-color: #23a8f2; box-shadow: 0 0 0 4px rgba(35,168,242,.13); }
.mymex-jarvis-review-row > div { min-width: 0; }
.mymex-jarvis-review-row small { display: block; color: #6b849b; font-size: 11px; font-weight: 850; }
.mymex-jarvis-review-row span,
.mymex-jarvis-review-row strong { display: block; min-width: 0; overflow-wrap: anywhere; }
.mymex-jarvis-review-row strong { color: #102f4e; }
.mymex-jarvis-review-row .is-request small { color: #0784c7; letter-spacing: .05em; text-transform: uppercase; }
.mymex-jarvis-review-row .is-actions { display: grid; gap: 7px; }
.mymex-jarvis-review-row .is-actions form,
.mymex-jarvis-refresh-form,
.mymex-jarvis-draft-actions { display: grid; gap: 7px; }
.mymex-jarvis-review-row .is-actions button,
.mymex-jarvis-refresh-form button,
.mymex-jarvis-draft-workspace button {
  min-height: 38px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #0879e6, #079ddf);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}
.mymex-jarvis-review-row .is-actions button.is-secondary { background: #0f3b5f; }
.mymex-jarvis-review-row .is-actions button.is-danger,
.mymex-jarvis-draft-workspace button.is-danger { background: #dd3150; }
.mymex-jarvis-request-details,
.mymex-jarvis-draft-disclosure {
  grid-column: 1 / -1;
  border: 1px solid #d8e8f3;
  border-radius: 14px;
  background: #f8fcff;
}
.mymex-jarvis-request-details summary,
.mymex-jarvis-draft-disclosure summary {
  padding: 11px 13px;
  color: #0b5f94;
  font-weight: 900;
  cursor: pointer;
}
.mymex-jarvis-request-details[open],
.mymex-jarvis-draft-disclosure[open] { padding-bottom: 12px; }
.mymex-jarvis-request-details > :not(summary),
.mymex-jarvis-draft-disclosure > :not(summary) { margin: 10px 13px 0; }
.mymex-jarvis-governance-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.mymex-jarvis-governance-copy p,
.mymex-jarvis-request-details > p,
.mymex-jarvis-simulation,
.mymex-jarvis-flag {
  padding: 12px;
  border: 1px solid #deebf3;
  border-radius: 12px;
  background: #fff;
  color: #2f4f6b;
}
.mymex-jarvis-governance-copy b,
.mymex-jarvis-request-details > p b { display: block; margin-bottom: 4px; color: #102f4e; }
.mymex-jarvis-simulation { display: grid; gap: 9px; }
.mymex-jarvis-simulation h4 { margin: 0; color: #102f4e; }
.mymex-jarvis-simulation p { margin: 0; }
.mymex-jarvis-simulation ul { margin: 5px 0 0 18px; padding: 0; }
.mymex-jarvis-flag {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.mymex-jarvis-flag code { max-width: 60%; overflow-wrap: anywhere; color: #075f9b; }
.mymex-jarvis-draft-workspace { display: grid; gap: 12px; }
.mymex-jarvis-draft-workspace header { padding: 13px; border-radius: 14px; background: #eef8ff; }
.mymex-jarvis-draft-workspace header h4 { margin: 2px 0 4px; }
.mymex-jarvis-draft-status { display: flex; justify-content: space-between; gap: 10px; padding: 11px 13px; border-radius: 13px; background: #effcf6; color: #07543a; }
.mymex-jarvis-draft-editor { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.mymex-jarvis-draft-editor .is-wide { grid-column: 1 / -1; }
.mymex-jarvis-mini-request,
.mymex-jarvis-active-grid article,
.mymex-jarvis-governance-events article {
  margin-top: 10px;
  padding: 14px;
  border: 1px solid #dbe9f3;
  border-radius: 15px;
  background: #fff;
}
.mymex-jarvis-mini-request strong,
.mymex-jarvis-mini-request span,
.mymex-jarvis-governance-events strong,
.mymex-jarvis-governance-events span,
.mymex-jarvis-governance-events small { display: block; }
.mymex-jarvis-mini-request span,
.mymex-jarvis-governance-events span,
.mymex-jarvis-governance-events small { color: #647d95; }
.mymex-jarvis-action-grid,
.mymex-jarvis-active-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 15px;
}
.mymex-jarvis-action-card header,
.mymex-jarvis-action-card footer,
.mymex-jarvis-action-status { display: grid; gap: 8px; }
.mymex-jarvis-action-card h3,
.mymex-jarvis-active-grid h3 { margin: 0; color: #102f4e; }
.mymex-jarvis-action-card p,
.mymex-jarvis-active-grid p { color: #607b94; }
.mymex-jarvis-action-status strong,
.mymex-jarvis-action-card footer span,
.mymex-jarvis-active-grid > article > span {
  display: inline-flex;
  width: fit-content;
  padding: 6px 9px;
  border-radius: 999px;
  background: #edf8ff;
  color: #075f9b;
  font-size: 11px;
}
.mymex-jarvis-active-grid dl { display: grid; gap: 7px; margin: 10px 0 0; }
.mymex-jarvis-active-grid dl div { display: grid; grid-template-columns: 86px 1fr; gap: 8px; }
.mymex-jarvis-active-grid dt { color: #607b94; font-size: 12px; font-weight: 800; }
.mymex-jarvis-active-grid dd { margin: 0; color: #102f4e; overflow-wrap: anywhere; }
.mymex-jarvis-empty { grid-column: 1 / -1; }
.mymex-jarvis-tab-panel hr { margin: 18px 0 8px; border: 0; border-top: 1px solid #e2edf5; }
@media (max-width: 1320px) {
  .mymex-jarvis-command-grid-v2 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mymex-jarvis-review-head { display: none; }
  .mymex-jarvis-review-row { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .mymex-jarvis-review-row .is-request,
  .mymex-jarvis-review-row .is-actions { grid-column: 1 / -1; }
  .mymex-jarvis-review-row .is-actions { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 1040px) {
  .mymex-jarvis-control-hero-v2,
  .mymex-jarvis-control-topology { grid-template-columns: 1fr; }
  .mymex-jarvis-safety-panel { position: static; }
  .mymex-jarvis-workflow-strip { grid-template-columns: 1fr; gap: 6px; }
  .mymex-jarvis-workflow-strip article:not(:last-child)::after { display: none; }
  .mymex-jarvis-command-grid-v2,
  .mymex-jarvis-action-grid,
  .mymex-jarvis-active-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .mymex-jarvis-control-centre { margin: 0 -4px; }
  .mymex-jarvis-control-hero-v2 { border-radius: 20px; padding: 20px; }
  .mymex-jarvis-control-hero-v2 h1 { font-size: clamp(32px, 12vw, 44px); }
  .mymex-jarvis-command-grid-v2,
  .mymex-jarvis-action-grid,
  .mymex-jarvis-active-grid,
  .mymex-jarvis-advanced-settings > div,
  .mymex-jarvis-governance-copy,
  .mymex-jarvis-draft-editor,
  .mymex-jarvis-review-row { grid-template-columns: 1fr; }
  .mymex-jarvis-command-grid-v2 button { min-height: 74px; }
  .mymex-jarvis-control-form > header,
  .mymex-jarvis-tab-panel > header,
  .mymex-jarvis-control-form footer { display: grid; }
  .mymex-jarvis-control-form footer button { width: 100%; }
  .mymex-jarvis-review-row .is-actions { grid-template-columns: 1fr; }
  .mymex-jarvis-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 0; }
  .mymex-jarvis-tabs button { white-space: nowrap; }
  .mymex-jarvis-safety-panel dl div { grid-template-columns: 1fr; }
  .mymex-jarvis-safety-panel dd { text-align: left; }
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-control-centre,
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-control-centre {
  --jcc-ink: #eef8ff;
  --jcc-muted: #b9cde0;
  --jcc-line: rgba(132,186,220,.32);
  --jcc-card: rgba(7, 28, 48, .94);
  --jcc-soft: #0a2438;
  color: #eef8ff;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-control-centre :where(.mymex-jarvis-control-hero-v2, .mymex-jarvis-command-grid-v2 button, .mymex-jarvis-prompt-panel, .mymex-jarvis-safety-panel, .mymex-jarvis-workflow-strip, .mymex-jarvis-tabs, .mymex-jarvis-tab-panel, .mymex-jarvis-review-row, .mymex-jarvis-mini-request, .mymex-jarvis-active-grid article, .mymex-jarvis-governance-events article, .mymex-jarvis-action-card),
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-control-centre :where(.mymex-jarvis-control-hero-v2, .mymex-jarvis-command-grid-v2 button, .mymex-jarvis-prompt-panel, .mymex-jarvis-safety-panel, .mymex-jarvis-workflow-strip, .mymex-jarvis-tabs, .mymex-jarvis-tab-panel, .mymex-jarvis-review-row, .mymex-jarvis-mini-request, .mymex-jarvis-active-grid article, .mymex-jarvis-governance-events article, .mymex-jarvis-action-card) {
  border-color: rgba(132,186,220,.32) !important;
  background: linear-gradient(145deg, #0a243d, #071a2f) !important;
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-control-centre :where(h1,h2,h3,h4,b,strong,label,summary,dt,dd,span,p,small),
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-control-centre :where(h1,h2,h3,h4,b,strong,label,summary,dt,dd,span,p,small) { color: inherit; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-control-centre :where(input,select,textarea),
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-control-centre :where(input,select,textarea) {
  border-color: rgba(132,186,220,.32) !important;
  background: #061b2f !important;
  color: #eef8ff !important;
}
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-tabs button.is-active,
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-tabs button.is-active { background: #0d3352 !important; color: #8eeaff !important; }

/* Jarvis Control Centre screenshot-fidelity pass - 2026-09-23 */
.mymex-jarvis-control-centre {
  max-width: 1600px;
  padding: 0 6px 28px;
}
.mymex-jarvis-control-hero-v2 {
  grid-template-columns: minmax(0, 1fr) 310px;
  min-height: 230px;
  margin-bottom: 18px;
  padding: clamp(30px, 4vw, 48px) clamp(28px, 4vw, 46px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 83% 35%, rgba(30, 199, 240, .26), transparent 24%),
    radial-gradient(circle at 60% 15%, rgba(86, 180, 255, .12), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f8fcff 55%, #edf9ff 100%);
}
.mymex-jarvis-control-hero-v2 h1 {
  max-width: 930px;
  font-size: clamp(42px, 4.15vw, 61px);
  line-height: .98;
  letter-spacing: -.07em;
}
.mymex-jarvis-control-hero-v2 p {
  max-width: 760px;
  font-size: 16px;
}
.mymex-jarvis-hero-progress {
  justify-self: end;
  width: min(100%, 310px);
  padding: 14px;
  border-radius: 26px;
  background: rgba(255,255,255,.82);
}
.mymex-jarvis-hero-progress span {
  min-height: 51px;
  padding: 11px 15px;
  border-radius: 15px;
  font-size: 16px;
}
.mymex-jarvis-command-grid-v2 {
  grid-template-columns: repeat(4, minmax(210px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.mymex-jarvis-command-grid-v2 button {
  grid-template-columns: 50px minmax(0, 1fr) 18px;
  min-height: 98px;
  padding: 17px 18px;
  border-radius: 18px;
  background: #fff;
}
.mymex-jarvis-command-grid-v2 button > span {
  width: 50px;
  height: 50px;
  border-radius: 15px;
}
.mymex-jarvis-command-grid-v2 b {
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: -.015em;
}
.mymex-jarvis-command-grid-v2 small {
  max-width: 210px;
  font-size: 12px;
  line-height: 1.28;
}
.mymex-jarvis-control-topology {
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
  gap: 18px;
  margin-bottom: 18px;
}
.mymex-jarvis-prompt-panel,
.mymex-jarvis-safety-panel,
.mymex-jarvis-workflow-strip,
.mymex-jarvis-tabs,
.mymex-jarvis-tab-panel {
  border-color: #d5e7f2;
  box-shadow: 0 18px 44px rgba(26, 67, 103, .075);
}
.mymex-jarvis-control-form {
  padding: 28px;
  gap: 16px;
}
.mymex-jarvis-control-form h2,
.mymex-jarvis-tab-panel h2 {
  font-size: clamp(24px, 2.1vw, 32px);
  line-height: 1.08;
}
.mymex-jarvis-title-field input {
  min-height: 58px;
  border-radius: 17px;
  font-size: 16px;
}
.mymex-jarvis-main-prompt textarea {
  min-height: 154px;
  border-radius: 17px;
  font-size: 15px;
}
.mymex-jarvis-example-chips button {
  padding: 9px 14px;
  border-color: #b9d9ee;
  background: #f8fcff;
  font-size: 12px;
}
.mymex-jarvis-advanced-settings > summary {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  padding: 16px 18px;
}
.mymex-jarvis-advanced-settings > summary b {
  line-height: 1.2;
}
.mymex-jarvis-advanced-settings > summary small {
  align-self: center;
  font-size: 13px;
}
.mymex-jarvis-control-form footer {
  padding: 16px 18px;
  border-radius: 18px;
}
.mymex-jarvis-control-form footer button {
  min-width: 210px;
  min-height: 52px;
  border-radius: 14px;
  font-size: 14px;
}
.mymex-jarvis-safety-panel summary {
  padding: 22px 22px 14px;
}
.mymex-jarvis-safety-panel summary b {
  font-size: 22px;
}
.mymex-jarvis-safety-panel dl {
  padding: 0 22px;
}
.mymex-jarvis-safety-panel dl div {
  min-height: 54px;
}
.mymex-jarvis-safety-panel p {
  margin: 20px 22px 22px;
  padding: 18px;
  border-radius: 20px;
}
.mymex-jarvis-workflow-strip {
  padding: 18px 22px;
  border-radius: 24px;
}
.mymex-jarvis-workflow-strip article {
  grid-template-columns: 44px minmax(0,1fr);
  padding: 10px 14px;
}
.mymex-jarvis-workflow-strip b {
  width: 44px;
  height: 44px;
}
.mymex-jarvis-workflow-strip strong {
  font-size: 14px;
}
.mymex-jarvis-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 7px;
  padding: 14px 14px 0;
  border-radius: 24px 24px 0 0;
  scrollbar-width: thin;
}
.mymex-jarvis-tabs button {
  flex: 0 0 auto;
  min-height: 48px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.1;
  white-space: nowrap;
}
.mymex-jarvis-tab-panel {
  padding: 28px;
  border-radius: 0 0 24px 24px;
}
.mymex-jarvis-tab-panel > header {
  display: grid;
  grid-template-columns: minmax(240px, .42fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.mymex-jarvis-tab-panel > header .tenant-eyebrow {
  display: block;
  margin-bottom: 8px;
}
.mymex-jarvis-tab-panel > header h2 {
  margin: 0;
}
.mymex-jarvis-review-table {
  margin-top: 22px;
}
.mymex-jarvis-review-head {
  min-height: 44px;
  align-items: center;
  border: 1px solid #dceaf3;
  border-radius: 14px;
}
.mymex-jarvis-empty {
  padding: 26px;
  border-radius: 18px;
  background: #fbfdff;
}
@media (min-width: 1180px) {
  .mymex-jarvis-command-grid-v2 button:nth-child(n+5) {
    min-height: 82px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .mymex-jarvis-command-grid-v2 button:nth-child(n+5) > span {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 1180px) {
  .mymex-jarvis-control-hero-v2,
  .mymex-jarvis-control-topology {
    grid-template-columns: 1fr;
  }
  .mymex-jarvis-hero-progress {
    justify-self: stretch;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mymex-jarvis-command-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .mymex-jarvis-control-centre {
    padding: 0 2px 20px;
  }
  .mymex-jarvis-control-hero-v2 {
    min-height: 0;
    padding: 22px;
  }
  .mymex-jarvis-control-hero-v2 h1 {
    font-size: clamp(34px, 11vw, 44px);
  }
  .mymex-jarvis-hero-progress,
  .mymex-jarvis-command-grid-v2,
  .mymex-jarvis-tab-panel > header {
    grid-template-columns: 1fr;
  }
  .mymex-jarvis-command-grid-v2 button {
    min-height: 82px;
  }
  .mymex-jarvis-control-form,
  .mymex-jarvis-tab-panel {
    padding: 18px;
  }
  .mymex-jarvis-advanced-settings > summary {
    grid-template-columns: 1fr;
  }
}
/* Tenant Leads & CRM command centre redesign - 2026-09-24 */
body.tenant-lead-tool-open { overflow: hidden; }
.tenant-crm-bridge .tenant-lead-command-hero {
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: 18px;
  margin-bottom: 18px;
  padding: clamp(20px, 2.4vw, 30px);
  border: 1px solid rgba(140, 199, 236, .42);
  border-radius: 30px;
  background: radial-gradient(circle at 92% 4%, rgba(79, 231, 221, .18), transparent 24%), linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,248,255,.91));
  box-shadow: 0 24px 64px rgba(13, 42, 74, .08);
}
.tenant-crm-bridge .tenant-lead-command-copy { min-width: 0; display: grid; align-content: center; gap: 10px; }
.tenant-crm-bridge .tenant-lead-command-copy h1 {
  max-width: 620px;
  margin: 0;
  color: #071f3c;
  font-size: clamp(28px, 2.6vw, 38px);
  font-weight: 760;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.tenant-crm-bridge .tenant-lead-command-copy p {
  max-width: 640px;
  margin: 0;
  color: #5a718a;
  font-size: 14px;
  line-height: 1.62;
  font-weight: 540;
}
.tenant-lead-command-actions {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.tenant-lead-tool-card {
  appearance: none;
  min-height: 122px;
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 8px;
  padding: 15px;
  text-align: left;
  text-decoration: none;
  border: 1px solid rgba(86, 169, 224, .24);
  border-radius: 22px;
  color: #0c2948;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,252,255,.96));
  box-shadow: 0 14px 34px rgba(12, 42, 76, .065);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.tenant-lead-tool-card:hover,
.tenant-lead-tool-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(22, 158, 236, .42);
  box-shadow: 0 20px 44px rgba(10, 57, 97, .12);
  outline: none;
}
.tenant-lead-tool-card > span:first-child {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #0878d9;
  background: linear-gradient(145deg, #effaff, #e5f5ff);
  box-shadow: inset 0 0 0 1px rgba(72, 179, 241, .20);
}
.tenant-lead-tool-card svg { width: 19px; height: 19px; }
.tenant-lead-tool-card strong { color: #08213d; font-size: 16px; line-height: 1.14; letter-spacing: -.018em; }
.tenant-lead-tool-card small { color: #5d748c; font-size: 11px; line-height: 1.38; font-weight: 600; }
@media (max-width: 1320px) {
  .tenant-crm-bridge .tenant-lead-command-hero {
    grid-template-columns: 1fr;
  }
  .tenant-lead-command-actions {
    grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
  }
}
@media (max-width: 720px) {
  .tenant-lead-command-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tenant-lead-tool-card {
    min-height: 112px;
    padding: 13px;
  }
}
@media (max-width: 430px) {
  .tenant-lead-command-actions {
    grid-template-columns: 1fr;
  }
}
.tenant-crm-bridge .ford-crm-inbox-summary { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.tenant-crm-bridge .ford-crm-inbox-summary button {
  min-height: 116px;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,251,255,.96));
  box-shadow: 0 14px 34px rgba(12, 42, 76, .055);
}
.tenant-crm-bridge .ford-crm-toolbar {
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(246,250,254,.95));
  box-shadow: 0 18px 48px rgba(13, 42, 74, .06);
}
body.mymex-lead-tool-embedded { background: #f6fbff !important; overflow: visible !important; }
body.mymex-lead-tool-embedded .tenant-sidebar,
body.mymex-lead-tool-embedded .tenant-topbar,
body.mymex-lead-tool-embedded .tenant-sidebar-scrim,
body.mymex-lead-tool-embedded .mymex-jarvis-launcher,
body.mymex-lead-tool-embedded .mymex-jarvis-scrim,
body.mymex-lead-tool-embedded .mymex-jarvis-panel,
body.mymex-lead-tool-embedded .mymex-admin-clarity-cards,
body.mymex-lead-tool-embedded .tenant-import-heading,
body.mymex-lead-tool-embedded .tenant-import-steps { display: none !important; }
body.mymex-lead-tool-embedded .tenant-layout { display: block !important; min-height: 100% !important; padding: 0 !important; }
body.mymex-lead-tool-embedded .tenant-stage { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
body.mymex-lead-tool-embedded .tenant-main { width: 100% !important; max-width: none !important; min-height: 100% !important; margin: 0 !important; padding: 18px !important; }
body.mymex-lead-tool-embedded .tenant-card { box-shadow: 0 14px 34px rgba(12,42,76,.06); }
body.mymex-lead-tool-embedded #manual-lead,
body.mymex-lead-tool-embedded #paste-leads,
body.mymex-lead-tool-embedded #upload-file { scroll-margin-top: 18px; }
[data-mymex-theme="dark"] .tenant-crm-bridge .tenant-lead-command-hero,
[data-mymex-theme="dark"] .tenant-lead-tool-card,
[data-mymex-theme="dark"] .tenant-lead-tool-shell { border-color: rgba(117, 196, 255, .20); background: linear-gradient(145deg, rgba(8, 29, 56, .96), rgba(4, 18, 36, .98)); }
[data-mymex-theme="dark"] .tenant-crm-bridge .tenant-lead-command-copy h1,
[data-mymex-theme="dark"] .tenant-lead-tool-card strong,
[data-mymex-theme="dark"] .tenant-lead-tool-action-panel strong { color: #f8fbff; }
[data-mymex-theme="dark"] .tenant-crm-bridge .tenant-lead-command-copy p,
[data-mymex-theme="dark"] .tenant-lead-tool-card small,
[data-mymex-theme="dark"] .tenant-lead-tool-action-panel p { color: #bdd3e9; }
@media (max-width: 1180px) {
  .tenant-crm-bridge .tenant-lead-command-hero { grid-template-columns: 1fr; }
  .tenant-lead-command-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tenant-crm-bridge .ford-crm-inbox-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .tenant-crm-bridge .tenant-lead-command-hero { padding: 18px; border-radius: 24px; }
  .tenant-lead-command-actions { grid-template-columns: 1fr; }
  .tenant-lead-tool-card { min-height: 104px; grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; }
  .tenant-lead-tool-card > span:first-child { grid-row: 1 / span 2; }




  body.mymex-lead-tool-embedded .tenant-main { padding: 12px !important; }
}

/* Jarvis governance: keep the reference layout while showing only recorded state. */
.mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 {
  position: relative;
  min-height: 350px;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  border-color: #195a89;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(3, 22, 47, .98) 0%, rgba(4, 29, 60, .93) 48%, rgba(5, 32, 66, .12) 100%), url('/assets/mymex-jarvis-control-orbit.webp') center right / cover;
  box-shadow: 0 18px 38px rgba(4, 31, 67, .16);
}
.mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 .tenant-eyebrow { color: #54dcff; }
.mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 h1 { max-width: 690px; margin: 14px 0; color: #fff; font-size: clamp(36px, 4vw, 60px); letter-spacing: 0; line-height: 1.06; }
.mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 h1 span { color: #58d7ff; }
.mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 p { max-width: 590px; color: #e0f2ff; font-size: 15px; }
.mymex-jarvis-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.mymex-jarvis-hero-actions .tenant-button { min-height: 46px; padding: 10px 18px; border-color: #8fb8d0; color: #fff; background: rgba(6, 32, 63, .78); }
.mymex-jarvis-hero-actions .tenant-button-primary { border-color: #159bed; background: #087fec; }
.mymex-jarvis-control-centre .mymex-jarvis-hero-progress { grid-template-columns: repeat(3, minmax(0, 1fr)); justify-self: end; width: min(100%, 510px); padding: 0; gap: 8px; border-radius: 0; background: none; box-shadow: none; }
.mymex-jarvis-hero-progress button { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 54px; padding: 10px 13px; border: 1px solid rgba(142, 199, 232, .42); border-radius: 8px; color: #eaf8ff; background: rgba(5, 36, 72, .88); text-align: left; cursor: pointer; }
.mymex-jarvis-hero-progress button:hover, .mymex-jarvis-hero-progress button:focus-visible { border-color: #64d5ff; background: #0c4779; }
.mymex-jarvis-hero-progress button span { min-height: 0; padding: 0; border: 0; border-radius: 0; color: inherit; background: none; font-size: 13px; }
.mymex-jarvis-hero-progress button strong { font-size: 23px; font-variant-numeric: tabular-nums; }
.mymex-jarvis-start-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin: 25px 8px 14px; }
.mymex-jarvis-start-heading h2 { margin: 6px 0 0; color: #0a2848; font-size: 27px; letter-spacing: 0; }
.mymex-jarvis-start-heading p { max-width: 420px; margin: 0; color: #536f89; font-size: 13px; }
.mymex-jarvis-control-centre .mymex-jarvis-command-grid-v2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mymex-jarvis-control-centre .mymex-jarvis-command-grid-v2 button { min-width: 0; min-height: 90px; border-radius: 8px; }
.mymex-jarvis-control-centre .mymex-jarvis-control-topology { grid-template-columns: minmax(0, 1.55fr) minmax(290px, .85fr); }
.mymex-jarvis-control-centre .mymex-jarvis-request-type { display: grid; gap: 7px; color: #143755; font-weight: 800; }
.mymex-jarvis-control-centre .mymex-jarvis-request-type select { width: 100%; min-width: 0; min-height: 48px; padding: 0 13px; border: 1px solid #c9ddea; border-radius: 8px; color: #092949; background: #fbfdff; font: inherit; }
.mymex-jarvis-control-centre .mymex-jarvis-request-type select:focus-visible { outline: 3px solid rgba(34, 169, 243, .28); border-color: #22a9f3; }
.mymex-jarvis-control-centre .mymex-jarvis-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; overflow: visible; padding: 10px; border-bottom: 1px solid var(--jcc-line); border-radius: 8px; }
.mymex-jarvis-control-centre .mymex-jarvis-tabs button { display: flex; flex: initial; justify-content: center; min-width: 0; min-height: 42px; padding: 8px 10px; border: 1px solid #cfe1ee; border-radius: 7px; white-space: normal; overflow-wrap: anywhere; text-align: center; }
.mymex-jarvis-control-centre .mymex-jarvis-tabs button.is-active { border-color: #268ff0; background: #edf7ff; color: #065da4; }
.mymex-jarvis-control-centre .mymex-jarvis-tab-panel { margin-top: 10px; border-radius: 8px; }
.mymex-jarvis-control-centre .mymex-jarvis-review-head { display: none; }
.mymex-jarvis-control-centre .mymex-jarvis-review-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; border-radius: 8px; }
.mymex-jarvis-control-centre .mymex-jarvis-review-row .is-request { grid-column: 1 / -1; }
.mymex-jarvis-control-centre .mymex-jarvis-review-row .is-actions { grid-column: 1 / -1; display: block; }
.mymex-jarvis-control-centre .mymex-jarvis-row-actions { min-width: 0; }
.mymex-jarvis-control-centre .mymex-jarvis-row-actions > summary { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 14px; border: 1px solid #b9d9ee; border-radius: 7px; color: #075f9b; background: #f5faff; font-weight: 850; cursor: pointer; }
.mymex-jarvis-control-centre .mymex-jarvis-row-actions > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.mymex-jarvis-control-centre .mymex-jarvis-row-actions form { min-width: 0; }
.mymex-jarvis-control-centre .mymex-jarvis-prompt-panel,
.mymex-jarvis-control-centre .mymex-jarvis-safety-panel,
.mymex-jarvis-control-centre .mymex-jarvis-workflow-strip,
.mymex-jarvis-control-centre .mymex-jarvis-tabs,
.mymex-jarvis-control-centre .mymex-jarvis-tab-panel { border-radius: 8px; }
.mymex-jarvis-intelligence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.mymex-jarvis-intelligence-grid a { display: grid; grid-template-columns: 42px minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 2px 12px; min-width: 0; padding: 15px; border: 1px solid #d2e4f0; border-radius: 8px; color: #0b294a; background: #f8fcff; text-decoration: none; }
.mymex-jarvis-intelligence-grid a:hover, .mymex-jarvis-intelligence-grid a:focus-visible { border-color: #1b96ed; background: #eef8ff; }
.mymex-jarvis-intelligence-grid a > span { grid-row: 1 / 4; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 8px; color: #087ee1; background: #e5f3ff; }
.mymex-jarvis-intelligence-grid a > span svg { width: 21px; height: 21px; }
.mymex-jarvis-intelligence-grid strong { font-size: 14px; }
.mymex-jarvis-intelligence-grid small { color: #526f88; font-size: 12px; }
.mymex-jarvis-intelligence-grid b { margin-top: 5px; color: #0667ba; font-size: 11px; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2,
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 { background: linear-gradient(90deg, rgba(3, 22, 47, .98) 0%, rgba(4, 29, 60, .93) 48%, rgba(5, 32, 66, .12) 100%), url('/assets/mymex-jarvis-control-orbit.webp') center right / cover !important; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-start-heading h2,
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-start-heading h2 { color: #f3f9ff; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-start-heading p,
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-start-heading p { color: #b8d1e6; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-intelligence-grid a,
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-intelligence-grid a { border-color: #305574; color: #edf8ff; background: #0b2943; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-intelligence-grid small,
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-intelligence-grid small { color: #bfd5e8; }
[data-mymex-theme="dark"] body.tenant-admin .mymex-jarvis-intelligence-grid b,
body.tenant-admin[data-mymex-theme="dark"] .mymex-jarvis-intelligence-grid b { color: #70d5ff; }
.tenant-workspace-tour-wait { margin: 0 22px 14px; padding: 10px 12px; border: 1px solid #28749b; border-radius: 8px; color: #e8f8ff; background: #0b385b; font-size: 13px; line-height: 1.45; }
.mymex-subscription-welcome { box-sizing: border-box; width: min(calc(100vw - 32px), 880px); max-height: calc(100dvh - 32px); overflow-x: hidden; overflow-y: auto; scrollbar-width: none; }
.mymex-subscription-welcome::-webkit-scrollbar { display: none; }
.mymex-subscription-welcome :where(*, *::before, *::after) { box-sizing: border-box; }
.mymex-subscription-welcome-summary strong { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 1180px) {
  .mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 { grid-template-columns: 1fr; background-position: center; }
  .mymex-jarvis-control-centre .mymex-jarvis-hero-progress { justify-self: start; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mymex-jarvis-control-centre .mymex-jarvis-control-topology { grid-template-columns: 1fr; }
  .mymex-jarvis-intelligence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 { min-height: 0; padding: 22px; background: linear-gradient(90deg, rgba(3, 22, 47, .97), rgba(4, 29, 60, .84)), url('/assets/mymex-jarvis-control-orbit.webp') center / cover; }
  .mymex-jarvis-control-centre .mymex-jarvis-control-hero-v2 h1 { font-size: 36px; }
  .mymex-jarvis-control-centre .mymex-jarvis-hero-progress { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mymex-jarvis-hero-progress button { display: grid; gap: 0; padding: 8px; text-align: center; }
  .mymex-jarvis-hero-progress button span { justify-content: center; font-size: 11px; }
  .mymex-jarvis-start-heading { display: block; }
  .mymex-jarvis-start-heading p { margin-top: 8px; }
  .mymex-jarvis-control-centre .mymex-jarvis-command-grid-v2 { grid-template-columns: 1fr; }
  .mymex-jarvis-control-centre .mymex-jarvis-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mymex-jarvis-control-centre .mymex-jarvis-review-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mymex-jarvis-control-centre .mymex-jarvis-row-actions > div { grid-template-columns: 1fr; }
  .mymex-jarvis-intelligence-grid { grid-template-columns: 1fr; }
  .mymex-subscription-welcome { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
}

/* Keep account actions reachable while long workspace menus scroll. */
.tenant-sidebar { overflow: hidden; }
.tenant-sidebar-scroll { flex: 1 1 auto; min-height: 0; margin-right: -14px; padding-right: 14px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #28bde8 transparent; }
.tenant-sidebar-scroll::-webkit-scrollbar { width: 2px; }
.tenant-sidebar-scroll::-webkit-scrollbar-track { background: transparent; }
.tenant-sidebar-scroll::-webkit-scrollbar-thumb { background: #28bde8; border-radius: 5px; }
body.tenant-sidebar-collapsed .tenant-sidebar-scroll { margin-right: -10px; padding-right: 10px; }
.tenant-sidebar-footer { margin-top: 0; flex: 0 0 auto; }
.tenant-sidebar-reopen { display: none; }
@media (min-width: 901px) {
  body.tenant-sidebar-collapsed .tenant-sidebar-reopen {
    display: grid; place-items: center; align-self: center; flex: 0 0 40px;
    width: 40px; height: 40px; padding: 8px; border: 1px solid #3f6785;
    border-radius: 8px; color: #e7f7ff; background: #0d3555; cursor: pointer;
    transition: background .2s ease, transform .2s ease;
  }
  body.tenant-sidebar-collapsed .tenant-sidebar-reopen:hover,
  body.tenant-sidebar-collapsed .tenant-sidebar-reopen:focus-visible { background: #15597a; transform: scale(1.05); }
  body.tenant-sidebar-collapsed .tenant-sidebar-reopen svg { width: 21px; height: 21px; }
  body.tenant-sidebar-collapsed .tenant-sidebar { cursor: default; }
  body.tenant-sidebar-collapsed .mymex-platform-brand > span:last-child,
  body.tenant-sidebar-collapsed .mymex-platform-nav-copy { display: none; }
  body.tenant-sidebar-collapsed .mymex-platform-sidebar .tenant-nav a,
  body.tenant-sidebar-collapsed .mymex-platform-sidebar .tenant-nav-section a { justify-content: center; }
  body.tenant-sidebar-collapsed .tenant-sidebar-scroll .tenant-nav-section { margin-top: 8px; }
  body.tenant-sidebar-collapsed .tenant-crm-nav-badges { display: none; }
  body.tenant-sidebar-collapsed .tenant-nav a:has(.is-new:not(.is-zero)) .tenant-nav-icon,
  body.tenant-sidebar-collapsed .tenant-nav-section a:has(.is-new:not(.is-zero)) .tenant-nav-icon { color: #48db9e; filter: drop-shadow(0 0 7px #149760); }
  body.tenant-sidebar-collapsed .tenant-nav a:has(.is-attention:not(.is-zero)) .tenant-nav-icon,
  body.tenant-sidebar-collapsed .tenant-nav-section a:has(.is-attention:not(.is-zero)) .tenant-nav-icon { color: #ffd37a; filter: drop-shadow(0 0 7px #e6a11a); }
  body.tenant-sidebar-collapsed .tenant-nav a:has(.is-overdue:not(.is-zero)) .tenant-nav-icon,
  body.tenant-sidebar-collapsed .tenant-nav-section a:has(.is-overdue:not(.is-zero)) .tenant-nav-icon { color: #ff8985; filter: drop-shadow(0 0 7px #d53b34); }
  body.tenant-sidebar-collapsed .tenant-public-page-state { display: none; }
  body.tenant-sidebar-collapsed .tenant-nav a:has(.tenant-public-page-state.is-live) .tenant-nav-icon { color: #48db9e; filter: drop-shadow(0 0 7px #149760); }
  body.tenant-sidebar-collapsed .tenant-nav a:has(.tenant-public-page-state.is-offline) .tenant-nav-icon { color: #ff8985; filter: drop-shadow(0 0 7px #d53b34); }
}
@media (max-width: 900px) {
  .tenant-sidebar { height: 100dvh; max-height: 100dvh; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  body.tenant-menu-open .mymex-platform-sidebar { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  body.tenant-sidebar-collapsed .tenant-sidebar-reopen { transition: none; }
}

.tenant-industry-review { padding: 12px 14px; border-left: 3px solid var(--tenant-secondary, #0ea5e9); background: color-mix(in srgb, var(--tenant-secondary, #0ea5e9) 7%, var(--tenant-surface, #fff)); color: var(--tenant-ink, #10213b); }
.tenant-industry-review[hidden] { display: none; }
.tenant-industry-review > strong { display: block; font-size: 13px; }
.tenant-industry-review p, .tenant-industry-review ul { margin: 5px 0; font-size: 12px; line-height: 1.45; }
.tenant-industry-review ul { padding-left: 18px; color: var(--tenant-muted, #64748b); }
.tenant-industry-review label { display: flex; align-items: flex-start; gap: 8px; margin-top: 8px; font-size: 12px; font-weight: 600; line-height: 1.4; }
.tenant-industry-review input[type="checkbox"] { width: 16px; height: 16px; min-height: 16px; margin: 1px 0 0; flex: 0 0 16px; }
.tenant-industry-saved { margin: 0 0 14px; padding: 9px 12px; border-left: 3px solid #119c75; background: color-mix(in srgb, #119c75 7%, var(--tenant-surface, #fff)); color: var(--tenant-ink, #10213b); font-size: 12px; line-height: 1.45; }
.tenant-field[data-custom-industry-field][hidden] { display: none; }

/* Lead action colours describe work remaining, separately from CRM sales stage. */
.tenant-crm-bridge .ford-crm-lead-row{min-height:82px;padding:10px 12px;row-gap:5px;border-radius:12px;box-shadow:none}
.tenant-crm-bridge .ford-crm-lead-row.action-new{border-left:4px solid #2563eb;background:#eff6ff}
.tenant-crm-bridge .ford-crm-lead-row.action-waiting{border-left:4px solid #d99800;background:#fff8df}
.tenant-crm-bridge .ford-crm-lead-row.action-overdue{border-left:4px solid #dc2626;background:#fff0f0}
.tenant-crm-bridge .ford-crm-lead-row.action-actioned{border-left:4px solid #15803d;background:#edf9f0}
.tenant-crm-bridge .ford-crm-pill.action-new{background:#dbeafe;color:#1e40af}
.tenant-crm-bridge .ford-crm-pill.action-waiting{background:#fef3c7;color:#854d0e}
.tenant-crm-bridge .ford-crm-pill.action-overdue{background:#fee2e2;color:#991b1b}
.tenant-crm-bridge .ford-crm-pill.action-actioned{background:#dcfce7;color:#166534}
.tenant-crm-bridge .ford-crm-pill.action-archived{background:#e2e8f0;color:#475569}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-pill.action-new{background:#dbeafe!important;color:#1e40af!important}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-pill.action-waiting{background:#fef3c7!important;color:#854d0e!important}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-pill.action-overdue{background:#fee2e2!important;color:#991b1b!important}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-pill.action-actioned{background:#dcfce7!important;color:#166534!important}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-pill.action-archived{background:#e2e8f0!important;color:#475569!important}
.tenant-crm-bridge .ford-crm-import-group{font-weight:750;overflow-wrap:anywhere}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row.action-new{background:#102b4c}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row.action-waiting{background:#392f15}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row.action-overdue{background:#3b2027}
[data-mymex-theme="dark"] .tenant-crm-bridge .ford-crm-lead-row.action-actioned{background:#12372b}

[data-mymex-notification-centre] .mymex-notification-centre-bulk[hidden]{display:none!important}

@media(min-width:1100px){
.tenant-crm-bridge .ford-crm-lead-row{grid-template-columns:minmax(130px,1fr) minmax(140px,1fr) minmax(150px,1.2fr) minmax(115px,.8fr) 38px;grid-template-areas:"customer conversation request state action";column-gap:12px}
.tenant-crm-bridge .ford-crm-row-state{display:grid;gap:4px;align-self:center}
.tenant-crm-bridge .ford-crm-row-state .ford-crm-followup-cell{padding-left:0;border-left:0}
}

/* Keep import navigation visible inside the existing scrollable tool. */
.tenant-lead-tool-shell > header .tenant-eyebrow { color: #c4f2ff; }
.tenant-import-shortcuts { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: 6px; padding: 10px; margin: 0 0 16px; border: 1px solid #c4d7e9; border-radius: 12px; background: #f4f9ff; }
.tenant-import-shortcuts a { padding: 8px 11px; border-radius: 8px; color: #123c65; background: #fff; border: 1px solid #c4d7e9; font-size: 12px; font-weight: 700; text-decoration: none; }
.tenant-import-shortcuts a:hover, .tenant-import-shortcuts a:focus-visible { color: #fff; background: #123c65; outline: 2px solid #1686b5; outline-offset: 2px; }
body.mymex-lead-tool-embedded #manual-lead, body.mymex-lead-tool-embedded #paste-leads, body.mymex-lead-tool-embedded #upload-file, #import-workbench, #import-history { scroll-margin-top: 112px; }
[data-mymex-theme="dark"] .tenant-import-shortcuts { background: #082440; border-color: #537795; }
[data-mymex-theme="dark"] .tenant-import-shortcuts a { color: #eaf4ff; background: #103657; border-color: #537795; }
[data-mymex-theme="dark"] .tenant-import-map-grid label > span { color: #eaf4ff; }
[data-mymex-theme="dark"] body.mymex-lead-tool-embedded { background: #061b31 !important; }

/* Leave room to scroll final actions above the fixed assistant launcher. */
body.tenant-admin:not(.mymex-lead-tool-embedded):not(.mymex-notification-embedded) .tenant-main { padding-bottom: calc(118px + env(safe-area-inset-bottom)); }

.tenant-import-recent .tenant-empty { color: #526980; }
[data-mymex-theme="dark"] .tenant-import-recent .tenant-empty { color: #c1d5e8; }

/* Selected lead and next step use the existing CRM action colours. */
.tenant-crm-bridge .ford-crm-lead-row.is-selected { outline: 3px solid #1666a2; outline-offset: 2px; }
.ford-next-action.action-new { border: 2px solid #377bcc; background: #edf5ff; color: #153e75; }
.ford-next-action.action-waiting { border: 2px solid #b77b08; background: #fff6d9; color: #634400; }
.ford-next-action.action-overdue { border: 2px solid #c84949; background: #fff0f0; color: #852525; }
.ford-next-action.action-actioned { border: 2px solid #248463; background: #eaf8f1; color: #16573f; }
.ford-next-action.action-archived { border: 2px solid #6b7887; background: #f0f3f6; color: #334155; }
.ford-next-action[class*="action-"] h3, .ford-next-action[class*="action-"] p { color: inherit; }

/* Embedded importer uses one existing form at a time; drafts stay in place. */
.tenant-import-tabs-ready .tenant-import-grid { display: contents; }
.tenant-import-tabs-ready [role="tabpanel"][hidden], .tenant-import-tabs-ready .tenant-import-safety { display: none !important; }
.tenant-import-tabs-ready .tenant-import-shortcuts { margin: -18px -18px 18px; border-radius: 0; padding: 12px 18px; }
.tenant-import-tabs-ready .tenant-import-shortcuts [aria-selected="true"] { background: #123c65; color: #fff; border-color: #123c65; }
.tenant-import-tabs-ready [role="tabpanel"] { width: 100%; min-width: 0; }
[data-mymex-theme="dark"] .tenant-import-tabs-ready .tenant-import-shortcuts [aria-selected="true"] { background: #c6e8ff; color: #123c65; }

/* Keep popup icon artwork small while preserving comfortable click targets. */
.tenant-lead-tool-window-actions svg, .tenant-lead-tool-action-panel .ford-primary-btn svg, body.tenant-admin .mymex-master-crm-operation-window-actions svg { width: 18px; height: 18px; flex: 0 0 18px; }
.tenant-lead-tool-action-panel > span, .tenant-lead-tool-action-panel > strong, .tenant-lead-tool-action-panel > p { display: none; }
.tenant-lead-tool-action-panel { gap: 18px; padding: 28px; }
.tenant-lead-tool-action-panel .ford-primary-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
.tenant-import-tabs-ready .tenant-import-icon { width: 32px; height: 32px; border-radius: 10px; font-size: 18px; }

.tenant-lead-tool-dialog.is-action:not(.is-expanded) .tenant-lead-tool-shell { min-height: 0; }

/* Customer email editor reuses the Lead Centre popup shell. */
.tenant-campaign-editor .tenant-lead-tool-shell > header { display: block; }
.tenant-campaign-editor-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.tenant-campaign-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 18px; }
.tenant-campaign-steps button { min-height: 42px; padding: 8px 10px; border: 1px solid #78c5d0; border-radius: 10px; background: #123d54; color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.tenant-campaign-steps button[aria-current="step"] { background: #e4fffa; border-color: #7ff0d8; color: #093e45; }
.tenant-campaign-steps button:disabled { opacity: .65; cursor: default; }
.tenant-campaign-editor-body { min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 22px; }
.tenant-campaign-editor [data-campaign-pane][hidden], .tenant-campaign-editor button[hidden] { display: none !important; }
.tenant-campaign-editor-body h2 { color: #102944; font-size: 23px; margin: 0 0 12px; }
.tenant-campaign-editor .tenant-actions svg, .tenant-campaign-editor-footer svg { width: 18px; height: 18px; }
.tenant-campaign-editor input[type="file"]::file-selector-button { border: 1px solid #bfd4e7; border-radius: 9px; background: #fff; color: #102944; font: inherit; padding: 9px 12px; margin-right: 10px; cursor: pointer; }
.tenant-campaign-editor-footer { flex-wrap: wrap; gap: 8px; }
.tenant-campaign-editor .tenant-button-primary { background: #06477f; color: #fff; box-shadow: none; }
.tenant-campaign-editor .tenant-button { min-height: 42px; border-radius: 10px; text-decoration: none; font-weight: 700; }
[data-mymex-theme="dark"] .tenant-campaign-editor-body h2 { color: #eff8ff; }
@media(max-width:640px) { .tenant-campaign-steps { grid-template-columns: repeat(2,minmax(0,1fr)); } .tenant-campaign-editor-body { padding: 16px; } .tenant-campaign-editor-heading h2 { font-size: 24px; } .tenant-campaign-editor-footer .tenant-button { flex: 1 1 auto; } }
.tenant-campaign-editor .tenant-field { margin-bottom: 14px; }
.tenant-campaign-editor [data-media-preview]:empty { display: none; }
.tenant-campaign-editor [data-empty-preview="blank"] [data-media-preview]:not(:has(img)) { display: none; }
html:has(.tenant-campaign-editor[open]) { overflow: hidden; }

.tenant-campaign-editor .tenant-push-composer { padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; }
.tenant-campaign-editor .tenant-push-form { display: block; }
.tenant-campaign-editor .tenant-push-review { margin: 0; padding: 0; }

.tenant-campaign-editor .tenant-field { align-content: start; }
.tenant-campaign-editor [data-destination-panel="file"], .tenant-campaign-editor [data-destination-panel="website"] { grid-column: 1 / -1; }
.ford-crm-customer-cell .ford-lead-archive-note[hidden] { display: none; }
.ford-crm-row-actions .ford-crm-lifecycle-icon[hidden] { display: none; }

/* Tenant dark-mode contrast: match text with the component surface. */
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.mymex-public-view-panel,.tenant-settings-welcome){background:linear-gradient(135deg,#071b30,#0b3045)!important;border-color:#35536c!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-public-view-panel__action{background:#0b2944!important;color:#f4f9ff!important;border-color:#466780!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.mymex-public-view-panel__action.is-primary,.tenant-content-engagement-reminder button,.mymex-notification-centre-categories .is-active){background:#075aa9!important;color:#fff!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-public-view-panel__action span{color:inherit!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-public-view-panel__status{background:#083e2e!important;color:#c9fbe6!important;border-color:#268564!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-nav-section>small,.tenant-sidebar-footer small){color:#aec5d8!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-crm-nav-badges .is-attention,.tenant-crm-nav-badges .is-attention i){color:#271900!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-platform-notification-trigger>b{background:#087443!important;color:#fff!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-donut,.tenant-analytics-ctr,.tenant-booking-donut,.tenant-content-engagement-chart,.tenant-setup-progress-donut)::before{background:#0b2038!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-donut,.tenant-analytics-ctr,.tenant-booking-donut,.tenant-content-engagement-chart,.tenant-setup-progress-donut) :where(strong,b){color:#f4f9ff!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-donut,.tenant-analytics-ctr,.tenant-booking-donut,.tenant-content-engagement-chart,.tenant-setup-progress-donut) small{color:#bfd1e1!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-analytics-card-avatar-all,.mymex-profile-plan b){background:#0b4165!important;color:#f4f9ff!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .ford-crm-customer-avatar{background:#07508d!important;color:#fff!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.ford-crm-unread-badge,.tenant-settings-detail-pill){background:#0c4538!important;color:#d0ffee!important;border-color:#458b78!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) :where(.tenant-public-section-head a,.mymex-consent a){color:#79dcff!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .tenant-settings-launch-path .is-complete b{background:#0c4538!important;color:#d0ffee!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .tenant-content-open-receipts time{color:#bfd1e1!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-notification-centre-header{background:linear-gradient(135deg,#071e3c,#096b60)!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-notification-centre-loading{color:#bfd1e1!important;}

/* Dark notification captions and receipt text. */
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-notification-centre-header small,[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-notification-centre-header p{color:#f4f9ff!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-notification-centre-summary button:nth-child(2) strong{color:#ff9797!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .tenant-content-open-receipts span{color:#dceaf6!important;}

[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .tenant-crm-bridge .ford-crm-conversation-cell{background:#0b2038!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-notification-centre-summary button:nth-child(3) strong{color:#ffd181!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-notification-centre-summary button:nth-child(4) strong{color:#79dcff!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .mymex-notification-centre-summary button:nth-child(5) strong{color:#91edc6!important;}

[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .tenant-staff-push-switch{color:#ffaaa3!important;}
[data-mymex-theme="dark"] body.tenant-admin:not(.mymex-platform-admin) .tenant-staff-push-switch[aria-checked="true"]{color:#91edc6!important;}

/* CRM message feedback and compact phone next-action layout. */
.tenant-crm-bridge .ford-crm-action-form > .ford-crm-form-status:not(:empty) {
    padding: 10px 12px;
    border: 1px solid var(--crm-line, #dbe6f1);
    border-radius: 11px;
    font-size: 12px;
    overflow-wrap: anywhere;
}
.tenant-crm-bridge #fordNextActionCard .ford-lead-centre-primary { border-radius: 11px; }
@media (max-width: 860px) {
    .tenant-crm-bridge .ford-lead-centre-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; }
    .tenant-crm-bridge .ford-lead-centre-title { display: contents; }
    .tenant-crm-bridge .ford-lead-centre-kicker,
    .tenant-crm-bridge .ford-lead-centre-title h2 { grid-column: 1; }
    .tenant-crm-bridge .ford-lead-centre-title p,
    .tenant-crm-bridge .ford-lead-centre-pills { grid-column: 1 / -1; }
    .tenant-crm-bridge .ford-lead-centre-head-actions { grid-column: 2; grid-row: 1 / 3; }
    .tenant-crm-bridge .ford-lead-centre-pills { max-height: none; overflow: visible; flex-wrap: wrap; }
    .tenant-crm-bridge .ford-mobile-workspace-open .ford-next-action.ford-mobile-active-panel { min-height: 0; }
}