/* Masivos: deliberately scoped so the rest of Kairos keeps its own theme. */
body.massivos-ui {
    --mx-ink: #172b46;
    --mx-muted: #475569;
    --mx-surface: #fff;
    --mx-canvas: #f3f6fa;
    --mx-border: #d8e1ec;
    --mx-field-border: #788aa2;
    --mx-accent: #0f6b63;
    --mx-soft: #edf6f4;
    background: var(--mx-canvas) !important;
    color: var(--mx-ink);
}
body.massivos-ui .fi-main { max-width: 1536px; }
body.massivos-ui .fi-page { gap: 24px; padding-block: 28px; }
body.massivos-ui .fi-page-header-main-ctn { gap: 10px; padding-block: 0 !important; }
body.massivos-ui .fi-header-heading { color: var(--mx-ink); font-size: 28px; font-weight: 750; letter-spacing: -.035em; line-height: 1.25; }
body.massivos-ui .fi-header-subheading { color: var(--mx-muted); font-size: 14px; line-height: 1.65; max-width: 70ch; }
body.massivos-ui .fi-breadcrumbs { font-size: 12px; color: var(--mx-muted); }
body.massivos-ui .fi-breadcrumbs-item-label { color: var(--mx-muted); }
body.massivos-ui .fi-tabs { border: 1px solid var(--mx-border); border-radius: 12px; padding: 5px; box-shadow: none; gap: 4px; }
body.massivos-ui .fi-tabs-item { min-height: 40px; border-radius: 8px; color: var(--mx-muted); font-size: 13px; font-weight: 600; padding-inline: 16px; }
body.massivos-ui .fi-tabs-item .fi-icon { color: inherit; }
body.massivos-ui .fi-tabs-item.fi-active { color: #002d87; background: #eaf0fb; box-shadow: none; }
body.massivos-ui .fi-section,
body.massivos-ui .fi-ta { background: var(--mx-surface); border: 1px solid var(--mx-border); border-radius: 14px; box-shadow: 0 2px 6px #172b4604; overflow: visible; }
body.massivos-ui .fi-section-header { padding: 19px 22px; border-color: #e7edf4; }
body.massivos-ui .fi-section-header-heading { color: var(--mx-ink); font-size: 16px; line-height: 1.5; font-weight: 700; letter-spacing: -.015em; }
body.massivos-ui .fi-section-header-description { color: var(--mx-muted); font-size: 13px; line-height: 1.6; margin-top: 3px; }
body.massivos-ui .fi-section-header .fi-icon { color: var(--mx-accent); }
body.massivos-ui .fi-section-content { padding: 22px; }
body.massivos-ui .fi-sc { gap: 24px; }
body.massivos-ui .fi-sc-component,
body.massivos-ui .fi-fo-field,
body.massivos-ui .fi-ta,
body.massivos-ui .massivos-audience-preview { min-width: 0; max-width: 100%; }
body.massivos-ui .fi-fo-field-label-content { color: var(--mx-ink); font-size: 13px; font-weight: 650; line-height: 1.5; }
body.massivos-ui .fi-fo-field-wrp-helper-text,
body.massivos-ui .fi-fo-placeholder { color: var(--mx-muted); font-size: 13px; line-height: 1.65; }
body.massivos-ui .fi-input-wrp:not(.fi-invalid) { border: 1px solid var(--mx-field-border) !important; box-shadow: none !important; border-radius: 8px; background: #fff; }
body.massivos-ui .fi-input-wrp:focus-within:not(.fi-invalid) { border-color: #002d87 !important; box-shadow: 0 0 0 3px #002d8726 !important; }
body.massivos-ui .fi-input-wrp.fi-invalid { border: 1px solid #b42318 !important; box-shadow: 0 0 0 1px #b42318 !important; }
body.massivos-ui .fi-input,
body.massivos-ui .fi-select-input,
body.massivos-ui .fi-select-input-btn,
body.massivos-ui .fi-fo-textarea textarea { color: var(--mx-ink); font-size: 14px; line-height: 1.55; }
body.massivos-ui .fi-input,
body.massivos-ui .fi-select-input,
body.massivos-ui .fi-select-input-btn { min-height: 42px; }
body.massivos-ui input::placeholder,
body.massivos-ui textarea::placeholder,
body.massivos-ui .fi-select-input-placeholder { color: #627087 !important; opacity: 1; }
body.massivos-ui .fi-input-wrp.fi-disabled { background: #f1f4f8; border-color: #c8d3e1 !important; opacity: 1; }
body.massivos-ui input:disabled,
body.massivos-ui select:disabled,
body.massivos-ui textarea:disabled { color: #52647a; -webkit-text-fill-color: #52647a; opacity: 1; cursor: not-allowed; }
body.massivos-ui .fi-fo-field-wrp-error-message { color: #b42318; font-size: 13px; }
body.massivos-ui .fi-btn { min-height: 40px; padding-inline: 16px; font-size: 13px; font-weight: 650; border-radius: 8px; box-shadow: none; transition: background-color .15s, box-shadow .15s; }
body.massivos-ui .fi-btn.fi-color-primary { background: #002d87 !important; color: #fff !important; border: 1px solid #002d87; }
body.massivos-ui .fi-btn.fi-color-primary:hover:not(:disabled) { background: #002267 !important; }
body.massivos-ui .fi-btn.fi-color-primary .fi-icon { color: #fff !important; }
body.massivos-ui .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn { background: #fff !important; color: #234777 !important; border: 1px solid #788aa2 !important; }
body.massivos-ui .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn:hover { background: #f1f5fa !important; }
body.massivos-ui .fi-fo-toggle-buttons-input:checked + .fi-btn { background: #002d87 !important; color: #fff !important; border: 1px solid #002d87 !important; }
body.massivos-ui .fi-fo-toggle-buttons-input:focus-visible + .fi-btn { outline: 2px solid #002d87; outline-offset: 3px; }
body.massivos-ui .fi-fo-toggle-buttons-input:disabled + .fi-btn { background: #e4eaf2 !important; color: #52647a !important; border-color: #c7d2e0 !important; cursor: not-allowed; }
body.massivos-ui .fi-btn.fi-color-gray { background: #fff; color: var(--mx-ink); border: 1px solid #a8b6c8; }
body.massivos-ui .fi-btn.fi-color-gray:hover:not(:disabled) { background: #f1f5fa; }
body.massivos-ui button:disabled { opacity: 1; cursor: not-allowed; }
body.massivos-ui .fi-btn:disabled,
body.massivos-ui .fi-btn.fi-disabled,
body.massivos-ui .fi-btn[aria-disabled="true"] { background: #e4eaf2 !important; border-color: #c7d2e0 !important; color: #52647a !important; box-shadow: none !important; }
body.massivos-ui .fi-btn:disabled .fi-icon,
body.massivos-ui .fi-btn.fi-disabled .fi-icon,
body.massivos-ui .fi-btn[aria-disabled="true"] .fi-icon { color: #52647a !important; }
body.massivos-ui button[disabled][wire\:loading\.attr] { cursor: progress; }
body.massivos-ui :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: 2px solid #002d87; outline-offset: 3px; }
body.massivos-ui .fi-input-wrp input:focus-visible,
body.massivos-ui .fi-input-wrp textarea:focus-visible { outline: none; }
body.massivos-ui .fi-dropdown-panel,
body.massivos-ui .fi-select-dropdown { border: 1px solid #b6c4d8; box-shadow: 0 12px 32px #172b461f; border-radius: 10px; background: #fff; color: var(--mx-ink); }
body.massivos-ui .fi-dropdown-list-item { min-height: 40px; color: var(--mx-ink); }
body.massivos-ui .fi-modal-window { border: 1px solid var(--mx-border); border-radius: 16px; background: #fff; color: var(--mx-ink); box-shadow: 0 24px 80px #172b4630; }
body.massivos-ui .fi-modal-heading { color: var(--mx-ink); font-weight: 700; }
body.massivos-ui .fi-modal-description { color: var(--mx-muted); }
body.massivos-ui .fi-ta-header-toolbar { padding: 14px 18px; gap: 12px; }
body.massivos-ui .fi-ta-header-cell { color: #52647a !important; background: #f6f8fc !important; font-size: 12px !important; font-weight: 650; letter-spacing: .005em !important; padding: 13px 16px; }
body.massivos-ui .fi-ta-header-cell-label { color: #52647a !important; font-size: 12px; font-weight: 650; }
body.massivos-ui .fi-ta-cell { padding: 0 !important; border-color: #e7edf4; }
body.massivos-ui .fi-ta-cell > .fi-ta-col { padding: 0 !important; }
body.massivos-ui .fi-ta-cell .fi-ta-text,
body.massivos-ui .fi-ta-cell .fi-ta-icon { padding: 15px 16px; }
body.massivos-ui .fi-ta-cell .fi-ta-text-item { font-size: 13px; line-height: 1.55; }
body.massivos-ui .fi-ta-cell:first-child .fi-ta-text { min-width: 210px; }
body.massivos-ui .fi-ta-text-description { color: var(--mx-muted); font-size: 12px; line-height: 1.55; }
body.massivos-ui .fi-ta-row:hover { background: #f8fafc; }
body.massivos-ui .fi-ta-actions { padding: 8px 16px; gap: 10px; }
body.massivos-ui .fi-ta-actions .fi-link { font-size: 13px; font-weight: 650; }
body.massivos-ui .fi-ta-empty-state-heading { color: var(--mx-ink); }
body.massivos-ui .fi-ta-empty-state-description { color: var(--mx-muted); }
body.massivos-ui .fi-pagination { padding: 16px 18px; gap: 16px; }
body.massivos-ui .fi-pagination-overview { color: var(--mx-muted); font-size: 12px; }
body.massivos-ui .fi-pagination-item-btn { min-width: 40px; min-height: 40px; color: var(--mx-muted); font-size: 13px; }
body.massivos-ui .fi-pagination-item.fi-active .fi-pagination-item-btn { color: #002d87; background: #eaf0fb; font-weight: 700; }
body.massivos-ui .fi-wi-stats-overview { gap: 16px; background: transparent; border: 0; box-shadow: none; }
body.massivos-ui .fi-section.fi-section-not-contained { background: transparent; border: 0; box-shadow: none; border-radius: 0; }
body.massivos-ui .fi-section-not-contained > .fi-section-content-ctn > .fi-section-content { padding: 0; }
body.massivos-ui .fi-wi-stats-overview-stats-ctn { gap: 16px; }
body.massivos-ui .fi-wi-stats-overview-stat { background: #fff; border: 1px solid var(--mx-border); border-radius: 12px; padding: 20px; box-shadow: none; }
body.massivos-ui .fi-wi-stats-overview-stat-label { color: var(--mx-muted); font-size: 12px; line-height: 1.5; font-weight: 600; }
body.massivos-ui .fi-wi-stats-overview-stat-value { color: var(--mx-ink); font-size: 30px; line-height: 1.3; font-weight: 700; letter-spacing: -.035em; }
body.massivos-ui .fi-wi-stats-overview-stat-description { color: var(--mx-muted) !important; font-size: 12px; line-height: 1.55; }
body.massivos-ui .massivos-personalization { background: #f8fafc; border: 1px solid #e1e8f1; box-shadow: none; }
body.massivos-ui .massivos-personalization .fi-section-header { padding: 14px 16px; }
body.massivos-ui .massivos-personalization .fi-section-header-heading { font-size: 14px; }
body.massivos-ui .massivos-personalization .fi-section-content { padding: 16px; }
body.massivos-ui .massivos-advanced .fi-section-header { padding-block: 15px; }
body.massivos-ui .massivos-preview-empty { color: var(--mx-muted); font-size: 14px; line-height: 1.6; background: #f8fafc; border: 1px dashed #a8b6c8; border-radius: 10px; padding: 22px; }
body.massivos-ui .mx-eyebrow { color: var(--mx-muted); font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; }
body.massivos-ui .mx-badge { display: inline-flex; align-items: center; background: #eaf0fb; color: #234777; border-radius: 6px; padding: 3px 9px; font-size: 12px; font-weight: 650; }
body.massivos-ui .massivos-readiness { background: #fff; border: 1px solid var(--mx-border); border-radius: 12px; padding: 18px 22px; color: var(--mx-ink); }
body.massivos-ui .mr-heading { display: flex; align-items: center; gap: 14px; }
body.massivos-ui .mr-status-icon { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border-radius: 10px; background: #f1f4f8; color: #52647a; }
body.massivos-ui .mr-status-icon svg { width: 24px; height: 24px; }
body.massivos-ui .massivos-readiness[data-mode="live"] .mr-status-icon { background: #e5f4ec; color: #14633e; }
body.massivos-ui .mr-heading-copy { min-width: 0; flex: 1; }
body.massivos-ui .mr-heading h3 { font-size: 14px; line-height: 1.5; font-weight: 700; margin: 0; color: var(--mx-ink); }
body.massivos-ui .mr-heading p { color: var(--mx-muted); font-size: 13px; line-height: 1.6; margin: 3px 0 0; }
body.massivos-ui .mr-progress { flex-shrink: 0; color: var(--mx-muted); font-size: 12px; font-weight: 600; background: #f1f5f9; border: 1px solid #e1e8f1; border-radius: 6px; padding: 5px 9px; }
body.massivos-ui .mr-campaign-state { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; font-size: 12px; color: var(--mx-muted); }
body.massivos-ui .mr-details { margin-top: 10px; }
body.massivos-ui .mr-details summary { display: flex; align-items: center; gap: 10px; width: fit-content; cursor: pointer; font-size: 12px; line-height: 1.7; font-weight: 650; color: #234777; padding-block: 4px; list-style: none; }
body.massivos-ui .mr-details summary::-webkit-details-marker { display: none; }
body.massivos-ui .mr-details summary::before { content: '›'; font-size: 18px; line-height: 1; transition: transform .15s; }
body.massivos-ui .mr-details[open] summary::before { transform: rotate(90deg); }
body.massivos-ui .mr-pending { color: #7a4815; font-size: 11px; font-weight: 600; background: #fff5e6; border-radius: 5px; padding: 1px 7px; }
body.massivos-ui .mr-checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding-top: 14px; margin-top: 8px; border-top: 1px solid #e1e8f1; }
body.massivos-ui .mr-check { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; }
body.massivos-ui .mr-check-icon { display: grid; place-items: center; flex: 0 0 22px; height: 22px; border-radius: 50%; background: #fff0d8; color: #7a4815; font-weight: 750; font-size: 12px; }
body.massivos-ui .mr-check[data-ok="true"] .mr-check-icon { background: #e5f4ec; color: #14633e; }
body.massivos-ui .mr-check strong { display: block; font-size: 13px; line-height: 1.5; font-weight: 650; color: var(--mx-ink); }
body.massivos-ui .mr-check small { display: block; margin-top: 3px; color: var(--mx-muted); font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
body.massivos-ui .mr-check-label { display: block; margin-top: 5px; font-size: 11px; font-weight: 600; color: #7a4815; }
body.massivos-ui .mr-check[data-ok="true"] .mr-check-label { color: #14633e; }
body.massivos-ui .mr-history { border-top: 1px solid #e1e8f1; padding-top: 14px; margin-top: 14px; }
body.massivos-ui .mr-history h4 { margin: 4px 0; font-size: 14px; font-weight: 650; }
body.massivos-ui .mr-history p { font-size: 13px; line-height: 1.65; color: var(--mx-muted); margin: 6px 0 0; }
body.massivos-ui .mr-history .mr-history-note { color: #7a4815; }
body.massivos-ui .mr-receipts { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 16px; border-top: 1px solid #e1e8f1; margin-top: 16px; padding-top: 16px; }
body.massivos-ui .mr-receipts strong { display: block; font-size: 22px; line-height: 1.4; font-weight: 700; }
body.massivos-ui .mr-receipts span { color: var(--mx-muted); font-size: 12px; line-height: 1.5; }
body.massivos-ui .mr-footnote { font-size: 12px; line-height: 1.6; color: var(--mx-muted); margin-top: 12px; }
body.massivos-ui .mm-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
body.massivos-ui .mm-example { font-size: 11px; color: var(--mx-muted); }
body.massivos-ui .mm-chat { background: #eef3f2; border: 1px solid #d7e4df; border-radius: 10px; padding: 20px; }
body.massivos-ui .mm-bubble { background: #fff; border-radius: 0 10px 10px; border: 1px solid #d2dedb; box-shadow: 0 2px 3px #172b4605; overflow: hidden; }
body.massivos-ui .mm-body { padding: 14px; color: #172b46; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.65; }
body.massivos-ui .mm-header { padding: 14px 14px 0; color: var(--mx-ink); font-size: 14px; font-weight: 700; }
body.massivos-ui .mm-media { min-height: 84px; display: flex; justify-content: center; align-items: center; gap: 10px; color: #475569; background: #e6eeec; font-size: 12px; padding: 16px; }
body.massivos-ui .mm-media svg { width: 24px; height: 24px; flex-shrink: 0; }
body.massivos-ui .mm-footer { padding: 0 14px 12px; color: #52647a; font-size: 12px; }
body.massivos-ui .mm-button { padding: 10px 14px; text-align: center; color: #0f6b63; font-size: 13px; font-weight: 650; border-top: 1px solid #e1e8e5; }
body.massivos-ui .mm-notices { padding: 10px 12px; border-radius: 8px; background: #fff5e6; margin-top: 12px; }
body.massivos-ui .mm-warning { color: #7a4815; font-size: 12px; line-height: 1.6; margin: 0; }
body.massivos-ui .mm-warning + .mm-warning { margin-top: 5px; }
body.massivos-ui .mm-note { font-size: 12px; color: var(--mx-muted); line-height: 1.6; margin: 10px 0 0; }
body.massivos-ui .map-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
body.massivos-ui .map-chip { background: #f8fafc; border: 1px solid #d8e1ec; border-radius: 10px; padding: 16px 18px; }
body.massivos-ui .map-chip span { display: block; color: var(--mx-muted); font-size: 12px; line-height: 1.5; }
body.massivos-ui .map-chip strong { display: block; color: var(--mx-ink); font-size: 28px; font-weight: 700; letter-spacing: -.03em; line-height: 1.4; margin-top: 4px; }
body.massivos-ui .map-ready { background: #edf6f4; border-color: #c3ded6; }
body.massivos-ui .map-ready strong { color: #0f6b63; }
body.massivos-ui .map-exclusions { margin-top: 14px; padding: 12px 16px; border: 1px solid #d8e1ec; border-radius: 8px; }
body.massivos-ui .map-exclusions summary { color: #234777; cursor: pointer; font-size: 13px; font-weight: 650; }
body.massivos-ui .map-exclusions dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 24px; margin-top: 14px; }
body.massivos-ui .map-exclusions dl > div { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; line-height: 1.6; color: var(--mx-muted); }
body.massivos-ui .map-exclusions dd { color: var(--mx-ink); font-weight: 700; }
body.massivos-ui .map-meta { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 20px; }
body.massivos-ui .map-meta span { color: var(--mx-muted); display: block; font-size: 11px; line-height: 1.6; }
body.massivos-ui .map-meta strong { display: block; color: var(--mx-ink); font-size: 12px; font-weight: 600; line-height: 1.6; }
body.massivos-ui .map-help { color: var(--mx-muted); font-size: 12px; line-height: 1.6; margin: 10px 0 18px; }
body.massivos-ui .map-empty { text-align: center; border: 1px dashed #a8b6c8; border-radius: 10px; padding: 36px 20px; margin-top: 20px; }
body.massivos-ui .map-empty svg { width: 32px; height: 32px; margin: 0 auto 12px; color: #64748b; }
body.massivos-ui .map-empty h4 { color: var(--mx-ink); font-size: 15px; font-weight: 650; }
body.massivos-ui .map-empty p { color: var(--mx-muted); font-size: 13px; margin-top: 6px; }
body.massivos-ui .map-scroll { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; border: 1px solid var(--mx-border); border-radius: 10px; }
body.massivos-ui .map-scroll-hint { display: none; }
body.massivos-ui .map-scroll table { width: 100%; min-width: 760px; text-align: left; border-collapse: collapse; font-size: 13px; }
body.massivos-ui .map-scroll th { background: #f6f8fc; color: #52647a; font-size: 12px; font-weight: 650; padding: 12px 14px; border-bottom: 1px solid #d8e1ec; }
body.massivos-ui .map-scroll td { color: var(--mx-ink); padding: 13px 14px; border-bottom: 1px solid #e7edf4; vertical-align: top; line-height: 1.6; }
body.massivos-ui .map-scroll tbody tr:last-child td { border-bottom: 0; }
body.massivos-ui .map-scroll tbody tr:hover { background: #f8fafc; }
body.massivos-ui .map-contact { font-weight: 650; }
body.massivos-ui .map-muted { font-size: 12px; color: var(--mx-muted); }
body.massivos-ui .map-phone { font-variant-numeric: tabular-nums; }
body.massivos-ui .map-date { white-space: nowrap; font-size: 12px; font-variant-numeric: tabular-nums; }
body.massivos-ui .map-good { display: inline-flex; align-items: center; gap: 5px; color: #14633e; background: #e5f4ec; border-radius: 5px; padding: 2px 7px; font-size: 12px; font-weight: 600; white-space: nowrap; }
body.massivos-ui .map-reason { color: #7a4815; font-size: 12px; }
body.massivos-ui .map-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px; font-size: 12px; line-height: 1.6; color: var(--mx-muted); padding-top: 16px; }
body.massivos-ui .map-pagination { display: flex; align-items: center; gap: 12px; }
body.massivos-ui .map-pagination button { min-height: 40px; padding: 8px 14px; color: #234777; font-size: 12px; font-weight: 650; border: 1px solid #a8b6c8; border-radius: 7px; background: #fff; cursor: pointer; }
body.massivos-ui .map-pagination button:hover { background: #eaf0fb; }
body.massivos-ui .massivos-phone { max-width: 300px; width: 100%; margin: 0 auto; }
body.massivos-ui .mp-frame { padding: 7px; background: #20354b; border: 1px solid #162b40; border-radius: 28px; box-shadow: 0 8px 22px #172b4614; }
body.massivos-ui .mp-screen { overflow: hidden; border-radius: 21px; background: #f5f7f7; }
body.massivos-ui .mp-status { display: flex; justify-content: space-between; color: #172b46; background: #fff; padding: 10px 18px 5px; font-size: 10px; font-weight: 650; }
body.massivos-ui .mp-header { display: flex; align-items: center; gap: 9px; padding: 10px 14px 12px; color: #fff; background: #0c5d55; }
body.massivos-ui .mp-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #fff; color: #0c5d55; font-size: 14px; font-weight: 700; }
body.massivos-ui .mp-header strong { display: block; font-size: 12px; font-weight: 650; line-height: 1.5; }
body.massivos-ui .mp-header div > span { display: block; font-size: 10px; color: #e4f4f1; line-height: 1.6; }
body.massivos-ui .mp-chat { padding: 14px 11px 20px; background: #eaf0ec; min-height: 230px; }
body.massivos-ui .mp-day { display: block; text-align: center; width: fit-content; margin: 0 auto 14px; padding: 3px 9px; color: #475569; background: #fff; border-radius: 6px; font-size: 10px; line-height: 1.5; }
body.massivos-ui .mp-bubble { background: #fff; border: 1px solid #d2dedb; border-radius: 0 9px 9px; overflow: hidden; }
body.massivos-ui .mp-image { width: 100%; max-height: 170px; object-fit: cover; display: block; }
body.massivos-ui .mp-image-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 110px; gap: 8px; background: #e3ebe7; color: #475569; padding: 16px; font-size: 11px; text-align: center; }
body.massivos-ui .mp-image-empty svg { width: 28px; height: 28px; }
body.massivos-ui .mp-message-header { color: #172b46; font-size: 12px; font-weight: 700; padding: 11px 11px 0; }
body.massivos-ui .mp-body { color: #172b46; font-size: 12px; line-height: 1.6; padding: 11px; overflow-wrap: anywhere; }
body.massivos-ui .mp-placeholder { color: #52647a; }
body.massivos-ui .mp-footer { padding: 0 11px 5px; color: #52647a; font-size: 10px; line-height: 1.6; }
body.massivos-ui .mp-time { color: #52647a; font-size: 9px; text-align: right; padding: 0 10px 7px; }
body.massivos-ui .mp-button { color: #0f6b63; font-size: 12px; line-height: 1.5; font-weight: 600; padding: 9px; border-top: 1px solid #e1e8e5; text-align: center; }
body.massivos-ui .mp-composer { display: flex; align-items: center; gap: 8px; padding: 10px; color: #52647a; font-size: 17px; }
body.massivos-ui .mp-input { display: block; flex: 1; background: #fff; border: 1px solid #c8d3d1; color: #52647a; border-radius: 16px; padding: 6px 11px; font-size: 11px; }
body.massivos-ui .mp-microphone { display: grid; place-items: center; color: #fff; background: #0c5d55; width: 28px; height: 28px; border-radius: 50%; }
body.massivos-ui .mp-microphone svg { width: 16px; height: 16px; }
body.massivos-ui .mp-home { display: grid; place-items: center; height: 16px; }
body.massivos-ui .mp-home span { display: block; background: #52647a; width: 70px; height: 3px; border-radius: 4px; }
body.massivos-ui .massivos-phone figcaption { margin-top: 12px; text-align: center; }
body.massivos-ui .massivos-phone figcaption strong { color: var(--mx-ink); font-size: 12px; font-weight: 650; display: block; overflow-wrap: anywhere; }
body.massivos-ui .massivos-phone figcaption > span { color: var(--mx-muted); font-size: 11px; line-height: 1.6; display: block; margin-top: 4px; }
@media (min-width: 1280px) {
    body.massivos-ui .massivos-template-preview { align-self: start; position: sticky; top: 88px; }
}
@media (max-width: 1023px) {
    body.massivos-ui .fi-page { padding-block: 22px; }
    body.massivos-ui .fi-header-heading { font-size: 25px; }
    body.massivos-ui .mr-progress { display: none; }
    body.massivos-ui .mr-receipts { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 640px) {
    body.massivos-ui .fi-main { padding: 0 16px; }
    body.massivos-ui .nexo-launcher { flex-shrink: 0; }
    body.massivos-ui .nexo-status { display: block; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
    body.massivos-ui .nexo-status > i { display: inline-block; margin-right: 5px; vertical-align: middle; }
    body.massivos-ui .fi-page { gap: 20px; padding-block: 20px; }
    body.massivos-ui .fi-header-heading { font-size: 24px; }
    body.massivos-ui .fi-header-subheading { font-size: 13px; line-height: 1.6; }
    body.massivos-ui .fi-tabs { max-width: 100%; gap: 1px; padding: 4px; }
    body.massivos-ui .fi-tabs-item { min-height: 44px; font-size: 12px; padding-inline: 10px; gap: 6px; }
    body.massivos-ui .fi-tabs-item .fi-icon { width: 16px; height: 16px; }
    body.massivos-ui .fi-section-header { padding: 16px; }
    body.massivos-ui .fi-section-content { padding: 16px; }
    body.massivos-ui .fi-section-header-heading { font-size: 15px; }
    body.massivos-ui .fi-sc { gap: 20px; }
    body.massivos-ui .fi-btn { min-height: 44px; }
    body.massivos-ui .fi-input, body.massivos-ui .fi-select-input, body.massivos-ui .fi-select-input-btn { min-height: 44px; font-size: 16px; }
    body.massivos-ui .fi-fo-textarea textarea { font-size: 16px; }
    body.massivos-ui .fi-wi-stats-overview-stats-ctn { gap: 10px; }
    body.massivos-ui .fi-wi-stats-overview-stat { padding: 16px; }
    body.massivos-ui .fi-wi-stats-overview-stat-value { font-size: 27px; }
    body.massivos-ui .fi-wi-stats-overview-stat-description { display: none; }
    body.massivos-ui .fi-ta-header-toolbar { padding: 12px; }
    body.massivos-ui .fi-pagination { padding: 14px 12px; }
    body.massivos-ui .fi-pagination-item-btn { min-height: 44px; min-width: 44px; }
    body.massivos-ui .massivos-readiness { padding: 14px 16px; }
    body.massivos-ui .mr-heading { gap: 10px; align-items: flex-start; }
    body.massivos-ui .mr-status-icon { flex-basis: 32px; height: 32px; border-radius: 8px; }
    body.massivos-ui .mr-status-icon svg { width: 20px; height: 20px; }
    body.massivos-ui .mr-heading p { font-size: 12px; line-height: 1.55; }
    body.massivos-ui .mr-details { margin-top: 6px; }
    body.massivos-ui .mr-details summary { padding-block: 8px; min-height: 40px; }
    body.massivos-ui .mr-checks { grid-template-columns: 1fr; gap: 16px; }
    body.massivos-ui .mr-receipts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    body.massivos-ui .mm-chat { padding: 14px; }
    body.massivos-ui .map-summary { gap: 8px; }
    body.massivos-ui .map-chip { padding: 12px; }
    body.massivos-ui .map-chip span { font-size: 11px; }
    body.massivos-ui .map-chip strong { font-size: 24px; }
    body.massivos-ui .map-exclusions dl { grid-template-columns: 1fr; }
    body.massivos-ui .map-meta { gap: 10px; }
    body.massivos-ui .map-meta > div { width: 100%; }
    body.massivos-ui .map-scroll-hint { display: block; color: var(--mx-muted); font-size: 11px; line-height: 1.6; margin-bottom: 8px; }
    body.massivos-ui .map-pagination button { min-height: 44px; }
    body.massivos-ui .fi-modal-window { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    body.massivos-ui *, body.massivos-ui *::before { transition: none !important; }
}