/* Dharma Roads — extras for the planner page on the hosted site (share bar, live rates, site links, print). */
/* ---------- additions on the planner page ---------- */
.app .sitelinks{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.app .sitelinks a{color:var(--muted)}
.sharebar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:color-mix(in srgb,var(--saffron) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--saffron) 35%,var(--line));border-radius:12px;padding:12px 14px;margin-top:12px}
.rate-live{font-size:.8rem;color:var(--good)}
.app .brand .brand-logo{width:32px;height:32px;border-radius:50%;flex:none}
.madeby{display:flex;flex-direction:column;align-items:center;gap:8px;margin:24px 0 0;text-align:center;font-weight:600;color:var(--muted)}
.madeby img{width:83px;height:auto;border-radius:10px}

/* ---------- print: the trip plan only ---------- */
@media print{
  body.app>*:not(main),body.app main>*:not(#plan):not(#pack),.app #plan .card-actions,.app .styles,.app .rates,.app .stepper,.app .plan-list .ctl,.app .plan-list .grip,.app .date-row input,.app .pack-meter button{display:none!important}
  body.app{background:#fff;color:#000;padding:0}
  .app #plan,.app #pack{padding-top:10px}
  .app .panel,.app .pack-col{border:1px solid #ccc;box-shadow:none;break-inside:avoid}
  .app .reveal{transform:none!important}
}