/* More shares the cabinet's centered canvas and the VPN page's two-column action cards. */
.view.more-view {
  display:grid;
  align-content:start;
  gap:20px;
  width:100%;
  max-width:480px;
  margin-inline:auto;
}
.more-view > .page-head { margin:0; }
.more-intro { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.more-view .settings-menu {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  margin:0;
}
.more-view .row-item {
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  min-height:68px;
  gap:12px;
  padding:10px 14px;
  border-radius:16px;
}
.more-view .more-tile,
.more-view .more-service { min-height:68px; }
.more-view .row-icon {
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  margin:0;
  border:1px solid var(--line-2);
  border-radius:14px;
  color:var(--soft);
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel-4) 85%,var(--text) 15%),var(--panel-2) 70%);
  box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--text) 20%,transparent),inset -1px -2px 0 rgba(0,0,0,.18),0 3px 0 var(--line-soft),0 5px 8px rgba(0,0,0,.12);
  transform:none;
}
.more-view .row-icon svg { width:24px; height:24px; transform:none; stroke-width:1.8; filter:none; }
.more-view .row-copy { display:grid; flex:1 1 auto; gap:3px; min-width:0; }
.more-view .row-copy strong {
  min-width:0;
  color:inherit;
  font-size:14px;
  line-height:1.35;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}
.more-view .row-copy small {
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
}
.more-view .row-item > b { align-self:center; }
.more-view button:focus-visible { outline:2px solid var(--text); outline-offset:4px; }
.more-view .row-item:disabled { opacity:.5; cursor:not-allowed; }
@media (hover:hover) {
  .more-view .row-item:hover { border-color:var(--hover-border); }
}
@media (prefers-reduced-motion:no-preference) {
  .more-view .row-item { transition:transform .2s ease,border-color .2s ease; }
  .more-view .row-item:active { transform:scale(.99); }
}
@media (min-width:480px) {
  .more-view .settings-menu { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; }
  .more-view .row-item {
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    grid-template-rows:minmax(54px,auto) auto;
    align-content:start;
    align-items:start;
    gap:8px;
    min-height:116px;
    padding:12px;
    border-radius:18px;
  }
  .more-view .row-icon { grid-column:1; grid-row:1; }
  .more-view .row-copy { display:contents; }
  .more-view .row-copy strong { grid-column:2; grid-row:1; align-self:start; font-size:13px; line-height:1.35; }
  .more-view .row-copy small { grid-column:1 / -1; grid-row:2; align-self:start; padding-right:14px; font-size:11px; line-height:1.45; }
  .more-view .row-item > b { grid-column:2; grid-row:2; justify-self:end; align-self:end; }
}

/* Cabinet mode chooser added by 20261020-month-packs-1. */
.cabinet-picker-options { display:grid; gap:8px; }
.cabinet-picker-option { display:grid; grid-template-columns:40px minmax(0,1fr) 16px; align-items:center; gap:12px; width:100%; min-width:0; min-height:72px; padding:12px; border:1px solid var(--line); border-radius:14px; color:var(--text); background:var(--panel); text-align:left; }
.cabinet-picker-option .row-icon { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--line-2); border-radius:12px; color:var(--soft); background:var(--panel-3); }
.cabinet-picker-option .row-icon svg { width:22px; height:22px; }
.cabinet-picker-option .row-copy { display:grid; min-width:0; gap:4px; }
.cabinet-picker-option .row-copy strong { font-size:13px; line-height:1.35; }
.cabinet-picker-option .row-copy small { color:var(--muted); font-size:11px; line-height:1.45; }
.cabinet-picker-option > b { justify-self:end; color:var(--muted); font-size:20px; font-weight:400; }
.cabinet-picker-option:focus-visible { outline:2px solid var(--mint); outline-offset:3px; }