/* WEB 12.47.0 — customer journey, built on the existing telemetry visual system. */
.owner-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #2c3c52;padding:20px 0 12px;margin-top:20px}.owner-toolbar strong{font-size:13px;font-weight:600;color:#e8eff8}.owner-toolbar p{font-size:11px;line-height:1.6;color:#a7b7cb;max-width:760px;margin-top:7px}.owner-role{display:grid;gap:7px;min-width:180px;font-size:10px;color:#a7b7cb}.owner-role select{background:#172334;color:#e8eff8;border:1px solid #40526b;border-radius:5px;padding:10px;font:inherit;font-size:12px}
.owner-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:6px;background:#101824;border:1px solid #28394f;border-radius:8px}.owner-nav button{background:transparent;border:1px solid transparent;border-radius:5px;padding:13px 7px;color:#b5c5da;font-size:12px;font-weight:600}.owner-nav button:hover{background:#202d40}.owner-nav button[aria-current=page]{background:var(--accent);color:#09111c;border-color:var(--accent)}.owner-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 22px}.owner-actions button,.owner-tour button{font-size:11px;color:#becde0;border:1px solid #36475e;background:#182334;padding:9px 12px;border-radius:5px}.owner-actions a{margin-left:auto;color:var(--accent);font-size:12px;text-decoration:none}.owner-tour{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#152639;border:1px solid #3e6481;border-radius:8px;padding:18px;margin-bottom:22px}.owner-tour strong{font-size:14px}.owner-tour p{margin-top:7px;color:#b0c2d8;font-size:12px}.owner-tour>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.full-demo[data-owner-page=true] .tabbar{display:none}.full-demo[data-demo-role=owner] .footer{display:none}.owner-page{margin-top:24px}.owner-heading{margin:0 0 24px}.owner-eyebrow{color:var(--accent)!important;font-size:9px!important;font-weight:bold;letter-spacing:2px;margin-bottom:10px!important}.owner-heading h2{font-size:28px;letter-spacing:-.5px;margin-bottom:10px}.owner-heading>p:last-child{font-size:13px;color:#a7b9d1;line-height:1.7;max-width:850px}.owner-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #31425a;border-radius:9px;background:linear-gradient(130deg,#182639,#111b29);margin-bottom:22px;overflow:hidden}.owner-metrics>div{padding:25px 22px;border-right:1px solid #31425a}.owner-metrics>div:last-child{border:0}.owner-metrics strong{font-size:31px;display:block;margin-bottom:10px;font-variant-numeric:tabular-nums;color:#f1f6fc}.owner-metrics span{font-size:11px;color:#a9bbd2;line-height:1.6;display:block}.owner-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:20px;margin-bottom:20px}.owner-card{background:linear-gradient(130deg,#141f2e,#101925);border:1px solid #2f4058;border-radius:9px;padding:25px;min-width:0}.owner-card h3{font-size:15px;color:#e1eaf6;margin:0 0 20px}.owner-card h4{font-size:13px;margin:12px 0 10px}.owner-card p{font-size:12px;color:#acbdd3;line-height:1.8;overflow-wrap:anywhere}.owner-card small{color:#a1b5ce;line-height:1.7;font-size:10px;overflow-wrap:anywhere}.owner-card h3:not(:first-child){margin-top:24px}.owner-button{display:inline-flex;align-items:center;justify-content:center;background:#223349;color:#e6effb;border:1px solid #49617e;border-radius:5px;padding:12px 15px;font-size:12px!important;line-height:1.5;text-align:left;max-width:100%;margin-top:15px}.owner-button:hover{border-color:var(--accent)}.owner-button.subtle{background:transparent;font-size:11px!important;color:#b4c6de}.owner-badge{display:inline-block;max-width:100%;padding:5px 8px;border:1px solid #40546e;border-radius:4px;background:#1c2b3e;color:#bcd0e8;font-size:9px;letter-spacing:.4px;line-height:1.5;vertical-align:middle}.owner-badge.accent{border-color:var(--accent);color:var(--accent);background:#162335}.owner-badge.good{background:#142f2b;color:#83e2c3;border-color:#315e53}.owner-badge.warning{background:#30291d;color:#ffd48a;border-color:#695631}#ownerTasks .owner-button{display:flex;justify-content:space-between;width:100%;margin:0 0 10px}#ownerTasks .owner-button::after{content:'↗';color:var(--accent);font-size:17px;margin-left:12px}.owner-timeline{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:26px 0 10px;gap:12px;padding:0}.owner-timeline li{border-top:2px solid #354158;padding-top:13px;min-width:0}.owner-timeline b{font-size:13px;display:block;color:#9bacc3;margin-bottom:10px}.owner-timeline span{font-size:10px;line-height:1.6;color:#a1b3cb;display:block}.owner-timeline .complete{border-color:#5aa995}.owner-timeline .complete b{color:#83dbc0}.owner-timeline .current{border-color:var(--accent)}.owner-timeline .current b,.owner-timeline .current span{color:var(--accent)}.owner-caption,.owner-local{font-size:11px;line-height:1.8;color:#a0b3cc;margin:12px 0 24px}.owner-local{border-top:1px solid #293a51;padding-top:20px;margin-top:28px}.owner-row{display:flex;gap:20px;align-items:baseline;justify-content:space-between;border-bottom:1px solid #2b3c51;padding:12px 0;font-size:12px;line-height:1.6}.owner-row span{color:#a9bad2}.owner-row strong{color:#e2ebf8;font-weight:500;text-align:right;overflow-wrap:anywhere}.owner-serial{font-size:25px;letter-spacing:.5px;margin-bottom:15px}.owner-entry{padding:16px 0;border-top:1px solid #2b3c51}.owner-entry:first-of-type{border-top:0;padding-top:0}.owner-form{display:grid;gap:10px;max-width:820px}.owner-card label{font-size:12px;line-height:1.6;color:#c2d1e4}.owner-card input,.owner-card textarea{font:inherit;font-size:13px;background:#0b1420;color:#e5eefb;border:1px solid #405574;border-radius:5px;width:100%;padding:12px;line-height:1.6}.owner-card textarea{min-height:110px;resize:vertical}.owner-entry label{display:block;margin:15px 0 8px}.owner-form button{justify-self:start}.owner-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.owner-document{display:flex;flex-direction:column;align-items:flex-start}.owner-doc-icon{font-size:35px;color:var(--accent);width:55px;height:60px;line-height:60px;text-align:center;border:1px solid #405671;border-radius:6px;margin-bottom:20px;background:#1c2b3d}.owner-document h3{margin:18px 0 12px!important}.owner-document p{margin-bottom:16px}.owner-document details{font-size:11px;color:#afc1d8;margin-top:20px;width:100%}.owner-document summary{cursor:pointer}.owner-document details .owner-button{display:block}.owner-document>.owner-button{width:100%;justify-content:center}
#ownerDocDialog{width:min(700px,calc(100% - 28px));max-height:88vh;background:#111c2b;color:#e5eef8;border:1px solid #4b6280;border-radius:12px;padding:30px;box-shadow:0 30px 90px #0008;margin:auto}#ownerDocDialog::backdrop{background:#03080de0;backdrop-filter:blur(5px)}#ownerDocDialog h2{font-size:23px;margin-bottom:15px}#ownerDocDialog pre{font:13px/1.9 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #34465e;border-radius:6px;padding:24px;margin-top:22px;color:#c0d0e4;background:#0c1622}#ownerDocDialog .owner-button{margin-right:8px}#ownerDocDialog .owner-badge.good{display:block;margin-top:20px}.owner-check{display:flex;gap:12px;align-items:flex-start;margin-top:24px;line-height:1.8;font-size:12px}.owner-check input{accent-color:var(--accent);margin-top:4px;width:18px;height:18px;flex-shrink:0}.owner-warning{color:#ffd48a;margin-top:20px;font-size:12px;line-height:1.6}.owner-cockpit-screen{background:radial-gradient(ellipse at 50% 100%,#173f4e,#080e17 70%);border:4px solid #304158;border-radius:14px;width:min(100%,540px);aspect-ratio:5/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:20px;margin-top:20px;box-shadow:0 10px 24px #0005}.owner-cockpit-screen small{color:#8dcacb;letter-spacing:3px;font-size:9px}.owner-cockpit-screen strong{font-size:clamp(20px,3vw,32px);text-align:center;color:white;max-width:100%;overflow-wrap:anywhere}.owner-cockpit-screen span{font-size:11px;color:#b2d4e2;letter-spacing:1px}
.full-demo.presentation .owner-toolbar,.full-demo.presentation .owner-actions,.full-demo.presentation .owner-local{display:none}.full-demo.presentation .owner-nav{margin-top:10px}.owner-nav button,.owner-button,.owner-actions button{min-height:42px}
@media(max-width:900px){.owner-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.owner-grid{grid-template-columns:1fr 1fr}.owner-metrics>div{padding:20px 16px}.owner-card{padding:20px}.owner-nav button{font-size:11px}.owner-doc-grid{gap:12px}.owner-toolbar{gap:16px}.owner-tour{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.owner-toolbar{align-items:stretch;flex-direction:column;gap:14px;margin-top:12px}.owner-toolbar strong{font-size:12px}.owner-role{display:flex;justify-content:space-between;align-items:center}.owner-role select{min-width:170px}.owner-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.owner-nav button{font-size:11px;padding:11px 5px}.owner-actions{gap:8px;margin-bottom:20px}.owner-actions a{width:100%;margin:6px 0 0}.owner-heading h2{font-size:25px}.owner-heading>p:last-child{font-size:12px}.owner-metrics{grid-template-columns:1fr 1fr}.owner-metrics>div:nth-child(2){border-right:0}.owner-metrics>div:nth-child(-n+2){border-bottom:1px solid #31425a}.owner-metrics strong{font-size:27px}.owner-grid,.owner-doc-grid{grid-template-columns:1fr}.owner-card{padding:19px}.owner-timeline{gap:8px}.owner-timeline span{font-size:9px;overflow-wrap:anywhere}.owner-row{font-size:11px;gap:12px}.owner-serial{font-size:22px}#ownerDocDialog{padding:20px}#ownerDocDialog pre{padding:15px;font-size:12px}.owner-toolbar p{font-size:10px}.owner-tour>div:last-child{gap:5px}.owner-tour button{padding:9px}.owner-page{margin-top:18px}}
@media(max-width:400px){.owner-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep recorded telemetry readable inside the demo's nested ride columns. */
@media(min-width:761px){.full-demo #demoReplay .rr-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.full-demo #demoReplay .rr-metric strong{font-size:32px;white-space:nowrap}.full-demo #demoReplay .rr-visuals{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}}
@media(min-width:701px) and (max-width:1000px){.full-demo .demo-history{grid-template-columns:1fr}.full-demo #rideList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
.archive-mode,.archive-pickers label{display:grid;gap:.45rem;font-weight:650;color:#d5dfed}.archive-mode{max-width:27rem}.archive-mode select,.archive-pickers select{width:100%;min-width:0;border:1px solid #496078;border-radius:6px;background:#142236;color:#f3f6fc;padding:.7rem;font:inherit}#archiveExplain{margin:.6rem 0 1rem}.archive-stats{background:#131f2e;border:1px solid #40536c;border-radius:8px;margin:14px 0;padding:12px 16px}.archive-stats>summary{cursor:pointer;padding:5px;color:#edf3fc;font-weight:bold}.archive-pickers,#archiveTotals{display:grid;gap:12px;margin:14px 0;grid-template-columns:repeat(2,minmax(0,1fr))}#archiveTotals{grid-template-columns:repeat(3,minmax(0,1fr))}#archiveTotals span,#archiveTotals strong{display:block}#archiveTotals span{font-size:12px;color:#b7c6da}#archiveTotals strong{font-size:clamp(16px,2vw,24px)}@media(max-width:600px){.archive-stats{padding:10px}.archive-pickers,#archiveTotals{grid-template-columns:1fr}#archiveTotals{gap:0}#archiveTotals>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #31445b;padding:6px 0}#archiveTotals span{overflow-wrap:anywhere}#archiveTotals strong{white-space:nowrap}}
