/* Owns the report mobile page. No legacy report classes are used here. */
body:not(.reports-mode) #reportsView { display:none; }
body.reports-mode .main { padding:0;min-height:100dvh;background:#faf8ff; }
body.reports-mode .standard-topbar,body.reports-mode #mobileModuleSummary { display:none; }
body.reports-mode #reportsView.active { display:block;width:100%;min-width:0;margin:0;padding:0 16px 112px;background:#faf8ff; }
#reportsView > .mobile-native-page-header,#reportV2Shell,#reportVersionLoading,#reportsView > .legacy-reports-shell { display:none; }
#reportMobileHost { display:flex;flex-direction:column;min-width:0;padding-bottom:32px;color:#131b2e;font:400 14px/20px Inter,Arial,sans-serif; }
#reportMobileHost[hidden] { display:none; }
#reportMobileHost *,#reportMobileHost *::before,#reportMobileHost *::after { box-sizing:border-box; }
#reportMobileHost button { appearance:none;cursor:pointer;font-family:Inter,Arial,sans-serif;letter-spacing:normal;text-transform:none; }
#reportMobileHost .icon,#reportMobileHost svg { width:16px;height:16px;flex:0 0 16px; }
.rm-period { display:flex;flex-direction:column;gap:12px;margin:0 -16px;padding:calc(20px + env(safe-area-inset-top)) 16px 0;background:#006495; }
.rm-period > header { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.rm-period h1 { display:flex;align-items:center;gap:8px;margin:0;color:#fff;font:600 16px/22px "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:-.01em; }
.rm-period h1 i { width:10px;height:10px;border-radius:50%;background:#fff; }
.rm-period > header button { display:flex;align-items:center;gap:4px;min-height:28px;padding:6px 12px;border:0;border-radius:999px;background:#ffffff26;color:#fff;font-size:12px;font-weight:500;line-height:16px; }
.rm-period > header button .icon,.rm-period > header button svg { width:18px;height:18px; }
.rm-period button:disabled { opacity:.6;cursor:default; }
.rm-date-chips { display:flex;align-items:center;gap:8px;margin:0 -16px;padding:4px 16px;overflow-x:auto;scrollbar-width:none; }
.rm-date-chips::-webkit-scrollbar,.rm-sort::-webkit-scrollbar { display:none; }
.rm-date-chips > button,.rm-calendar { flex-shrink:0;min-height:32px;padding:8px 16px;border:0;border-radius:999px;background:#e2e7ff;color:#434656;font:500 12px/16px Inter,Arial,sans-serif;white-space:nowrap; }
.rm-date-chips > button.active { background:#fff;color:#006495;box-shadow:0 1px 3px #0000000d; }
.rm-calendar { position:relative;display:flex;align-items:center;gap:4px;margin:0;padding:8px 12px;color:#006495;background:#fff;box-shadow:0 1px 3px #0000000d; }
.rm-calendar input { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer; }
.rm-calendar input::-webkit-calendar-picker-indicator { position:absolute;inset:0;width:auto;height:auto;cursor:pointer; }
.rm-calendar:focus-within { outline:2px solid #006495;outline-offset:2px; }
.rm-summary { display:flex;flex-direction:column;gap:12px;margin-top:16px; }
.rm-kpis { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.rm-kpis article { display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:16px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000d; }
.rm-kpis header { display:flex;align-items:center;justify-content:space-between;gap:4px; }
.rm-kpis header > span { color:#434656;font-size:12px;line-height:16px; }
.rm-kpis header i { display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#0064951a;color:#006495; }
.rm-kpis strong { margin-top:8px;color:#006495;font:700 22px/28px "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere; }
.rm-kpis p { display:flex;align-items:center;gap:4px;margin:4px 0 0;color:#434656;font-size:12px;line-height:16px; }
.rm-kpis p > .icon,.rm-kpis p > svg { width:14px;height:14px;color:#006495; }
.rm-kpis .rm-profit header i { background:#6cf8bb80;color:#006c49; }
.rm-profit strong,.rm-profit p { color:#006c49; }
.rm-rate { padding:0 6px;border-radius:4px;background:#6cf8bb66;color:#006c49;font-size:11px;line-height:14px;font-weight:600; }
.rm-kpis .loss strong,.rm-kpis .loss .rm-rate { color:#ba1a1a; }.rm-kpis .loss .rm-rate { background:#ffdad6; }
.rm-cost { display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000d; }
.rm-cost header { display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:16px; }
.rm-cost header > span { display:flex;align-items:center;gap:4px;color:#434656; }
.rm-cost header b { font-size:14px;line-height:20px;font-weight:600;white-space:nowrap; }
.rm-cost-bar { display:flex;height:8px;border-radius:999px;background:#eaedff;overflow:hidden; }
.rm-cost-bar i:first-child { background:#c3c5d9; }.rm-cost-bar i:last-child { background:#006c49; }
.rm-cost footer { display:flex;align-items:center;justify-content:space-between;gap:8px;color:#434656;font:600 11px/14px Inter,Arial,sans-serif; }
.rm-cost footer > span:last-child { color:#006c49; }.rm-cost footer > span.loss { color:#ba1a1a; }
.rm-details { display:flex;flex-direction:column;gap:12px;margin-top:24px; }
.rm-details > header { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.rm-details > header > div { display:flex;align-items:center;gap:4px; }
.rm-details h2 { margin:0;font:600 16px/22px "Plus Jakarta Sans",Arial,sans-serif; }
.rm-details > header > div > span { padding:2px 8px;border-radius:999px;background:#e2e7ff;font-size:11px;line-height:14px;font-weight:600; }
.rm-details > header small { color:#434656;font-size:12px;line-height:16px;text-align:right; }
.rm-search { position:relative;display:flex;align-items:center;min-width:0; }
.rm-search > .icon { position:absolute;left:12px;color:#737687;width:20px;height:20px; }
.rm-search input { appearance:none;width:100%;min-width:0;min-height:40px;padding:10px 40px;border:0;border-radius:12px;outline:0;background:#fff;color:#131b2e;box-shadow:0 1px 3px #0000000d;font:400 14px/20px Inter,Arial,sans-serif; }
.rm-search input::-webkit-search-cancel-button { display:none; }
.rm-search button { position:absolute;right:12px;display:grid;place-items:center;width:24px;height:24px;min-height:24px;padding:0;border:0;background:none;color:#737687; }
.rm-search button[hidden] { display:none; }.rm-search button .icon,.rm-search button svg { width:18px;height:18px; }
.rm-sort { display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0; }
.rm-sort > span { flex-shrink:0;font-size:12px;line-height:16px;color:#434656; }
.rm-sort button { flex-shrink:0;min-height:28px;padding:6px 12px;border:0;border-radius:8px;background:#eaedff;color:#434656;font-size:12px;line-height:16px;font-weight:500;white-space:nowrap; }
.rm-sort button.active { background:#dce1ff;color:#006495; }
.rm-product-list { display:flex;flex-direction:column;gap:8px;margin-top:12px;min-width:0; }
.rm-product { display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000d; }
.rm-product-top { display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0; }
.rm-product-identity { display:flex;align-items:center;gap:8px;min-width:0;flex:1; }
#reportMobileHost .rm-product-icon { display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:8px;background:#e2e7ff;color:#006495; }
#reportMobileHost .rm-product-icon svg { width:20px;height:20px; }
.rm-product-identity > div { min-width:0; }
.rm-product h2 { margin:0;color:#131b2e;font:600 13px/16px Inter,Arial,sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.rm-product p { display:flex;align-items:center;gap:6px;margin:2px 0 0;color:#434656;font:600 11px/14px Inter,Arial,sans-serif; }
.rm-product p i { font-style:normal; }.rm-product p b { color:#131b2e; }.rm-product p strong { color:#006495; }
.rm-margin { display:flex;align-items:center;gap:2px;flex-shrink:0;padding:2px 6px;border-radius:999px;background:#6cf8bb66;color:#00714d;font:600 11px/14px Inter,Arial,sans-serif; }
#reportMobileHost .rm-margin .icon,#reportMobileHost .rm-margin svg { width:13px;height:13px;flex-basis:13px; }
.rm-margin.loss { background:#ffdad6;color:#ba1a1a; }
.rm-product-values { display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:4px;border-top:1px solid #e2e7ff99;font-size:12px;line-height:16px;flex-wrap:wrap; }
.rm-product-values > span { display:flex;align-items:center;gap:4px; }.rm-product-values small { font-size:11px;color:#434656; }.rm-product-values b { font-weight:500;color:#131b2e; }.rm-product-values .profit small,.rm-product-values .profit b { color:#006c49; }.rm-product-values .profit b { font-weight:600; }.rm-product-values .loss small,.rm-product-values .loss b { color:#ba1a1a; }
.rm-empty { display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center; }
#reportMobileHost .rm-empty > .icon { display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#e2e7ff;color:#737687; }
#reportMobileHost .rm-empty svg { width:32px;height:32px; }.rm-empty strong { font-size:14px;font-weight:600; }.rm-empty p { margin:0;max-width:240px;color:#434656;font-size:12px;line-height:16px; }
.rm-loading { padding:24px;text-align:center;color:#737687;font-size:12px; }
@keyframes rm-spin { to { transform:rotate(360deg); } }.rm-period .spinning { animation:rm-spin .8s linear infinite; }