/* Miniature app screens, scoped independently from site copy and controls. */
.module-preview{--mp-bg:#f5f8fc;--mp-paper:#fff;--mp-ink:#173752;--mp-muted:#4e6579;--mp-line:#e0e8f0;--mp-blue:#0b85cd;--mp-soft:#e9f4fc;--mp-good:#0d705b;--mp-good-bg:#e8f5ef;--mp-warm:#88550b;--mp-warm-bg:#fff3dc;--mp-navy:#123f68;--mp-info-ink:#075c95;--mp-booking:#096ba9;--mp-booking-ink:#fff;--mp-booking-second:#123f68;--mp-booking-second-ink:#fff;margin-top:19px;pointer-events:none;isolation:isolate}
.mp-shell{border:1px solid var(--mp-line);border-radius:11px;background:var(--mp-bg);height:292px;overflow:hidden;color:var(--mp-ink);font:400 11px/1.4 var(--sans,Inter,sans-serif);text-align:left;box-shadow:0 6px 18px -14px #0a3a6b55}
.mp-shell *{box-sizing:border-box;min-width:0}
.mp-app-bar{height:34px;background:var(--mp-paper);border-bottom:1px solid var(--mp-line);display:flex;align-items:center;gap:6px;padding:0 10px}
.mp-app-mark{width:16px;height:16px;color:var(--mp-blue);flex:none;display:flex}.mp-app-mark svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5}
.mp-app-bar>b{font-size:11px;letter-spacing:-.02em}.mp-demo{margin-left:auto!important;color:var(--mp-muted);font-size:9px!important;line-height:1.2!important;letter-spacing:.02em!important;padding:3px 5px;border:1px solid var(--mp-line);border-radius:4px}
.mp-app-body{padding:11px 10px 10px}.mp-page-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mp-page-heading>strong{font-size:12px;letter-spacing:-.015em;font-weight:650;white-space:nowrap}.mp-page-heading>span{color:var(--mp-muted);font-size:9px;white-space:nowrap}
.mp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.mp-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-stat{background:var(--mp-paper);border:1px solid var(--mp-line);border-radius:6px;padding:7px 8px;position:relative}.mp-stat>span{display:block;font-size:9px;color:var(--mp-muted);white-space:nowrap}.mp-stat>strong{display:block;font-size:19px;font-weight:700;letter-spacing:-.035em;color:var(--mp-ink);margin-top:2px;line-height:1.3;white-space:nowrap}.mp-stat>em{position:absolute;bottom:9px;right:8px;font-size:8px;color:var(--mp-muted);font-style:normal}.mp-stat:has(em)>strong{padding-bottom:8px}.mp-stat:has(em)>em{bottom:5px;left:8px;right:auto}
.mp-inset{background:var(--mp-paper);border:1px solid var(--mp-line);border-radius:6px;padding:8px}.mp-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.mp-section-head>b{font-size:10px;font-weight:600}.mp-section-head>span{color:var(--mp-muted);font-size:9px;white-space:nowrap}
.mp-flag{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:var(--mp-info-ink);background:var(--mp-soft);border-radius:3px;padding:2px 4px;font-size:8px!important;line-height:1.3!important;font-weight:500}.mp-flag.good{color:var(--mp-good);background:var(--mp-good-bg)}.mp-flag.warm{color:var(--mp-warm);background:var(--mp-warm-bg)}
.mp-list{margin-top:5px}.mp-list>div{display:flex;align-items:center;gap:5px;padding:5px 1px;border-bottom:1px solid var(--mp-line);font-size:9px}.mp-list>div:last-child{border-bottom:0}.mp-list>div>span:first-child{flex:1;color:var(--mp-ink)}.mp-list>div>b{color:var(--mp-muted);font-weight:400;font-size:8px}.mp-list .mp-flag{flex:none;margin-left:2px}
.mp-bottom-note{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:9px;color:var(--mp-muted);white-space:nowrap}.mp-bottom-note>i{width:4px;height:4px;background:var(--mp-blue);border-radius:50%;flex:none}.mp-bottom-note>span{margin-left:auto;color:var(--mp-ink);font-size:9px}
.mp-cash-chart{width:100%;height:65px;display:block;overflow:visible}.mp-chart-grid{stroke:var(--mp-line);stroke-width:1;stroke-dasharray:3 4}.mp-chart-area{fill:var(--mp-soft)}.mp-chart-line{stroke:var(--mp-blue);stroke-width:2}.mp-chart-second{stroke:#80a4bd;stroke-width:1.8}.mp-chart-end{fill:var(--mp-blue)}.mp-chart-foot{display:flex;justify-content:space-between;color:var(--mp-muted);font-size:8px;margin-top:3px}
.mp-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:9px}.mp-side-panel{padding:9px;background:var(--mp-paper);border:1px solid var(--mp-line);border-radius:6px}.mp-doc-row{display:flex;align-items:center;gap:5px;padding:9px 0;border-bottom:1px solid var(--mp-line);font-size:9px}.mp-document-icon{display:grid;place-items:center;width:20px;height:23px;background:var(--mp-soft);color:var(--mp-blue);border-radius:4px;font-size:11px;flex:none}.mp-doc-row>span:nth-child(2){flex:1}.mp-doc-row b{display:block;color:var(--mp-muted);font-size:8px;font-weight:400;margin-top:2px}.mp-workflow{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:15px;font-size:8px;color:var(--mp-muted)}.mp-workflow>span{border:1px solid var(--mp-line);padding:5px 4px;border-radius:3px;color:var(--mp-ink)}.mp-workflow>i{font-style:normal;color:var(--mp-blue)}
.mp-presence-bar{display:flex;gap:3px;height:7px;border-radius:5px;overflow:hidden;margin:11px 0 7px}.mp-presence-bar>i{background:var(--mp-blue);flex:44}.mp-presence-bar>i:nth-child(2){background:#8bbfe2;flex:3}.mp-presence-bar>i:nth-child(3){background:var(--mp-line);flex:1}.mp-presence-key{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:var(--mp-muted)}.mp-presence-key>span{display:flex;align-items:center;gap:4px}.mp-presence-key i{width:4px;height:4px;border-radius:50%;background:var(--mp-blue)}.mp-presence-key>span:nth-child(2) i{background:#8bbfe2}
.mp-fleet-state{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.mp-fleet-state>span{display:block;font-size:8px;color:var(--mp-muted);border-left:2px solid var(--mp-blue);padding-left:6px}.mp-fleet-state>span:nth-child(2){border-color:#80a4bd}.mp-fleet-state>span:nth-child(3){border-color:#d5a552}.mp-fleet-state b{font-size:13px;color:var(--mp-ink);display:block;line-height:1.4;font-weight:650}
.mp-motion-map{height:100px;background:var(--mp-paper);border:1px solid var(--mp-line);border-radius:6px;overflow:hidden;position:relative;margin-bottom:7px}.mp-motion-map>svg{width:100%;height:100%;display:block}.mp-map-block{fill:var(--mp-soft)}.mp-map-road{stroke:var(--mp-line);stroke-width:3}.mp-map-route{stroke:var(--mp-blue);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.mp-map-origin{fill:var(--mp-paper);stroke:var(--mp-blue);stroke-width:2}.mp-map-position{fill:var(--mp-blue);stroke:var(--mp-paper);stroke-width:2}.mp-map-halo{fill:var(--mp-soft)}.mp-map-arrow{fill:var(--mp-paper)}.mp-map-label{position:absolute;bottom:5px;right:5px;font-size:8px;padding:2px 4px;background:var(--mp-paper);color:var(--mp-muted);border-radius:3px}.mp-motion-stats{margin:0}.mp-motion-stats .mp-stat{padding:5px 7px}.mp-motion-stats .mp-stat>strong{font-size:12px}.mp-motion .mp-bottom-note{margin-top:5px}
.mp-ledger{background:var(--mp-paper);border:1px solid var(--mp-line);border-radius:6px;padding:7px}.mp-ledger .mp-section-head{margin-bottom:3px}.mp-ledger table{width:100%;border-collapse:collapse;font-size:8px;font-variant-numeric:tabular-nums;line-height:1.3}.mp-ledger td,.mp-ledger th{padding:3px 0;text-align:right;border-bottom:1px solid var(--mp-line);white-space:nowrap;font-weight:400}.mp-ledger th{font-size:8px;color:var(--mp-muted)}.mp-ledger td:first-child,.mp-ledger th:first-child{text-align:left}.mp-ledger tfoot td{font-weight:700;color:var(--mp-ink);border-bottom:0;padding-top:4px}.mp-balance .mp-stat{padding-top:6px;padding-bottom:5px}.mp-balance .mp-stat:has(em)>strong{padding-bottom:8px}.mp-balance .mp-stats{margin-bottom:6px}.mp-balance .mp-page-heading{margin-bottom:7px}
.mp-calendar-head,.mp-calendar-row{display:grid;grid-template-columns:31px repeat(5,minmax(0,1fr));gap:3px;align-items:center}.mp-calendar-head{font-size:8px;color:var(--mp-muted);text-align:center;margin-bottom:6px}.mp-calendar-head>span:first-child{text-align:left}.mp-calendar-row{margin-top:4px;height:17px;font-size:8px}.mp-calendar-row>span{color:var(--mp-muted)}.mp-calendar-row>i{height:16px;background:var(--mp-bg);border-radius:2px;font-size:8px;font-style:normal;white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:0 3px;color:var(--mp-ink)}.mp-calendar-row>.booked{background:var(--mp-booking);color:var(--mp-booking-ink)}.mp-calendar-row>.second{background:var(--mp-booking-second);color:var(--mp-booking-second-ink)}.mp-calendar-row>.span3{grid-column:span 3}.mp-calendar-row>.span2{grid-column:span 2}.mp-reservations{padding:7px}
.mp-detail .mp-shell{height:auto;min-height:292px}.mp-detail:not(.mp-wide) .mp-app-body{max-width:380px;margin:0 auto;padding:16px}.mp-detail:not(.mp-wide) .mp-stat>span{font-size:11px}.mp-detail:not(.mp-wide) .mp-stat>strong{font-size:19px}.mp-detail:not(.mp-wide) .mp-page-heading>strong{font-size:12px}.mp-detail:not(.mp-wide) .mp-page-heading>span{font-size:11px}.mp-detail .mp-app-bar{height:35px}.mp-detail .mp-app-bar>b{font-size:11px}.mp-detail .mp-demo{font-size:10px!important}.mp-detail .mp-motion-map{height:150px}
.mp-funnel>div:not(.mp-section-head){display:grid;grid-template-columns:78px 1fr 15px;align-items:center;gap:5px;margin-top:8px;font-size:9px;line-height:1.35}.mp-funnel>div:not(.mp-section-head)>span{color:var(--mp-muted)}.mp-funnel>div:not(.mp-section-head)>strong{font-size:9px;text-align:right;font-weight:600;color:var(--mp-ink)}.mp-funnel>div:not(.mp-section-head)>i{display:block;height:6px;border-radius:4px;background:var(--mp-soft);overflow:hidden}.mp-funnel>div:not(.mp-section-head)>i>b{display:block;height:100%;width:100%;background:#7f6bd9;border-radius:4px}.mp-funnel>div:not(.mp-section-head):nth-child(3)>i>b{width:87.5%}.mp-funnel>div:not(.mp-section-head):nth-child(4)>i>b{width:62.5%}.mp-funnel>div:not(.mp-section-head):nth-child(5)>i>b{width:50%}.mp-funnel .mp-section-head>span{font-size:8px}
.mp-map-vehicle{position:absolute;top:5px;left:5px;background:var(--mp-paper);padding:5px 6px;border:1px solid var(--mp-line);border-radius:4px;display:flex;align-items:center;gap:6px}.mp-map-vehicle>b{font-size:8px;font-weight:600}.mp-motion-stats .mp-stat>strong{font-size:16px}
.mp-doc-amount{font-size:9px;font-weight:600;white-space:nowrap;color:var(--mp-ink)}
html[data-public-site][data-theme="dark"] .module-preview{--mp-bg:#0d1e2f;--mp-paper:#142b40;--mp-ink:#d5e8f7;--mp-muted:#98b0c5;--mp-line:#2b455d;--mp-blue:#59b8ee;--mp-soft:#1b3b54;--mp-good:#8fd5bd;--mp-good-bg:#1b423e;--mp-warm:#edc77c;--mp-warm-bg:#473d27;--mp-navy:#3475a6;--mp-info-ink:#9ed5fb;--mp-booking:#59b8ee;--mp-booking-ink:#102b42;--mp-booking-second:#3475a6;--mp-booking-second-ink:#fff}
@media(min-width:981px){.mp-wide .mp-stat>strong{font-size:20px}.mp-wide .mp-app-body{padding:11px 12px}.mp-wide .mp-shell{height:292px}}
@media(min-width:561px) and (max-width:980px){.mp-wide .mp-dashboard-grid{grid-template-columns:1fr}.mp-wide .mp-side-panel{display:none}.mp-wide .mp-cash-chart{height:68px}.mp-wide .mp-stat>strong{font-size:19px}}
@media(max-width:560px){.module-preview{margin-top:18px}.mp-shell{height:292px}.mp-app-body{padding:11px 12px}.mp-wide .mp-dashboard-grid{grid-template-columns:1fr}.mp-wide .mp-side-panel{display:none}.mp-wide .mp-cash-chart{height:70px}.mp-wide .mp-stat>strong{font-size:20px}.mp-detail.mp-wide .mp-side-panel{display:block}.mp-detail.mp-wide .mp-shell{height:auto}.mp-detail.mp-wide .mp-dashboard-grid{grid-template-columns:1fr}}