/* WO-MAPMOG-PORT-003: Settings full view. --v-* tokens and full-view.css parts only.
   Live lane batch2: the big view is a grid of cards that look like the small card
   (same .pc-thm / .pc-sld / .pc-tog parts, same caps and rows), never stretched rows. */
.pc-fs { display: flex; flex: 1; min-height: 0; width: 100%; color: var(--v-ink); font: 400 16.6px/1.45 var(--v-font); }
.pc-fs-rail { flex: 0 0 auto; overflow: auto; }
.pc-fs-main {
  flex: 1; min-width: 0; overflow: auto; padding: 18px 20px 24px; align-content: start;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px;
}
.pc-fs-pane { display: flex; flex-direction: column; gap: 16px; }
.pc-fs-pane[hidden] { display: none; }
.pc-fs-set, .pc-fs-keys, .pc-fs-danger {
  border: 1px solid var(--v-line); border-radius: 16px; background: var(--v-surf2);
  padding: 14px 18px; margin: 0;
}
.pc-fs-cap.pc-full-cap { padding: 0; margin: 0 0 8.6px; font: 700 13px/1.45 var(--v-font); letter-spacing: 1.44px; }
.pc-fs-danger { border-color: var(--v-live); }
.pc-fs-row[aria-disabled="true"] { color: var(--v-mut); }
.pc-fs-label { font: 500 16px/1.4 var(--v-font); }
.pc-fs .pc-tt { background: var(--v-surf); }
.pc-fs .pc-sld { width: 100%; margin: 5.8px 0 11.5px; }
.pc-fs-delete {
  padding: 8px 12px; border-radius: 9px; border: 1px solid var(--v-live); background: transparent;
  color: var(--v-live); font: 700 14px/1.2 var(--v-font); cursor: not-allowed; opacity: .6;
}
.pc-fs-back { display: none; }
@media (max-width: 600px) {
  /* REV1-017: phone opens on the compact content (one scrolling page). The rail is a slim chip row
     above it that jumps to a section, like Info's; it is never a list-only first screen. */
  .pc-fs { flex-direction: column; }
  .pc-fs-main { grid-template-columns: 1fr; padding: 12px; }
  .pc-fs-rail.pc-full-rail {
    flex-direction: row; flex-wrap: wrap; min-width: 0; flex: none; overflow: visible;
    border-right: 0; border-bottom: 1px solid var(--v-line); padding: 8px 12px;
  }
  .pc-fs-rail .pc-full-rail-item { flex: none; white-space: nowrap; padding: 6px 10px; }
}