/* The scenery stays outside the cabin; the selected co-pilot keeps the window. */
.tk-plan-van { overflow:visible; }
.tk-plan-landscape { fill:none; stroke:var(--green); stroke-width:1.05; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.tk-plan-sun { stroke:var(--navy); stroke-width:.85; }
.tk-plan-sun circle { fill:var(--cream); }
.tk-plan-waves { stroke:var(--navy); opacity:.65; }
.tk-plan-waves path:last-child { stroke:var(--cream); stroke-width:1.5; }
.tk-plan-tree { transform-box:view-box; }
.tk-plan-tree-left { transform-origin:-6px 53px; }
.tk-plan-tree-right { transform-origin:105px 53px; }
.tk-pine-fill { fill:var(--green); fill-opacity:.72; stroke:var(--navy); stroke-width:.7; }
.tk-plan-ground { stroke:var(--green); opacity:.7; }
.tk-plan-route { stroke:var(--navy); stroke-dasharray:2 4; opacity:.7; }
.tk-plan-pin { fill:var(--cream); stroke:var(--navy); stroke-width:.8; }
.tk-plan-pin circle { fill:var(--orange); }
.tk-plan-route-dots { stroke-width:2; stroke:var(--cream); }

/* A paper object around the existing preview; every summary node stays in place. */
.trip-dialog.tk-ticket { border:1px solid var(--navy); border-radius:12px; outline:1px dashed #74824e70; outline-offset:-10px; background-color:var(--cream); background-image:linear-gradient(110deg,#fff9eb75,transparent 45%,#e9dab52b); box-shadow:0 24px 70px #11283b38,inset 0 0 0 5px #fff9eb80; }
.tk-ticket .trip-result-top > .tk-postage { display:block; width:72px; height:65px; margin:0 auto 15px; overflow:visible; fill:none; stroke:var(--navy); stroke-width:1.1; stroke-linecap:round; stroke-linejoin:round; }
.tk-stamp-impression { transform:rotate(-7deg); transform-box:view-box; transform-origin:49px 42px; }
.tk-stamp-paper { fill:var(--orange); stroke:var(--navy); stroke-width:1.15; }
.tk-stamp-holes { fill:var(--cream); stroke:none; }
.tk-stamp-inset { fill:var(--cream); stroke:var(--green); stroke-width:.8; }
.tk-stamp-sun { fill:var(--orange); stroke:var(--navy); }
.tk-stamp-wave { stroke:var(--green); stroke-width:1.5; }
.tk-stamp-pine { fill:var(--green); fill-opacity:.8; stroke:var(--navy); stroke-width:.75; }
.tk-stamp-pine-small { fill-opacity:.48; }
.tk-stamp-moon { fill:var(--orange); stroke:none; }
.tk-stamp-road { stroke:var(--green); stroke-width:1.5; stroke-dasharray:3 3; }
.tk-stamp-neutral { stroke:var(--green); }
.tk-postmark { fill:none; stroke:var(--navy); stroke-width:1; stroke-dasharray:60; opacity:.62; }
.tk-ticket #trip-summary.tk-ticket-summary { position:relative; border-top:0; padding-top:5px; }
.tk-ticket-summary::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:radial-gradient(circle,#74824e85 1px,transparent 1.4px) left center/7px 3px repeat-x; pointer-events:none; }
.tk-ticket .trip-result-actions { position:relative; padding-top:15px; border-top:1px dashed #74824e70; }

@media(max-width:680px) {
  .tk-plan-tree-right { display:none; }
  .tk-ticket .trip-result-top > .tk-postage { width:63px; height:57px; margin-bottom:12px; }
  .trip-dialog.tk-ticket { outline-offset:-7px; }
}
@media(forced-colors:active) {
  .trip-dialog.tk-ticket { background:Canvas; border-color:CanvasText; outline-color:CanvasText; box-shadow:none; }
  .tk-plan-landscape,.tk-plan-sun,.tk-plan-waves,.tk-plan-ground,.tk-plan-route,.tk-plan-pin,.tk-stamp-neutral,.tk-stamp-wave,.tk-stamp-road,.tk-postmark { stroke:CanvasText; }
  .tk-pine-fill,.tk-stamp-paper,.tk-stamp-inset,.tk-stamp-sun,.tk-stamp-pine,.tk-stamp-moon { fill:Canvas; stroke:CanvasText; }
  .tk-stamp-holes { fill:Canvas; }
  .tk-ticket-summary::before { background:none; border-top:1px dashed CanvasText; }
}