/* Πορεία στο κινητό.
   (Μέχρι την 0.35.0: μέρος του v031.css.) */
/* ---- Πορεία στο κινητό ---- */
.mtl-themes {
  margin: 4px 0 8px;
}
.mtl-themes summary {
  cursor: pointer;
  font-weight: 600;
}
.mtl-themes ul {
  list-style: none;
  margin: 6px 0;
  padding: 0;
}
.mtl-themes li button {
  all: unset;
  display: block;
  cursor: pointer;
  padding: 6px 4px;
  border-bottom: 1px solid var(--line-2);
  width: 100%;
  box-sizing: border-box;
}
.mtl-themes li button[aria-pressed='true'] {
  background: var(--blue-tint);
}
.mtl-filter {
  margin: 4px 0;
}
.mtl-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mtl-row {
  display: grid;
  grid-template-columns: 68px 18px minmax(0, 1fr) auto;
  gap: 6px;
  align-items: start;
  padding: 8px 0;
  border-top: 1px solid var(--line-2);
}
.mtl-date {
  font-size: 13px;
  color: var(--muted);
}
.mtl-sym {
  color: var(--blue);
  text-align: center;
}
.mtl-row.is-turning .mtl-sym {
  color: #a26b14;
}
.mtl-c .mtl-main {
  color: var(--muted);
}
.mtl-main .tl-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.mtl-phase {
  margin: 12px 0 2px;
  padding: 6px 8px;
  background: var(--surface);
  border-radius: 8px;
  color: var(--blue-dark);
}
html.m-mobile .pv-path {
  padding-left: 0;
}
html.m-mobile .pv-path::before,
html.m-mobile .pv-dot {
  display: none;
}
html.m-mobile .pv-card {
  padding: 10px 12px;
  border-radius: 10px;
}
html.m-mobile .pv-card.pv-current {
  box-shadow: none;
}
html.m-mobile .pv-card h4 {
  font-size: 15px;
}
html.m-mobile .pv-row {
  grid-template-columns: 1fr;
  gap: 0;
  font-size: 15px;
}
html.m-mobile .pv-row b {
  font-size: 13px;
}
html.m-mobile .pv-now {
  border: 0;
  padding: 0;
  background: none;
}
html.m-mobile .pv-now h5 {
  text-transform: none;
  letter-spacing: 0;
  font-size: 15px;
}
html.m-mobile .pv-step {
  margin: 0 0 10px;
}
html.m-mobile .pv-collapsed .pv-card > *:not(.pv-head) {
  display: none;
}
html.m-mobile .pv-step:not(.pv-bridge):not(.pv-start):not(.is-current) .pv-head {
  cursor: pointer;
}
html.m-mobile .pv-step:not(.pv-bridge):not(.pv-start):not(.is-current) .pv-head h4::after {
  content: ' ▾';
  color: var(--muted);
  font-weight: 400;
}
html.m-mobile .pv-step:not(.pv-collapsed):not(.pv-bridge):not(.pv-start):not(.is-current) .pv-head h4::after {
  content: ' ▴';
}
html.m-mobile .pv-legend-wrap summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 14px;
}
html.m-mobile .pv-missing {
  color: var(--muted);
  margin: 6px 0 0;
}
.m-ctx:not(:empty) + .m-save:not(:empty)::before {
  content: ' · ';
}